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
sunnyone
June 23, 2026
Programming
110
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
AIコーディング時代に意識したい縦と横
2026-06-24 @ PHP勉強会
sunnyone
June 23, 2026
More Decks by sunnyone
See All by sunnyone
Rustとgtk-rsで自分用GUIツールを作ろう
sunnyone
1
97
multirange 型(多重範囲型)の活用
sunnyone
0
120
開発者とのコミュニケーションのはじめかた
sunnyone
0
66
概念モデル→論理モデルで気をつけていること
sunnyone
3
550
印象に残ったLLMの使い方5選
sunnyone
0
44
シンプルじゃないテーブルの見つけ方
sunnyone
1
390
Next.js App Router登場後の話
sunnyone
0
86
はやい開発のためのJSONデータ型の活用
sunnyone
0
190
フロントエンドトレンドのふりかえりと事業に合わせた選択
sunnyone
0
120
Other Decks in Programming
See All in Programming
TSX の <Hoge<Fuga>> という構文に驚いた話 / tsx-type-argument-syntax
kanaru0928
0
210
ビデオ通話が繋がる0.2秒で何が起きているのか
supurazako
2
180
<title><a id="</title>君はこのHTMLをパースできるか"></a></title> #雑LT_study
pizzacat83
0
140
これって Effect でできたのでは? / TSKaigi Mashup Kansai #2
susisu
0
150
S3 を使うアプリケーションをローカル完結で動かすことに全力を注いでみた / Running S3 Apps Offline
contour_gara
0
400
Google Apps Script で Ruby を動かす
kawahara
0
140
今さら聞けない .NET CLI
htkym
0
180
ソフトウェア設計に溶けるインフラ ― AWS CDK のインフラ認識論
konokenj
3
770
jsmini JavaScript Engine を作ってみた話
yosuke_furukawa
PRO
0
300
『コードを書く以外の』エンジニアリング〜課金基盤移行プロジェクト推進のためのTips4選
yuriko1211
0
590
Built Our Own Background Agent at LayerX
layerx
PRO
9
5.1k
琵琶湖の水は止められてもNet--HTTPのリトライは止められない / You might be able to stop the water flow of Lake Biwa but you can't stop Net::HTTP retries
luccafort
PRO
0
630
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
57
14k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.2k
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
340
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
520
Technical Leadership for Architectural Decision Making
baasie
3
470
Writing Fast Ruby
sferik
630
63k
How to train your dragon (web standard)
notwaldorf
97
6.7k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
6k
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
460
Accessibility Awareness
sabderemane
1
170
Designing for humans not robots
tammielis
254
26k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Transcript
AI コーディング時代に意識したい 縦と横 @_sunnyone / 2026-06-24 @ PHP 勉強会
自己紹介 Yoichi Imai Web アプリケーションエンジニア フロントエンドとデータベース 2
今日のテーマ 話す話 AI がコードをうまく書いてくれないときの対処法 「縦」と「横」の考え方 話さない話 個別のエージェントの使い方 個別の言語・フレームワークの話 プロンプト集のような話 3
ー事前知識ー 会社の水平・垂直とは 4
水平統合・垂直統合って知ってますか? 事業の戦略に「水平統合」 「垂直統合」という言葉がある 会社や事業を親子関係のある構造として見たときに水平・垂直があ る→その向きでの操作のこと 5
水平統合とは 同じ種類の事業を横にまとめる 例: コンビニが別のコンビニチェーンを買収する 例: 同じ市場の競合サービスを統合する 6
垂直統合とは 原材料から販売までのような前後の工程をまとめる 例: メーカーが販売店も持つ 例: EC 企業が物流網も自社で持つ 7
プログラミングでの似たような話 package by feature/layer OOP/AOP 8
AI コーディングの場合 9
AI コーディングをこの構造で見ると コーディングエージェントを依頼先の会社と捉えることができる 事業:サブシステムや機能、工程は工程 10
分割(分業) ・統合も考えられる 会社と同じように統合・分割を考えることができる →失敗したときに「横に切るか、縦に切るか」を考える 11
対処1: 垂直に分割(分業)する 工程に分ける 要件・設計・実装 plan mode etc. 何を作るべきか曖昧なとき、明らかにすべきときなど 12
対処2: 水平に分割(分業)する 機能や業務領域ごとに分ける AI が広範囲を一度に壊すのを防ぐ 実装量が大きいときに有効 13
重要なのはイメージ 工程と要素の木構造をイメージしておく 区切りポイントを発想しやすい 14
分けすぎるとつながらない 工程分割しすぎると受け渡しが増える コンテキストが伝搬しない モジュール分割のつなぎと同じ 分割したら、必ず統合の視点が必要 15
既存の開発手法との対比 16
既存手法対比1: ウォーターフォール 17
既存手法対比1: ウォーターフォール 上下に分ける手法 後工程に進むほど作業量・手戻りコストが大きくなる 工程で分割して順番に進める 横に線を入れる(縦に分ける)ことによって、後工程へのリスク流 入を抑える 18
AI コーディングでのウォーターフォール的発想 いきなり実装させず、調査・設計で止める 後で大きく壊れるリスクを前工程で減らす 不確実な依頼ほど、工程を分けて進める 19
既存手法対比2: アジャイル 水平に分け、垂直につなぐ手法 工程を分けすぎると、知識が分散し認識ズレが遅れて発覚する 上下に分けることでつながらなくなってしまった 小さな価値単位で早く統合したい 横を小さくして縦をつなげることで、学習とフィードバックを早め る 20
AI コーディングでのアジャイル的発想 動く単位を小さくする 認識ズレを早く見つけるために統合を早める 21
AI コーディングでは両方の発想が必要 たとえば: 不確実なときは工程分割する 大きすぎるときはモジュール分割する 22
おまけ 23
ハーネスエンジニアリング 基本的には横軸の睨みを効かせること 24
まとめ 水平統合・垂直統合は、会社や事業の広げ方の話 横は構成要素、縦は工程や価値の流れ AI 時代のエンジニアには、切り口を変える目線が必要 25