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
Rapid Development for Everyone
Search
Yohei Munesada
September 04, 2014
Technology
0
170
Rapid Development for Everyone
at 第7回 HTML5ビギナーズ LT
フロントエンドにおいて開発者一人一人ができる開発効率化を紹介します。
Yohei Munesada
September 04, 2014
Tweet
Share
More Decks by Yohei Munesada
See All by Yohei Munesada
G'sデータベース設計の講義
yoheimune
4
5.3k
How to create a service, How to google !
yoheimune
0
300
Machine Learning Basic and Python
yoheimune
1
510
Python Scraping and Web Apps for G's ACADEMY TOKYO
yoheimune
0
240
DevelopWorkflow and Solving Problems
yoheimune
0
450
Git and Github for Beginners
yoheimune
1
290
Data Science BOOTCAMP Practices - Recommendation
yoheimune
0
210
Data Science BOOTCAMP Practices
yoheimune
0
360
Machine Learning with Python
yoheimune
0
350
Other Decks in Technology
See All in Technology
MUITにおける開発プロセスモダナイズの取り組みと開発生産性可視化の取り組みについて / Modernize the Development Process and Visualize Development Productivity at MUIT
muit
1
6.7k
なぜ私はいま、ここにいるのか? #もがく中堅デザイナー #プロダクトデザイナー
bengo4com
0
1.3k
Fabric + Databricks 2025.6 の最新情報ピックアップ
ryomaru0825
1
160
タイミーのデータモデリング事例と今後のチャレンジ
ttccddtoki
6
2.1k
Yamla: Rustでつくるリアルタイム性を追求した機械学習基盤 / Yamla: A Rust-Based Machine Learning Platform Pursuing Real-Time Capabilities
lycorptech_jp
PRO
4
190
「Chatwork」の認証基盤の移行とログ活用によるプロダクト改善
kubell_hr
1
240
Tokyo_reInforce_2025_recap_iam_access_analyzer
hiashisan
0
160
React開発にStorybookとCopilotを導入して、爆速でUIを編集・確認する方法
yu_kod
1
110
Connect 100+を支える技術
kanyamaguc
0
160
KubeCon + CloudNativeCon Japan 2025 Recap by CA
ponkio_o
PRO
0
260
B2C&B2B&社内向けサービスを抱える開発組織におけるサービス価値を最大化するイニシアチブ管理
belongadmin
1
2.8k
SmartNewsにおける 1000+ノード規模 K8s基盤 でのコスト最適化 – Spot・Gravitonの大規模導入への挑戦
vsanna2
0
100
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
173
14k
A Modern Web Designer's Workflow
chriscoyier
694
190k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Balancing Empowerment & Direction
lara
1
400
Building a Scalable Design System with Sketch
lauravandoore
462
33k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Done Done
chrislema
184
16k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
Transcript
Rapid Development for Everyone HTML5 Beginners 2014/9/4 @yoheiMune ʙ։ൃऀҰਓҰਓ͕Ͱ͖Δ։ൃޮԽʙ
about:me • फఆ༸ฏʢΉͶͩ͞ Α͏͍ʣ • @yoheiMune • (ג)αΠόʔΤʔδΣϯτ • blog
-> http://www.yoheim.net
agenda 1. Chrome Developer Tools ฤ 2. Chrome Extensions ฤ
3. Chrome Others ฤ
Chrome Developer Tools ʙ։ൃऀπʔϧͷ͜Μͳ͍ํʙ
Elementsλϒ | Chrome Dev Tools ༻్ɿΨνͰHTMLCSSΛίʔσΟϯά͠·͢
Consoleλϒ | Chrome Dev Tools ༻్ɿϩά֬ೝɺϝιουͷςετɺϝιου໊ͷ֬ೝ
Resourcesλϒ | Chrome Dev Tools ༻్ɿCookieͷআɺLocalStorageͷ֬ೝ/ฤू
Chrome Extensions ʙ։ൃΛޮԽͰ͖Δ֦ுػೳʙ
The QR Code Extension | Chrome Extensions ༻్ɿεϚϗͰURLೖྗͷखؒΛল͘ https://chrome.google.com/webstore/detail/the-qr-code- extension/oijdcdmnjjgnnhgljmhkjlablaejfeeb
PerfectPixel | Chrome Extensions ༻్ɿσβΠϯΧϯϓͱը໘ΛॏͶͯΈΔ https://chrome.google.com/webstore/detail/perfectpixel-by- welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi
LiveReload | Chrome Extensions ༻్ɿϑΝΠϧอଘ࣌ʹϒϥβΛࣗಈͰϦϩʔυ https://chrome.google.com/webstore/detail/livereload/ jnihajbhpnppcggbcgedagnkighmdlei ※ผ్Gruntͱ͔ඞཁͰ͢ http://www.yoheim.net/blog.php?q=20130409 →
Chrome Others ͦͷଞʹศརͳػೳ͕ɾɾɾ
Chrome User | Chrome Other ༻్ɿCookieͷҟͳΔϢʔβʔΛ࡞ͬͯෳΞΧϯτςετ chrome://settings ͰChrome্ʹϢʔβʔΛ࡞!! Cookie, LocalStorage,
Extensions, Bookmark ͕ผʑͰςετར༻ʹ࠷ద
http://github.com/yoheiMune http://www.yoheim.net http://twitter.com/yoheiMune Thank you