AIRでScuttleのフロントエンドを作ってみた

PHP Scuttle MySQL AIR Flex

ソーシャルブックマークが構築できるScuttleのデータを使って、AIRで動くフロントエンドを作ってみました。
AIRとFlexの練習として。


ページ移動



長いタイトルのポップアップ


検索結果

サーバ側は、AMFPHPとMySQLを利用しています。

Flex特有のクセとかありますが、慣れればそう難しい感じではないですね。コンポーネントを作ったりとかやり出したら面倒になりそうですが。

StringからDateに変換する必要があったで、以下のサイトを参考にさせていただきました。
DTIブログ サービス終了のお知らせ

実装にあたって調べた事

  • パスワード入力用のテキストボックスは、TextInputにdisplayAsPassword="true"
  • DataGridで項目のダブルクリックを検知するには、doubleClickEnabled="true"が必要
  • 項目の修正は、DataGridにeditable="true"を入れ、編集しないDataGridColumnにeditable="false"を入れる
  • 修正完了のイベントはDataGridにitemEditEnd="itemEditEnd(event)"
    • itemEditEnd(event:DataGridEvent)として受け取る
  • nowDateFormatter.formatString = "YYYY-MM-DD";として、日時を変換
  • 認証・セッションまわり

こんなもんかな？？

実装済み機能

  • 一覧表示
  • ダブルクリックでブラウザで開く
  • ページング
  • ログイン
  • 検索（ログイン後の検索範囲指定）

未実装機能

  • データの編集（仕掛中）
  • データの削除
  • タグからの検索
  • ユーザ情報参照・編集
  • etc...

既にDBがあるのを使うと開発が楽だなぁ。

ちなみに公開はまだしません。バグありまくりな気がするので。