Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Vibe_Coding_に必要な開発者の哲学__変化を受け入れ_本質を問い続けること_.pdf
Search
RyotaTsujio(tjotjo)
June 19, 2025
Technology
0
6
Vibe_Coding_に必要な開発者の哲学__変化を受け入れ_本質を問い続けること_.pdf
RyotaTsujio(tjotjo)
June 19, 2025
Tweet
Share
More Decks by RyotaTsujio(tjotjo)
See All by RyotaTsujio(tjotjo)
20250123_SaaSEngineeringMeetup_tsujio_upload.pdf
tjotjo
0
77
JAWS-UG 横浜支部 #76 AWS re:Invent 2024 宇宙一早い Recap LT3Amazon EKS Auto Modeと遊び(パーティ)の話
tjotjo
0
360
E-JAWS 人材育成・クラウド推進体制分科会 CoEなしではじめる! 社内AWSコミュニティの立ち上げ
tjotjo
0
10
三菱電機 Serendie基盤における DX人材育成の取り組み
tjotjo
0
15
Other Decks in Technology
See All in Technology
20250625 Snowflake Summit 2025活用事例 レポート / Nowcast Snowflake Summit 2025 Case Study Report
kkuv
1
310
TechLION vol.41~MySQLユーザ会のほうから来ました / techlion41_mysql
sakaik
0
180
LinkX_GitHubを基点にした_AI時代のプロジェクトマネジメント.pdf
iotcomjpadmin
0
170
監視のこれまでとこれから/sakura monitoring seminar 2025
fujiwara3
11
3.9k
250627 関西Ruby会議08 前夜祭 RejectKaigi「DJ on Ruby Ver.0.1」
msykd
PRO
2
260
生成AIでwebアプリケーションを作ってみた
tajimon
2
140
SalesforceArchitectGroupOsaka#20_CNX'25_Report
atomica7sei
0
150
登壇ネタの見つけ方 / How to find talk topics
pinkumohikan
3
360
Snowflake Summit 2025 データエンジニアリング関連新機能紹介 / Snowflake Summit 2025 What's New about Data Engineering
tiltmax3
0
310
Witchcraft for Memory
pocke
1
280
Observability в PHP без боли. Олег Мифле, тимлид Altenar
lamodatech
0
340
_第3回__AIxIoTビジネス共創ラボ紹介資料_20250617.pdf
iotcomjpadmin
0
150
Featured
See All Featured
The Pragmatic Product Professional
lauravandoore
35
6.7k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
490
4 Signs Your Business is Dying
shpigford
184
22k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Typedesign – Prime Four
hannesfritz
42
2.7k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Bash Introduction
62gerente
614
210k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Building Adaptive Systems
keathley
43
2.6k
Transcript
©Mitsubishi Electric Corporation 【社外秘】 Vibe Coding に必要な開発者の哲学 ~変化を受け入れ、本質を問い続けること~ 三菱電機株式会社 辻尾良太
2025-6-19
• 名前 • 辻尾良太 • 仕事 • 三菱電機株式会社 • 主に計算機インフラ
• 現在、Serendie基盤(技術)の開発・構築・運用 • 普段はWebアプリを作る機会は多くないです。 • コミュニティ • E-JAWS クラウド推進・人材育成分科会 • JAWS-UG 横浜支部 • (社内のAWSコミュニティ「MAWS」) • 趣味 • ライトなフィットネス 自己紹介 2024 AWS Japan All Certification Engineers (2025ももらえるはず。)
©Mitsubishi Electric Corporation A G E N D A •
チャレンジの軌跡(やったこと) • たどり着いた哲学(まなんだこと) • これからとまとめ 3
1. チャレンジの軌跡(やったこと)
©Mitsubishi Electric Corporation 作 っ た も の ・ 使
っ た 道 具 遍 歴 1-1 図書貸出アプリ(14日, Cursor) コーヒー記録アプリ1: 途中まで (7日, Github Copilot) コーヒー記録アプリ2 (2日, Claude Code) ダイエット計画アプリ (2日, Claude Code) はじめてのVibe Coding 会社で使える環境 良いモデルを使いたい! 5
©Mitsubishi Electric Corporation 現 時 点 … 1-2 まだ、道半ばです。 サービスはリリースできておらず、挑戦は今も続いています。
6
©Mitsubishi Electric Corporation チ ャ レ ン ジ の 軌
跡 : 1-3 では、無駄だったのか? いいえ。重要な発見がありました。 1. 凄まじい速度で進化する「LLM」 2. それに向き合うための 「心構え」 7
©Mitsubishi Electric Corporation • チ ャ レ ン ジ の
軌 跡 : 作 法 を 学 ぶ 1-4 Vibe Codingの作法を学んだ。 だいたいのことは、AIとやる!! • 要件定義や設計から行う(AIと) • タスクを分割する(AIと) • 新しい情報は手動で与える • 最新ライブラリなど • MCPを知らなかった • Instruction, Rule • テストを適当に作ると テストを通るようにプロダクトコードを 変えてしまう。。。 • デバッグなどで進みが遅くなったら 一度捨てる。 • など 8
©Mitsubishi Electric Corporation チ ャ レ ン ジ の 軌
跡 : 当 時 の プ ロ ン プ ト 1-5 ユーザの管理機能を追加したいです。 ログインしているユーザ名や所属を表示するために使用します。 現在認証・認可のためにAmazon Cognitoを使用していますが、ユーザ管理のテーブルを別で持つ際のメリットやデメ リットを教えてください。 また、どちらが推奨されるかも示してください 図書貸し出しのWebアプリを開発しようとしています。 技術スタックを選定し、アーキテクチャを提案してください。 ここで、フロントエンドはReactとTypeScriptを使用してください。 また、クリーンアーキテクチャやSOLIDの原則を適用してください。不明点があれば私に聞いてください。 なぜ1回の指示で修正しきれなかったのですか? 理由を教えてください。 •要件定義や技術スタック選定 •機能追加と方法の相談 •デバッグがうまくいかないとき プロンプトで丁寧に説明。 9
©Mitsubishi Electric Corporation チ ャ レ ン ジ の 軌
跡 : 会 社 で 使 え る 環 境 と い う 欲 望 1-6 手になじませる意味で寄り道。この体験を社内にも広げる。 • Github + Github Copilot • 作法はほとんど変わらず。 • Task Master(claude-task-master)を使用したタスク分割。 プロンプトは前のアプリと変わらず丁寧。 デザインがださい。 10
©Mitsubishi Electric Corporation チ ャ レ ン ジ の 軌
跡 : C l a u d e C o d e の 波 1-7 「すごすぎて、気持ちよく課金できる」と聞き、Claude Codeに課金。 確かにすごい。Claude Codeがすぐに作ってくれた。 • バックエンド: Supabase • Claude Code • Supabase MCP • Context7 でも、似たアプリはたくさんあった。このアプリ、ほしいか? 作り直す。 11
©Mitsubishi Electric Corporation チ ャ レ ン ジ の 軌
跡 : 事 業 計 画 を た て る 1-8 得意なことを価値に変える。 (リリースはまだ。) Claude Codeのおかげですぐに作れた。 • 事業計画からAIと壁打ち • 何を価値にできるか • 市場調査、ロードマップやMVPなども • Claude Code • MCP • Context7 • Playwright
©Mitsubishi Electric Corporation チ ャ レ ン ジ の 軌
跡 : 当 時 の プ ロ ン プ ト 1-9 開発状況を把握した上でこの先の開発プランを策定してください 。 (↓返答後) 1からすすめてください。あと、タスクはあとからでもわかるようにドキュメントにもしておいてください アプリを作ってマネタイズを考えたいです。 ダイエット献立アプリを考えています。MVPはシンプルでダイエット計画を立てて、献立を立てるものです。 ダイエットの計画は、低糖質や低脂質などの切り替えタイミングを意識して戦略を立てます。減量する体重の量と期間から 戦略を立てられます。マネタイズ、ターゲットユーザやMVPなどの戦略を考えてください。アプリについてもユーザジャー ニーの観点から持っておくべき機能やリリース順などにアドバイスをお願いします。 playwright で動作確認してください。 •事業計画 •機能追加 •デバッグがうまくいかないとき 企画・計画は丁寧だが、作るところは雑になった。 13
2. 開発者としてたどり着いた哲学(まなんだこと)
©Mitsubishi Electric Corporation ブ レ イ ク ス ル ー
の カ ギ は な ん だ っ た か ? 2-1 1. LLMそのものの圧倒的な進化 (外的要因) 2.「捨てる」という心構えの変化 (内的要因) 使ったツールの優劣ではなく、2つの変化であった。 Claude Code は優れている。 今日の私は事実だと言い切ります。 でも、明日も同じか分かりません。 15
©Mitsubishi Electric Corporation A I 時 代 に 私 た
ち が で き る こ と 2-2 私たちにできること LLMの進化はコントロール不能。 しかし、私たち自身の「心構え」は変えることができる。 16
©Mitsubishi Electric Corporation 心 構 え ① : 変 化
を 受 け 入 れ る 2-3 心構え①:変化を受け入れる 【ミクロな実践】コードを「捨てる」勇気 【マクロな覚悟】終わりなき自己変革 17
©Mitsubishi Electric Corporation 心 構 え ② : 本 質
を 問 い 続 け る 2-4 心構え②:本質を問い続ける 【ミクロの対話】AIに「意図」を伝える技術 【マクロな進化】「作業者」から「創造者」へ 18
3. まとめ
©Mitsubishi Electric Corporation ま と め 3-1 • わたしのVibe Coding体験を共有しました。
• そこから学んだ心構えは哲学でした。 • 変化を受け入れる • 万物は流転する、諸行無常 に関連 • 本質を問い続ける • 哲学そのもの 20
None