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
AIとペーパー電車をつくってみた
Search
ichien178
August 04, 2025
0
46
AIとペーパー電車をつくってみた
俺の勉強会 #3 - connpass
https://ore-no-benkyoukai.connpass.com/event/361911/
ichien178
August 04, 2025
Tweet
Share
More Decks by ichien178
See All by ichien178
地方拠点で エンジニアリングマネージャーってできるの? 〜地方という制約を楽しむオーナーシップとコミュニティ作り〜
1coin
1
420
「学び」を捉えてマインドアップデート
1coin
0
310
ヤフー名古屋TechMeetupを 運営して学んだこと "縁 ~en~"
1coin
0
96
なぜエンジニアの私が マジ価値MeetupでLTをするのか
1coin
0
190
freee会計でのModule Federationによるマイクロフロントエンドの実践
1coin
2
26k
「この技術書がすごい」 好きなので語ります ~Team Geekついて~
1coin
1
410
リモートでも本音が言い合えるチームに なるためにやったこと
1coin
0
870
私の仕事観 + 今の仕事
1coin
0
71
複雑化したReact hookのデバッグとその対策
1coin
4
1.2k
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1370
200k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
283
13k
What's in a price? How to price your products and services
michaelherold
246
12k
The Invisible Side of Design
smashingmag
301
51k
How to Ace a Technical Interview
jacobian
278
23k
Building Adaptive Systems
keathley
43
2.7k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Into the Great Unknown - MozCon
thekraken
40
1.9k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
730
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Transcript
AIとペーパー電⾞を つくってみた ichien178 2025.8.04 俺の勉強会 #3
⼀円 真治 shinji ichien • エンジニア at Henry • X:
@ichien178 好きな電⾞は特急ひのとり ⾃⼰紹介
背景 • ⼦供(👦) が電⾞⼤好き • Nゲージダイキャストシリーズをよく購⼊ 課題 • シンプルにお⾦がかかる。約1500円/本 •
ほしい電⾞をすぐ⼿に⼊れられない きっかけ 3
• リニア‧鉄道館でペーパークラフトを購⼊し、その造形に衝撃を受けた • 画像⽣成AIを使えば、好きな時に好きなだけ電⾞を⼤量⽣産できるのでは? ペーパークラフトとの出会い 4
• ChatGPTのGPTアプリにして設計図を⽣成 • 印刷して物理的に作成 つくったもの:電⾞ペーパークラフト作成くん & 実物 5
• https://chatgpt.com/g/g-688e178d8a4c81918d0116ead4009bec-dian-che-hehakurahuto zuo-cheng-kun デモ 6
• https://chatgpt.com/g/g-688e178d8a4c81918d0116ead4009bec-dian-che-hehakurahuto zuo-cheng-kun デモ 7
• https://chatgpt.com/g/g-688e178d8a4c81918d0116ead4009bec-dian-che-hehakurahuto zuo-cheng-kun デモ 8
• https://chatgpt.com/g/g-688e178d8a4c81918d0116ead4009bec-dian-che-hehakurahuto zuo-cheng-kun デモ 9
• https://chatgpt.com/g/g-688e178d8a4c81918d0116ead4009bec-dian-che-hehakurahuto zuo-cheng-kun デモ 10
⽤意したもの • のり • 厚紙 (B4スケッチブックを利⽤) • カッティングシート • デザインナイフ
作り⽅ 11
作成ステップ 1. 作成した設計図をカラーコピー (60円) 2. デザインナイフでカット 3. 完成系をイメージして、 いい感じに組み替える 4.
厚紙に設計図を貼る 5. デザインナイフでカット 6. のりで合体 7. 完成!お披露して フィードバックをもらおう! 作り⽅ 12
作成ステップ 1. 作成した設計図をカラーコピー (60円) 2. デザインナイフでカット 3. 完成系をイメージして、 いい感じに組み替える 4.
厚紙に設計図を貼る 5. デザインナイフでカット 6. のりで合体 7. 完成!お披露して フィードバックをもらおう! 作り⽅ 13
作成ステップ 1. 作成した設計図をカラーコピー (60円) 2. デザインナイフでカット 3. 完成系をイメージして、 いい感じに組み替える 4.
厚紙に設計図を貼る 5. デザインナイフでカット 6. のりで合体 7. 完成!お披露して フィードバックをもらおう! 作り⽅ 14
作成ステップ 1. 作成した設計図をカラーコピー (60円) 2. デザインナイフでカット 3. 完成系をイメージして、 いい感じに組み替える 4.
厚紙に設計図を貼る 5. デザインナイフでカット 6. のりで合体 7. 完成!お披露して フィードバックをもらおう! 作り⽅ 15
作成ステップ 1. 作成した設計図をカラーコピー (60円) 2. デザインナイフでカット 3. 完成系をイメージして、 いい感じに組み替える 4.
厚紙に設計図を貼る 5. デザインナイフでカット 6. のりで合体 7. 完成!お披露して フィードバックをもらおう! 作り⽅ 16
ChatGPT 4oで素のプロンプトで作成 • そこそこいい感じ。しかし⽴体にするには何か⾜りない 試したこと① 17
Claude CodeでコードからSVG/PDFを⽣成させる • 再現度を⾼められる気がせず断念 試したこと② 18
3DモデルをAIで⽣成して、専⽤ソフトで展開図を作成 • 3Dモデルの⾯の作り⽅に依存 • プロンプトで表現できるほどの知識がなく制御できる気がせず断念 試したこと③ 19
直⽅体の展開図に電⾞の⾯をテクスチャとして貼り付ける • ⾔葉で説明するのが難しすぎる。語彙‧⾔語⼒が⾜りない。断念 • しかし、⽅向性は結構良く最終バージョンに活かせた 試したこと④ 20
• メインはSTEP1。画像検索 + 特徴抽出 + 画像⽣成プロンプトの作成を指⽰ • サブにSTEP2として、4oにレビューさせて改善するプロンプトの作成を指⽰ プロンプトの全体像 21
※ ⼀部分だけ
• メインはSTEP1。画像検索 + 特徴抽出 + 画像⽣成プロンプトの作成を指⽰ • サブにSTEP2として、4oにレビューさせて改善するプロンプトの作成を指⽰ プロンプトの全体像 22
※ ⼀部分だけ
• ⽬的駆動で無我夢中にいろんなツールを試すの楽しい • AIは得意不得意があるので、作りたいもの合ったツールをいくつか試してみると良い • ChatGPT 4oは画像編集指⽰機能があったり、使いやすさが⼀番良かった 試した中で、いい感じっぽい設計図を作ってくれたのは4oだけだった • やはり、作りたいものに対する語彙⼒/⾔語化⼒がキモ
◦ 展開図 → 1-4-1型E: ⼗字型、⽴体 → どんな多⾯体? ⽐率は? • 実は、鉄道会社公式がWebでハイクオリティなペーパークラフトの設計図を提供していた ◦ ペーパークラフト:JR⻄⽇本 ◦ 鉄道ペーパークラフト 得た学び 23
おわり 24