割引情報をチェック！
すべての動画をフルで見よう！
初回登録なら7日間無料！ いつでも解約OK
いますぐ無料体験へ
今回はウェブサイト作成に必須の「HTML」と「CSS」について、その関係性や歴史、構成の考え方を前後編にわたって解説します。（生配信を動画化したものですので、途中コメントを読み上げるシーンがございます。ご了承ください）
次の入門編コースを予めご視聴いただくと、より理解が深まります。
・HTML/CSS入門 HTML Living Standardを1時間で学ぼう
・HTML/CSS入門 CSS3を1時間で学ぼう
本コースはYouTubeで配信されている「ともすたCHANNEL」たにぐちまこと氏とのコラボレーションコンテンツです。皆さんに役立つITに関するスキルについての学びをお伝えいただきます。
※各ツールの画面配置や挙動は撮影時点のものです。ツールのアップデートにより変更されている場合があります。
※動画内で紹介した著書
・『これからはじめる人のJavaScript/Vue.jsの教科書』（マイナビ刊）
・『よくわかるPHPの教科書 【PHP5.5対応版】』（マイナビ刊）
・『マンガでマスター 「プログラミング教室」』（ポプラ社刊）
監修／たにぐち まこと
漫画／落合 ヒロカズ
※動画内で紹介したチャンネル
・「理屈っぽいHTML5入門」
https://www.youtube.com/playlist?list=PLh6V6_7fbbo_PozNmATrDTJclM9u12ErY
ともすたCHANNEL：https://www.youtube.com/channel/UCphTq6mefx_15CjD35qgXgA
谷口 允（たにぐち まこと） ともすた／H2O space 代表取締役
富士ゼロックス、ソニーネットワークコミュニケーションズなどでウェブエンジニアとして勤務ののち、2002年に独立。株式会社エイチツーオー・スペースを設立。
メンテナンスしやすいウェブサイトを手ごろな価格で提供することで、大小問わずさまざまな業界のクライアントを応援している。
また、ウェブ業界を豊かで厚みのあるものにするべく、ウェブ制作・プログラム開発の知見をもとに、各種講演や執筆を通じ、学習コンテンツを展開。
近年は講座動画配信プラットフォームUdemyやYouTubeを通じた映像講義配信を手がけ、それぞれで数万人規模の受講者・登録者のプログラミングやウェブ構築に関する学習を支援。
Slackコミュニティを主催することで業界全体のスキルアップを図っている。
主な著書に『6さいからつかえるパソコン』（技術評論社刊）、『よくわかるPHPの教科書』（マイナビ刊）など。
より理解を深め、他のユーザーとつながりましょう。
36人の振り返り
myosin_344
メディカル 関連職
HTMLの変遷の概要が理解できました。私が使っている某アプリはXHTMLが使われているのですが、なぜXHTMLが使われたのか、そして近日サポートが終わろうとしているのですがそれがなぜなのかなんとなく想いを馳せることができるようになりました。
kfujimu_0630
マーケティング
HTMLの生い立ちや現在地がよく分かりました。プログラミングの専門用語はやっていないので分かりませんでしたが、プログラマーと会話できるレベルくらいにはなりたいと思いました。ありがとうございました。
okuoku2
その他
なかなか難しいです。
iso_ken
専門職
emmetは強力なツールなので理解して効率化していきたい
sbsconts
コンサルタント
今回はEmmetという未知の手法を知ることができました。現状HTMLを中心に複数の受講をしていますが、この受講を通じ、未知の領域に触れ、知らないことを知り、自己の知見の広がりを感じています。引き続き受講を通じ、次の実践へのステップにつなげていければよいかと思います。
kaz_2021
マーケティング
HTMLも言語なのが分かりました。流行る・流行らないで生き残りが決まり、皆さんが使い良いものは残る点など。
shunmorisako
メーカー技術・研究・開発
Visual Studio Codeは独学で勉強しながら使っており、機能を完全には把握していなかったため、今回学んだEmmetとい拡張機能は大変有用で、今後のコード記入の時間を短くしてくることを期待しています
mynanon
IT・WEB・エンジニア
マークアップ言語は、例えばNotionのように意識せずにMarkdown言語が可視化できるものもあります。裏で動いているものにどれだけ認知できるかが、これから何をしようとしているのかの基盤になるようでとてもワクワクしました。
hrkawaguchi
IT・WEB・エンジニア
HTMLを作る側の意図や歴史などを勉強したのは初めてだったので、大変面白かった。
t-notchy
販売・サービス・事務
HTMLに紆余曲折がっとことを知らずかった。
sasakikousuke
IT・WEB・エンジニア
これは面白い。難しいけど良い。
reverend
その他
現在のHTML５に至るまでのおおきな流れを知ることができました。これまで言葉にすることなく不思議に思っていた小さな疑問の数々が、納得できました。例えば、HTMLとCSSのファイルを分ける理由、タグを小文字で書くこと、などです。引き続き習得に努めたいと思います。
sathashi
経営・経営企画
HTMLの歴史がよくわかりました。EMMETの重要性、その他今のLiving Standardでの細かいルールがXHTMLから来ていることを学びました。
takuan0507
IT・WEB・エンジニア
HTML言語の成り立ちがよくわかりました
ksu
IT・WEB・エンジニア
知っていて損はない。今後は使用することもある。
sphsph
メーカー技術・研究・開発
難しいですが、何とか。
繰り返します。
koji_kunii
販売・サービス・事務
HTMLの歴史が理解できました
iidukatakako
人事・労務・法務
仕事上でいまだにHTML言語が大文字で指示されているものがあり、なぜなのか不明でしたが、経緯を学ぶことができて、なんとなく理解ができました。
Emmet、初めてしりましたが、使えるとスピーディーに作業を進めていけると感じました。
shun8710
人事・労務・法務
業務でエンジニアの採用する際に役立ちそう
wata-1201
IT・WEB・エンジニア
今後のWebアプリ作成の学習に生かしたいと思います。
miyawaki-kenshi
販売・サービス・事務
めちゃめちゃためになりました。
shusuke-yamada
その他
インターネットを使っているだけではHTMLやライバルたちの仕様がわからない状態です。仕様やプラットフォームの争いはかつてのビデオテープやビデオゲームの本体を連想することが出来ます。
使い勝手がいいソフトウェアが残るということが出来ます。
koudai51
営業
HTMLの基礎を理解できました
sgfamaym2020
人事・労務・法務
全然経験してこなかった世界で、難しいです…
naike_jpn
マーケティング
Emmetを試してみたいと思いました。
shimodash
メーカー技術・研究・開発
emmetは便利だと思いました。
akiko_saito
販売・サービス・事務
最初に触れたころからだいぶ変わっていると感じました。
まずは、基本を覚えてからエディタなどを活用しようと思います。
iider
IT・WEB・エンジニア
HTML5も規格としては終了してますが、、、、
tsucchi-
メーカー技術・研究・開発
HTMLは奥が深いと思いました。
smurakami
IT・WEB・エンジニア
後輩などにHTMLの変遷を伝える時に役に立ちそう
matshy
人事・労務・法務
HTML自体をよくわかっていなかったが、知識の蓄えができた。
yokotashinji
資材・購買・物流
基本的な内容でしたが知識の振り返りのと過去のＨＴＭＬの変遷を知ることが来ました。
m_yuuki02
その他
進化を感じるムービーで勉強になった
ojiken
営業
業務で使う場面はありませんが、これからの時代、個人で情報発信できることも大切かと思い、HPとか作成したいと思い、受講しました。
まだ、HTML、CSSで作成するかWord Pressでやるかわかりませんが、HTMLに作成する際にEmmetということも知ることができたので、今後チャレンジする際には活用したいです。
minamt
IT・WEB・エンジニア
Emmett は初です
sato777
メーカー技術・研究・開発
内容が専門的な所もあったので後で見返してみようと思います。