SlideShare a Scribd company logo
1 of 23
Download to read offline
HTML5 を学ぶ意義
2014年3月
Tech Fun株式会社
ヤマザキ
Tech Fun Corporation 1
免責事項
Tech Fun Corporation
本ドキュメントに関する免責事項
・正確に記述する努力はしていますが、内容の正確性は保障いたしませ
ん
ご利用に関しましては自己責任で行う必要があります
・社内への情報共有のために作成されたもので、
所属会社の意見を代表するものではありません
・リスクに対して防衛的に記述しているため、やや危機を煽るような
文章となっている事をご了承ください
2
HTML5学んで意味あるの?
という疑問があるかもしれない
まずその疑問を解消します
Tech Fun Corporation 3
Internet Explorer(IE)の影響力
Tech Fun Corporation
IE11から「ドキュメントモード」が「非推奨」になることで、
HTML5に対応せざるを得なくなります
以下は動作の一例:
4
「IE11」の登場によりHTML5が主流に
<html>
<p>
DOCTYP宣言も
XML宣言もないHTML
</p>
</html>
IE10以下では → IE5相当表示
IE11では → HTML5相当表示
参考:ドキュメントモードの非推奨 http://msdn.microsoft.com/ja-jp/library/ie/dn384051.aspx
ドキュメントモードって何?
Tech Fun Corporation 5
無理をした「下位互換表示」機能は限界
IE6
Quirks
(疑似IE5)
IE7
Quirks
(疑似IE5)
IE8
Quirks
(疑似IE5)
疑似IE7
IE9
Quirks
(疑似IE5)
疑似IE7
疑似IE8
IE10
IE5 Quirks
(疑似IE5)
疑似IE7
疑似IE8
Quirks
(新疑似IE5)
IE11
IE5 Quirks
(疑似IE5)
疑似IE7
疑似IE8
Quirks
(新疑似IE5)
疑似IE9
edge
疑似IE9
疑似IE10
もう無理!
非推奨
IE10ドキュメントモード選択メニュー
参考URL:ドキュメント モードを使った Internet Explorer 11 の互換性の管理
http://technet.microsoft.com/ja-jp/library/dn321432.aspx
非推奨でも設定変更で使えるでしょう?
Tech Fun Corporation
「非推奨」とは「いつなくなってもおかしくない」という意味です
「いつなくなってもおかしくない」機能を利用したアプリケーションを
お客様に提供するその行為は「酷い」行為ではないでしょうか
誠実に対応すべきと考えます
お客様の予算の都合等で現状を延命する以外に
設定変更で対処すべきではないでしょう
6
「非推奨」の機能をお客様に提供すべきではない
いつまでに対応しないとだめなの?
企業がWindows 8.1(IE11)へ移行を強制されるのが「2019年頃」
Windows 8(IE10)サポート期間:2023年1月10日なのでは?
2023年まで大丈夫? → 「NO」です
マイクロソフトのライフサイクルポリシーは変更されています
Tech Fun Corporation 7
対応目安は「2019年」までです
マイクロソフトのライフサイクルポリシーに関して
サポート期間に関して
Windows7(IE8) :2020年1月14日
Windows8(IE10) :2023年1月10日
ただし、8.1がリリースされたら2年以内にアップデート必須
Windows 8.1(IE11):2013年10月18日リリース
2015年10月18日までにアップデート必須
Windows7は実質2019年中に移行作業が必須となる
その時の移行先はIE11しか存在しないため「2019年」にはIE11へ
Tech Fun Corporation 8
マイナーバージョン「2年以内」のバージョンアップ必須
参考URL:Windows 8.1 サポート ライフサイクル ポリシー FAQ http://support.microsoft.com/gp/lifecycle-Windows81-faq
IE以外ならなんとかなるのでは?
Firefox、Chrome等は最新の機能に対応する速度が速く
後方互換性を犠牲にする事があります
HTML5に素直に対応した方がだいぶ楽です
Tech Fun Corporation 9
すべてのブラウザで後方互換性に期待しないこと
結構先なのでしばらく大丈夫ですよね?
ほとんどの業務アプリケーションは5年以上稼働しているのが普通
なるべく稼働期間は正常に動作すべき
誠実に対応するなら「5年前(2014年)」から対応できると良い
あまり先すぎると難しい場合もあるので少し猶予を持たせた場合
業務アプリケーションを修正しようとすると、1年2年は時間が必要
設計から考えると最低でも「3年前(2016年)」からの余裕は持つべき
瑕疵対象の範囲でしか考えないベンダーもいるかもしれない
発注側企業の方はベンダーが誠実かどうかの判断材料となる
画面の修正「だけ」に余計なお金を必要とするような事が無いように
Tech Fun Corporation 10
業務アプリケーションは「5年以上」は稼働
HTML5以外の表示技術の動向
Tech Fun Corporation 11
Flashに関して
iOS:Flash非対応
Android4.1(2012年6月リリース)以上:Flash非対応
参考URL:An Update on Flash Player and Android http://blogs.adobe.com/flashplayer/2012/06/flash-player-and-android-update.html
Windows Phone:Flash非対応
今後モバイル環境を無視した開発は徐々に困難になっていく傾向
Flashを前提とするのは難しい
Tech Fun Corporation 12
Flashはモバイルでは全滅
Silverlightに関して
Silverlight 5:サポート期間2011年12月6日~2021年12月10日
約10年と極端に長い(その前までは2、3年だった)事が疑問視されている
参考:
Silverlight 1:2007年9月6日~2010年10月12日(約3年)
Silverlight 2:2008年10月14日~2010年10月12日(約2年)
Silverlight 3:2009年7月11日~2011年4月12日(約2年)
Silverlight 4:2010年4月16日~2013年1月8日(約3年)
SilverlightはWindows Phoneの開発プラットフォームだったが
Windows Phone 7 は2014年7月でサポート終了後継OS未発表
MS幹部「HTMLが唯一本当のクロスプラットフォームだ」と発言
Tech Fun Corporation 13
Silverlightは開発継続に疑問符
参考URL:http://www.zdnet.com/blog/microsoft/microsoft-our-strategy-with-silverlight-has-shifted/7834
ブラウザプラグイン機構
WindowsストアアプリのIE11はブラウザプラグインに非対応
参考URL:http://microsoft.jp.msn.com/windows8/win8gimon/Internet-Explorer-11-では-Flash-に対応しないってほんと?
Firefoxは段階的にブラウザプラグインを無効化する計画を発表
参考URL:https://blog.mozilla.org/security/2014/02/28/update-on-plugin-activation/
セキュリティ的な問題でプラグイン機構が利用できなくなる可能性
Tech Fun Corporation 14
ブラウザプラグイン機構そのものに暗雲
プラグイン依存からHTML5へ
Tech Fun Corporation 15
画面表示はHTML5に統一されていく
AP AP AP
Flash Silverlight
その他
プラグイン
ブラウザ
AP AP AP
HTML5
ブラウザ
HTML5の資格
Tech Fun Corporation 16
資格は存在するの?
特定非営利活動法人エルピーアイジャパン(LPI-Japan)が運営
レベル1が現在実施されている
http://html5exam.jp/
Tech Fun Corporation 17
「HTML5プロフェッショナル認定資格」
マイクロソフトも資格試験を実施しています
「HTML5 と JavaScript および
CSS3 との組み合わせによるプログラミング」が正式名称
http://www.microsoft.com/ja-jp/learning/
mcp/exam.aspx?cert=1&id=70-480
(注:上記URL改行されていますが実際は一行です)
マイクロソフト依存の内容が僅かに含まれている
HTML5全般に関しての資格として有効
Tech Fun Corporation 18
「MCP 70-480 HTML5試験」
資格対策教材に関して
Tech Fun Corporation 19
資格対策で良い書籍は現在存在しない
資格対策本は現在適切な物が出版されていない
資格をターゲッティングした学習をする場合はもうしばらく待った方がよい
HTML5全般を学ぶならばいくつか教材は入手可能
HTML5の学習を始めよう
Tech Fun Corporation 20
何から学べば良いの?
HTML5といっても実際のアプリを作成するには多様な技術が必要
• HTML5
• CSS3
• JavaScript
• ブラウザの動作や周辺ツール
まずは基本のHTML5のタグから学習
弊社のStudySmileではHTML5の講座を開設しています(宣伝)
https://studysmile.com/course/course/course-detail/courseId/23
Tech Fun Corporation 21
HTML5のタグから学習
HTML5の今後
どこかの時点で、HTML5に強制的に移行する必要が発生する
目安は「5、6年後(2019年、2020年)」
業務アプリケーションでは早めの対応を実施した方が安全
学習して無駄になる事はないと予想される
積極的に勉強しよう
ご清聴ありがとうございました
Tech Fun Corporation 22
学習して「無駄にはならない」はず
TechFun.jp
StudySmile.com

More Related Content

Similar to HTML5 を学ぶ意義

グループディスカッションの巻
グループディスカッションの巻グループディスカッションの巻
グループディスカッションの巻
Takashi Abe
 
20111026 cms oracle
20111026 cms oracle20111026 cms oracle
20111026 cms oracle
loftwork
 

Similar to HTML5 を学ぶ意義 (7)

国内初事例に学ぶSAPUI5
国内初事例に学ぶSAPUI5国内初事例に学ぶSAPUI5
国内初事例に学ぶSAPUI5
 
エンタープライズとHTML5〜エンタープライズでHTML5って本当に必要なのか?〜
エンタープライズとHTML5〜エンタープライズでHTML5って本当に必要なのか?〜エンタープライズとHTML5〜エンタープライズでHTML5って本当に必要なのか?〜
エンタープライズとHTML5〜エンタープライズでHTML5って本当に必要なのか?〜
 
記事には書けなかったHTML5の話
記事には書けなかったHTML5の話記事には書けなかったHTML5の話
記事には書けなかったHTML5の話
 
グループディスカッションの巻
グループディスカッションの巻グループディスカッションの巻
グループディスカッションの巻
 
IT革命からコミュニティ、コミュニケーション革命に!
IT革命からコミュニティ、コミュニケーション革命に!IT革命からコミュニティ、コミュニケーション革命に!
IT革命からコミュニティ、コミュニケーション革命に!
 
Blue port itutor_moodlemoot2014
Blue port itutor_moodlemoot2014Blue port itutor_moodlemoot2014
Blue port itutor_moodlemoot2014
 
20111026 cms oracle
20111026 cms oracle20111026 cms oracle
20111026 cms oracle
 

Recently uploaded

Recently uploaded (10)

Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
 
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
 
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
 
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
 
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイスLoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
 
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半        2024/04/26の勉強会で発表されたものです。新人研修 後半        2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
 
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアルLoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
 
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
 
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
 
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native IntegrationsUtilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
 

HTML5 を学ぶ意義