くまだどうも、くまだです。
Web制作で実装の仕方が分からないとか、調べ方が分からない、というときどうしているか。
今だとChatGPTを使うという方法もありますが、それ以外で。
調べるときは片っ端から試す
例えば「ハンバーガーメニューの作り方が分からない」とか「ハンバーガーメニュークリックしたけど開かない」とかそういう事象があった場合、ネットで調べる前にいくつか確認します。
JS系が問題の場合は、ハンバーガーメニューの場合だとクリックしたらクラスが付いたり外したり、というケースが考えられるので、
- JSファイルが読み込まれているか
- スペルミスはないか、HTML、CSS、JSでそれぞれスペルがあっているか
- よけいな半角スペースや全角スペース、ドットの打ち忘れなどないか
- クリックしたらエラーが出ているか、もしくはその前にエラーが出ているか
- 開閉時のスタイルは作ったか
など考えます。
スペルミスやドットの打ち忘れなどが原因の場合が意外とあるので、まずはケアレスミスの可能性を疑います。
開閉時のスタイルは、手打ちでクラスを付与したとき見た目が変わるか確認します。これで変わらない場合はそもそもスタイルを作っていないか、スタイルが効いていない可能性が考えられます。
エラー文が出ている場合は、そのエラー文をコピーしてインターネットで調べます。エラー文全文で出なければ、キーワードだけにして調べてみます。
自分の場合だと、Googleでヒットした記事の上から10件ぐらい記事を開いて上から1つずつ地道に試します。
「作り方が分からない」みたいなふわっとした悩みの場合は、「ハンバーガーメニュー 作り方」とか「ハンバーガーメニュー 作り方 JavaScript」とか悩みの部分をキーワードにまで言語化して検索かけてみると、記事が見つかります。
1度悩んだものは、解決したときに読んだ記事をnotionやメモなどにまとめておくといいです。また同じ問題が発生したとき、前より早く実装できるようになります。
ここまで読んでくださりありがとうございました。