- 01AIにコードを聞くときの、質問のしかた同じことを聞いても、返ってくる答えの質は聞き方で大きく変わります。学習の役に立つ聞き方と、初学者がやると危ない使い方を整理します。
- 02レイアウトが崩れる原因、上位3つ横にはみ出す、余白が思ったより広い、要素が重なる。崩れ方は色々でも、原因は数種類に集中しています。見つけ方とあわせてまとめます。
- 03JavaScriptが動かないときに見る3か所JavaScriptは、間違っていても静かに止まります。だからこそ手順が要ります。コンソール・読み込み・取得の3か所を順に見れば、原因はほぼ特定できます。
- 04画像が表示されないときのチェックリスト画像だけが出てこない。原因はほぼパスの問題ですが、見た目では分かりません。上から順に確かめれば数分で見つかる手順にまとめました。
- 05作ったページを公開するまでの流れ — 全体像をつかむ手元で作ったHTMLを、世界中から見られるようにするには何が必要か。ドメイン、サーバー、アップロードの関係を、道具の名前ごと整理します。
- 06VSCodeの最初の設定 — 入れておく拡張機能と、変えておく3項目インストールした直後の状態でも書けますが、最初に少しだけ整えておくと、ミスに気づける回数がまるで変わります。欲張らず、本当に効くものだけを挙げます。
02
カテゴリから探す
/getting-started
はじめかた
何から・どの順で学べばいいか。学習の入口。
/htmlHTML
ページの骨組みをつくる基本タグを1テーマずつ。
/cssCSS
見た目やレイアウトの「やり方」をやさしく解説。
/javascriptJavaScript
動きをつける入門。難しいところをかみ砕いて。
/dev-env開発環境
VSCodeや検証ツールなど、最初の関門を突破。
/troubleshootingつまずき解決
「効かない・表示されない」の直し方を集めたエラー辞典。
/glossary用語集
「〜とは？」を短く。分からない言葉をすぐ調べる。
/learn-with-aiAIと学ぶ
ChatGPT・Claudeを学習に活かすコツと注意点。