あの、Airbnb作りませんか？

今日紹介するのは、あの有名なAirbnbを個人で超完成度高く再現してるという面白すぎる動画😌 AirbnbのUXのコアとも言えるシームレスな地図機能や管理者が投稿する宿泊施設の詳細情報も実装されてるし技術的にもMapboxを用いた地図検索や選択、画像アップロードはcloudinaryを用いた実装など学べる内容はてんこ盛りだしナチュラルにUI、UXが非常に良い🙆 技術選定も個人開発ならではのお金のかからない構成ではあるのに、ここまで再現してるのは普通に凄すぎる! この動画から学べる内容は無数にあるのでぜひみて見てみてください！

Next.js

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

Koder@koder_dev·04月03日

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

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

Next.js

Koder@koder_dev·04月03日

SNS作れるようになりたい？まずはtwitterクローン作れるようになるのはどう？

独自SNSだったり、今日常的に触ってるアプリやそれを超えるようなサービスを個人開発で作ってみたいって言う人は多いと思う！まずはtwitterを作るのはいかが？？ハンズオンで自分で作るだけで解像度上がるし、「この機能はこういう風に実装するのか！」と学びも多いはず！もちろん、クローンだから実際のアプリと作り方は違うと思うけど... 紹介してる動画たちはどれも実際のアプリと遜色ないほどクオリティ高いし個人開発に割いて聞かされた技術選定がむしろ参考になるかも！

Koder@koder_dev·05月04日

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

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

React

Next.js

tailwind CSS