Koder Dev
HomeBlogPosts
HomeBlogPosts
Koder dev blog

© 2025 All rights reserved.

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

もうね、slackは自分で作る時代なんっすよ

エンジニアが一番触ってるツールなのではと思うほど、日常的に使用してるslack、仕事中使わない日はないくらい... でもこう考えたことはない?「これ自分で作れるんじゃね?」と まずね、この動画二つに分かれてて合わせて19時間あるんよ笑 しかもそれがフルでYoutubeでアップロードされてるのよ うん、わかるこの時点でおっと様子がおかしいぞと思うかもだけどこんなもんじゃないのよこの動画の真価は😎 一番驚いたのはこの動画で実装されてるslack cloneアプリの完成度ね、なんかslackで必要な機能全部実装してるんか?っていうくらい機能が豊富に実装されてるんよ笑 とりあえず実装できる機能の一部を列挙するよ驚かんでね笑 <実装できる機能> - Google/GitHub OAuth認証 - リアルタイムチャット&更新 - 画像・ファイルアップロード - マルチワークスペース管理 - カスタムUI (ダーク/ライトモード) - ユーザーステータス設定 - チャンネル作成・管理 - ダイレクトメッセージ - ビデオ通話、音声通話 - 画面共有 - メッセージ検索 ね?圧倒的充実度じゃない? しかも凄いのが、技術スタックがめっちゃモダンっていうねDBはSupabaseでNext.jsも15使ってて、スタイリングにShadcn/uiとtailwind CSSを用いてるモダンさ  特に個人的にSupabase好きだから、この技術選定めっちゃ参考になるし嬉しい☺️ 最後に本当は内緒にしときたいんだけど、なんとgitHubに全部コード上がってます(小声) もうこれ見ないで、何見て勉強するの?っていうくらい良い動画だったからぜひ見てみて!!

Supabase
Bun
React
TypeScript
Next.js
12h
投稿一覧へ90+

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

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
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