Koder Dev
HomeBlogPosts
HomeBlogPosts
Koder dev blog

© 2025 All rights reserved.

プライバシーポリシーXnote
Koder
Koder@koder_dev·05月04日

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

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

React
Next.js
tailwind CSS
5h
投稿一覧へ90+

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

Koder
Koder@koder_dev·04月13日

コードエディタのSaaS作ろうはイカつすぎるやろ笑

エンジニアなら絶対日々使ってる、コードエディタ何使ってる?VS Code派? Cursor派?てかさ、もう何なら作らんか?? これいかつすぎるのよ、Code sand boxみたいな実行環境自分で作っちゃうんだもん その場で実行できるし しかもさ、SaaSだからさフリープランだとJSしか動かせないけど有料プランだとGoとかRustとかも使えるという 決済手段Stripeじゃなくてlemon squeezy使ってるところも面白い 何が一番すごいってさ、ソースコード全部GitHubに公開されてんのよ圧倒的giverすぎないか??笑 これね、凄すぎてこれ以上説明のしようがないわ  凄さはその目で確認してみて👇

コードエディタのSaaS作ろうはイカつすぎるやろ笑
Next.js
React
TypeScript
tailwind CSS
5h
Koder
Koder@koder_dev·04月13日

ぶっちゃけ雰囲気で使ってました、すみません

あの、白状するとReactのサーバーコンポーネントなんですけどきちんと理解せずに使ってました、この記事を読むまでは いや、何となくこういうことが嬉しいんでしょとはおぼろげながら分かってたけど Vercelのtech blogに上がってる”Understanding React Server Components” を読んだらめっちゃ解像度上がった😎 どういうことを実現したいのか、今までの課題点とこれまで取ってたアプローチなど一連のストーリーで教えてくれてるから点と点がつながって頭にスッと入ってきた😌 さすがVercelさんのtech blogです、欲を言えばもっと早く知りたかったです😇 正直、自分もですっていう人はひっそりこの記事読んでみて!

ぶっちゃけ雰囲気で使ってました、すみません
React
30min
Koder
Koder@koder_dev·04月12日

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

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

AI面接官、実装してみたくない?
Supabase
shadcn/ui
React
Next.js
5h