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.
→
TwitterID:@rukiadia
February 22, 2017
Technology
2.3k
2
Share
組織にパフォーマンス改善を根付かせる挑戦
https://html5j.connpass.com/event/50524/
ここでLTした時の資料です。
TwitterID:@rukiadia
February 22, 2017
More Decks by TwitterID:@rukiadia
See All by TwitterID:@rukiadia
やらない事を決めるプロダクト設計
rukiadia
16
9.6k
セッションの有効期限をどう決めるか
rukiadia
0
200
ふんわり理解するcontext
rukiadia
1
500
今こそ深堀りする、PHPのDockerイメージ / understand_php_docker
rukiadia
3
3.2k
Dependency Injectionとデザインパターン / understand_di_and_design_patterns
rukiadia
1
560
今こそ理解するDI(Dependency Injection) / Understand Dependency Injection of PHP
rukiadia
4
6.1k
今こそ理解する PHPの日時計算 / Understand date manipulation of PHP
rukiadia
0
3.7k
ページネーションから考えるSQLパフォーマンス
rukiadia
1
1.8k
遅延読み込みとの正しい付き合い方 + α
rukiadia
7
1.4k
Other Decks in Technology
See All in Technology
オライリーイベント登壇資料「鉄リサイクル・産廃業界におけるAI技術実応用のカタチ」
takarasawa_
0
420
Oracle AI Database@Google Cloud:サービス概要のご紹介
oracle4engineer
PRO
6
1.4k
2026-05-14 要件定義からソース管理まで!IBM Bob基礎ハンズオン
yutanonaka
0
170
freeeで運用しているAIQAについて
qatonchan
1
650
障害対応のRunbookは作った、でも本当に動くの? AWS FIS で EKS の AZ 障害を再現してみた
tk3fftk
0
110
論文紹介:Pixal3D (SIGGRAPH 2026)
tenten0727
0
470
AI Agent に“攻略本”を渡したら、150フォームの移行が回り始めた話/登壇資料(高橋 悟生)
hacobu
PRO
0
110
Cortex(Code) を ML モデルの 精度改善サイクルに組み込む.pdf
oimo23
0
210
AI飲み会幹事エージェントを作っただけなのに
ykimi
0
240
Oracle AI Database@AWS:サービス概要のご紹介
oracle4engineer
PRO
4
2.6k
業務に残された「良くない型」で考える「TypeScriptの難しさ」
sajikix
2
520
Redmine次期バージョン7.0の注目新機能解説 — UI/UX強化と連携強化を中心に
vividtone
1
180
Featured
See All Featured
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
390
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
1
350
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.2k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
190
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
390
The Cost Of JavaScript in 2023
addyosmani
55
9.9k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.5k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
290
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
170
Testing 201, or: Great Expectations
jmmastey
46
8.1k
Accessibility Awareness
sabderemane
1
120
Transcript
組織にパフォーマンス改善を根 付かせる挑戦 @rukiadia 2017/02/22 HTML5とか勉強会
Agenda • 自己紹介 • 発表のきっかけ • やってみた結果等 • 振り返りとまとめ
自己紹介 名前 : Sho Yamada 職業 : フロントエンドエンジニア Twitter :
@rukiadia
今日話すこと ・学習習慣を組織内に根付かせるために行動した時の話をします。 ・理由付けとして「パフォーマンス」という分野を選んだ。 ・その過程でつまづいた事は? ・その結果は?
結果 半分くらい上手くいきました。 ⇒ 半分って?後で補足します。
始めた経緯 「どんな事を勉強していけば分からなくて悩んでます」 半年くらい前に、こんな質問を新人さんにされた事がきっかけです。 ※弊社は未経験の方を多く採用しているので、そもそも技術に対する理解が浅い人 が多いというのが前提としてある事をご留意ください。
自分なりの回答 • 「とりあえず手を動かして、色々動かしてみよう。」 • 「まずは、UIデザインの本を大量に読もう。」 • 「サーバー側の勉強でもしてみるといいかも?」 相手に応じて色々なアドバイスをするが、続いてる様子がない。
辿り着いた結論 「パフォーマンスの勉強をやってもらうのがいいかも」
選んだ理由は? 学ぶ上で、様々な話が絡んでくるからです。 • ブラウザのレンダリングの仕組み • ネットワークの基礎(TCP/IP、レイテンシetc..) • キャッシュの仕組み、それに伴うサーバ側の話とか いわゆる「Webを支える技術」を学ぶのに最適かなと考えています。
思いも色々ある • 画面表示の高速化だけがパフォーマンス改善ではない。 • 理解を深めれば、業務を行う上での不安も払拭される気がする。 ◦ 「なんとなくやれている」が無くなるのはデカイ。 • 「業務に直結するテーマだったらやるでしょ」 闇雲にやっても継続しないと悟ったので、理由付けをしたかった。
で、どうでした? 全然普及しない\(^o^)/ まあ、そう簡単にいくとは思ってませんが。
何がいけなかったのか? 最初から飛ばしすぎて、ドン引きされてしまった。 • 『ハイパフォーマンスブラウザネットワーキング』を読むとか • 『Web Fundamentals』を読むとか 相手に合わせたアプローチをしていかなければならないと再認識。
まあ、冷静になろうか・・ • いきなり大勢を巻き込もうとするから失敗する。 • 1人で頑張らない。 • まずは周りで少数の仲間を作り、ミニマムな規模で始めよう。 • 地道な行動から再始動。ジワジワと攻めていく。 冒険し過ぎないことが肝要。
その結果は? • 勉強を習慣化してくれる仲間は少し増えた。 ◦ 日々の地道な積み重ねが、後々大きな差として出て来る。 ◦ 失敗も多かったが、何も変わらないよりは良い筈。 • 全員がパフォーマンスに関心があるわけではない(´・ω・`) ◦
関心がある領域は人によって違う。デザイン指向の人も。 ※冒頭で半分と言ったのは、この辺りの話を指している。
更なる課題 • 業務で活かす切り口をどう探していくべきなのか。 ◦ 「やりたいです」の一言で通る程、ビジネスは甘くない。 ◦ 数値で根拠を示すのか、事例で説明するのか。 • アウトプットをどうしていくか。 ◦
学んだ事は、アウトプットすることで棚卸し出来る。 ◦ ミニマムなグループを作って、まずはそこで展開し合う?
大事にしたい事 • 価値を示せるエンジニアになりたいし、なって欲しい。 ◦ そのための一歩として「パフォーマンス」を重視している。 • 愚直に地道に。 ◦ いきなりスーパーエンジニアになることは出来ない。 ◦
そこに至るためには何が必要で、自分の強みは何処にあるのかを 常に意識し考えていく。
振り返り • 行動をともにしてくれる味方を作る。 ◦ 1人だと心が折れやすい。 • 小さい変化を積み重ねていく方が上手くいきやすい。 ◦ 「少しずつ」の積み重ねを大きな変化に繋げる。 •
自分の考えが正しいと思い込まないこと。 ◦ 考え方は十人十色であり、全否定はNG。
まとめ • パフォーマンスの観点は、Webの理解に対する入り口に最適。 ◦ 周りに学んでもらい、自分も率先して学びましょう。 • 「誰かがやってくれる」の他人事意識は何も生みません。 ◦ 当事者意識を持ち、少しでも行動しましょう。
Thank you for listening!!