はじめまして
こんにちは、かなでと申します！
インハウスデザイナーをして４年、普段は自社商品の販売ページを制作している会社員です！
ずっとやりたかったプログラミング学習を本格的に始めることにしたので、ここに記録します！
初めての制作物「Cafe Bloom」
架空のカフェ「Cafe Bloom」のWebサイト制作です。
▼作成したコードはGitHubに公開しています。
開発環境
- OS： macOS
- エディタ： VS Code
- ビルドツール： Vite
- デザイン： Figma
- 言語：HTML5 / CSS3
- デザイン（約1時間）： 実はFigmaを触るのも今回が初めて。まずはツールに慣れるため、あえて要素を絞った「シンプルで簡単なデザイン」にしました。
- コーディング（約5時間）： 初めての VS Code に苦戦しながら、なんとか形にしました。
課題と今後の展望
実際に手を動かしてみたことで、「今の自分の課題」が見えてきました。
デザインの敗北
デザイナーとして一番悔しかったのが、これです。 制作中、無意識に「これ、コードで書くの難しそうだな…」と、コーディングのしやすさばかりを気にしてしまいました。
その結果、デザインが後回しになり、自分が本当に作りたかった理想から逃げてしまった気がします。
プログラミングの現実
なんとか形にはなったものの、実態はAI（Geminiくん）に頼り切りの状態。
「ここをこうして」とお願いすれば魔法のようにコードが出てくるけれど、自分の力で書いたかと言われると……正直、自信がありません。
いつかは自分の頭の中にあるロジックだけで、カタカタと画面を埋め尽くせるようになりたい。
最後に
ツッコミどころ満載のコードを書いておりますが、もしよろしければコードレビューをいただけますと泣いて喜びます！
最後まで読んでいただき、ありがとうございました！