【課外授業6日目】Flightフレームワーク編で作ったサンプル公開 | DevelopersIO
この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。 こんにちは。クラスメソッドの稲毛です。 先日開催された【課外授業6日目】「JavaScriptのフレームワークを学ぼう（Flight＆Backbone.js編）」で「Flightフレームワーク」編を担当させて頂きました。ご来場いただいた多くの方々に“何か”を得てお帰り頂けたようで嬉しい限りでございます。(^^) ここで、課外授業のライブコーディングで作成したサンプルソースをGitHubにご用意しましたのでお知らせいたします。 Counterサンプル https://github.com/inage-toru/flight/tree/master/counter-sample 「自分でワザと用意した“トラブル”に、それを忘れて見事にハマる」という珍事を起こしたCounterコンポーネントのサンプ
Twitter製フレームワーク「Flight」<br />そのコンポーネントとは？ | DevelopersIO
この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。 目次 学習目標 Flightについて コンポーネントについて ライブコーディング まとめ 学習目標 Flightってこんな感じなんだ。 なるほどコンポーネントってそういう事ね。 Flightちょっと試してみよっかな。 Flightについて “軽量”なフレームワークです。 “振る舞い”をDOMノードにマッピングする仕組みを持ちます。 “イベント”によってコミュニケーションを行います。 “コンポーネント”ベースです。 コンポーネントについて RequireJSを利用した“モジュールです”。 “AMD”フォーマットで記述します。 ノードに付与したい振る舞いが実装されます。 コンポーネントについて define( [ 'components/flight/lib/component' // コンポーネ
Twitter製フレームワーク「Flight」を試してみた！ | DevelopersIO
こんにちは。クラスメソッドの稲毛です。 前回のパッケージ管理ツール「Bower」インストールに続いて、いよいよ本編となります「Flight」フレームワークです。 通常なら「Flightとは？」から始める所ですが、今回はどんどんサンプルを作っていくことで理解を深めてみました。 Flightのインストール まずはBowerを利用してFlightを構成するスクリプトファイルをインストールする必要がありますので、アプリケーションを作成する場所に下記の内容で「component.json」というファイルを用意します。 component.json { "name": "Flight Sample", "version": "1.0.0", "dependencies": { "flight": "~1.0.0" } } 用意できたらコマンドプロンプトを起動し、component.jsonがあるディレ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flight入門
TwitterはイベントベースのコンポーネントフレームワークであるFlightをオープンソースした
