Shin@プログラミングチュートリアル (@shin_engineer) 's Twitter Profile
Shin@プログラミングチュートリアル

@shin_engineer

5.1万人プログラミング解説系Youtuber | 3万人受講生のUdemy講師 | Next.js書籍を講談社にて執筆中 | NotePress開発者 | お仕事はDMにて | Udemy割引クーポン配布中です→shincode.info/2021/12/31/ude…

ID: 1327957216117227521

linkhttps://www.youtube.com/channel/UCNTxclE0N4qsUuirssL_D8w calendar_today15-11-2020 12:51:05

1,1K Tweet

7,7K Followers

28 Following

Shin@プログラミングチュートリアル (@shin_engineer) 's Twitter Profile Photo

僕は今「tmuxを使ったClaude Codeで作る開発組織の構築」に挑戦中です。実際の組織における ・PM ・フロントエンドエンジニア ・バックエンドエンジニア を配置し、定期的なミーティングや対話を自律的に行ってもらうと、どんなアプリが完成するのかの実験です。上手くいけばYouTubeも撮るかもです。

ピロリズム (@narukamif_14941) 's Twitter Profile Photo

ありがたいことにOffersというエンジニアマッチングサービス内にて連日カジュアル面談のオファーを頂いてます。43歳未経験エンジニアとしてSES企業に就職して2年目。そろそろ商流をあげるムーブを念頭におきたい今日この頃。勝手に心のMENTAと位置付けているShin@プログラミングチュートリアル さんにも報告。

Shin@プログラミングチュートリアル (@shin_engineer) 's Twitter Profile Photo

個人開発で「フィードバック機能」があれば、ユーザーが欲しい機能や不満点が分かるので、余裕があれば実装することをおすすめします。MVP開発の時点では簡単に ・Resend ・Notion Form / Google Form を使って10分ほどで実装可能です。UIはもちろんClaude 4で良い感じにできます🌟

個人開発で「フィードバック機能」があれば、ユーザーが欲しい機能や不満点が分かるので、余裕があれば実装することをおすすめします。MVP開発の時点では簡単に

・Resend
・Notion Form / Google Form

を使って10分ほどで実装可能です。UIはもちろんClaude 4で良い感じにできます🌟
ピロリズム (@narukamif_14941) 's Twitter Profile Photo

🍺 ikehaya@TVアニメ「クリプトニンジャ咲耶」 さんのvoicyとShin@プログラミングチュートリアル さんのYoutubeを見て、バイブコーディングに挑戦!名付けて、韻を踏みたい時にワードを入力するといくつか提案してくれる装置!これはみんな学ぶべき!

<a href="/IHayato/">🍺 ikehaya@TVアニメ「クリプトニンジャ咲耶」</a> さんのvoicyと<a href="/Shin_Engineer/">Shin@プログラミングチュートリアル</a> さんのYoutubeを見て、バイブコーディングに挑戦!名付けて、韻を踏みたい時にワードを入力するといくつか提案してくれる装置!これはみんな学ぶべき!
Shin@プログラミングチュートリアル (@shin_engineer) 's Twitter Profile Photo

Claude CodeでMCPサーバーを導入する手順を残しておきます。 ① プロジェクトのルートディレクトリに.mcp.jsonファイルを作成。 ②.mcp.jsonファイルの中に、Cursorで設定していた.mcp.jsonファイルの中身をそのままコピペ。 ③ プロジェクトに移動してWSL環境(Windowsの方)で「claude

Claude CodeでMCPサーバーを導入する手順を残しておきます。  

① プロジェクトのルートディレクトリに.mcp.jsonファイルを作成。  

②.mcp.jsonファイルの中に、Cursorで設定していた.mcp.jsonファイルの中身をそのままコピペ。  

③ プロジェクトに移動してWSL環境(Windowsの方)で「claude
Shin@プログラミングチュートリアル (@shin_engineer) 's Twitter Profile Photo

昨日のYoutubeは「Cluade Codeで作るAIエンジニア組織構築の作り方」の動画をアップロードしました🚀 ・tmuxを使ったClaude Code組織の始め方 ・組織を使ってWebサイトを作ってみよう ・指示書の修正とAIチャットアプリの構築

昨日のYoutubeは「Cluade Codeで作るAIエンジニア組織構築の作り方」の動画をアップロードしました🚀 

・tmuxを使ったClaude Code組織の始め方
・組織を使ってWebサイトを作ってみよう
・指示書の修正とAIチャットアプリの構築
Shin@プログラミングチュートリアル (@shin_engineer) 's Twitter Profile Photo

受託案件でSaaS開発をClaude Codeで実験的に活用していますが、3日間(稼働は7時間くらい)でほぼMVPが完成してしまいました。Cursorで開発しても1ヶ月はかかる案件です。それくらいにClaude Codeが凄すぎました。

Shin@プログラミングチュートリアル (@shin_engineer) 's Twitter Profile Photo

Claude Codeさんを既存プロジェクトで導入する時は、/initするだけでコードベース読み取りからCLAUDE.mdファイルを自動作成までやってくれます。僕のサムネAIプロジェクト導入時にもスムーズにできました(小規模〜中規模だから出来たことかも)。

Shin@プログラミングチュートリアル (@shin_engineer) 's Twitter Profile Photo

Claude CodeやCursorでNext.jsとSupabaseを活用している人向けですが、AIでも間違える一覧を残しておきます。 ① /(admin)/page.tsx等のルートグループをネストルーティングとして認識してしまっている。 ➡

Shin@プログラミングチュートリアル (@shin_engineer) 's Twitter Profile Photo

Claude CodeでWebパフォーマンスチューニングする際には「全体のコードベースを確認して、パフォーマンスチューニングできるところを列挙して教えて」というだけで、重大なボトルネックになっている答えが返ってくることもあるので、やっておいて損はないですね。

Claude CodeでWebパフォーマンスチューニングする際には「全体のコードベースを確認して、パフォーマンスチューニングできるところを列挙して教えて」というだけで、重大なボトルネックになっている答えが返ってくることもあるので、やっておいて損はないですね。
Shin@プログラミングチュートリアル (@shin_engineer) 's Twitter Profile Photo

Cursor入門動画が10万再生突破しました🚀 動画で解説した時点ではまだComposerなのでバージョンは少し古いですが、この1本の動画でCursorの全てが学べるので、まだ学べてない方はぜひ見てみてください! youtu.be/rAsovLKXCXo

Cursor入門動画が10万再生突破しました🚀
動画で解説した時点ではまだComposerなのでバージョンは少し古いですが、この1本の動画でCursorの全てが学べるので、まだ学べてない方はぜひ見てみてください!
youtu.be/rAsovLKXCXo
Shin@プログラミングチュートリアル (@shin_engineer) 's Twitter Profile Photo

Claude CodeでGSAP(+R3F)を上手に使えば、クリエイティブなWebサイトも実装できるかもという実験です。Code Penや公式デモサイトで知見が落ちてるので、そこで学習すればより良いものが作れそうな気がしてます。良い知見が溜まればシェアしますね。