HOME > 開発者向けBLOG > Ext JS >  Sencha Touchを使ってFacebookと統合したアプリを構築する

Technology Note 開発者向けBLOG

Ext JS

Sencha Touchを使ってFacebookと統合したアプリを構築する

こんにちは、ゼノフィkotsutsumiです。

この記事は、US Sencha社ブログ Building apps integrated with Facebook using Sencha Touchを翻訳したものです。

Build Sencha Touch apps with Facebook 数ヶ月前に我々はFastbookと呼んだSencha Touchを利用したハイパフォーマンスでレスポンシブなFacebookクライアントWebアプリケーションを開発してHTML5の実力を見せました(このアプリケーションの開発については ここ). で読めます)。 実はFacebookの新しい Facebook® Technology Partners 企画に、Senchaはアプリケーションツールの提供者として追加されました。 Facebookの announcement: によると:

Facebook Technology Partners企画はFacebookと統合出来るようにFacebookのプラットフォームやSDK上で作成された第三者のリソースと開発者を繋げます。

Sencha Touch、高性能なタッチベースのWebアプリケーションの開発を可能とする我々のJavaScriptのフレームワーク、で簡単にこのアプリケーションをFacebookを含めてどんなバックエンドにも統合できるようになります。 The Watch List というサンプルアプリケーションを生成しました。 これはNode.jsサーバー、MongoDBのデーターベース( MongoLab でホスティング) 、Facebook Open Graph API、Login with FacebookともちろんSencha Touchを使っています。 クライアント側のSencha TouchアプリケーションはユーザーをLogin with Facebookで認証してnode.jsのサーバーと通信してFacebook Open Graph APIをコールする事とMongoDBに見ている映画を保管するようにしています。

The Watch Listサンプルアプリのコアな部分のコード攻略を録画しました。 また、これはSencha Touchクライアントとnode.jsのサーバーサイドの両方でFacebook統合を実装する方法を示します。

The Watch ListのソースコードはGitHubで見つかります: https://github.com/senchalearn/Watchlist

Sencha Touchでアプリケーション作成を行う事についてもっと知りたかったら、オーランドSenchaCon 2013年7月16日〜19日を逃さないように! そこでSenchaのエンジニアは内部のヒント・上級テーマ・新しい機能を渡るSencha Touchに対する完全なトラックを提供します。これはSenchaのエンジニアと一対一で会う、コミュニティのSenchaやHTML 5の開発者と会う、交流とベストプラクティスを共有する最高の機会になります。 その他に会議前のSencha Touch Bootcampも提供します。ここではSencha TouchとSencha Architectを利用して一日で動作する企業向きのモバイルアプリケーションを生成します。今年のイベントの詳しい情報は Sencha Touch app gallery まで。

Sencha Touchが初めての方は是非ドキュメンテーションを見て最初のSencha Touchアプリケーションの作成を始めて下さい。終わった後に我が社に教えてあなたのアプリケーションを Sencha Touchアプリケーションギャラリー に提出して下さい。 Happy coding!

PAGETOP