HTML5 を学ぶ意義

HTML5 を学ぶ意義

2014年3月

Tech Fun株式会社ヤマザキ

Tech Fun Corporation 1

免責事項

Tech Fun Corporation

本ドキュメントに関する免責事項・正確に記述する努力はしていますが、内容の正確性は保障いたしませんご利用に関しましては自己責任で行う必要があります・社内への情報共有のために作成されたもので、所属会社の意見を代表するものではありません・リスクに対して防衛的に記述しているため、やや危機を煽るような文章となっている事をご了承ください

2

HTML5学んで意味あるの？という疑問があるかもしれないまずその疑問を解消します


Internet Explorer(IE)の影響力


IE11から「ドキュメントモード」が「非推奨」になることで、

HTML5に対応せざるを得なくなります

以下は動作の一例：

4

「IE11」の登場によりHTML5が主流に

<html>

<p>

DOCTYP宣言も

XML宣言もないHTML

</p>

</html>

IE１０以下では → IE５相当表示

IE１１では → HTML５相当表示

参考：ドキュメントモードの非推奨 http://msdn.microsoft.com/ja-jp/library/ie/dn384051.aspx

ドキュメントモードって何？


無理をした「下位互換表示」機能は限界

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

非推奨でも設定変更で使えるでしょう？


「非推奨」とは「いつなくなってもおかしくない」という意味です

「いつなくなってもおかしくない」機能を利用したアプリケーションを

お客様に提供するその行為は「酷い」行為ではないでしょうか

誠実に対応すべきと考えます

お客様の予算の都合等で現状を延命する以外に

設定変更で対処すべきではないでしょう

6

「非推奨」の機能をお客様に提供すべきではない

いつまでに対応しないとだめなの？

企業がWindows 8.1(IE11)へ移行を強制されるのが「2019年頃」

Windows 8(IE10)サポート期間：2023年1月10日なのでは？

2023年まで大丈夫？ → 「NO」です

マイクロソフトのライフサイクルポリシーは変更されています


対応目安は「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へ


マイナーバージョン「2年以内」のバージョンアップ必須

参考URL:Windows 8.1 サポートライフサイクルポリシー FAQ http://support.microsoft.com/gp/lifecycle-Windows81-faq

IE以外ならなんとかなるのでは？

Firefox、Chrome等は最新の機能に対応する速度が速く

後方互換性を犠牲にする事があります

HTML5に素直に対応した方がだいぶ楽です


すべてのブラウザで後方互換性に期待しないこと

結構先なのでしばらく大丈夫ですよね？

ほとんどの業務アプリケーションは5年以上稼働しているのが普通なるべく稼働期間は正常に動作すべき誠実に対応するなら「5年前（2014年）」から対応できると良いあまり先すぎると難しい場合もあるので少し猶予を持たせた場合業務アプリケーションを修正しようとすると、1年2年は時間が必要設計から考えると最低でも「3年前（2016年）」からの余裕は持つべき瑕疵対象の範囲でしか考えないベンダーもいるかもしれない発注側企業の方はベンダーが誠実かどうかの判断材料となる画面の修正「だけ」に余計なお金を必要とするような事が無いように


業務アプリケーションは「５年以上」は稼働

HTML5以外の表示技術の動向


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を前提とするのは難しい


Flashはモバイルでは全滅

Silverlightに関して

Silverlight 5:サポート期間2011年12月6日～2021年12月10日

約10年と極端に長い(その前までは2、3年だった)事が疑問視されている参考：

Silverlight 1:2007年9月6日～2010年10月12日(約3年)




SilverlightはWindows Phoneの開発プラットフォームだったが

Windows Phone 7 は2014年7月でサポート終了後継OS未発表

MS幹部「HTMLが唯一本当のクロスプラットフォームだ」と発言


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/

セキュリティ的な問題でプラグイン機構が利用できなくなる可能性


ブラウザプラグイン機構そのものに暗雲

プラグイン依存からHTML5へ


画面表示はHTML5に統一されていく

AP AP AP

Flash Silverlight その他プラグイン

ブラウザ

AP AP AP

HTML5

ブラウザ

HTML5の資格


資格は存在するの？

特定非営利活動法人エルピーアイジャパン（LPI-Japan）が運営

レベル１が現在実施されている

http://html5exam.jp/


「HTML5プロフェッショナル認定資格」

マイクロソフトも資格試験を実施しています

「HTML5 と JavaScript および

CSS3 との組み合わせによるプログラミング」が正式名称

http://www.microsoft.com/ja-jp/learning/

mcp/exam.aspx?cert=1&id=70-480

（注：上記URL改行されていますが実際は一行です）

マイクロソフト依存の内容が僅かに含まれている

HTML5全般に関しての資格として有効


「MCP 70-480 HTML5試験」

資格対策教材に関して


資格対策で良い書籍は現在存在しない

資格対策本は現在適切な物が出版されていない

資格をターゲッティングした学習をする場合はもうしばらく待った方がよい

HTML5全般を学ぶならばいくつか教材は入手可能

HTML5の学習を始めよう


何から学べば良いの？

HTML5といっても実際のアプリを作成するには多様な技術が必要

• HTML5

• CSS3

• JavaScript

• ブラウザの動作や周辺ツール

まずは基本のHTML5のタグから学習

弊社のStudySmileではHTML5の講座を開設しています（宣伝）

https://studysmile.com/course/course/course-detail/courseId/23


HTML5のタグから学習

HTML5の今後

どこかの時点で、HTML5に強制的に移行する必要が発生する

目安は「５、6年後（2019年、2020年）」

業務アプリケーションでは早めの対応を実施した方が安全

学習して無駄になる事はないと予想される

積極的に勉強しよう

ご清聴ありがとうございました


学習して「無駄にはならない」はず

TechFun.jp

StudySmile.com

HTML5 を学ぶ意義

Technology

Transcript of HTML5 を学ぶ意義