Youtubeスクリプトジェネレーター [Refine Hackathon]

作成したもの ❔

OpenAI APIを利用したYoutubeスクリプトジェネレーターです。

カテゴリ提出:

  • refineアプリのメインUIフレームワークとしてMaterial UIを使用したベストプロジェクト。
  • 技術的に最も印象的なプロジェクト

アプリリンク 🔗

ウェブサイトはこちらからアクセスできます。

スクリーンショット 🖼️

スクリーンショット

説明 📔

OpenAI APIを活用してYoutubeスクリプトを生成するプロジェクトです。
このプロジェクトは、NextJSを使ってOpenAIのChatCompletion APIがプロジェクトでどのように利用できるかという例として作られました。

ソースコードへのリンク 🧑‍💻

ソースコードは私のGithubでこちらから見つけることができます。

パーミッシブライセンス 🪪

このプロジェクトはMITライセンスを使用しています。

背景 (どうしてこのアプリを作ろうと思ったの?何が刺激となったの?) 🎒

Twitterやdev.toで新しいプロジェクトを探していた時に、vanilla-jsを使ってシンプルなサイトを開発し、OpenAI APIキーの助けを借りてTwitterのバイオを生成するだけの投稿を見つけました。それが私をこのYoutubeスクリプトジェネレーターを作ることへと導き、より有用であり、またこれを新しい開発者たちのためのテンプレート/ベースとしてマークし、Next.jsでどのようにやるのかを見てもらうことにしました!

どうやって作ったの? (refineをどのように活用したの?途中で何か新しいことを学びましたか?新しいスキルを身につけた?) 🏫

このプロジェクトは以下のリソースを使って作られました...

正直言って、Material UIの素晴らしさを今まで知りませんでした。このプロジェクトを作って本当のポテンシャルを見たので、次回からのプロジェクトには全部Material UIを使うつもりです。

こちらの記事はdev.toの良い記事を日本人向けに翻訳しています。
https://dev.to/akashpattnaik/youtube-script-generator-refine-hackathon-5bea