← 横スワイプで他の実績を見る →

🌐Webアプリ公開中

📷

読み込み中...

🎯主要機能

URLを貼るだけの簡単操作

noteの記事URLを入力フィールドに貼り付けるだけ。Playwrightが記事のタイトル・本文・画像を自動スクレイピングし、コンテンツを取得します。

URLを貼るだけの簡単操作

ラジオ風台本に自動変換

Gemini AIが記事の内容を解析し、ラジオのトーク番組のような聴きやすい会話調の台本に自動リライト。重要なポイントを強調した構成で記事の核心を伝えます。

ラジオ風台本に自動変換

MP3ダウンロード対応

生成されたポッドキャストをMP3形式でダウンロード可能。通勤中や運動中に、オフラインでも記事コンテンツを聴くことができます。

🎨

Feature Image

⚙️技術的詳細

Playwright Scraping

Playwrightでnote記事のDOMを解析し、タイトル・本文・画像を正確に取得。SPAにも対応するヘッドレスブラウザスクレイピング。

Gemini AI台本生成

記事の文脈と論理構成を理解し、ラジオ番組の台本フォーマットに変換。一方的な朗読ではなく会話調で聴きやすさを最適化。

lamejs MP3エンコード

ブラウザ上でMP3エンコードを実行し、サーバーコストを削減。クライアントサイドで完結する高効率なエンコーディング。

Supabase Storage

生成された音声ファイルをSupabase Storageに保存。ユーザーごとのポッドキャストライブラリを安全に管理。

💼活用シーン

🚃

通勤中のインプット

電車やバスでの移動時間に、気になるnote記事をポッドキャスト感覚で聴取。スキマ時間を学習時間に変換。

✍️

コンテンツクリエイター

自分のnote記事を音声コンテンツに変換し、新しい発信チャネルを開拓。読者以外のリスナー層を獲得。

📚

情報キュレーション

複数の記事をまとめてポッドキャスト化し、テーマ別のプレイリストを作成。効率的な情報収集を実現。

📖ストーリーで見る

👥

お客様編

💻

開発編

👤担当領域

企画UI設計フルスタック開発AI連携

🛠️使用技術

Next.js 16TypeScriptTailwind CSS 4Gemini APISupabasePlaywrightlamejs

ハイライト

1

URL入力だけで記事→台本→音声の全自動変換

2

ラジオ風の聴きやすい台本にAIがリライト

3

Playwrightで記事コンテンツを自動取得

4

MP3エンコードでダウンロード・共有可能

5

複数記事のバッチ処理に対応

😰課題・問題

  • noteの長文記事を読む時間がない
  • 記事コンテンツの音声化には台本作成と収録が必要
  • 既存の音声化サービスは機械的で聴きづらい

💡解決策

  • URL入力だけで全工程を自動化し、記事を聴けるコンテンツに変換
  • ラジオ風台本で聴きやすさを最適化
  • AIが文脈を理解した自然な台本リライトを実現

🎯成果・結果

🏆

記事の音声消費という新しい体験を実現

🏆

コンテンツクリエイターの発信チャネルを拡大

🏆

通勤・家事中の情報インプット時間を創出

このようなプロジェクトを一緒に作りませんか?

NextCodeは、お客様の課題に寄り添い、最適なソリューションを提供します。