はじめに

勉強とアウトプットを兼ねて、Webアプリ開発の記録を記事にしてみます。

個人のメモ的な側面が強いです。
Web開発初心者すぎて至らぬところだらけだと思いますが、暖かい目で見ていただければ幸いです。

前回のあらすじ

前回はバックエンド開発用のコンテナを作成して、フロントとバックのコンテナを切り替えて開発できる仕組みを整備しました。

まずはフロントとバックでどんな感じで画像をやりとりするのかを知りたいので、Chat GPTにプロトタイピングしてもらいました。

フロント側で画像を選択してアップロードして、その画像をバックエンド側でグレースケール化してフロントに返して、ブラウザに表示させる機能を実装しました。

実装ソースはこんな感じです。（※ 2025/06/07時点では公開中）

今日は執筆にも実装にもあまり時間が取れないため、これでおしまいです！泣

本日の実装はすべてChat GPTさんにやっていただきました！
頭が上がらない！！

ただ、本当にプロトタイピングなら生成AIで一撃でできてしまいますね、、、
改めて生成AIすごいなぁと思いました。

今日は写経しただけで終わってしまい全然ロジックの詳細まで理解しきれてないですが、まずは手を動かして前に進めた！ということでポジティブに考えます◎

明日もがんばるぞ！