[5]こんにちは、浦嶌です。前回はBacklogモデルを作成するところで紙面が尽きてしまいました。今回からバリバリと画面を作っていきましょう。コントローラを作るSproutCoreはMVCフレームワークなのでモデルにアクセスするにはコントローラを介すのが定石です。SproutCoreには以下の4つのコントローラが用意されています。SC.CollectionController今回は一覧画面なので、オブジェクトのリストを扱えるArrayControllerかCollectionControllerが良さそうです。CollectionControllerはリストをフィルタリングしたものを扱えるという違いがあるようです。純で扱いやすそうなArrayControllerを使うことにします。コントローラを生成します。sc-genコマンドの第3引数でコントローラのクラスを指定できます。SC.ArrayController.create({});----次に、コントローラとモデルを結び付けてやります。いったアプリケーションの初期化処理はmainメソッドに書くのが流儀のようです。backlogs);};----後半の2行が追加したコードです。モデルをすべて取り出して、コントローラのcontentプロパティにセットしているだけですね。以上でコントローラの準備は完了です。バックログの一覧を表示するそれでは、いよいよ画面を作成します。%>----list_viewはその名の通り、リストを表示するビューです。バインドするオブジェクトとしてコントローラのarrangedObjectsプロパティを指定してやります。arrangedObjectsは表示のためのリストを返すプロパティだそうです。リストの各要素について、どのプロパティを表示するかをcontent_value_keyで指定しています。この場合はバックログのtitleプロパティが一覧として表示されるわけですね。これで一覧が表示されるはず・・・と思いきや、何も出ません。果、ビューに高さを指定してやらないと駄目だということが判明しました。20em;}----それでは再読み込みしてみましょう・・・前回フィクスチャとして定義したモデルが一覧に表示されています。動いているようですね。まとめ今回はモデルをコントローラに結び付けて画面に表示することができました。表示だけでは寂しいので、次回以降、編集や追加の機能を作っていきます。http://wiki.github.com/sproutit/sproutcore/keeping-control_______________________________________________________________________この記事への評価にご協力をお願いします。URLをクリックして、「ご協力ありがとうございました」のメッセージがご使用のブラウザに表示されれば投票完了です。読者の皆様、こんにちは。4回に渡ってお送りしてきたこの記事ですが、今回がこの連載の最終回です。回は英語で書いてみたいと思います。本連載では読書を楽しくする工夫をご紹介しています。ナンバリング」「式化」のテクニックをご紹介しました。応用例として「分類(○と×で整理)」と「対比(赤と青で2文を比較)」のテクニックを使って、マインドマップを作成しました。以下に今回作成したコンテンツをアップロードしていますので、よろしければご覧下さい。http://www.infoq.com/articles/hiranabe-lean-agile-kanban_______________________________________________________________________この記事への評価にご協力をお願いします。URLをクリックして、「ご協力ありがとうございました」のメッセージがご使用のブラウザに表示されれば投票完了です。ホントのところ今週は「WBCは観ましたか?」のホントのところ。野球好きな方はもちろん普段はあまり野球を観ないという方も、国別で優勝を争うWBCはご覧になった方が多いのではないでしょうか。2006年に続き、今年もみごと日本が優勝し、たくさんの名場面を生んだWBC。観ていませんがニュース等で結果はチェックしました。