dackdive's blog

新米webエンジニアによる技術ブログ。JavaScript(React), Salesforce, Python など

follow us in feedly

HTML5オールスターズ勉強会 資料まとめ

6/13 (土) は htmlday ということで、こちらのイベントに参加してきました。
【レポートあり】HTML5オールスターズ勉強会 - 2015/06/13(土) - dots.[ドッツ]
第58回 HTML5とか勉強会 - HTML5最新情報@Google I/O, de:code 2015 - 2015/06/13(土) - dots.[ドッツ]

とりあえず今の時点で公開されてるスライド資料やらキーワードやらをまとめ。
(随時更新します)

Twitter でのハッシュタグは #dotshtml5 , #htmlday , #html5j などなど。

(2015/06/15追記)
若狭さんの『ハードウェアこわい』、川田さんの『The next generation mobile web!』
のスライドを追加しました。

(2015/06/19追記)

  • 『Edge だけじゃない! Build 2015 で発表されたそれ以外の Web 関連技術まとめ』 → ものえさんのブログ記事のリンクを追加しました
  • 『Reactがいかに素晴らしいか語る20分』 →スライドを追加しました

(2015/06/22追記)

  • 『Edge だけじゃない! Build 2015 で発表されたそれ以外の Web 関連技術まとめ』 → ものえさんのブログ記事(2)のリンクを追加しました

動画

スライドの下のキーワードはほんとにメモ書きです。。。

『いつになっても議論が終わらないパフォーマンス関連のWeb標準たち』

川田 寛さん(@_furoshiki

あわせて読みたい

川田さんによる技評連載記事・ブログ記事

『まだまだ ServiceWorker のはなし。Background Sync も来るよ!』

安田 絹子さん(@kinu

『オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavascript SQL-like database』

吉川 徹さん(@yoshikawa_t

『ついに来たぞ!Polymer1.0!!!』

小松 健作氏(@komasshu

『Reactがいかに素晴らしいか語る20分』

増井 雄一郎さん(@masuidrive

『今からはじめるECMAScript6』

泉水 翔吾さん(@1000ch

ES6 の仕様、覚えてるだけ。

  • Arrow Functions
    • 関数宣言の記述を簡易に
    • 関数の外の this を受け継ぐので注意
  • import, export
    • JS には他の JS
  • Rest Parameters
    • 可変長引数
  • Default Parameters
  • Template Strings
  • Generator Functions
    • yield 使ったやつ
  • Proxy
  • Symbol
  • Promise
  • トランスパイラ
  • AltJS
    • TypeScript
    • Flow

『Edge だけじゃない! Build 2015 で発表されたそれ以外の Web 関連技術まとめ』

物江 修さん(@osamum_MS

あわせて読みたい

イベント後に書かれたものえさんのブログ記事


『ハードウェアこわい』

若狭 正生さん(@wks




ここから夜の部。

Google I/O 2015 レポート』

鈴木 拓生さん(@taquo

『There’s an element for that!! Now, get ready for Polymer 1.0!!!』

小松 健作さん(@komasshu

『The next generation mobile web!』

川田 寛さん(@_furoshiki

スライド内容を後日記事にしてくださったものはこちら:
負け組なモバイルWebは、これから本当に復活するのか?Googleが考える次のアーキテクチャ - ふろしき.js

モバイル web

  • ネイティブに比べると web はだめだめ

    1. ブックマークが役に立たない
    2. ブラウザを閉じられると何もできない
    3. パフォーマンスが悪い
  • モバイルに適した

    1. UI
    2. ライフタイム
    3. パフォーマンス

が必要

    1. UI
    2. ホームスクリーンへランチャーを追加し、タップ時はモバイルっぽい UI で表示
    3. Web Application Manifest
    1. ライフタイム
    2. これからのプラットフォームは通知機能!→ Service Worker/Notification/Push
    1. パフォーマンス
    2. RAIL
      • R: Reaction 100ms 未満で!
      • A: Animation 16.67ms (60fps) 未満で!
        • CSS Animation または Web Animations で GPU 使おうね
      • I: Idle 50ms 未満で!
      • L: Load 100ms 未満で!

Windows 10 のあたらしい Web ブラウザーについて』

物江 修さん(@osamum_MS

(おまけ)所感

Service Worker, Polymer1.0 あたりは前々から気になっててある程度知ってた分、
ノーマークだった Microsoft 関連の話が一番聞いててへえ〜ってなりました。
あと、川田さんの話は毎度毎度難しい内容なのにスライドが大変分かりやすくて勉強になります。

ほか。