入門編 08 / 10 入門 約6分
独学でつまずく3つのポイントと、その抜け方
Studio学習が止まる場所は、ほぼ3つに決まっています。症状・原因・抜け方を対応表にまとめ、詰まったときに自分で切り分けられるようにします。
この教材で学べること
- 学習が止まる3つのポイントと、その正体
- 症状から原因を逆引きする切り分け方
- 検索やAIで解決しにくい種類の詰まりの見分け方
Studio自体は難しいツールではありません。それでも学習が止まるときは、だいたい次の3つのどれかです。先に知っておくだけで、詰まったときの復帰時間が変わります。
3つのつまずき
| つまずき | 起きていること | 抜け方 |
|---|---|---|
| スマホで表示が崩れる | PC画面だけで作り込み、幅が変わる前提が抜けている | 作りながら随時スマホ幅を確認する(第3章) |
| 思った位置に要素が動かない | 「ボックスの入れ子」と「余白の持たせ方」の理解が曖昧 | 親を疑う考え方に切り替える(第2章) |
| CMSの用語が頭に入らない | モデル・CMSリスト等を言葉のまま覚えようとしている | 棚のたとえで構造から理解する(第4章) |
共通しているのは、どれも操作を知らないから起きているのではないということです。「押すボタンは分かるが、なぜそうなるかが分からない」状態で、これは手順書を読んでも解決しません。
症状から原因を逆引きする
詰まったときは、闇雲に触る前に症状を言葉にしてください。症状が言語化できれば、原因の候補はかなり絞れます。質問するときにも、この形で書けると回答が早く返ってきます。
調べて解決するものと、しないもの
詰まりには2種類あります。「知識が足りない詰まり」は検索やAIで解決します。「自分のファイル固有の詰まり」は解決しません。この見分けがつくと、時間の使い方が変わります。
| 詰まりの種類 | 例 | 有効な手段 |
|---|---|---|
| 知識が足りない | 「CMSのモデルとは何か」 | 教材・検索・AI |
| 手順を知らない | 「独自ドメインの繋ぎ方」 | 公式ヘルプ・手順記事 |
| 自分のファイル固有 | 「このボックスだけスマホでずれる」 | 画面を見せて聞く |
| 判断がつかない | 「この構成で受けていいのか」 | 経験者に聞く |
下2つに30分以上使っているなら、それは調べる場面ではありません。スクリーンショットを1枚貼って聞けば、数分で終わることがほとんどです。次はAI時代にWeb制作を学ぶ意味を扱います。