〜IT資格と転職 〜 Galaxy log

HTML、HTMLと読んでいたHTML。
最近では各所でHTML5と呼ばれるようになり、正直、何が変わったのか把握していなかった。
そして、Webプログラマとして、押さえておかなければいけない情報は何？

ということで、お勉強しておきたいと思いました。
ブログを書いたり、趣味でWordpressをちょこっと触るので、
プログラマとしてではなく、コーディングの分野についても触れます。

私が、今までHTMLと呼んでいたのは、HTML4.01のことで、1999頃のものでした。
HTML5になって、大きく変わった点は下記のようです。

・論理構造における新しいタグの追加
・追加属性によるフォーム機能の表現拡大
・動画・音楽に使用できるタグの追加
・APIの追加

ネットワークインフラが１０年前とは大きく変わり、
動的なサイトの増加、サイズの大きいファイルをWebにも使用する時代に対応したとも言えますね。
今までのHTML4.1でも、JavaScriptや表現の仕方で実現ができていたけれど、
それがシンプルになった。明確になった。ということですね。

私が今のウェブサイトのソースを見ていて、わからなかったのは、
まず論理構造の部分で、「nav」「section」「header」「footer」これらが当たり前に使われていたこと。
これらを使わないと作成できないわけではないけれども、SEO的にページの中身を理解しやすくする目的はありますね。

フォーム機能に属性が追加されたことで、表現方法が豊かになりました。
フォーム機能って、一般的な趣味のサイトには要らないものですが、動的なページを作る場合には
必要なものになるので、そういった部分での拡張が大きいのでしょうか。
input type="tel"　input type="email"などの指定ができるようになったようです。
こういったものを使うことで、スマホのキーボードの入力画面が数字だけになったり、
キー入力仕様になったりするようです。
Webもスマホ対応している昨今に必要な機能と言えますね。

動画や音楽についても、時代の流れを感じる機能の追加です。
今までも動画や音楽は再生可能だったようですが、プラグインが別途必要だったことに対して、
ブラウザが対応していれば、video,audioタグを使えばプラグインなしで、再生することができるようになりました。
そして、自動再生、ループ再生などの様々な操作もできるように作られているようです。

そして、個人的に一番大きいかな。と思うのは、APIの追加でしょうか。
やはり、ッブラウザが対応していることが前提になりますが、プラグインなしでもAPIを使用することで
様々な表現ができるようになったというのは大きいです。

APIの中には、
・画像の描画のできるCanvas,SVG
・ローカル環境のファイルを取得するFileAPI
・デスクトップからのドラッグ&ドロップも可能なドラッグ&ドロップAPI
・データベースをローカル環境に保存するIndexedAPI

などなど…、昨今のWebアプリが、こういった技術が使われているのかな・・・という想像ができます。
てっきりサーバサイドのプログラムで処理されていると思っていたものが、
HTML5のAPIを利用したもので可能だったとは・・・といった発見にも繋がりました。

こういったAPIを知っているか知らないかで、コーダーの延長線上にいるフロントエンドエンジニアが
作業できるものなのか、Webプログラマに依頼するものなのかという線引きが変わりますね。
またプログラマとしても、一からコーディングが必要なのかどうかを線引きするのには必要な知識ではあります。


まとめると、昨今のWebにHTML５は欠かせない存在となっているということですね。
時代も変われば、環境やニーズも変わる。それに合わせて技術も変わっていく。
いつもいっていますが、ITの業界は目まぐるしく進化していて、
それについていけない人は、どんどん立場が危うくなるということですね・・・。
たかがHTMLなんて思ってはいけないということがよくわかりました。