2024 年 8 月 10 日土曜日

今日、Codecademy は学習が社会的な活動であることを思い出させ、他の学習者のコードをレビューするよう勧めてくれました。フォーラムはプロジェクトごとに組織され、さまざまな証明書パスが交差し、さまざまな経験レベルや技術スタックを持つ学習者が集まります。このため、意味のあるコメントをするのが少し難しくなりますが、素晴らしい機会でもあります。

私と同じようなスキル レベルのプロジェクトを見つけたので、コードを詳しく見てみることにしました。いくつかの発見がありましたが、それについては後ほど詳しく説明しますが、デザインのヒントもいくつか共有しました。たとえば、わかりやすくするために、ナビゲーション要素を単一の視覚軸上に揃えることを提案しました。また、三角形の形状、特に逆三角形の形状はデザインが難しい場合があり、多くの場合避けた方がよいことにも触れました。若手開発者からどのようなフィードバックが得られるかわかりませんでした。そのため、私の提案が評価されたのを見てとてもうれしく思いました。

さて、この経験から私が学んだことについて、主に 2 つのポイントをまとめます。まず、ナビゲーションバーのヘッダー オプションをさらに詳しく調べたいと思いました。レイアウト設計とコードの保守性の両方に改善の余地があると考えています。これをきっかけに、HTML と CSS で class タグと id タグを使用するためのベスト プラクティスを再検討するようになりました。私の AI ペア プログラマーはここで大きな助けとなり、ID タグがヘッダー、フッター、メイン コンテンツ領域などの主要なセクションに最適であることを明確にしてくれました。一方、クラスは CSS ルールをより柔軟で保守しやすくするため、これらの領域内のサブセクションに適しています。つまり、ID タグをオーバーライドするのが難しくなります。

最後に、CSS ルールの宣言では適切に具体的であることの重要性を思い出しましたが、過度に具体的ではありません。これは、長期的には柔軟性と保守性にも貢献します。

あらゆる面で良い学びが得られます!