前回の続きです。 ビューデータバインダを書く サーバから受け取ったデータを、html ビューにバインドする処理を、javascript を使って書いていきます。この処理には、css と jquery の組み合わせは非常に有用です。java では jsp があったり、django にもテ…

前回の続きです。今回はビューの作成です。普段仕事で html/css を使う機会がないので、その奥深さに戦きます。 各画面を書く 続いて、各画面の html/css を書いていきます。今回の ToDo アプリでは画面がふたつ存在します。 ToDo 一覧を表示する画面 ひとつ…

前回の続きです。もはや趣味では違うコードを書いているので、この記事のモチベーションを保つのが難しい。 画面遷移の方法 以前に書いた通り、このアプリのすべての主要な画面は、最初のアクセス時にすべてブラウザにロードするようにします。つまり、アプ…

前回の続きです。 実装は簡単なのに話しが長くなってきて、いつまで続くのか不安です。今回ここで作ったToDo アプリは、スケッチ用に作ってみたものですが、よくよく見回してみると ToDo アプリはけっこうあるもんです。Gmail も ToDo を管理する用途の機能…

前回の続きです。 リクエストハンドラを実装していく 続いて、GAEp のリクエストハンドラを実装していきます。各実装ごとに部分的に書いていきます。 MainView の実装 MainView#get() では、単純に html を出力します。todo/handlers.py内 import os from go…

前回の続きです。 GAEp 上にリクエストハンドラを定義する 続いて、リクエストハンドラを定義していきます。 今回は、4つのリクエストハンドラを定義します。各リクエストハンドラの用途は以下です。 ビューとなる html の取得 ToDo アイテムのリスト取得API…

前回の続きです。 GAEp 上にモデルを定義する ようやくGAEpのソースコードが出てきます。 モデルの整理 今回の ToDo アプリで必要な要件を整理します。 * ひとつの ToDo を表すアイテム(ToDo アイテム)が存在する * ひとつの ToDo アイテムは、必ず誰かのア…

前回の続きです。 GAEpプロジェクトとそのファイル構成 Google App Engine Pythonプロジェクトの作成 プロジェクト作成方法は、スタートガイドあたりを参考に適当に。ここでは割愛。 プロジェクト内のファイル構成 以下のようなファイル構成にしました。 <project dir>/ +</project>…

時間があきましたが、前回の続きです。 アーキテクチャについて アーキテクチャと呼ぶほどたいしたものではないですが、概要を説明しておきます。 構成の概要とシーケンス 下図のようにしています。 まずユーザが、URLからビューとなるHTMLファイルをリクエ…

前回の続きです。 iPhoneっぽくなるスタイルシートを書く ネイティブアプリのように見せる部品ごとのスタイルシートを書いていきます。以下を説明します。 NavigationBar のように見せる部品スタイル設定 BarButtonItem のように見せる部品スタイル設定 Tabl…

前回の続きです。 ネイティブアプリのように見せる全体的な設定 次の内容を説明します。 表示領域の固定 ブラウザのアドレスバーとツールバーを消す設定 ステータスバーの色を変更する設定 html ファイルの head タグでは、5つの指定をします。 表示領域の固…

はじめに Google App Engine Python を使ったiPhone向けWebアプリを作ってみました。今後暇を見つけて、何回かにわけてこのブログにその内容を掲載したいと考えています。iPhone向けアプリはたくさんありますが、たいていはiTunes App Storeに登録されている…

東電が繋がりにくいので、以下に情報コピペを残しておく。https://sites.google.com/site/penguinwatcher/powercutplan