2
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

日報作成が面倒すぎたので、AIに全部やらせるWebアプリを作った話

2
Posted at

はじめに

毎日の日報作成、面倒じゃないですか?

「今日やったことを箇条書きにして、それを丁寧な文章に直して、敬語を整えて、構成を考えて...」

この作業に毎日30分かけていた自分が嫌になったので、箇条書きを貼るだけで10秒でプロの日報が完成するWebアプリを作りました。

👉 NippoGen — AI日報ジェネレーター

NippoGenのスクリーンショット

何ができるのか

こんな箇条書きメモを入力すると...

・顧客Aとオンライン会議、新機能の要件ヒアリング ・LP改修のデザイン確認、修正依頼 ・チームMTGで進捗共有 ・問い合わせ対応3件

10秒後にはこうなります:

■ 本日の業務報告

【実施事項】

顧客A様とのオンライン会議を実施いたしました。 新機能に関する要件のヒアリングを行い、先方のご要望を 整理いたしました。

ランディングページ改修について、デザインチームとの 確認ミーティングを行いました。修正箇所を特定し、 デザイナーへ修正を依頼いたしました。

チーム定例ミーティングにて、現在の進捗状況を 共有いたしました。

お客様からのお問い合わせ3件に対応いたしました。 いずれも当日中に回答を完了しております。

敬語も構成も完璧。もう日報に悩む必要はありません。

技術スタック

技術 用途
Next.js 14 (App Router) フロントエンド & API Routes
Claude AI (Anthropic Haiku) 日報の文章生成
Supabase 認証・データベース
Stripe サブスクリプション決済
Vercel ホスティング & CI/CD
GitHub Actions 自動テスト & CEO週次レビュー

アーキテクチャ

ユーザー → Next.js (Vercel) ├→ Claude API(日報生成) ├→ Supabase(認証・DB) └→ Stripe(決済)

シンプルですが、これだけで本格的なSaaSが動きます。

こだわったポイント

1. 箇条書きから自然な日本語への変換

Claude API にはテンプレートごとに最適化したシステムプロンプトを設定しています。日報・週報・クライアント報告書の3種類に対応し、フォーマルからカジュアルまで文体も選べます。

2. 多言語対応(6言語)

日本語だけでなく、英語・中国語・韓国語・スペイン語・フランス語に対応しました。海外チームとの共同プロジェクトでも使えます。

3. Supabase Auth + Google ログイン

メール/パスワードに加えて Google ワンクリックログインも実装。登録のハードルを極限まで下げました。

4. Stripe サブスクリプション

無料プラン(月5件)と Pro プラン(月額980円、月100件)の2段階。Webhook で課金状態を自動管理しています。

5. 安全機構

  • CircuitBreaker: API エラーが連続5回で自動停止
  • CostGuard: 月間 API コスト上限 ¥5,000
  • KillSwitch: Supabase から即時停止可能

個人開発でもコスト暴走を防ぐ仕組みは必須です。

6. PWA 対応

スマホのホーム画面に追加すれば、アプリのように使えます。

開発で苦労した点

Supabase の環境変数ミス

Vercel の環境変数に設定した Supabase URL のスペルが間違っていて、Webhook が動かない問題に半日ハマりました。JWT をデコードして正しい Project ID を特定するという方法で解決。環境変数はコピペが正義です。

Row Level Security (RLS)

Supabase の RLS が有効だと、サーバーサイドからの INSERT がブロックされます。開発段階では DISABLE ROW LEVEL SECURITY で回避しましたが、本番では適切なポリシーを設定するのが望ましいです。

Stripe の本番審査

特定商取引法に基づく表記ページが Stripe の基準を満たしていないとリジェクトされました。住所・電話番号・返品ポリシーなどを詳細に記載して再提出し、無事に通過。日本でSaaSを作る場合、特商法ページは最初から用意しておくべきです。

料金モデル

Free Pro
月間生成数 5件 100件
テンプレート 3種類 3種類
文体選択
PDF出力
SNS共有
料金 無料 ¥980/月

Claude Haiku の API コストは1レポートあたり約 ¥0.5 なので、Pro ユーザーが100件フルに使っても ¥50。粗利率は約95%です。

今後の予定

  • テンプレートカスタマイズ機能
  • 音声入力対応
  • Slack / Teams 連携
  • ユーザーフィードバックを元にしたプロンプト改善

まとめ

「面倒だな」と思ったことを自動化するのが個人開発の醍醐味です。日報作成は多くのビジネスパーソンが毎日やっていることなので、ニーズは確実にあると感じています。

無料で使えるので、ぜひ試してみてください。

👉 NippoGen — AI日報ジェネレーター

フィードバックやご意見があれば、コメントお待ちしています!

2
3
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?