海賊王をめざす男 マツです。こんにちは。

梅雨ですよー。

Flash Builder 4 で、Twitter の特定のユーザーのタイムラインを表示するモックをつくります。

1. 新規 Flex プロジェクトをつくります。


2. [データとサービス] ウィンドウから、データとサービスに接続 をクリック。


3. サービスタイプを選択、[HTTP]を選択します。


4. HTTP サービスを設定

名前:user_timeline
URL:http://twitter.com/statuses/user_timeline.xml?id=hoge
サービス名:Twitter


5. [データとサービス] ウィンドウに追加されます。また、services.twitter パッケージにクラスが追加されます。


6. [デザイン]モードで、DataGrid コンポーネントを配置します。


7. DataGrid を右クリックして、[データにバインド]を選択します。


8. [戻り値の型を設定]ボタンをクリック。


9. [サンプルデータからの戻り値の型を自動検出]の状態のまま、[次へ]ボタンをクリック。


10. [パラメーターの値を入力して操作を呼び出す]の状態のまま、[次へ]ボタンをクリック。


11. ルートを選択:status を選択し、[終了]ボタンをクリックします。


12. [OK]ボタンをクリックします。


13. [データとサービス] ウィンドウに追加されます。また、valueObjects パッケージにクラスが追加されます。


14. /*次の値を入力 : */ id のところにタイムラインを取得したい Twitter ID (String) を入力して保存後、ビルドします。


15. DataGrid に特定の Twitter ID のタイムラインが表示されます。


データ中心型開発でちょっとしたデモなら、このように あっという間につくれてしまいます。この便利な機能をうまく利用して制作をより効率化していきたいですね。

ちなみに私のTwitter IDは、【m3creator】 です。よろしければフォローおねがいしますー。

HTML5飯