そもそもZoomを作るっていう発想がすごいわ...

いやーZoomのclone作っちゃうのは流石にやばいって、shadcnとtailwindでUIは製品レベル、機能も再現度が高すぎる。。 <機能一覧> - 音声、ビデオ通話 - 招待リンク発行 - 画面録画 - 絵文字のリアクションなどなど、もうね、機能一覧見ればわかるけどこの再現度はえぐい😌 正直ね、意外とこの手のオンラインMTGアプリはちょいちょい海外では解説されてたり動画もあるんだけどね、UIの再現度とか細部までのこだわりがこの動画段違いなのよしかもセットアップからデプロイまでまさかのたった4時間で実装できちゃう手軽さ!

Next.js

tailwind CSS

投稿一覧へ90+

この投稿を見てる人はこちらの投稿も見てます👇

Koder@koder_dev·04月12日

AI面接官、実装してみたくない？

この動画では、AIを使った採用担当エージェントを自分で開発・デプロイする方法が丁寧に解説されてる。 Next.js、React、Supabase、Vapiを使って、 - AIを用いて音声でやりとりできる - 職種に合わせて質問を自動生成 - 面接後のスコア付きフィードバックを自動出力といった機能が、ちゃんとフルスタックで作れる。 UIはshadcn、認証はSupabase、構成も洗練されててそのまま参考にできるレベル。単に試せるだけじゃなく、再現性が高くて学びも多いのがありがたい。 AIを活用したSaaSに興味ある人、採用プロセスを技術で改善したい人にはかなり刺さるはず。 5時間越えのチュートリアルだから、週末にじっくり触ってみるのもおすすめ。

Koder@koder_dev·05月04日

最近よく見る「話すアバターの広告動画」

…あれ、実はこうやって作られてるのかも？トピックを入れたら → ChatGPTがCMスクリプトを生成 → AkoolでAIアバターと音声を合成 → Convexでリアルタイム保存 → PayPalで課金処理まで対応しかも、これアプリとして実装されていて UIはshadcn × Tailwind、認証はClerk React × Next.js製で、コード付きで全部再現可能完成度も高くて、プロトタイプとは思えないレベル。正直「これ、量産できる時代なんだな…」とゾッとした。しかもこのチュートリアル、YouTubeで無料公開されてる。

React

Next.js

tailwind CSS

Koder@koder_dev·04月03日

この手の動画初めて見た👁️

この動画ではリアルタイム投票アプリを作ってる！なかなかこういう投票系のアプリ見たことないけど、機能としてめっちゃおもろい🥳 リアルタイム反映かつ、多く投票された言葉がどんどん大きく表示されてくから一目でみんながトピックについてどう思ってるかが分かる👍 <実装できる機能> - リアルタイムの意見表示 - 言及された単語のクラウド表示 - 処理された要求とアクティブな接続の合計数の追跡などなど、一味違ったポートフォリオを作りたい人や個人開発で投票機能作りたい人は絶対見るべき😎

Next.js