概要
YouTubeで勉強しようとしたのに、関連動画やおすすめに流されて気づけば1時間経っていた。そんな悩みを解決するWebアプリです。
見たいチャンネルだけを登録し、その動画一覧から選んで再生。サイドバーの関連動画も、動画終了後のおすすめも表示されないので、目的の動画だけに集中できます。ログイン不要、無料で使えます。資格勉強や語学学習でYouTubeを使う方に。
見たいチャンネルだけを登録し、その動画一覧から選んで再生。サイドバーの関連動画も、動画終了後のおすすめも表示されないので、目的の動画だけに集中できます。ログイン不要、無料で使えます。資格勉強や語学学習でYouTubeを使う方に。
利用している技術
■ フロントエンド
Next.js (App Router) / TypeScript / Tailwind CSS
■ データ取得
YouTubeの公開Atomフィード(RSS)をfast-xml-parserでパース。APIキー不要・クォータ制限なしで動画一覧を取得しています。
■ インフラ
Vercel
■ その他
チャンネル登録情報はブラウザのlocalStorageに保存。サーバー側にユーザーデータを持たないため、ログイン不要で使えます。
サービスのPR点
「YouTubeを見ない」ではなく「YouTubeを目的通りに使う」ためのツールです。
一番こだわったのは、動画プレイヤーからYouTube本体へ飛べないようにした点です。埋め込みプレイヤーはロゴやタイトルをクリックするとYouTubeに遷移してしまい、そこから関連動画の無限ループに入ってしまいます。iframeのsandbox属性を調整し、再生・一時停止などの通常操作は保ちつつ、YouTubeへの遷移だけをブロックしました。
自分自身がYouTube学習で何度も脱線した経験から作りました。同じ悩みを持つ方に使ってもらえたら嬉しいです。
フィードバック募集
まだフィードバック募集がありません
開発報告
開発者からのリリース報告などのコメントです
過去30日間のツイート(※反映に時間がかかります)
開発報告がありません
過去7日間のツイートを表示します
過去7日間のツイートを表示します
コメント
サービスの利用者などからのフィードバックコメントです
まだコメントがありません