a-ki blog

見たこと、聞いたこと、考えたこと。

AIでWebアプリを作った

新しいWebアプリをリリースしました!

……といっても、特別な機能があるわけではなく、シンプルなToDoリストツールです。
ToDo Listhttps://www.aki-f.net/todo/

どんなアプリ?

  • シンプルな仕組み:タスクを入力すると、ブラウザのローカルストレージに保存。
  • PWA対応:スマホにインストールすれば、アプリのように使えます。
  • ログイン不要:他人に見られる心配なし(ただし、異なるデバイス間での共有は不可)。

正直、JavaScriptの解説本に載っているような初歩的なプログラムです。
でも、僕自身はほとんどコードを書いていません

AIが作りました

このToDoリストは、AIに指示を出して一から作成したものです。
エディタは Cursor を使用しました。

Cursorとは?

Cursorは、プログラミングでおなじみのVSCodeにChatGPTを組み込んだエディタです。
Cursor – The AI Code Editor https://www.cursor.com/

  • 無料でも利用可能(有料プランもあり)。
  • 便利な操作
    • Ctrl + K で部分的な編集を指示。
    • Ctrl + L でAIとチャットしながら開発。

実はCursor自体は1年ほど前から使っていましたが、ゼロからアプリを作ったのは今回が初めて

AIとプログラミング

コードの正しさが不安なときは、
「この行の動作を詳しくコメントして」
と指示すれば、しっかり説明してくれます。

昔書いたコードはコメントがなくて「なぜ動いているのかわからない」なんてことがよくありますが、
これからはそんな心配もなくなりそうです。

……いや、本当にすごい時代になりましたね。

とはいえ、趣味のプログラミングは「あーでもない、こーでもない」と試行錯誤しながら作っていくのも醍醐味です。正直に言うと今回作ったものはあまり愛着も湧きません。

でも、こういうやり方がスタンダードになっていくんだろうな。

付いていかなきゃ()