JS

Facebook JavaScript SDKをrequireJSでロードする

Facebook Webアプリを作る際に便利なFacebook JavaScript SDKというものはご存知でしょうか。 これを使うと、クライアント側の認証やFBのAPIの呼び出しを簡単にJSで実現できます。 ただしSDKのロードは非同期に行われるため、コールバック等の扱いがやや複雑になります。特にrequireJSと組み合わせると、自作のモジュールの読み込みもasyncになるため、FB SDKのasyncのロードと整合性を合わせる必要があります。 今回はFB SDK+requireJSを使って、主にSDKロードからユーザーのログイン周りの処理の方法を紹介します。 (more…)

JS

requirejsをbowerでインストールしてgruntでビルドする

私はJSを書くときはAMD推奨派なので、比較的大きめのアプリを作るときはまずrequireJSなどを使用します。 requirejsを使ってモジュールを作成すると依存関係が明確になり、テンプレートなどもrequirejs-textなどを使用すれば再利用がとても容易な形で記述することができます。 ただし、AMD時の一つの懸念点としてビルドして依存モジュールをconcat&uglifyしなくてはパフォーマンスがでないという点が挙げられます。そこで探してみるとgruntのtaskモジュールで内部的にr.jsを使用してビルド(依存モジュールの連結+compress)を行ってくれる便利ツールを発見。これを使えばパフォーマンスに関する問題は大丈夫でしょう。 以下、少し長いですがセットアップ手順です。 (more…)