プログラミング独学→半年でWebサービスを作り起業/ベンチャー2社と個人事業を創業、売却/エンジニアになりたい人、個人開発したい人に向けてプログラミングやプロダクトの作り方を発信中/SBクリエイティブより「挫折しないReactの教科書」発売中/ 公開した全てのUdemy講座がベストセラー入り
Joined August 2022
- Tweets 6,894
- Following 289
- Followers 23,544
- Likes 37,829
2,618 Photos and videos
Pinned Tweet
9 Mar 2025
12
99
53,071
ポートフォリオサイト、どんなものを作ればいいかわからないならこれを見てほしい
Reactを使ってアニメーション付きのポートフォリオを作る「Animated Portfolio Website with React & Framer Motion」
超クール、レスポンシブ対応のポートフォリオを作り、デプロイまで行う
これ参考に自分のポートフォリオも作ると良さそう
23
1,747
頭の中だけで複雑なロジックを考えながらコード書いて時間溶かしてない？
「実装中にバグが頻発する」「データベース設計がこんがらがる」と悩むなら、VSCode内で完結する「Draw.io」の拡張機能を入れてみてほしい
コードを書く前にさっと図にするだけで驚くほど理解が進む
・VSCode上でタブを開いて直感的に操作可能
・ER図やフローチャートの豊富なテンプレ
・画像やXMLなど多彩なフォーマットで保存
外部ツールを開かずにエディタ内でシームレスに設計図やER図を描けるのが想像以上に快適 開発スピードを劇的に上げたい人は今すぐ導入してみてほしい
4
70
4,993
Next.jsを使ってTwitterクローンを作る「Build and Deploy: TWITTER clone」が超絶すごい
見た目も機能もかなりクオリティの高いクローンが作れる
SNSは一回作ってみると色々応用効くので、ポートフォリオ作る前にこれ挟むといい
Vercelにデプロイし、公開するとこまで書いてあるのに無料とは....
2
27
2,512
あらゆる言語やツールのチートシートが集まっている「OverAPI」
・HTML
・CSS
・JS
などのフロントエンド
・Ruby
・PHP
・Python
・MySQL
など、本当に沢山のシートを見ることができる
内容もまとまっていて見やすい！
1
37
2,708
くるしば | ソフトバンクよりReact本発売中 retweeted
個人開発でやるべきこと、ここに全部詰まってる
4400件以上の個人開発の成功例が見れる「Starter Story」がやばすぎ
・大量の成功例を、月間収益額、初期投資額、ビジネスモデルで詳細に検索・閲覧
・Reddit、TikTok、SEOなど、成功例が実際に「最初の顧客」を獲得した具体的な集客戦略をステップ形式で学べる
・これらのプロダクトがどんな技術スタックを使っているのかも分かる
・数千件の事業データを読み込ませた独自AIに事業案を壁打ちできる
アイディアを出すためには良質な成功例と失敗例を大量に知る必要があるけども、個人開発についてはとりあえずこれだけ見ておけば十分そう
無料でも一定数の事例が見れるし、これだけの機能があれば有料プランの契約も全然安い
7
56
3,308
プログラミングの面白さは「正解が一つじゃない」こと
一つの教材や手法に固執すると応用が効かなくなるから、YouTubeで「多様な実装」に触れておくのが吉
このリスト、とにかくバリエーションが豊富で面白い
・王道の解説から、海外の尖った実装アプローチまで
・Python、JS、Goなど、様々な言語の思想など
・自分とは違うコーディングスタイルやツール選び
がっつり学ぶなら体系的な教材だけど、Youtubeは無料かつ、いろんな人が投稿しているのでコンテンツの多様性がある
「へぇ、そんな書き方もあるんだ」「この技術面白そう」という視野の広がりを生むためにもこの多様性は大事
知識の幅＝エンジニアの対応力。頭を柔らかくするための「アイデアの引き出し」として保存推奨
3
37
2,287
くるしば | ソフトバンクよりReact本発売中 retweeted
個人開発でWebサービスを公開したいけど、月々の維持費が心配な人へ
「認証やデータベースを自前で立てるのがキツい」「アクセスが少ないうちからサーバー代を払いたくない」と悩むなら、この14個 of サービスを組み合わせるのがおすすめ 月額0円でSaaSを公開できる神ツール
・ユーザー管理やMFA対応の認証
・初期費用0円でサブスクも作れる決済
・爆速で公開できるインフラ環境
維持費に怯えることなく自分のアイデアをすぐに形にできる時代なので、個人開発やポートフォリオ制作でサービスを公開したい人はぜひチェックしてみてほしい
1
4
118
9,615
Linuxを学習できるコンテンツまとめ
Webサーバーではもちろん、cdやls、chmodなどのLinuxコマンドはターミナルで使う
インフラを触らなくても学習しといて損はない
ローレベルな部分を理解しておけると後々いろいろと役立つ
3
47
2,683
AIに「いい感じのUI作って」と指示して、ダサい画面が出てきて絶望したことない？実はテキストファイルを1枚置くだけで解決する
様々な一流プロダクトのデザインを「DESIGN.md」形式でまとめた「awesome-design-md」がマジで神
DESIGN.mdとは、Googleが提唱するAIにデザインのルールを理解させるためのマークダウン形式の仕様書
このフォーマットに則って、
・NotionやAppleなど世界一流のデザインをAIにコピー可能
・YAMLで余白やカラーの値を正確にAIに読み込ませる
・Cursor等に「この仕様をベースにして」と指示するだけ
・デザイン調整をAIに丸投げして本来のロジック開発に集中できる
好きなプロダクトのDESIGN.mdをプロジェクトに配置するだけで、簡単にAIのデザインクオリティが上がる
1
22
2,003
Reactとsocket. ioを使ってリアルタイム通知の機能を持ったサービスを実装する「Realtime Notification App Using React and Socket. io」
少し古いけど、説明やコードが非常にわかりやすい
ポートフォリオでも、リアルタイム通信を使った機能（メッセージや通知など）があると結構印象に残る
1
7
950
Web系の知識だけでスマホアプリを作りたいなら、この動画がベスト
「ReactやJavaScriptは学んだけどアプリ開発は敷居が高い」「ネイティブアプリの作り方がわからない」と悩む人は多いはず YouTubeの無料講座「React Native Course for Beginners in 2024」なら一本で基礎から学べる
・環境構築から丁寧に解説
・本格的な動画共有SNSアプリを作成
・UIデザインの質が抜群に高い
基礎知識の解説から始まるので、初めてスマホアプリを作る人も挫折しにくい 実務で使えるレベルのプロダクトが完成するので、ポートフォリオの差別化にもおすすめ
1
16
1,582
WebサイトをiOSやAndroidアプリにしてくれる「Site Into App」が凄すぎ
WixやWordpress、Shopifyなどで作ったサイトにも対応
アプリは専用のエディタで編集したり、追加費用を払うと専門のチームが構築を手伝ってくれる
アプリエンジニアがいなくてもそれなりの精度でアプリ化ができそう
1
10
1,297
くるしば | ソフトバンクよりReact本発売中 retweeted
作ったポートフォリオやアプリ、デプロイ先をどうするかで迷ってない？
「AWSやVPSは難しそう」「できるだけ費用をかけずに公開したい」と悩むなら、個人開発で役立つ無料ホスティングサービスを使い分けるのが正解 用途別におすすめの公開先をまとめた（詳細は画像を参照）
・静的サイトからバックエンドまで無料公開
・GitHubと連携してPushするだけでデプロイ
・DBやキャッシュサーバーの無料枠も豊富
サーバー代を1円も払わずにWeb上に公開できるので、初心者でも安心 自分の作品を多くの人に見てもらいたい人は画像を保存して試してみてほしい
1
8
58
6,444
くるしば | ソフトバンクよりReact本発売中 retweeted
ここら辺確かに簡単だしいいですね！
他にはAWSで簡単なAmplify hostingというものがあったり、最近はcloud flareなんかもいいですね
更にむずいのだと、Docker使って、勉強ついでにGoogleのcloud runやるのもいい
実務よりのもの使いたかったらここら辺から始めるのいいの思う
作ったポートフォリオやアプリ、デプロイ先をどうするかで迷ってない？
「AWSやVPSは難しそう」「できるだけ費用をかけずに公開したい」と悩むなら、個人開発で役立つ無料ホスティングサービスを使い分けるのが正解 用途別におすすめの公開先をまとめた（詳細は画像を参照）
・静的サイトからバックエンドまで無料公開
・GitHubと連携してPushするだけでデプロイ
・DBやキャッシュサーバーの無料枠も豊富
サーバー代を1円も払わずにWeb上に公開できるので、初心者でも安心 自分の作品を多くの人に見てもらいたい人は画像を保存して試してみてほしい
1
11
2,390
NextやReactのファイルを自動で生成してくれる「T3 Stack」が便利すぎ
プロジェクトの雛型やページコンポーネント、レイアウトなどよく使うファイルを自動生成
VSCodeのプラグインからぱぱっと利用できるのもGood
地味にこういう雛型ファイルを作ってくれると生産性がだいぶ上がる
2
22
1,770
くるしば | ソフトバンクよりReact本発売中 retweeted
Claude Code使い始めた人は必ず見てほしい
Anthropic公式が出している、ClaudeCodeのベストプラクティス
・仕様の漏れがないかClaudeに逆インタビューさせる
・AIがタスクの完了を明確に判断できる基準を与える
などなど、使い始めの人だと中々気づかないtipsがたくさん
ClaudeCodeの開発元であると同時に、世界でもトップクラスに使う企業のノウハウが無料で公開されてるのほんとありがたい
1
10
67
4,973
Claude Code使い始めた人は必ず見てほしい
Anthropic公式が出している、ClaudeCodeのベストプラクティス
・仕様の漏れがないかClaudeに逆インタビューさせる
・AIがタスクの完了を明確に判断できる基準を与える
などなど、使い始めの人だと中々気づかないtipsがたくさん
ClaudeCodeの開発元であると同時に、世界でもトップクラスに使う企業のノウハウが無料で公開されてるのほんとありがたい
1
10
67
4,973
こういったtipsだけでなく、Claude Codeの基礎からスキル、サブエージェントなどの拡張機能までまとめて学べるUdemy講座出してます！
（Udemyベストセラー入り済み）
udemy.com/course/2026-claude…
1,028