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
コーダー白書 2016
Search
サトウハルミ Harumi Sato
September 24, 2016
0
23
コーダー白書 2016
CSS Nite LP47「Coder's High 2016」登壇スライドです。
Coder's High 2016
https://cssnite.jp/lp/lp47/
サトウハルミ Harumi Sato
September 24, 2016
Tweet
Share
More Decks by サトウハルミ Harumi Sato
See All by サトウハルミ Harumi Sato
Speaker Deck Sample
flatsato
0
5.9k
Sacss マークアップは下準備が80%
flatsato
0
20
手戻りの少ないレスポンシブデザインのチェックポイント
flatsato
0
31
Featured
See All Featured
Measuring & Analyzing Core Web Vitals
bluesmoon
4
120
Code Review Best Practice
trishagee
64
17k
A designer walks into a library…
pauljervisheath
204
24k
Designing on Purpose - Digital PM Summit 2013
jponch
115
7k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.1k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Making the Leap to Tech Lead
cromwellryan
133
8.9k
YesSQL, Process and Tooling at Scale
rocio
169
14k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
16
2.1k
Transcript
コーダー白書 2016 CSS Nite LP47「Coder's High 2016」 サトウ ハルミ(株式会社
FLAT)酒井 優(WEBCRE8) 2016年9月24日(土)
Prologue はじめに
サトウハルミ 株式会社 FLAT 代表/マークアップエンジニア 酒井 優 WEBCRE8 マークアップエンジニア コーダー歴 12年
コーダー歴 8年 自己紹介 3
技術トレンドの流れが早い なにを学べばいいのか まわりに聞ける人がいない コーダー白書アンケートの目的 現場の悩み… 4
現場の意見・トレンドを見える化 新しい技術を使うキッカケ ※集計データはPDFでシェアいたします。 コーダー白書アンケートの目的 5
SecDon 1 アンケート回答者
職種 19% 24% 57% コーダー歴 3% 10% 13% 35%
39% 会社員/ 個人事業主 10% 25% 66% アンケート回答数 401人 コーダー歴平均 7.3年 7 (CSS Nite参加 256人、アンケートのみ 145人) 個人事業主 会社員 その他 その他 デザイナー系 コーダー系 目指している 15年以上 11-15年 6-10年 1-5年
SecDon 2 アンケート結果
制作環境 メインマシン / モニタ
Windows Mac 0 40 80 120 160 40人 50人
104人 10人 回答数 198件 メインマシン ノート派が全体の60% そのうちMacが90% 10 ノート デスクトップ デスクトップ ノート
モニタサイズ (回答数 202件) 2台(50.7%) 27インチ(21.3%) モニタ モニタ台数 (回答数 202件)
(1台43.3% 3台4.5%) (13インチ20.3% 15インチ11.9%) 11
コーディング エディタ / コーディング / 品質
Sublime Text Dreamweaver Atom Adobe Brackets coda WebStorm 24人
24人 27人 35人 61人 151人 全体の半数近く 回答数 355件 メインエディタ 13
インデント 3% 43% 12% 42% Emmet 30% 70% コメント
28% 72% EditorConfig 65% 35% コーディング 14 2スペース 4スペース タブ なし 使っていない 使っている 入れる 入れない 使っていない 使っている
検証 ブラウザ / iPhone / Android / アクセシビリティ /
バリデータ
アクセシビリティ 17% 52% 24% 6% 2% AA以上の対応を行っている(2%) A以上の対応を行っている(6%) WCAGなどの規格にある程度従っている(24%)
仕様書を見てはいないが感覚的に意識している(52%) 意識していない(17%) バリデータ 17% 66% 17% 厳密に気にする ある程度は気にする バリデータを使わない 半数以上が経験で品質を見ている 品質 16
回答数 205件 ブラウザ検証 (複数選択) 17 Edge IE11 IE10 IE9
IE8 Chrome Safari Firefox その他 10人 183人 162人 200人 26人 66人 84人 173人 139人
回答数 205件 ブラウザ検証 (複数選択) 18 Edge IE11 IE10 IE9
IE8 Chrome Safari Firefox その他 10人 183人 162人 200人 26人 66人 84人 173人 139人
初代 / 3G / 3GS 4 / 4S 5
/ 5s 6 / 6s 6 Plus / 6s Plus 95人 168人 142人 9人 2人 回答数 194件 iPhone検証 (複数選択) 19
(2.0, 2.1) (2.2) (2.3) (3.0, 3.1, 3.2) (4.0) (4.1,
4.2, 4.3) (4.4) (5.0, 5.1) (6.0) 75人 116人 114人 70人 15人 4人 7人 2人 2人 回答数 171件 Android検証 (複数選択) 20
使用技術 フロントエンドツール / 普及した技術 / これからの技術
25% 50% 75% 100% テ ン プ レ ー
ト エ ン ジ ン C S S 命 名 規 則 C S S フ レ ー ム ワ ー ク C S S プ リ プ ロ セ ッ サ ー タ ス ク ラ ン ナ ー 32% 59.4% 62.1% 33.3% 12.4% 70% 81.8% 61.6% 59.6% 36.5% コーダー系 その他 回答数 356件 フロントエンドツールなどの普及状況 22
25% 50% 75% 100% H T M L5 S
ass Flexbox レ ス ポ ン シ ブ W ebフ ォ ン ト 日 本 語 W ebフ ォ ン ト ア イ コ ン フ ォ ン ト S V G G itH ub 51.6% 50.3% 50.3% 42.5% 69.3% 81% 41.2% 58.8% 90.2% 57.6% 65.5% 64.5% 54.2% 79.8% 90.6% 55.2% 79.8% 96.1% コーダー系 その他 回答数 356件 普及した技術 23
0% 25% 50% 75% 100% WAI-ARIA JSON-LD Microdata WebGL
Canvas Angular React 9.2% 10.5% 20.3% 9.2% 18.3% 10.5% 9.2% 11.8% 17.2% 35% 11.3% 25.1% 15.3% 28.6% コーダー系 その他 回答数 356件 これからの技術 24
ツール コミュニケーション / バージョン管理 / 課金サービス
コミュニケーションツール 少数派 多数派 回答数 197件 -メッセンジャー、タスク管理を併用している - 日本発のサービスが人気 26
29人 7人 6人 12人 15人 15人 24人 35人 60人
84%がバージョン管理にツールを使用 回答数 203件 バージョン管理ツール 管理して いない 手動で 管理 GitLab Dropbox Backlog Subversion git(その他) Bitbucket GitHub 27
課金サービス 48 96 144 192 36人 17人 46人 53人
60人 71人 166人 回答数 192件 Dropbox GitHub ChatWork Adobe CC Adobe アプリ単品 GoogleApps CodeGrid 28
スキルアップ 情報源 / 学習
情報源(複数回答) 仕様書/ 公式アナウンス 国内 個人サイト 海外 個人サイト SNS キュレーション
アプリ メール マガジン 社内 SNS 雑誌、 書籍 公開 グループ 47人 105人 26人 52人 45人 157人 91人 176人 137人 回答数 203件 30
学習 書籍 23% 77% 英語資料 6% 56% 38% 回答数
202件 回答数 203件 31 紙の書籍(156人) 電子書籍(46人) 読まない(13人) 困ったときは読む(113人) 読む(77人)
SecDon 3 まとめ
35歳男性 フロントエンド 7年目 受託系 制作会社 既婚 /年収 543万円 /
Mac13インチノート / スマホ iPhone 6s 愛用エディタ Sublime Text コーダー男性 ペルソナ 感動的なギミックを 実装できた 33
コーダー 女性ペルソナ 34 33歳女性 マークアップ6年目 フリーランス 恋人あり /年収 353万円
/ Mac13インチノート / スマホ iPhone 6s 愛用エディタ Sublime Text 事例の無いバグを 解消したときの快感
35 最後に • 集計結果(PDF) http://wd-flat.com/coder/enquete2016.pdf
Thank you! ありがとうございました