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