ReplitでMVPを作成する：YouTubeサマリーサービス＃3
Pokute
カテゴリー
Empty
2編でつながります。
さらなる改善
パート2以降は、細かい改善作業を記録しました。
ユーザビリティの向上と機能の追加
+モバイルビュー対応
デプロイ後にテストを行ったところ、モバイルでの使いやすさの問題が目立ち始めました。どうしてもモバイルWebブラウザで見なければならないので、簡単なモバイルサファリPWA用の検索ボックスを隠す処理だけしました。
+スライドスイープアクションモーションを追加
トランディングセクションのスライドビュー（Carousel）機能を改善する過程で、予想以上に細かい部分をとらえないReplitの限界を体感しました。
主な問題：
*スライドボタンの影響を受けてアイテムカードの幅が変わる問題
*スライドモーション後にカードが停止する位置がずれる問題
*スライドボタンの影響を受けてアイテムカードの幅が変わる問題
*スライドモーション後にカードが停止する位置がずれる問題
7-8回程度の修正後のみ現在の状態で合意できました。モバイルビューでのスイープアクションモーションの修正も思ったより満足できませんでした。
+ スライドフィルタを追加
参考にするウェブサイトとコードを添付して要請したところ、この部分は意外と簡単に解決されました。既存のサービスを参照として提示することの効果をもう一度確認しました。
プロンプトの概要：
・Substackのスライドフィルターボタンと同様に製作
・スライドフィルターボタン部分のコードを添付
・Substackのスライドフィルターボタンと同様に製作
・スライドフィルターボタン部分のコードを添付
+ライブ映像排除ロジックを追加
運営してみると、 XMLにライブ映像、公開予定映像情報も含まれるという事実がわかりました。これらの画像は要約対象ではないため、フィルタリングが必要でした。
Perplexityに尋ねると、YouTube Data APIを介して解決が可能であることが確認され、 YouTube Data APIを使用して登録された一般的なビデオのみをインポートするようにロジックが改善されました。
+チャンネル42を追加
個人的に主に視聴していたチャンネルに加えて、検索と紹介を通じてさまざまな分野を考慮してチャンネルを追加しました。この過程でYouTubeでは思ったより「情報性」というのが曖昧な境界であることに気づきました。チャンネルを追加して削除する状況も多く、継続的なキュレーションが必要だと感じました。
振り返る
この頃がVer0.1だと思いながら、現在までコースを振り返ってみます。
サービス実装の背景
私はYouTubeで情報性コンテンツを重点的に見る傾向ですが、より見ると他の刺激的な映像に陥って多くの時間を費やす状況がよく生じました。個人的に情報収集にこだわりがある方なので、ニュースやブログの他にYouTubeでしか得られない情報を見逃すことがなく、バイブコーディングスタディ兼作ってみることになりました。
このトピックは長所と短所が明確です。
利点：
*既にあるコンテンツを再加工するので起動しやすさ
* コンテンツの生産がそんなに高速ではなく、余裕のあるスピード(チャンネルが多く追加されたら分からないが..)
欠点：
*外部コンテンツとライブラリに依存
*収益モデルを適用するのが難しい
*既にあるコンテンツを再加工するので起動しやすさ
* コンテンツの生産がそんなに高速ではなく、余裕のあるスピード(チャンネルが多く追加されたら分からないが..)
欠点：
*外部コンテンツとライブラリに依存
*収益モデルを適用するのが難しい
ジョブ統計
•
作業期間：7日
•
Replit クレジット使用量: Monthly $25 + Additional $50
Replit 크래딧 사용량
Deployment 상세 사용량
•
OpenAI APIトークン使用量：150,115トークン（$ 39.67）$ 5程度は他の開発に使用されました。
OpenAI Whisper API 사용량
•
Gemini APIトークン使用量：￥335
Gemini 2.0-flash-lite API 사용량
サービス紹介
ShortVは、情報を取得できるさまざまなYouTubeチャンネルのRSSを提供しています。
ユーザーは整理されたテキストですばやくビデオの主な内容を把握したり、ビデオを視聴する前に必ず見えるコンテンツを選ぶことができます。
差別点：
* YouTubeビデオをソースとして使用
* キュレーションしたチャンネルベースで分野の多様性を提供
* LLMを通じて紹介、コア整理を提供し、ユーザーに迅速な認知と選択肢を提供
*多言語（今はハングルのみ）翻訳を通じて言語の障壁なしで情報を習得可能
* 洗練された情報により、ユーザーはインサイト、批判的思考、自主的判断が可能
* YouTubeビデオをソースとして使用
* キュレーションしたチャンネルベースで分野の多様性を提供
* LLMを通じて紹介、コア整理を提供し、ユーザーに迅速な認知と選択肢を提供
*多言語（今はハングルのみ）翻訳を通じて言語の障壁なしで情報を習得可能
* 洗練された情報により、ユーザーはインサイト、批判的思考、自主的判断が可能
現在の状態：
*まだMVPレベル
※若干のエラーが残っていますが、使用に大きな問題はありません
*ビデオアップデートは1日2〜3回
*ユーザーの反応を知りたい
*チャンネルを引き続き確認して追加する予定
*まだMVPレベル
※若干のエラーが残っていますが、使用に大きな問題はありません
*ビデオアップデートは1日2〜3回
*ユーザーの反応を知りたい
*チャンネルを引き続き確認して追加する予定
+ウェブページの設定
•
Home ：最近7日間人気のあるフィード、最近Upvoteを受信したすべてのフィード
•
Feed : ユーザーが登録しているチャンネルの最近のフィード
•
Channel : ユーザーが購読しているチャンネル
Home 페이지 트랜딩 뷰
+使用方法
•
Homeでさまざまなフィードを見て、自分に情報になると思うチャンネルを追加してフィードにUpvoteしてください。
•
追加されたチャンネルの新しい画像はフィードで整理され、ユーザーのフィードページに自動的に出力されます。
+ターゲットユーザー
•
YouTubeアリ地獄に落ちたくない人
•
ビデオよりもテキストで情報をすばやく読みたい人
•
ぜひ見なければならない映像を選びたい方
+リクエスト
•
1日1回だけ訪問してください。 YouTubeには、何度も何度も見なければならない情報コンテンツがありません。
•
試してみてフィードバックを残していただければ幸いです。
接続アドレス： https://shortv.replit.app/
レビュー
従来、2〜3種類のバイブコーディングツールを試してみましたが、Replitは満足度が比較的高かったです。特に私が非開発者なので、感じるハードルをほとんど解決してくれました。
本業のひとつであるサービス企画者として、新たなプロジェクトを始める際の最大の困難の一つが開発者を説得することでした。サービスの可能性を説得し、プロジェクトを一緒に進めるには多くの時間と労力が必要でした。しかし、バイブコーディングを使ってMVPレベルまで素早く構築してユーザーの反応を確認できるという点で、私のようなポジションの人にとっては、Replitは非常に便利なツールと見なすことができます。
いくつかの問題がありましたが、バイブコーディングでどのレベルまで可能かを見積もることができました。
Do
「Dogma13」を購読する
サイトを購読すると、新しい投稿などの最新のアップデートを通知やメールで最初に受け取ることができます。
Slashpageに登録して「Dogma13」を購読してください！
Slashpageに登録して「Dogma13」を購読してください！
