TODOLIST(Vue.js)

制作時期

2025年10月

制作時間

デザイン/素材集め 1時間
コーディング 22時間

コンセプト

シンプルさと見やすさを重視したTOODリスト

ポイント

Vue.jsの勉強のために実装しました。生成AIのGeminiとchatGPTを駆使しながら作成しました。デザインカンプ作成後、実装したい機能を整理しコンポーネントに分類したあと、 Geminiにコードを生成してもらいました。不明点や疑問点はその都度chatGPTで解決し、コードを修正しながら完成させました。 今回はテーマカラーの変更・ローカルストレージへの保存・タスクのフィルター分けをメインに実装を行っています。テーマカラーやタスクをローカルストレージに保存し リロードしても最終更新が維持されるようにしました。ローカルストレージの理解がまだ甘いので引き続き学んでいきたいと思います。

レスポンシブ

対応

URL

VIEW SITE