JSConf.Asia 2014 1日目

Published at 2014-11-20

今日はRegistrationも無いので、7:30にホテルを出る。

#jsconfasia

A photo posted by 1000ch (@1000ch) on Nov 11, 2014 at 4:22pm PST

昨日のCSSConfより参加者が多いようで、席が2割増。OctcatのBracketsを使ってラテを体に注入した。

Building Isomorphic Apps by @spikebrehm

AirbnbのSpike Brehmのセッション。英語聞き取りやすい気がした。

• JavaScriptはブラウザ環境でもNode.js環境でも実行される。だからこそIsomorphicにするべき
• フロントエンドの比重は大きくなっているが、SPAなどで極端にクライアントに処理を寄せてしまうとパフォーマンスに影響する
  • 1.Download skelton HTML
  • 2.Download JavaScript
  • 3.Evaluate JavaScript
  • 4.Fetch data from API
  • 5.User sees content
• 従来のように、HTMLをサーバー側で構築して返却する場合はやはり手順が少ない
  • 1.Download fill HTML
  • 2.User sees content
• パフォーマンスはもちろん、SEO的にも、うまく組み合わせたい。
  • Flickerはmojitoで、Instagramはreactとdjangoで実現しているらしい。
  • AirbnbのモバイルWebはBackboneとExpressで作った自家製ライブラリらしい。
  • ASANA - クライアントとサーバーで同期されているランタイムらしい。Meteorも同じ類のアプローチ？
• これらの実現のために、環境の差異を吸収する。”Enviroment agnostic & Shimmed per environment”
  • 例えばCookieの抽象化は、cookie + Browserifyで良いのでは？
  • リクエストであればvisionmedia/superagentとか。
  • webpackを使ったアプローチも、InstagramやFacebook、Yahooで使われている。
• どうやってshimmed-per-environmentなモジュールをつくるのか？
  • package.jsonのbrowser属性を使おう
  • https://github.com/spikebrehm/set-cookie
  • facebook/react
  • yahoo/flux-examples
  • Isobuild: why Meteor created a new package system

Pixel Art and Complex Systems by @vinceallenvince

自然にある複雑な事象をピクセルで抽象化したらどうなるかのような話だった。気がする。デモがどれも凄い。

• http://vinceallenvince.github.io/jsasia2014/
• http://www.bitshadowmachine.com/

Pixel Art & Complex Systems by @vinceallenvince #jsconfasia pic.twitter.com/FDcilWKzTg

— 1000ch (@1000ch_en) 2014, 11月 20

Fun with sensors by @janjongboom

面白かった。凄くしゃべり慣れている感じ。Firefox OS中心の話。

• モバイルデバイスに対する入力の方法は限られていたが、センサーの進化によって、今では色んな可能性がある。
  • 輝度・湿気・磁力・カメラ・バッテリー・圧力等…
• これらのセンサーを組み合わせたらアプリケーションの幅が広がる
  • 電波が悪くなったらオフラインモードに切り替える（navigator.mozWifiManager）
  • 暗くなったら音量を下げる（window.addEventListener('devicelight') + AudioContext）
• Firefox OSのアーキテクチャ
  • Linux Kernel > Gecko > HTML5 UI
  • このGeckoの部分にJSからセンサーにアクセスするAPIが集約されている

Fun with JavaScript and Sensors by @janjongboom #jsconfasia pic.twitter.com/uzgJDvrPbI

— 1000ch (@1000ch) 2014, 11月 20

The Art of Less by @aemkei

このセッションが今日のベストバウトかもしれない。プレゼンも鮮やかだったし、内容のエグさも良かった。

• http://aem1k.com/

恐らく、後日ビデオで公開されると思うのでJavaScript好きな人に見て欲しい。 http://aem1k.com/ に置いてあるブツが好きなら見て損はないと思う。

Preparing Your NodeJS Application for Scale by Dexter Tan & Laurence Franslay

• expressにはデフォルトだとセキュリティ的な機能はないのでLuscaかHelmetを使うとだいぶ良くなる。
• 使っていないモジュールは削除し、使っているならこまめに更新する。そして依存関係を無闇に作らないことも大事
  • grunt-nsp-packageでモジュールの脆弱性を調べる
  • retire.jsで古くなったモジュールを調べる。Gruntはgrunt-retire
• XSS対策として、基本的にincomingなものもoutgoingなものもエスケープする

あと、ローカライズとかパフォーマンスの話もあった。

JSConf.Asia 2014でプレゼンした

Your 5 minutes of fameというメインセッション外の枠で、おぼつかない英語をかましてきた。

http://t.co/ZmBVO31saP 2014でプレゼンしました。無事終わってよかった（小並感） https://t.co/phDA3K143B

— 1000ch (@1000ch) 2014, 11月 20

このシンガポール遠征に発つ前に、「海外で発表がナントカカントカ…」という話をしていて、ノリでスライドを準備していたものの、その時はこういったLT枠があるとは知らない状態。

そして、LT枠の存在を@yomotsuさんのこのツイートで知る。

申し込んでしまったーーー！もう後には引けませぬ… i just entered for 5 min presentation at #jsconfasia I’m not confident talk in english tho… pic.twitter.com/hAnrQRDzx9

— Akihiro Oyamada (@yomotsu) 2014, 11月 18

申し込んでみたものの、「希望者が殺到してたら時間ないだろうなー」と思っていた。が、いざ主催スタッフに話を聞いてみると申込者は6人しかいなかったという展開で、難なく枠をゲット出来てしまったという話。

滅多に無いチャンスだったと思うので、良い経験になった。

CyberAgent gentleman representing Japan at #jsconfasia .頑張れ！ pic.twitter.com/7tESwlz3wm

— Kristian Faeldt (@faeldtk) 2014, 11月 20

援護射撃ありがとうございます。ちなみにこのセッションの元ネタは前にMediumに投下したものです。

明日は@yomotsuさんと@ginpei_jpさんがやります。6人中3人が日本人ね。

念願のチリ・クラブ

今日は皆でホテルの近くにある、Red Houseという中華料理のレストラン(?)に行ってきた。お目当ては名物のチリ・クラブ。

蟹

A photo posted by 1000ch (@1000ch) on Nov 11, 2014 at 5:14am PST

蟹2匹がほぼ丸ごと出てきた。ざっくりぶつ切りになっているだけで、分断された部位をペンチのような機器で殻を破壊し、そして手をチリソース塗れにしながら食べた。

プレゼンが終わった後のビールは格別だ。

• シンガポール遠征初日
• CSSConf.Asia 2014
• JSConf.Asia 2014 1日目
• JSConf.Asia 2014 2日目
• JSConf.Asia 2014を振り返って