こんにちは!

今回はHTMLの学習内容をお伝えしようと思います!




1.概要 


今回は、なんとなく使っていたHTMLをきちんと理解することを目的に学習した内容をメモとしてまとめます。


これまでiPhoneショートカットでHTMLを書く機会は多かったのですが、

「動くからOK」という状態で、正直なところ構造をちゃんと理解していませんでした。


このままでは応用ができないと感じたため、

今回を機にHTMLの基本をしっかりマスターすることにしました。



2.学習方法 


学習にはAI(ChatGPT)を使いました。


いきなり難しいことはせず、

段階を踏んで理解することを意識しています。


2-1.学習の流れ


  1. 「HTMLの基本を教えて」と質問
  2. div / span / id / class などを一つずつ確認
  3. 最後に理解できているか自分で答えられるかチェック(AI考案)


「説明を読んで終わり」ではなく、

自分の言葉で言えるかどうかを重視しました。


2-2.学習内容(理解度チェック)


最終的に、以下の問いに答えられるかで理解度を確認しました。

  • 「HTMLとは?」
  • 「divは何?」
  • 「idとclassの違いは?」
  • 「HTMLで計算できる?」

このチェックを通して、

「分かったつもり」だった部分がかなり整理されました。



3.まとめ・今後やること 


今回学んだことは、

iPhoneショートカットで実際に使って定着させる予定です。


まずは、

  • 気圧差をiPhoneショートカットで抽出
  • その結果をHTMLに返す
  • 見やすく表示する画面を作る
というシンプルなショートカットを作ります。


理解 → 実装 → 表示

この流れを繰り返して、

HTMLを「使える知識」にしていきます。



4.過去投稿 


HTMLを使ってます→