Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
Submit search
EN
Uploaded by
Yuki Tanaka
2,031 views
Google devtools活用術
Read more
0
Save
Share
Embed
Embed presentation
Download
Download to read offline
1
/ 43
2
/ 43
3
/ 43
4
/ 43
5
/ 43
6
/ 43
7
/ 43
8
/ 43
9
/ 43
10
/ 43
11
/ 43
12
/ 43
13
/ 43
14
/ 43
15
/ 43
16
/ 43
17
/ 43
18
/ 43
19
/ 43
20
/ 43
21
/ 43
22
/ 43
23
/ 43
24
/ 43
25
/ 43
26
/ 43
27
/ 43
28
/ 43
29
/ 43
30
/ 43
31
/ 43
32
/ 43
33
/ 43
34
/ 43
35
/ 43
36
/ 43
37
/ 43
38
/ 43
39
/ 43
40
/ 43
41
/ 43
42
/ 43
43
/ 43
More Related Content
PDF
自動テストへの道のり
by
Eiji Yokota
PPTX
JIFTTT-UG Vol.1 Introduction&Lightning Talk
by
Takayuki Masaki
PDF
「はじめに・おわりに」など 〜【html5j エンタメ技術部】第1回勉強会 公開用
by
yo-to
PDF
C# から Ruby に乗り換えた
by
Hideaki Miyake
PDF
javaとフロントエンド | 2014夏JJUG納涼会
by
Yohei Munesada
PPTX
OSS事例から学んだ プロジェクトを進める技術
by
Daisuke Kondo
PDF
2015/07/11 第7回G-Study発表資料-ITエンジニアのためのDTM入門
by
Yuta Hayakawa
PDF
挫折した人のための、初心者速習html+css【2カラムボックスモデル編】 先生:田中 晶子
by
schoowebcampus
自動テストへの道のり
by
Eiji Yokota
JIFTTT-UG Vol.1 Introduction&Lightning Talk
by
Takayuki Masaki
「はじめに・おわりに」など 〜【html5j エンタメ技術部】第1回勉強会 公開用
by
yo-to
C# から Ruby に乗り換えた
by
Hideaki Miyake
javaとフロントエンド | 2014夏JJUG納涼会
by
Yohei Munesada
OSS事例から学んだ プロジェクトを進める技術
by
Daisuke Kondo
2015/07/11 第7回G-Study発表資料-ITエンジニアのためのDTM入門
by
Yuta Hayakawa
挫折した人のための、初心者速習html+css【2カラムボックスモデル編】 先生:田中 晶子
by
schoowebcampus
Viewers also liked
PDF
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像
by
Keisuke Imura
PDF
オンラインタスク管理ツールをWebサービス開発と運用に役立てよう!
by
Shinsaku Chikura
PDF
Responsive Web Design make with CSS Framework
by
Komei Otake
PDF
Creators meetup5
by
Kenichi Mukai
PDF
今から始めるPhotoshopによるWeb制作-初期設定編
by
regret raym
PDF
デバイスネタをデモする時の便利実装とか注意点とかあれこれ
by
Seigo Tanaka
PDF
Coda
by
horike37
PDF
高速化はじめの一歩
by
Yuki Nakane
PDF
開発合宿のすゝめ
by
Reimi Kuramochi Chiba
PDF
できる!スマホアプリ:Webからはじまるアプリ for CMU16
by
Masami Yabushita
PDF
セキュリティはじめのいっぽ #cmujp
by
tama200x Kobayashi
PDF
The color makotohirahara
by
Makoto Hirahara
PDF
ドメインとDNS これだけ知ろう5つの技 / 第5回Creators Meetup session04
by
Akira Matsuda
PDF
StartUp Sass + Compass [基本と活用]
by
Komei Otake
PDF
Prototyping by Adobe Illustrator
by
Naoki Kanazawa
PDF
もう自分で考えるのはやめよう! クリエイティブ・アウトソーシングのススメ
by
文樹 高橋
PDF
LIFEHACK for CREATIVES
by
Chachamaru
PDF
ものづくりに行き詰まったSTAR WARSファンへ捧げる - ジェダイマスター12の教え -
by
Reimi Kuramochi Chiba
PDF
昔の恋の話をしよう。CrescentEve - 2人のエディタの物語
by
Reimi Kuramochi Chiba
PDF
マインドマップ発想法×ロジックツリー手法によるコンテンツ設計
by
Reimi Kuramochi Chiba
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像
by
Keisuke Imura
オンラインタスク管理ツールをWebサービス開発と運用に役立てよう!
by
Shinsaku Chikura
Responsive Web Design make with CSS Framework
by
Komei Otake
Creators meetup5
by
Kenichi Mukai
今から始めるPhotoshopによるWeb制作-初期設定編
by
regret raym
デバイスネタをデモする時の便利実装とか注意点とかあれこれ
by
Seigo Tanaka
Coda
by
horike37
高速化はじめの一歩
by
Yuki Nakane
開発合宿のすゝめ
by
Reimi Kuramochi Chiba
できる!スマホアプリ:Webからはじまるアプリ for CMU16
by
Masami Yabushita
セキュリティはじめのいっぽ #cmujp
by
tama200x Kobayashi
The color makotohirahara
by
Makoto Hirahara
ドメインとDNS これだけ知ろう5つの技 / 第5回Creators Meetup session04
by
Akira Matsuda
StartUp Sass + Compass [基本と活用]
by
Komei Otake
Prototyping by Adobe Illustrator
by
Naoki Kanazawa
もう自分で考えるのはやめよう! クリエイティブ・アウトソーシングのススメ
by
文樹 高橋
LIFEHACK for CREATIVES
by
Chachamaru
ものづくりに行き詰まったSTAR WARSファンへ捧げる - ジェダイマスター12の教え -
by
Reimi Kuramochi Chiba
昔の恋の話をしよう。CrescentEve - 2人のエディタの物語
by
Reimi Kuramochi Chiba
マインドマップ発想法×ロジックツリー手法によるコンテンツ設計
by
Reimi Kuramochi Chiba
Similar to Google devtools活用術
PDF
困った時のDev toolsの使い方(初心者向け)
by
yoshikawa_t
PDF
Chrome DevTools.next
by
yoshikawa_t
PDF
Firefox DevTools
by
dynamis
PDF
無償版Visual StudioでいろいろWeb開発
by
Narami Kiyokura
PPTX
Dev tools introduction
by
Ryu Shindo
PDF
【開発準備】GoogleChromeの使い方
by
UTAGE
PDF
Chrome DevTools for beginners v1.2
by
yoshikawa_t
PDF
すごいぞ!Google Chrome
by
Eigoro Yamamura
PDF
Devtools.next
by
yoshikawa_t
PDF
Chrome DevTools for beginners
by
yoshikawa_t
困った時のDev toolsの使い方(初心者向け)
by
yoshikawa_t
Chrome DevTools.next
by
yoshikawa_t
Firefox DevTools
by
dynamis
無償版Visual StudioでいろいろWeb開発
by
Narami Kiyokura
Dev tools introduction
by
Ryu Shindo
【開発準備】GoogleChromeの使い方
by
UTAGE
Chrome DevTools for beginners v1.2
by
yoshikawa_t
すごいぞ!Google Chrome
by
Eigoro Yamamura
Devtools.next
by
yoshikawa_t
Chrome DevTools for beginners
by
yoshikawa_t
Google devtools活用術
1.
Google devtools 活用術 @tan_yuki 13年5月25日土曜日
2.
自己紹介 ・田中佑樹 ・Chatwork ・JavaScript / PHP /
Vim ・twitter @tan_yuki 13年5月25日土曜日
3.
ブラウザ何使ってますか? 突然ですが 13年5月25日土曜日
4.
13年5月25日土曜日
5.
Chrome ちょろめたん ∧_∧ ┌──────────── ⃝(
´∀` )⃝ < 僕は、ちょろめたん! \ / └──────────── _/ __ \_ (_/ \_) 13年5月25日土曜日
6.
why? 13年5月25日土曜日
7.
13年5月25日土曜日
8.
かくみる 13年5月25日土曜日
9.
利点 ・直感的なUI ・ソース追いやすい ・充実したショートカットキー 13年5月25日土曜日
10.
起動してみましょう Cmd + Shift
+ I ( Windows: Ctrl + Shift + I ) 13年5月25日土曜日
11.
13年5月25日土曜日
12.
13年5月25日土曜日
13.
Elements 13年5月25日土曜日
14.
できること ・現在のHTML構造の確認 ・CSSの確認 ・簡単なスタイルの微調整 13年5月25日土曜日
15.
13年5月25日土曜日
16.
・Double Click →編集 ・Tab →次の要素へ移動 13年5月25日土曜日
17.
右クリック メニュー 13年5月25日土曜日
18.
便利機能たち 13年5月25日土曜日
19.
ブレークポイント 13年5月25日土曜日
20.
http://backbonejs.org/examples/ todos/ Test page 13年5月25日土曜日
21.
右サイドバー 13年5月25日土曜日
22.
スタイル編集 ・Click →編集 ・Tab →次の要素へ移動 スタイル追加 13年5月25日土曜日
23.
色変更パレット 13年5月25日土曜日
24.
数値の位置で編集モードの時 ↑:1px Up ↓:1px Down Shift
+ ↑:10px Up Shift + ↓:10px Down 13年5月25日土曜日
25.
Sources 13年5月25日土曜日
26.
できること ・JS、CSSの閲覧 ・JSブレークポイント ・変数の値の参照 ・あといろいろ 13年5月25日土曜日
27.
これだけは覚えて ・Cmd + Alt
+ F ( Windows: Ctrl + Shift + F ) ・Cmd + O ( Windows: Ctrl + O ) 13年5月25日土曜日
28.
覚えておいて損はない ・Cmd + L (
Windows: Ctrl + G ) 13年5月25日土曜日
29.
全てはこの中に 13年5月25日土曜日
30.
13年5月25日土曜日
31.
注目! 13年5月25日土曜日
32.
例外が投げられた時にその場所で止まってくれる 13年5月25日土曜日
33.
Test page http://www.tan-yuki.info/practice/ cmujp/chrome_devtools/ 13年5月25日土曜日
34.
JavaScriptを整形してくれる 13年5月25日土曜日
35.
Test page https://www.google.co.jp/ 13年5月25日土曜日
36.
クリック! 13年5月25日土曜日
37.
パカッ! 13年5月25日土曜日
38.
ブレークポイントまでおける! 13年5月25日土曜日
39.
まとめ 13年5月25日土曜日
40.
これだけは覚えて ・Cmd + Alt
+ F ( Windows: Ctrl + Shift + F ) ・Cmd + O ( Windows: Ctrl + O ) 13年5月25日土曜日
41.
ちょろめたんはできるこ 13年5月25日土曜日
42.
最後に https://www.facebook.com/groups/443380692411788/ 13年5月25日土曜日
43.
ご清聴ありがとうございました 13年5月25日土曜日
Download