SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

特集記事(AD)

これさえ読めば分かる! Flash Builder 4インストールから使い方まで徹底解説

データ中心型アプリケーション開発でTwitterアプリを5分で作成

  • このエントリーをはてなブックマークに追加

4. データ中心型アプリケーション開発ベースでTwitterビューワーを作成(上)

 Flash Builderには、データ中心型アプリケーション開発を簡単に行なえる機能があることは先述したとおりです。そこで、実際どのように開発を行うのかを、サンプルを作りながら解説していきたいと思います。今回作るサンプルは、TwitterのパブリックタイムラインをAPIで取得し、それをデータグリッドで表示するというものです。

 従来であれば、このサンプルを作るためには「XMLの取得」、そして「解析」、「必要な項目の表示」といったそれぞれプログラムを書かないといけませんでした

 しかし、Flash Builderの「データとサービス」パネルを使うことで、そういった作業にかかっていた工数を大幅に削減し、簡単に実現することができます。記事に沿って、順を追って作業を進めてみてください。いかにTwitterなどWebサービスとの連携が楽にできるかが、分かると思います。

4.1 まずはプロジェクトの作成

 まずはプロジェクトを作成しましょう。[ファイル]メニューより[新規]-[Flexプロジェクト]を選んでプロジェクトを作成します。

プロジェクトの作成:[ファイル]-[新規]-[Flexプロジェクト]を選択
プロジェクトの作成:[ファイル]-[新規]-[Flexプロジェクト]を選択

 続いてプロジェクト名を入力します。今回は「myTwitterViewer」とします。入力が完了したら[終了]ボタンをクリックします。

プロジェクト名を入力し、[終了]ボタンをクリック
プロジェクト名を入力し、[終了]ボタンをクリック

 ウインドウ下部にある[データとサービス]パネルをクリックして表示させ、[データとサービスに接続...]をクリックします。すると「データとサービスに接続」ダイアログが表示されます。今回は[HTTP]を選択します。

[データとサービスに接続]ダイアログ:[HTTP]を選択して[次へ]をクリック
[データとサービスに接続]ダイアログ:[HTTP]を選択して[次へ]をクリック

 続いて「HTTPサービスを設定」ステップが表示されるので、[操作]テーブル内の[URL]の欄にTwitterのパブリックタイムラインを取得するAPIのアドレス「http://api.twitter.com/1/statuses/public_timeline.xml」を入力します。また、サービス名の欄に「twitter」と入力します。

「HTTPサービスを設定」ステップ:「APIのアドレス」と「サービス名」を入力し[終了]を選択
「HTTPサービスを設定」ステップ:「APIのアドレス」と「サービス名」を入力し[終了]を選択
※注

Twitterのパブリックタイムラインを取得するAPIのアドレスは、公式サイトのAPI Wikiに記載されています。

Twitter公式API Wiki
Twitter公式API Wiki

 各フォームへの入力が完了すると、[データとサービス]パネル欄に「Twitter」という接続名が表示されのが分かります。この中の「Operation1():Object」にカーソルを合わせて右クリックし、コンテキストメニューを表示させて[戻り値の型を設定...]をクリックします。

右クリックで表示される[戻り値の型を設定...]をクリック
右クリックで表示される[戻り値の型を設定...]をクリック

 「戻り値の型を設定」ダイアログが表示されるので、[サンプルデータから戻り値の型を自動検出]を選択し、[次へ]ボタンをクリックします。このとき[認証が必要です]にはチェックを入れないようにしましょう。

[戻り値の型を設定]ダイアログ:[サンプルデータから戻り値の型を自動検出]を選択
[戻り値の型を設定]ダイアログ:[サンプルデータから戻り値の型を自動検出]を選択

 [パラメーター値を入力して操作を呼び出す]を選択して[次へ]ボタンを押します。

[パラメーター値を入力して操作を呼び出す]を選択
[パラメーター値を入力して操作を呼び出す]を選択

 下記のようにTwitterのAPIの結果が出力されるので、[ルートを選択]のセレクトメニューより「status」を選びます。これにより、パブリックタイムラインの発言一覧を取得することができます。[終了]ボタンを押して、データの設定は完了です。

「status」を選択
「status」を選択

次のページ
5. データ中心型アプリケーション開発ベースでTwitterビューワーを作成(下)

この記事は参考になりましたか?

  • このエントリーをはてなブックマークに追加
特集記事連載記事一覧

もっと読む

この記事の著者

原一浩(はらかずひろ)

Greative(グレーティブ)代表/Design Wedge編集長/ワイヤーフレームコミュニケーション研究会主催。1998年にWebデザイナーとして独立。同年、ウェブデザイン専門のメールメディアDesignWedgeの発行を開始。Webデザインやシステム開発業務の傍ら、海外のWebデザインに関する情報発信および、研究、開発に関わる。CSS Nite出演など講演および、雑誌への寄稿多数。主な著書に、『プロ...

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

【AD】本記事の内容は記事掲載開始時点のものです 企画・制作 株式会社翔泳社

この記事は参考になりましたか?

この記事をシェア

  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/4974 2010/03/23 15:00

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング