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
⼿作業で⾒えた運⽤の痛みを、使われるダッシュボードに変えた話
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Michika Kurotaka
May 18, 2026
Programming
93
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
⼿作業で⾒えた運⽤の痛みを、使われるダッシュボードに変えた話
Michika Kurotaka
May 18, 2026
More Decks by Michika Kurotaka
See All by Michika Kurotaka
「AIでそれっぽく作れる」沼にハマった話 ~「イシューからはじめよ」のススメ~
chronoll
0
68
若手としての正解を得られなかった話~でもたぶん生きのこれる~
chronoll
0
380
AIに頼る自分が嫌だ
chronoll
0
63
ライフCI/CDのススメ 〜習慣化は仕組みで作る〜
chronoll
0
46
Other Decks in Programming
See All in Programming
ソフトウェア設計に溶けるインフラ ― AWS CDK のインフラ認識論
konokenj
3
670
仕様書を書く前にハーネスを作る - Agent Native開発は「探索を速く、判定を固く」
gotalab555
2
680
自作OSでスライド発表する
uyuki234
1
4k
Google Apps Script で Ruby を動かす
kawahara
0
110
ITヒヤリハットを整理してみた ~ライフサイクルと原因から考える再発防止策~
koukimiura
1
120
使いながら育てる Claude Code — 開発フローの1コマンド化 × 繰り返し指摘の自動仕組み化
shiki_kakaku
0
800
ルールを書いて終わらせないハーネスエンジニアリング
yug1224
4
1.8k
【やさしく解説 設計編 #1】「ドメイン駆動」と「実装駆動」ってなに? 〜設計の考え方を、たとえ話で学ぼう〜
panda728
PRO
1
140
Claude Team Plan導入・ガイド
tk3fftk
0
240
「正の参照」と 「負の導出」で組む ハーネスエンジニアリング
cottpan
1
150
20260722_microCMSで考える、AI時代のコンテンツ運用設計
yosh1
0
130
今さら聞けない .NET CLI
htkym
0
140
Featured
See All Featured
The SEO Collaboration Effect
kristinabergwall1
1
510
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
620
Leading Effective Engineering Teams in the AI Era
addyosmani
9
2.2k
How to make the Groovebox
asonas
2
2.3k
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
230
Rails Girls Zürich Keynote
gr2m
96
14k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4.1k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
2.9k
Marketing to machines
jonoalderson
1
5.6k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
25k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
1
2.1k
Transcript
手作業で見えた運用の痛みを、使われるダッシュボードに変えた話 2026/5/18 めぐろLT #36 「オペレーションに立ち向かった話」@ 麻布台
クロタカ@chronoll エンジニア2 年目 / Web メディア関連のプロダクトを担当 登壇練習中! Next.js / TypeScript
/ Go / AI エージェント 会社の所在地 六本木一丁目 自宅の所在地 目黒駅から10 分くらい めぐろLT 初参加です!よろしくお願いします! 資料の広報確認が間に合わなかったので所属会社は直接聞い てください🧑🍳
今日話すこと 自分自身がつらい手動オペレーションを抱えたことで、 より良いダッシュボードとして昇華できた体験談と振り返り
新施策のPoC 、でもダッシュボードはまだない コンテンツ案を自動生成してみる施策→確認・修正・公開の管理が必要 PoC 段階で、本格運用されるか分からない 最初からダッシュボードを作り込むには工数リスクがあった →まずは自分が手作業でこれらのフローを回す形に
実際に行っていたオペレーション
実際に行っていたオペレーション
実際に行っていたオペレーション
実際に行っていたオペレーション
ダッシュボード化→PdM が1 画面のみで運用 既存の開発同様、API 作成・画面実装の工数を確保して実施
単なるダッシュボード開発よりも高い評価を受けた PdM からの評価ポイント 他の画面より使いやすいこと 欲しい情報が欲しい順番で見える 他のダッシュボード画面のUI に縛られず見やすさに特化している 上記のクオリティを通常の工数内で実現でき、期待以上だった ダッシュボード(社内管理画面)の使いやすさや改善はプロダクトより軽視されがち その中で、
では、どうしてうまくいったのか?
自分が作業者だったから、要件の裏側に気づけた ❶ 仕様書をもとに、こちらから改善案を提案 仕様書・要望 作業者として見えた改善余地 提案したこと 公開日時が見たい 本当に欲しいのは最終編集日時も含めた確認ではないか 日時情報の出し方を見直す 一覧したい
コンテンツ単位より紐づいた情報の羅列の方が確認しやすいのではないか 一覧の粒度や表示単位を検討 ステータスを見たい もっと細分化してフィルターできた方が楽ではないか ステータス細分化・フィルター導線を検討 詳細情報を見たい 本当に判断に必要な順で並んでいるべきではないか 詳細画面の情報配置を見直す ❷判断しやすい順番で、情報と操作を並べた PdM が実際に見る順番で、本文・関連情報・プレビューを並べた 修正保存・公開可否・並び替えを同じ流れの中に配置 コンテンツチェックに必要なサイトへの導線を追加
自分が作業者だったから、要件の裏側に気づけた 単なる「仕様書通り」では実現できなかった 書いてある要件を満たすことと、運用で使いやすいことは同じではない なぜ気づけたのか? SQL 抽出の過程で必要な情報・仕様への理解が深まる 仕様を見たときに「実際にはこう見えた方が楽では?」と想像しやすかった PdM との確認・修正のコミュニケーションを通じて意図や悩みが見えた →手動オペの過程は無駄じゃなかった!
作業者に近づくと、要件の裏側が見えてくる 実際に難しければ「近くで観察」 「行動をトレース」が一番近道 →深く飛び込むことで手戻りの少ない、最適な改善になるかも! 意識するポイント例 何を見て何を判断しているか どのタイミングで別の画面や情報を閲覧しているか どの単位・粒度で情報を捉えているのか 繰り返しの動作はないか 運用上我慢している箇所は本当にないか
作業担当者そのものとして運用してみるのが理想だが。 。
おまけで考えたこと オペレーション改善は、社内ダッシュボードから始められるかも 後回しになりがちだが、重要な判断や確認、公開管理が集まっている 利用者が不便を感じていても、そもそも依頼して良いものかわからない場合も 今は手を伸ばしやすい AI コーディングエージェントで実装・理解・改善のコストは下がってきている 以前なら後回しだった改善にも着手しやすい
ご清聴ありがとうございました!