日記アプリ

日記アプリ(サンプル)

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
デザイン
デザインデータ無し