| S.on('appActivated', function (event, app) { | |
| S.log('appActivated:' + app.name()); | |
| }); |
バックエンドに限らず、フロントエンドにも1つの大きなライブラリを利用するより、小さなライブラリ(コンポーネント)からビルドしていくスタイルが一般的になりつつある。コンポーネントには 1) ビルドプロセス、2) 依存関係の解消、3) パッケージマネージャの3つのツールが必要になる。
記事ではTJ Holowaychukのcomponent、TwitterのBower、Ender、Jam、voloの役割をその3つのツールの観点から分析していく。
パフォーマンス改善の鍵となるのは80%がフロントエンドにある。ページロードの速度改善はよく議論されるが、パフォーマンスにはもう1段先の話がある。それがレンダリングに関わるパフォーマンス。特にシングルページアプリケーションと呼ばれるようなウェブサイトでは初期のロード時間よりもこちらのほうが重要になるケースが多い。記事ではそのレンダリングパフォーマンスの中でもレイアウトに関するチューニングについて紹介している。
| =semantic_form_for [:admin, @dog], validate: true, html: {multipart: true} do |f| | |
| =f.inputs do | |
| =f.input :name | |
| =f.input :kennel_name | |
| =f.input :birthdate | |
| =f.input :gender, as: :radio, collection: {'Tik' => 'F', 'Hane' => 'M'} | |
| =f.input :father_id, as: :select, collection: @dogs | |
| =f.input :mother_id, as: :select, collection: @bitches | |
| =f.semantic_fields_for :pictures do |pic| |
