Más contenido relacionado La actualidad más candente (20) Similar a JavaエンタープライズアーキテクチャにおけるHTML5 - Enterprise ☓ HTML5 Web Application Conference 2014 (20) Más de Yusuke Suzuki (13) JavaエンタープライズアーキテクチャにおけるHTML5 - Enterprise ☓ HTML5 Web Application Conference 20143. 自己紹介
• 鈴木雄介
– 日本Javaユーザーグループ 会長
ユーザーグループ
– 日本Springユーザー会 幹事
– グロースエクスパートナーズ株式会社 執行役員
» ビジネスソリューション事業本部 本部長
– http://arclamp.hatenablog.com/
– @yusuke_arclamp
Japan Java User Group
2
23. HTML5の可能性
• HTMLの歴史
– HTML(HyeperText Markup Language
Language)
» ウェブ上の文書を記述するためのマークアップ言語
» ブラウザ!
– Ajax(Asynchronous JavaScript + XML
Asynchronous
XML)
» 「発見」だった(Google Maps
Google Maps)
» Prototype($/クラス/DOM) 、jQuery(CSSセレクタ/イベン
/DOM)
ト)
– HTML5
» RIA(Flash)の代替としての
の代替としてのSPA
Japan Java User Group
22
29. HTML5の注意点
• 「ただしイケメンに限る」問題
– ブラウザ非互換
» 別名:IE6問題
– スプレッドシート
» 別名:Google Spreadsheet
Spreadsheet問題
▸ ECならAmazon、オークションなら
オークションならYahoo…
– 生産性
» 別名:HTMLとJavaScript
JavaScriptだから簡単でしょ問題
» ガチでアプリケーションを作らないといけない
▸ Javaの初期と同じ。IDEによる非生産性を考慮する
による非生産性を考慮する
Japan Java User Group
28
30. HTML5の注意点
• 方法論の誤解
– 似ているからといって同一視しない
» “インタラクティブなホームページ
インタラクティブなホームページ”と”アプリケーション”
» WebアプリケーションとSPA
SPA
–例
» UI/UX
▸ IAだけの視点では限界がある。
視点では限界がある。”業務”の複雑さを舐めてはいけない
» レスポンシブ/マルチデバイス対応
マルチデバイス対応
▸ 画面サイズと配置は業務影響に直結する
Japan Java User Group
29
34. エンタープライズでの適用
• 適用の基本方針
– 「技術に無理をさせない」
» 「それ○ ○でもできるよ!」は危険
» 技術の成り立ちと経緯を知り、最適な領域を理解する
– HTML5
» 最初は「文書のマークアップ言語」なので厳密性に欠けて
いるし、構造化は苦手
» Web/HTTPが前提であり、ブラウザ内で動作する
が前提であり、ブラウザ内で動作する
» オープンで使いやすい技術であり、複雑なことを複雑に管
理させるべきではない
Japan Java User Group
33
35. エンタープライズでの適用
• 非推奨
– 複雑な業務アプリ
» UI的な使い勝手には注意する
的な使い勝手には注意する
» 大量データをぐりぐり
▸ ローカル検索やスプレッドシート
▸ JavaVMが遅いと同じ話
» そもそもコード量的な難しさ
– ネイティブ連携
» ローカルファイル、デバイス間通信
Japan Java User Group
34
36. エンタープライズでの適用
• 推奨
– サブシステム的な扱い
» メインの業務システムは既存のものを活用し、外部や小さ
めなデバイスで利用する
– 例:
Java
サーバ
様々な
機器
Japan Java User Group
.Net
クライアント
・ビュワー的
HTML5 ・限定的な機能
クライアント
35