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

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

Next.js

tailwind CSS

投稿一覧へ90+

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

Koder@koder_dev·05月25日

この動画フロント好きの俺にめちゃくちゃ刺さった

この動画さ、サムネイルでさNext.jsが勝った理由って書いてあるから興味本位で覗きに行ったらあまりに動画の内容が面白くて釘付けになってしまったこれは言うなれば、Web開発の通史だわ静的HTML → 動的HTML → JSとAjax → React → Next.jsって感じで今までの技術の変遷とそれぞれの課題と解決策がめっちゃ綺麗かつオシャレにまとまってて、たった12分の動画だけど見終わった後めっちゃ満足感あったどういう道のりでこの技術が必要になったとかがスッと理解できてなんか、伝わらんと思うけど東進ハイスクールの日本史の神授業受けた気分になったわ笑サクッと見れるから、気になる人はぜひ👇

Next.js

10min

Koder@koder_dev·04月03日

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

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

Next.js

Koder@koder_dev·05月04日

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

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

React

Next.js

tailwind CSS