こんにちは、Hikaruです。
今日からデイトラでは実際にサイトをコーディングでしていきます。
作成したサイトがこちら
よくあるカフェサイトのようです。
シンプルに見えて難しい点もいくつかありました。
実際に私は以下のような手順でサイトを作成していきました。
- HTMLとCSSでコーディングを始める。
- サイトを完成させる。
- 解説動画を視聴する。
- 解説動画を参考にして、自分でコーディングを進める。
ここまで私は解説動画を見ながら逐一動画をとめて、コードを書いていました。しかし、これではあまり身になっている感じがしません
解説動画を見ることは一定の理解を提供しますが、プログラミングのスキルを本当に身につけるには、実際にコーディングを行い、手を動かして問題に取り組むことが重要です。解説動画を見ながら、その内容を理解し、自ら実際のプロジェクトに応用することで、知識やスキルが深まります。プログラミングは実践が非常に重要であり、理論だけではなく実際のコーディング経験が成長につながります。
そこでやり方を変えてみようと思いました。前述した通り
- HTMLとCSSでコーディングを始める。
- サイトを完成させる。
- 解説動画を視聴する。
- 解説動画を参考にして、自分でコーディングを進める。
デイトラはこんな感じで、進めていきたいと思います。
このサイトで一番難しかった点は入力フォームのコーディングです。
See the Pen Untitled by ヒカル (@lnlpnrjk-the-selector) on CodePen.
あまり奇麗でないですが一応動いているのでよしとします。
デイトラの解説動画ではもう少しきれいなコーディングをしています。
私がform作成するときに参考にしたサイト
https://www.sejuku.net/blog/81862
- エラーメッセージを確認する: プログラムがエラーを返している場合、そのエラーメッセージを確認してください。エラーメッセージは問題の特定に役立ちます。
- コードを分割する: 長大なコードを小さな部分に分割し、それぞれが正しく動作しているか確認します。問題の特定が容易になります。
- Googleを利用する: 遭遇している問題に関連するキーワードで検索し、他の開発者の質問や回答を見つけて問題解決に役立てます。
- 休憩を取る: 一時的に作業から離れ、リフレッシュすることで問題に対する新しいアプローチが見つかることがあります。
思い通りに進まない状況には、解決に向けて焦らず、冷静に対処することが大切です。
現在、デイトラでプログラミングを学んでいます。将来的には、月に5万円を稼げるようになることを目指しています。成功の条件として、この目標を達成することを設定しています。