入門編 08 / 10 入門 約6分

独学でつまずく3つのポイントと、その抜け方

Studio学習が止まる場所は、ほぼ3つに決まっています。症状・原因・抜け方を対応表にまとめ、詰まったときに自分で切り分けられるようにします。

この教材で学べること

  • 学習が止まる3つのポイントと、その正体
  • 症状から原因を逆引きする切り分け方
  • 検索やAIで解決しにくい種類の詰まりの見分け方

Studio自体は難しいツールではありません。それでも学習が止まるときは、だいたい次の3つのどれかです。先に知っておくだけで、詰まったときの復帰時間が変わります。

3つのつまずき

つまずき起きていること抜け方
スマホで表示が崩れるPC画面だけで作り込み、幅が変わる前提が抜けている作りながら随時スマホ幅を確認する(第3章)
思った位置に要素が動かない「ボックスの入れ子」と「余白の持たせ方」の理解が曖昧親を疑う考え方に切り替える(第2章)
CMSの用語が頭に入らないモデル・CMSリスト等を言葉のまま覚えようとしている棚のたとえで構造から理解する(第4章)

共通しているのは、どれも操作を知らないから起きているのではないということです。「押すボタンは分かるが、なぜそうなるかが分からない」状態で、これは手順書を読んでも解決しません。

症状から原因を逆引きする

詰まったときは、闇雲に触る前に症状を言葉にしてください。症状が言語化できれば、原因の候補はかなり絞れます。質問するときにも、この形で書けると回答が早く返ってきます。

症状から原因を切り分ける流れを示した図 思ったとおりにならない PCでは正しく見えている? いいえ レイアウトの問題 親ボックスの並べ方・余白を確認 はい レスポンシブの問題 固定幅の要素と文字サイズを確認 どちらとも言えない 画面を見せて聞くのが最短
図1:まず「PCでは正しいか」を見ると、問題が2種類に分かれる

調べて解決するものと、しないもの

詰まりには2種類あります。「知識が足りない詰まり」は検索やAIで解決します。「自分のファイル固有の詰まり」は解決しません。この見分けがつくと、時間の使い方が変わります。

詰まりの種類例有効な手段
知識が足りない「CMSのモデルとは何か」教材・検索・AI
手順を知らない「独自ドメインの繋ぎ方」公式ヘルプ・手順記事
自分のファイル固有「このボックスだけスマホでずれる」画面を見せて聞く
判断がつかない「この構成で受けていいのか」経験者に聞く

下2つに30分以上使っているなら、それは調べる場面ではありません。スクリーンショットを1枚貼って聞けば、数分で終わることがほとんどです。次はAI時代にWeb制作を学ぶ意味を扱います。

まずは1ヶ月間参加してみるplay_arrow