🫡

AIを使って日記アプリをつくってみた結果...

2024/08/21に公開

自己紹介

私は、web系エンジニアに転職したい元電気工事士男です。Udemyで独学中。同じ目標がある方や、現役の方たちと繋がり、知見を得るのが目的で始めました。現在27歳。よろしくお願いいたします!!

AIを使って日記アプリをつくってみた結果...

技術スタック

  • Express
  • mongoose
  • ejs
  • passport

作りたいアプリ

  • 日記アプリ

文面

「express mongoose ejs passportを使って日記アプリを作りたい。」
...こんな感じで伝えるだけ。

すると...

  1. プロジェクトのセットアップ
mkdir diary-app
cd diary-app
npm init -y
npm install express mongoose ejs passport passport-local express-session connect-flash
  1. 必要なファイル・フォルダ構成
diary-app/
│
├── models/
│   ├── User.js
│   └── Entry.js
├── routes/
│   ├── index.js
│   ├── users.js
│   └── entries.js
├── views/
│   ├── index.ejs
│   ├── login.ejs
│   ├── register.ejs
│   ├── entries.ejs
│   └── new-entry.ejs
├── public/
│   └── css/
│       └── styles.css
├── app.js
└── config/
    └── passport.js

のように、コードなどがズラーっと送られてきた。
すでに驚きが隠せない...

そして、
実際に送られてきた内容通りにVSCodeに打ち込んでみたら...。
なんと、、!?? 日記アプリが、5分程度で作れてしまった。(えーーーっ...以前苦戦しながら自作した日記アプリのようなものがこんなに簡単に作れてしまった...と感動と悲しみが同時に湧いてくる。)

結果

簡易的な日記アプリが5分で作れました。いや、コピペしただけだからもっと早く出来たかもです。
これから、スタイルを当てたり機能も追加していこうと思います。もちろんAIで...(‘-‘)

Discussion