東京Node学園 7時限目 メモ #tng7

東京Node学園祭2012

• http://connpass.com/event/982/
• 受け付け開始しました
  • http://nodefest.jp/2012/

@kazu_pon さん - lev

• https://github.com/connectFree/lev
• Lua for Event-based IO
• libuv + LuaJIT
• Node より簡単にサーバをたてれる
• Fast, Low Memory, Easy C-libraries integration
• by @kristate
• fork from luvit, overhaul, reimplementation
• Benchmark
  • Node vs luvit vs lev
• C implementation
• lua-msgpack-native
  • https://github.com/kengonakajima/lua-msgpack-native
• Build-in multicore

jack さん - Stream の話

• http://jxck.node-ninja.com/slides/nodeacademy7.html
• pipe()
  • Readable.pipe(Writable)
• Filter Stream
  • zlib.Gunzip
  • zlib.Deflate
• Duplex Stream
  • net.Socket
  • tls.CleartextStream
• Gang of Two at Stream
  • substack & dominictarr
• Useful Steam Modules
  • JSONStream
• Handbook by substack
  • https://github.com/substack/stream-handbook
  • meso さんの翻訳 fork にぜひ pull request を

yosuke_furukawa さん - Graceful Restart を Node.js で試してみた

• http://www.slideshare.net/yosuke.furukawa/graceful-restartnodejs

niccolli さん - Arduino と node でオシロスコープ

• analogRead() - [Node-Serealport] - Node - [Socket.IO] - Canvas(flotr2)

@KOBA789 さん - node-webkit を触ってみました

• https://speakerdeck.com/u/koba789/p/tng7-lt
• 高校生！
• node を使って gui を書く

@VoQn さん - pp.js の紹介

• http://voqn.github.com/pp.js/

node.js meets mruby

• https://github.com/tokuhirom/node-mruby
• mruby から node.js のモジュールを使えるようにしました

@nulltask さん - About node-canvas

• npm i processing
  • https://github.com/uniba/node-processing
• npm i three.js
  • https://github.com/uniba/node-three.js

hoolegan.com の紹介

• Hoolegan
• socket.io を利用

【第4回】HTML5+CSS3+JS勉強会 参加メモ #techbuzz

概要

• 2012/07/18
• hatchup さん ( http://www.socialtoprunners.jp/ ) という企業が主催されている html5 関連の勉強会
• atnd
  • http://atnd.org/events/30013

CreateJS について

• ソースコード
  • http://jsdo.it/kabochha/3gS8
• canvas を簡単にあつかうためのライブラリ群 CreateJS についての紹介
• 感想
  • これを使うと比較的簡単に js でゲームが作れるのかなという印象でした。ゲームを作ることがあれば一度使ってみたい

LocalStorage で表示速度を改善しよう

• カヤック
• LocalStorage
  • 2.5〜5〜∞
• document.cookie
  • 4kb
• window.indexeddb
• LocalStorage の使い方
  • 1回目は xmlhttprequest でとりにいって、LocalStorage にセット
  • 2回目は LocalStorage から取得する
  • js
    • document.body.appendChild(script) した時点でスクリプトは実行されるので、このあと削除する。削除しないと chrome 等で重くなるという事例が以前あった
  • css
  • image

39 歳で開発者になった僕

• M.I.S. Design
• Android アプリ
• HTML + JavaScript + CSS を選んだ
• Monaca を使った
  • Phonegap 使える
• 実際に作って見えてきたいやなこと
  • onClick が遅い
  • css の描画が遅い

第30回 HTML5とか勉強会 参加メモ #html5j

6/12 Google Japan オフィスで開催された第30回 HTML5とか勉強会に参加してきました。このHTML5とか勉強会、いつも爆速でうまってしまうのですが、今回はたまたま募集開始直後の twitter のつぶやきを捕捉できたので運良く滑り込めました。ようやく初参加できました。

今回不覚にも mba を持って行き忘れました。このメモは iPhone で自分が気になったところだけをちょこっととった感じのものです。

▼Google Japan オフィス。ドロイド君の壁紙がいかしてます

資料

• togetter まとめ
  • http://togetter.com/li/319574

概要

第30回のテーマは「モバイル Web UI フレームワーク」で、jQuery Mobile をはじめとする有名フレームワークについての紹介と簡単な使い方などのプレゼンでした。

• jQuery Mobile
• Sencha Touch 2
• Dojo Mobile
• その他のモバイル Web UI フレームワーク3選
  • kendo ui
  • jq ui
  • app ui

jQuery Mobile

• 発表者の方が sublime text 2 という最近よく聞くエディタを使ってらして、これがよさそうでした。今度使ってみよう
• 発表者の方がライブコーディングで zen coding を使ってらした。ちょっとの記述・直感的に分かりやすい記述でサクッと書けてとてもよさそうでした。今度やってみたい
• jQuery Mobile はマークアップをしていくだけで動くサイトを作れる。かわりに自由度・カスタマイズ性に欠けている

sencha touch 2

• 動きが軽そう？でデザインもそれなりに洗練されていていい感じかなと思った
• でも業務アプリ向けでゲームとかには向かないとのこと

パネルディスカッション

• モバイル Web UI フレームワークについて
  • クリエイティブなサイトを作るには向いていない
  • 遅い、もっさりすることもある？
  • トランジションは（作る側が大好きなだけで）実は（お客さんからすると）いらないのでは、という説も

その他

• phonegap

感想

jQuery Mobile はデザインがある程度固定されてしまって、自由度の高いサイトを作りたい時には向いていないなあと感じていたのですが、その認識があながち間違っていなかったことが分かりました。それがわかっただけでもいい収穫でした。色々と変わったことをしたい「Webサービス」を作るのにはあまり向いていなくて、お店のホームページとかキャンペーンサイト的な「Webサイト」的なものでかつ jQuery Mobile に用意されている UI で全てまかなえそうなときは爆速で作れそうですが、カスタマイズをし始めると大分大変そうだなという印象でした。自分の作りたいものの要望からは今日紹介された6つの FW は使う機会はあまりないかなと思いました。phonegap はアプリ化したいときがもしあれば便利かなという感じです。

ただ、UI の部分はあまりクリエイティブなWebサービスを作るのには使えなくても、裏側のベースの部分はかなり使えると思ったのでそこだけ切り分けて欲しいと思いました。jQuery と jQuery UI の関係のように、モバイルの方も、jQuery Mobile と jQuery Mobile UI というように。そうすればベースの方は相当使えるんじゃないかと思うのですが、どうなんでしょうか。これ質問すればよかったです。。

▼html5 ステッカーいただきました

▼30回記念の html5 スシ。cool