Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
AIが特別じゃなくなった時代に、作ることを楽しもう
Search
Hayato Yokoyama
November 13, 2025
Programming
0
5
AIが特別じゃなくなった時代に、作ることを楽しもう
Hayato Yokoyama
November 13, 2025
Tweet
Share
More Decks by Hayato Yokoyama
See All by Hayato Yokoyama
AIのためのテスト戦略 〜TDDが難しいフロントエンド開発でのアプローチ〜
hayato_yokoyama
0
44
実はすごいスピードで進化しているCSS
hayato_yokoyama
0
190
Next.js AppRouter × GraphQL 〜 夢見た理想と現実の課題 〜
hayato_yokoyama
0
160
フロントエンドテストを書きやすくするために工夫したこと
hayato_yokoyama
1
80
Other Decks in Programming
See All in Programming
Developing static sites with Ruby
okuramasafumi
0
310
非同期処理の迷宮を抜ける: 初学者がつまづく構造的な原因
pd1xx
1
730
WebRTC と Rust と8K 60fps
tnoho
2
2k
Cell-Based Architecture
larchanjo
0
130
ローカルLLMを⽤いてコード補完を⾏う VSCode拡張機能を作ってみた
nearme_tech
PRO
0
110
AIコーディングエージェント(Manus)
kondai24
0
200
Graviton と Nitro と私
maroon1st
0
110
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
manfredsteyer
PRO
0
150
ローターアクトEクラブ アメリカンナイト:川端 柚菜 氏(Japan O.K. ローターアクトEクラブ 会長):2720 Japan O.K. ロータリーEクラブ2025年12月1日卓話
2720japanoke
0
730
実はマルチモーダルだった。ブラウザの組み込みAI🧠でWebの未来を感じてみよう #jsfes #gemini
n0bisuke2
3
1.2k
認証・認可の基本を学ぼう後編
kouyuume
0
240
Claude Codeの「Compacting Conversation」を体感50%減! CLAUDE.md + 8 Skills で挑むコンテキスト管理術
kmurahama
1
430
Featured
See All Featured
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
170
Technical Leadership for Architectural Decision Making
baasie
0
180
エンジニアに許された特別な時間の終わり
watany
105
220k
Context Engineering - Making Every Token Count
addyosmani
9
540
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
86
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
1
1.3k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
740
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
21
Large-scale JavaScript Application Architecture
addyosmani
515
110k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
710
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Transcript
AIが特別じゃなくなった時代に 作ることを楽しもう 2025/11/08 技育CAMPアカデミア 横⼭ 隼
横⼭ 隼 Hayato Yokoyama ディップ株式会社 バイトルエンジニアリング部Web課 2022年 新卒⼊社 現在は「バイトル」ユーザーサイトの開発を担当
Copyright © DIP Corporation, All rights reserved. 皆さん、AIコーディングはされていますか?
Copyright © DIP Corporation, All rights reserved. みんなAIの話をしている (今日も!)
Copyright © DIP Corporation, All rights reserved. AIで開発速くなる、どんどん作れるようになって便利
Copyright © DIP Corporation, All rights reserved. 一方で🤔
Copyright © DIP Corporation, All rights reserved. 「俺達の仕事なくなる?」「開発の楽しさなくなった」 みたいな話もある
Copyright © DIP Corporation, All rights reserved. 大AI時代に、開発するのがちょっとでも楽しくなるような 考え方ができるようになる 📍
今日のゴール AI活用の実装の詳細、ツールの詳細 話さないこと
Copyright © DIP Corporation, All rights reserved. それではいきます!🚗
Copyright © DIP Corporation, All rights reserved. 「バイトル」というサービスのお話
Copyright © DIP Corporation, All rights reserved. • 日本最大級のアルバイト求人サイト •
インターネット・動画・AI と 技術の進化に合わせて、サービスを成長させてきた 📝 「バイトル」というサービスのお話
Copyright © DIP Corporation, All rights reserved. 続いて、私のチームでの日常的な AI活用を紹介
Copyright © DIP Corporation, All rights reserved. 私たちのチームでの日常的な AI活用
Copyright © DIP Corporation, All rights reserved. 🚀 私たちのチームでの日常的な AI活用
• Jira(タスク情報)やFigma(デザイン)を Claude Codeに取り 込み、実装させる • デザインシステムを整備する • テスト実装やコードレビューにもAIを使う 実装・テスト・レビューとあらゆる工程を AIと共に進めている
Copyright © DIP Corporation, All rights reserved. もう少し詳しく流れを説明すると
Copyright © DIP Corporation, All rights reserved. Jiraのチケットや、 Figmaのデザイン情報を ※
内容はサンプル
Copyright © DIP Corporation, All rights reserved. Claude Code に読み込ませて実装させる
Copyright © DIP Corporation, All rights reserved. Claude Code にプルリクエストまで出してもらう
Copyright © DIP Corporation, All rights reserved. プルリクエストが出たら Geminiのコードレビューが 自動的に走るので、
AIと人間でレビュー・レビュー対応する
Copyright © DIP Corporation, All rights reserved. プルリクエストが出たら Geminiのコードレビューが 自動的に走るので、
AIと人間でレビュー・レビュー対応する タスクを起こしてから、実装して、コードレビューするまでを 一撃でAIにやらせてしまおう と挑戦している
Copyright © DIP Corporation, All rights reserved. これだけだと自由度が高すぎるので
Copyright © DIP Corporation, All rights reserved. 再現性高く実装させるために Claude Codeの
カスタムスラッシュコマンドを作ったり
Copyright © DIP Corporation, All rights reserved. スタイルに制限を加えるために デザインシステムを用意したりしている
Copyright © DIP Corporation, All rights reserved. こうしたAI活用の取り組みで主要な画面の開発で 1~2年前だったら1ヶ月とか見積もっていたところを 1週間以内で完了できるようになった
Copyright © DIP Corporation, All rights reserved. 爆裂に速くなった
Copyright © DIP Corporation, All rights reserved. • とはいえ「AIにやらせる」のやり方は 世の中に沢山の事例が共有されている
• 大企業も、ベンチャー企業も、個人開発でも、 AIでできることは変わらなくなってきている
Copyright © DIP Corporation, All rights reserved. 大AI時代に大事なことって何だろう? 🤔
Copyright © DIP Corporation, All rights reserved. AI時代に大事なこと
Copyright © DIP Corporation, All rights reserved. 大AI時代に大事なこと AIネイティブに働くために学生の今やっておくべきこと
Copyright © DIP Corporation, All rights reserved. 大AI時代に大事なこと AIネイティブに働くために学生の今やっておくべきこと 日々いろいろなAI活用事例が流れてくるので、
「いいかも?」と思った使い方をどんどん実践してみる
Copyright © DIP Corporation, All rights reserved. 大AI時代に大事なこと AIネイティブに働くために学生の今やっておくべきこと 日々いろいろなAI活用事例が流れてくるので、
「いいかも?」と思った使い方をどんどん実践してみる そして小さくどんどん作ってみること
Copyright © DIP Corporation, All rights reserved. 大AI時代に大事なこと AIネイティブに働くために学生の今やっておくべきこと 日々いろいろなAI活用事例が流れてくるので、
「いいかも?」と思った使い方をどんどん実践してみる そして小さくどんどん作ってみること 大事なのは手を動かして、試して、 これやっているとき楽しい、この部分作っているとき 楽しいを見つけること
Copyright © DIP Corporation, All rights reserved. 私の原体験
Copyright © DIP Corporation, All rights reserved. 学生のときから簡単なサービスを作るのが好きだった React, TypeScript
などフロントエンドが好きだったので、 入社してからフロントエンドに関われるような部署やチームにいた
Copyright © DIP Corporation, All rights reserved. それとは別に、趣味で筋トレやボディメイクをしており、 毎日の体重を管理できるモバイルアプリを作りたいなと考えました
Copyright © DIP Corporation, All rights reserved. これまでモバイルアプリを作ったことはなかったですが、 Reactの知見があれば、React Nativeなら開発できるんじゃないか
と
Copyright © DIP Corporation, All rights reserved. ChatGPTを使って、「ボディメイクを成功させるアプリ」を作った
Copyright © DIP Corporation, All rights reserved. 30%の知見が80%ぐらいまで引き上げられていく感覚 点が線になる感覚 がとても楽しいと感じた
Copyright © DIP Corporation, All rights reserved. モバイルアプリの興味や知見も活かして、 スポットバイトルのモバイルアプリの開発にも携われた 30%の知見が80%ぐらいまで引き上げられていく感覚
点が線になる感覚 がとても楽しいと感じた
Copyright © DIP Corporation, All rights reserved. • 「これ作ったらどうなるんだろう?」の 素朴なワクワク感を形にすること
• 小さくどんどん動くものを作ること • 誰かに共有して作ったものを使ってもらうこと ➡ 私のやっていて楽しいと思うこと
Copyright © DIP Corporation, All rights reserved. さいごに
Copyright © DIP Corporation, All rights reserved. • どんどん手を動かして作ってみる •
AI活用事例を真似て、どんどん試してみる • エンジニアは楽しい 📝 さいごに
Copyright © DIP Corporation, All rights reserved. Thank you!!!
「挑戦し、変化し、リードする仲間」を募集中! 📎採用情報 📎インタビュー記事 📎テックブログ