エンプラ開発の辛みと その解決策

HTML5 Conference 2017のLT大会での発表資料です。

Transcript

1. エンプラ開発の辛みと その解決策 MOONGIFT 中津川篤司
2. 自己紹介 !HPPGNJOU GCNFHPPGNJOU 中津川 篤司 株式会社MOONGIFT 代表取締役 hifive エヴァンジェリスト 2004年1月よりオープンソース・ソフトウェアを 毎日紹介するブログ MOONGIFT を運営。 http://www.moongift.jp/
3. モダンなJavaScriptの書き方 リッチなフレームワーク 多機能なWebアプリケーション
4. 何か忘れているような…
5. エンタープライズ！
6. エンタープライズだって HTML5したい！ （お気に入りのキャラ/人で脳内再生してください）
7. 簡単な比較 スタートアップ エンタープライズ 夢 見ているもの 現実 〜1,000万円 予算 1億円以上 〜6ヶ月 納期 1年以上〜 3年 稼働年数 10年以上
8. 世界観 スタートアップ エンタープライズ 格好良さ >>>>> 越えられない壁 >>>>> ちゃんと仕様通りに動く
 IE8/IE11でも動く 最新テクノロジー >>>>> 越えられない壁 >>>>> メンテナンスできる
 10年後も！
 Flexェ…Silverlightェ… モダンでクールな 開発手法 >>>>> 越えられない壁 >>>>> 「誰でも」開発できる
 VirtualDOMェ… Gulp…WebPack…
9. それでも進化するテクノロジー スマートフォン！タブレット！ HTML5！HTML5.1！ CSS3！ECMA7！ 表現力の向上！ 2010年にiPadが発 売されたのを機に全 社員にiPad（初代） を配った会社はお元 気かしら？ 枯れる前に次のテクノロジーが！
10. 色々ある細かい問題 SafariのプライベートタブではlocalStorageがエラーに… Chrome 61からスクロール量の取り方が変わっている IE9で navigator.geolocation にアクセスするとメモリリーク
11. 理想 vs 現実 理想 現実 Chrome / FF ブラウザ IE8/IE11 HTML5 技術 HTML4 + HTML5 ! スマデバ !
12. 解決しない解決策 サーバサイドで頑張る → 2000年に戻る 新技術に追従する → 改変予算ないけど SaaSを使う → 特注大好き日本人には難しい 徹夜 → 日本人向き
13. そこで作りました https://htmlfihive.com/
14. 特徴1 慎重なアップデート （ポジティブな言い方）
15. 主なFWとの比較 2012 13 14 15 16 17 1.0 1.2 1.5.0 2.0
 1.6.0 4.1
 1.6.6 0.10.0 0.14.5 15.0.0 15.6.1 1.0.10 2.1.7 2.4.4 1.1.1 1.1.8 1.1.14 1.2.0 1.3.0 1.3.1
16. 特徴2 jQueryを採用！ （ポジティブな言い方）
17. 特徴3 レガシーな ブラウザをサポート
18. 現場にいるブラウザ… *&
 ɹ೥݄೔Ͱαϙʔτऴྃ
    8JOEPXT
    
 ɹ೥݄೔Ͱαϙʔτऴྃ
    *&
 ɹ೥݄೔Ͱαϙʔτऴྃ
    8JOEPXT
    7JTUB
    41
 ɹ೥݄೔Ͱαϙʔτऴྃ
19. 今後の遺物 Windows7（2020年01月14日にサポート終了）
 　IE11まで。Edge不可。 Windows 8.1
 　IE11まで。Edge不可。 古いタブレット
 　iPad / Android / iPhone（iOS4とか）
20. 特徴4 オープンソース！ （Apache License 2.0）
21. まとめ エンタープライズでは求められる質が違います Webシステムは一度作って終わりではありません サポート体制、学習コスト、メンテナンスコスト、遺物との戦 いのを乗り越えられる武器を選びましょう
22. GitHub
    ⭐！ GitHub Starを付けたりウォッチしたり すると中の人（主に私）が喜びます。 ぜひDLしたり試したりしてください https://github.com/hifive/hifive-main