日記アプリ(サンプル)
Node.js
Express
Vue
Responsive
アプリ
ユーザーが書いた日記の内容に対して、Googleの生成AIであるGemini APIがコメントを返してくれるアプリケーションです。
Node.js、Express、Vue.jsでのアプリケーションに初めて挑戦し、学習のアウトプットとして作成しました。
- POINT
-
・フルスタックJavaScriptでの開発
フロントエンドはVue.js、バックエンドはNode.jsとExpressを採用し、モダンなJavaScript環境でのWebアプリケーション開発の基礎を学びました。
・外部APIとの連携
バックエンドからGemini APIを呼び出し、ユーザーの入力内容や設定に応じて動的にプロンプトを生成し、パーソナライズされた応答を返す機能を実装しました。フロントエンドからはaxiosを利用して、サーバーと非同期通信を行っています。 - 今後の展望
-
このアプリケーションの開発経験を活かし、より実践的な機能(ユーザー認証、データベースへの日記の保存・編集・削除機能など)を備えた、さらに規模の大きいWebアプリケーションの開発に取り組んでいく予定です。
※追記、実践的な機能を備えたアプリを作りました → Diary 日記帳アプリ - 使用技術
- Node.js / Express / Vue / axios / Gemini API
- デザイン
- デザインデータ無し