Koder Dev
HomeBlogPosts
HomeBlogPosts
Koder dev blog

© 2025 All rights reserved.

プライバシーポリシーXnote
Koder
Koder@koder_dev·03月21日

リアルタイムに共同編集できんのえっぐいな…

今まで色んなアプリを作ってる動画を紹介してきたけど、毎回これもあれば最高なのになって思ってた機能があってそれが「リアルタイムな共同編集機能」なのよ google docsとかnotionとかの使いやすさ想像して貰えば、どんだけ便利機能かわかってもらえると思うけど実装大変すぎてなかなか個人開発で紹介してくれる動画が今までなかった。。。 そう、今までは この動画ではなんと共同編集機能の実装のやり方を丁寧に紹介してくれてるのよ!! しかも、共同編集はもちろんドキュメントの権限管理(閲覧オンリーとか、編集可能とか)、共有機能、docsへの通知機能などなどドキュメントアプリ作成するにあたって欲しい機能はこの動画を見れば完結する!! 本当すごいから、冒頭のデモ紹介の5分だけ見て!すぐ高評価押したくなるほどの完成度だから!

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

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

Koder
Koder@koder_dev·05月25日

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

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

この動画フロント好きの俺にめちゃくちゃ刺さった
Next.js
10min
Koder
Koder@koder_dev·04月03日

え、これ凄くね ... ?

Next.js App Routerを使ったマーケットプレイスアプリの作り方が感動レベルでヤバい! Kinde認証、Stripe決済、Supabaseデータベースなど、最新技術が盛りだくさん! しかも、Stripe Connectでマーケットプレイス機能も実装! しかもね、めっちゃ最新かつ学びになる実装方法してる 例えば、 - uploadthingで画像投稿する - resend react emailによるメール送信 などなど、海外では人気になってきた実装方法を自然に組み込んでくれてるから見るだけでも参考になる! マーケットプレイスアプリを作りたい人は必見の動画!

え、これ凄くね ... ?
Supabase
tailwind CSS
Prisma
Next.js
8h
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