皆さんこんにちは。zhang-yiです。

上田さん『KnockoutJS』についてレポートします。

KnockoutJSはMVVM(Model-View-ViewModel)パターンのフレームワークです。

今回はKnockoutJSのコア機能の1つである、双方向データバインディングについて発表されました。

ViewModelを更新したら、自動でViewも更新されます。同じように、Viewに表示しているデータをinputなどで変更すると、ViewModelにも反映されます。

KnockoutJSはいろいろなバインディングがあって、そして組み込みバインディングでは処理できない場合、カスタムバインディングの作成もできます。

バインディングの仕組みを紹介した後、実装の例もあげられました。KnockoutJS初心者に分かりやすい発表でした。


--------------------------------------------------------------------------------------------------------------------



皆さんこんにちは!fumino-yです!

本日のALM2つ目の発表タイトルは、『Openframeworks+Node.js 的な何か (勉強会レポ) OR user script 作ってみた』です!


発表の大きな趣旨は、全てのプルリクエストに「いいね」出来るスクリプトを作ってみたというものです。Facebookからはじまったいいね機能ですが、今のSNSコミュニケーションにはなくてはならないものとなっています。そんなコミュニケーションツールが色々なところに出てくるのは、純粋に楽しいですよね!

こんな素敵な便利ツールをJavaScriptで実装してくれたのですが、実装した本人は実はJSが大の苦手だったのに、努力して克服したというから驚きです!そんな姿勢は見習わないといけないと、ひしひしと感じました。

最後に開発において、とても示唆に富むメッセージを残してくれました。それは「苦手なことをするときは、みんなでやる、楽しくやる、リリースする」というものです。

誰にでも苦手はありますし、いいものを作ろうと思うと、やはり誰かの助けは絶対に必要です。そういった要素を含め、最後はちゃんとリリースすることにこだわることの大事さは、非常に説得力がありました。

本日は素敵な発表、ありがとうございます!


--------------------------------------------------------------------------------------------------------------------



こんにちはhosono-sです。

毎月行われているALM(All Layer Meeting)

11月はpaperboy&co.さんと一緒にJavaScript特集!


その中のiizuka-kさんから『FirefoxOS一問一答』についてレポートします!


FirefoxOSってどんな感じのOS?

これはFirefoxOSに触ったことがない人すべての人が思う疑問だと思います。

全てがHTML5でできているということから私も普通のスマホのようなことはできないのかなー

とか思っていたら大間違いでしたw

実は写真やブラウザ・ミュージックプレイヤー等はプリインストール済!

実機も見せていただきましたが低スペックながらもサクサク動いております


Mozillaが中心のコミュニティが作ってるんだから英語しか使えないんじゃ・・・

実は日本語UIはほぼ完成しているっぽい。ただ日本語はデフォルトは入っているわけではなく

ビルド時にオプションを指定する必要がある模様


ここまで聞いたらアプリ開発のお話も聞きたくなってきますね!

開発環境はお好きなIDE・エディタを選んで大丈夫だそうです

必要なのはmanifestファイルだけ

エミュレータはFireFoxブラウザのアドオンである『AppManager』をインストールすればOK


CSSやjavaScriptが書けなくても大丈夫

Firefox OS Building BlockといったTwitter Bootstrap的なUIコンポーネントや

AppMakerといったXCodeのStoryBoard的なサービスもあるようです。


レポートは以上です

素敵な発表ありがとうございました!!


--------------------------------------------------------------------------------------------------------------------



続きまして

土谷さんの発表をレポートしたいと思います!

表題は『Hoodieでノーバックエンド開発』!


なんとこのHoodieというライブラリ一切バックエンド開発をしなくてもよいとのこと

えっ!?って感じですよね。

開発自体は2013年4月から始まっているらしく、まだ本番投入できる状況ではないものの

おもしろい試みですよね


仕組みをざっくり紹介してくれました。

オフライン対応でローカルストレージやCouchDBと自動的に同期してくれる仕組みになっているらしく

それをフロント側で意識せずにコード書けるようになっているらしく、データ更新やビューの同期もやってくれるようです。


さらにさらに1行でサインインやログインとユーザの操作系が書けるらしいです。すごい・・・


macの場合の導入方法は

Gitとnode.jsとCouchDBが入っていればOKで、後はhoodie-cliをnpmでインストールするだけでよいそうです。

※実はnodeのバージョンに制限があるそうなのでご注意を


実際にサンプルで作ったブログアプリを見せて頂きましたが、バックエンドはしっかり自動生成されてました・・・すごい・・・



レポートは以上になります

素敵な発表ありがとうございました!


--------------------------------------------------------------------------------------------------------------------



続きまして

佐藤雄一さんの発表もレポートしちゃいたいと思います。

表題は『Amber Smalltalk with Three.js』!


簡単なカウントするアプリを見せて頂きました!

やはりそこはSmalltalk、デモ状態からインタラクティブに実装していただきました


実はjavaScriptとSmalltalkは親和性が高い

jQueryの形のオブジェクトで取ってくるとSmalltalkごにょごにょできるらしい・・・

o0(ごにょごにょってなんだろ・・・)


ごにょごにょして頂きました!

先ほどデモして頂いたアプリでjQueryを書くとインタラクティブで操作することができました。

Canvasオブジェクトを使えるらしいです


デモがほとんどでレポート上では上手く伝えるのは難しいですが

とにかくあらゆる所をインタラクティブに操作可能のようです


是非皆さんも試してはいかがでしょうか?


レポート以上です

素敵な発表ありがとうございました!


--------------------------------------------------------------------------------------------------------------------



皆さんこんにちは。fukuda-yです。

Paperboy&Co.の近藤様の発表を紹介したいと思います。


Middlemanの特徴と簡単なチュートリアルについて発表していただきました。

静的サイトジェネレータのMiddlemanの特徴として

他のジェネレータに比べて

・対応言語がおおい

・拡張プラグインがおおい

という利点があるそうです。

Knockout.jsを簡単に試す例なども紹介していただきました。

スライドの所々にRuby好きを感じるポイントが散りばめられており

楽しく発表を聞かせていただきました。


http://www.storyboards.jp/viewer/nu1uql


--------------------------------------------------------------------------------------------------------------------



皆さんこんにちは。sawa-sです。

丸山亮「Webフロントエンドパフォーマンスチューニング」についてレポートします

Webフロントエンドをどうやって高速にしていくか、ツール紹介、高速化のポイントなどをネットワークアクセス、JavaScript実行、レンダリングなどさまざまな視点から紹介をしてくれました。

内容の密度も高く、ところどころで笑いの上がる発表ともなり、今回ALMの最優秀の発表に選ばれました。


https://speakerdeck.com/h13i32maru/webhurontoendopahuomansutiyuningu