![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
HTML5を習得したいのですが、どういう環境で学習することが一番よろしいでしょうか?
最近、Senchaタッチだの、JQuery Mobile だの、Google Web Toolkitだの、フォンギャップだのと色々あって、何に手をつけたらよいのかわかりません。
スマートフォンがこれから伸びることも踏まえたアドバイスをいただければと思います。
ちなみに私はIT業界に新卒で入った2年目です。
一年目はVisual C++の6.0、二年目は同じくC++の2005を業務で使っており、本格的なHTML5、あるいはスマホの開発に携わったことはありません。
業界についていける人間になるためにも頑張りたいので、ご意見よろしくお願いします。
No.3ベストアンサー
- 回答日時:
>どういう環境で学習することが一番よろしいでしょうか?
IDEを紹介して欲しいって事?
>HTML5になれば、JQueryなどは不要になるでしょう。
HTML5になっても必要です。
HTML5になってもJavaScriptは需要があります。
でjQueryはJavaScriptを簡単に使うためのライブラリなのでHTML5になっても
jQueryは需要があります。
特にHTML5ではタグの拡張だけでなくてAPIが拡張されているのでそれを使うのにJavaScriptを直接使うより
jQueryなどのライブラリを使った方が楽に処理できるようになるでしょう。
No.2
- 回答日時:
HTMLは、ご存知のようにHyper Text Markup Languageの略です。
文書をそれを構成する要素(Element)に分解してマークアップするメタ言語です。HTML5の特徴をHTML4.01と比較すると、大きなポイントが二つあります。
・canvas,audioのようなアドオンがなくても画像や動画を記述できるような新しいタグの追加
・文書の構造を記述することに専念し、プレゼンテーションはスタイルシートに任せることが明確になった。
canvasやaudioの影に隠れて見逃されがちなことが、それらより重要なものが「文書構造」です。HTML4.01で残っていたプレゼンテーションに関わる要素や属性がすべて抹殺されています。同時に文書構造を示す要素、header,section,aside,figure,footerなどが追加され、あわせてsectionとh1~h6のかかわりも変更されました。
この文書構造に従ったマークアップは、言い換えればHTML4.01の時代から否定されていた「プログラムによるHTMLの作成」とも関わってくるのですが、ツールに頼れない部分が飛躍的に多くなります。
たとえば、文章を読み取り、その文脈や文意を読み取って最適なタグ(要素をマークアップする記号)を選択する作業は、著者自身が行わなければならなくなるでしょう。
文書のヘッドラインなら<header>、本文は<section>、フッタは<footer>、補足記事は<aside>、挿絵は<figure>なんてのは、著者自ら選択しなければならないと言うことです。
従来は、オーサリングツールで適当に囲んで、<div class="wrapper">とかしていたものが、きちんと<article>を選ぶ必要があります。
ある意味、デザインから開放されますから楽になります。
HTML5を学ぶ手法として、もっともお勧めは、
★HTML5の仕様書 ( http://www.w3.org/TR/html5/ )
ですが、膨大な量ですので
★HTML 4.01仕様書 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
と
★HTML5 における HTML4 からの変更点 ( http://standards.mitsue.co.jp/resources/w3c/TR/h … )
と並べて読むことです。HTML4.01strictを理解している人にとってHTML5のハードルはきわめて低いでしょう。
HTML4.01の資料はたくさんあります。HTML5については、勧告の段階に達していないため、まだ資料は少ないです。
このとき注意しないとならないのは、HTML4.01strictのみを学ぶことです。HTML4.01strictと、HTML5では本質的な部分は変更がありません。「推奨しない」と書かれている部分を読み飛ばせばよいだけです。
HTML5になれば、JQueryなどは不要になるでしょう。 その代わり、canvasやmovieは人の手で扱うのは困難なので、何らかのツールが必要になります。しかし、それらは、従来の画像や動画の編集の仕方が変わるだけですが、文書構造に従ったマークアップとなると、ツールに頼れなくなりますから、すっかり様変わりしてしまうでしょうね。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Instagram HTML5の廃止とJavaScript 2 2022/04/13 21:05
- その他(プログラミング・Web制作) 次に、楽天のアジャイル就活に参加して、1日で内定を獲得できる。私は大企業に就職できる? 2 2022/04/17 13:38
- その他(悩み相談・人生相談) 人生相談、転職先のご相談。 2 2022/05/16 12:17
- 書類選考・エントリーシート 【急ぎです】指定校推薦の志望理由書の添削お願いしたいです! 商学部で1600字中1595字です 志望 1 2023/08/24 02:54
- 学校 単位が足りなく4年になりそうなので残りの1年を定時へ転入することは可能でしょうか? 現在、高3で3年 2 2022/10/06 08:53
- 転職 30歳での転職教えてください。 4 2022/12/19 13:31
- 友達・仲間 吹奏楽部に所属しているのですが、4月までは同学年の子(Aとします)と2人だったのですが、途中から入っ 2 2022/08/30 03:50
- 就職 24卒就活生です。 ここ最近、就活に行き詰まっています。 業界はメーカーと独立行政法人などの公社・団 4 2023/04/09 12:21
- 大学受験 専門学校の志望理由書について自信が全く無くて…添削してください。 「 私は将来、IT企業の第一線で活 3 2022/10/11 01:12
- 倫理・人権 技能実習制度 見直し検討へ 当然ではないでしょうか? 見直しではなく廃止が適切では? 4 2022/07/29 19:31
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
html の divとtable の役割
-
htmlのolやulなどlistにtitleや...
-
div要素が重なってします
-
HTML属性での「""」 「''」違い
-
min-heightとheightの違いについて
-
ヘッダーを左右に二分割する方...
-
CSSで画像を下に配置
-
ブログのサイドバーが下にくる
-
複数のボタンを等間隔に、かつ...
-
divを横に並べる方法
-
<!-- #BeginLibraryItemとは
-
HTML5を学習する上での最適な環...
-
<div id="container">の使いか...
-
携帯サイト、ナノでのタグ編集...
-
inline-blockをネストすると表...
-
ヘッダーとフッターだけ背景を...
-
IEで表示されてしまう余白をな...
-
WEB系の仕事を目指す場合D...
-
float:leftを使用して全体を中...
-
1サイト内にHTML5とXHTMLが混在...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTML属性での「""」 「''」違い
-
htmlのolやulなどlistにtitleや...
-
div要素が重なってします
-
複数のボタンを等間隔に、かつ...
-
html の divとtable の役割
-
<div id="container">の使いか...
-
min-heightとheightの違いについて
-
ヘッダーとフッターだけ背景を...
-
1時間30分を簡単に表したいで...
-
要素間、要素内に隙間が空く
-
画面を縮小するとカラムが落ち...
-
h1のテキストサイズよりh2の方...
-
divの中に外部のHTMLを埋め込む
-
スペースを使わず文字位置を揃...
-
<!-- #BeginLibraryItemとは
-
hタグの右横に画像を表示
-
グリッドレイアウトで"auto-fit...
-
セクションをdivで囲むと見出し...
-
開閉式の隠し要素が一瞬表示さ...
-
html5でheaderの中にnav
おすすめ情報