コーダー白書2016

サトウハルミ
サトウハルミサトウハルミ
 
コーダー白書 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件
バージョン管理ツール
管理して
いない
手動で
管理
GitLabDropboxBacklogSubversiongit(その他)BitbucketGitHub
27
 
課金サービス
48
96
144
192
36人
17人
46人
53人60人
71人
166人 回答数 192件
Dropbox GitHub ChatWorkAdobe CC Adobe
アプリ単品
GoogleAppsCodeGrid
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!
ありがとうございました
1 of 36

Recommended

イマドキのコーダー環境構築2016 by
イマドキのコーダー環境構築2016イマドキのコーダー環境構築2016
イマドキのコーダー環境構築2016Sou Lab
30.2K views146 slides
ゆるく学ぼう!現在のフロントエンドまとめ by
ゆるく学ぼう!現在のフロントエンドまとめゆるく学ぼう!現在のフロントエンドまとめ
ゆるく学ぼう!現在のフロントエンドまとめ将一 深見
7.6K views164 slides
最近誰かに「やったほうがいいよ」と伝えた7のこと by
最近誰かに「やったほうがいいよ」と伝えた7のこと最近誰かに「やったほうがいいよ」と伝えた7のこと
最近誰かに「やったほうがいいよ」と伝えた7のことNoriaki Kadota
40.1K views19 slides
見やすいプレゼン資料の作り方 - リニューアル増量版 by
見やすいプレゼン資料の作り方 - リニューアル増量版見やすいプレゼン資料の作り方 - リニューアル増量版
見やすいプレゼン資料の作り方 - リニューアル増量版MOCKS | Yuta Morishige
5.5M views77 slides
しょぼいプレゼンをパワポのせいにするな! by @jessedee by
しょぼいプレゼンをパワポのせいにするな! by @jessedeeしょぼいプレゼンをパワポのせいにするな! by @jessedee
しょぼいプレゼンをパワポのせいにするな! by @jessedee「MakeLeaps」請求書の作成、管理、郵送
2.1M views62 slides
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識 by
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識Tsutomu Sogitani
2M views37 slides

More Related Content

Viewers also liked

Sass/Compassの導入と環境構築 by
Sass/Compassの導入と環境構築Sass/Compassの導入と環境構築
Sass/Compassの導入と環境構築Sou Lab
8.2K views169 slides
Sublime Textを加速するパッケージの紹介 by
Sublime Textを加速するパッケージの紹介Sublime Textを加速するパッケージの紹介
Sublime Textを加速するパッケージの紹介Sou Lab
5.1K views63 slides
開発レビューで心がけていること by
開発レビューで心がけていること開発レビューで心がけていること
開発レビューで心がけていることMasato Kataoka
1.1K views11 slides
プロジェクトを潰した話 by
プロジェクトを潰した話プロジェクトを潰した話
プロジェクトを潰した話Keiichi Endo
1.4K views17 slides
印刷通販のデータチェックスタッフのスキルアップ方法や心構え by
印刷通販のデータチェックスタッフのスキルアップ方法や心構え印刷通販のデータチェックスタッフのスキルアップ方法や心構え
印刷通販のデータチェックスタッフのスキルアップ方法や心構え笹川 純一
9.1K views83 slides
WordPressでCSSプリプロセッサ入門 by
WordPressでCSSプリプロセッサ入門WordPressでCSSプリプロセッサ入門
WordPressでCSSプリプロセッサ入門Sou Lab
7.3K views57 slides

Viewers also liked(20)

Sass/Compassの導入と環境構築 by Sou Lab
Sass/Compassの導入と環境構築Sass/Compassの導入と環境構築
Sass/Compassの導入と環境構築
Sou Lab8.2K views
Sublime Textを加速するパッケージの紹介 by Sou Lab
Sublime Textを加速するパッケージの紹介Sublime Textを加速するパッケージの紹介
Sublime Textを加速するパッケージの紹介
Sou Lab5.1K views
開発レビューで心がけていること by Masato Kataoka
開発レビューで心がけていること開発レビューで心がけていること
開発レビューで心がけていること
Masato Kataoka1.1K views
プロジェクトを潰した話 by Keiichi Endo
プロジェクトを潰した話プロジェクトを潰した話
プロジェクトを潰した話
Keiichi Endo1.4K views
印刷通販のデータチェックスタッフのスキルアップ方法や心構え by 笹川 純一
印刷通販のデータチェックスタッフのスキルアップ方法や心構え印刷通販のデータチェックスタッフのスキルアップ方法や心構え
印刷通販のデータチェックスタッフのスキルアップ方法や心構え
笹川 純一9.1K views
WordPressでCSSプリプロセッサ入門 by Sou Lab
WordPressでCSSプリプロセッサ入門WordPressでCSSプリプロセッサ入門
WordPressでCSSプリプロセッサ入門
Sou Lab7.3K views
Unityで通信してみよう! by koppepan
Unityで通信してみよう!Unityで通信してみよう!
Unityで通信してみよう!
koppepan 31.9K views
まだFTPで消耗してるの? Wordmoveではじめる 異次元のデータ転送 by Sou Lab
まだFTPで消耗してるの? Wordmoveではじめる 異次元のデータ転送まだFTPで消耗してるの? Wordmoveではじめる 異次元のデータ転送
まだFTPで消耗してるの? Wordmoveではじめる 異次元のデータ転送
Sou Lab2.4K views
UI Design with HTML5 & CSS3 by Shay Howe
UI Design with HTML5 & CSS3UI Design with HTML5 & CSS3
UI Design with HTML5 & CSS3
Shay Howe736 views
WordPressでも意識したいアクセシビリティ 〜「優しいウェブサイト」作りをはじめよう〜 by Sou Lab
WordPressでも意識したいアクセシビリティ 〜「優しいウェブサイト」作りをはじめよう〜WordPressでも意識したいアクセシビリティ 〜「優しいウェブサイト」作りをはじめよう〜
WordPressでも意識したいアクセシビリティ 〜「優しいウェブサイト」作りをはじめよう〜
Sou Lab10.5K views
改善したほうがいい私の7つの開発習慣 by Noriaki Kadota
改善したほうがいい私の7つの開発習慣改善したほうがいい私の7つの開発習慣
改善したほうがいい私の7つの開発習慣
Noriaki Kadota2K views
Spring starterによるSpring Boot Starter by Ryosuke Uchitate
Spring starterによるSpring Boot StarterSpring starterによるSpring Boot Starter
Spring starterによるSpring Boot Starter
Ryosuke Uchitate3.1K views
UnityのフリーライセンスでPC-Android通信を実装するまで by Hiroto Makiyama
UnityのフリーライセンスでPC-Android通信を実装するまでUnityのフリーライセンスでPC-Android通信を実装するまで
UnityのフリーライセンスでPC-Android通信を実装するまで
Hiroto Makiyama9.3K views
2015年GMOペパボ新卒エンジニア研修 Web開発研修イントロダクション by Takahiro Okumura
2015年GMOペパボ新卒エンジニア研修 Web開発研修イントロダクション2015年GMOペパボ新卒エンジニア研修 Web開発研修イントロダクション
2015年GMOペパボ新卒エンジニア研修 Web開発研修イントロダクション
Takahiro Okumura10.6K views
Do you like scala by Yuto Suzuki
Do you like scalaDo you like scala
Do you like scala
Yuto Suzuki1.3K views
ヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティー by Yoshiki Hayama
ヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティーヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティー
ヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティー
Yoshiki Hayama18.8K views
「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘(スイッチ) by swwwitch inc.
「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘(スイッチ)「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘(スイッチ)
「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘(スイッチ)
swwwitch inc.84.2K views
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!... by swwwitch inc.
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
swwwitch inc.27.9K views

Similar to コーダー白書2016

Janog31 bof-pattern-sasaki-01 by
Janog31 bof-pattern-sasaki-01Janog31 bof-pattern-sasaki-01
Janog31 bof-pattern-sasaki-01Ken SASAKI
1.1K views24 slides
てきめし#06_イベント紹介&アンケート結果 by
てきめし#06_イベント紹介&アンケート結果てきめし#06_イベント紹介&アンケート結果
てきめし#06_イベント紹介&アンケート結果kkitadate
169 views33 slides
ECCV2020 Oral論文 完全読破(1/2) by
ECCV2020 Oral論文 完全読破(1/2)ECCV2020 Oral論文 完全読破(1/2)
ECCV2020 Oral論文 完全読破(1/2)cvpaper. challenge
4.3K views252 slides
Web design by
Web designWeb design
Web designkazuko kaneuchi
7.4K views95 slides
choreonoid_ros_control を実装した話 by
choreonoid_ros_control を実装した話choreonoid_ros_control を実装した話
choreonoid_ros_control を実装した話Ryodo Tanaka
1.8K views10 slides
2016-11-11 UMTP モデリングフォーラム2016 DDD実践のコツとazureによるモデル実装 by
2016-11-11 UMTP モデリングフォーラム2016 DDD実践のコツとazureによるモデル実装2016-11-11 UMTP モデリングフォーラム2016 DDD実践のコツとazureによるモデル実装
2016-11-11 UMTP モデリングフォーラム2016 DDD実践のコツとazureによるモデル実装貴志 上坂
1.3K views54 slides

Similar to コーダー白書2016(20)

Janog31 bof-pattern-sasaki-01 by Ken SASAKI
Janog31 bof-pattern-sasaki-01Janog31 bof-pattern-sasaki-01
Janog31 bof-pattern-sasaki-01
Ken SASAKI1.1K views
てきめし#06_イベント紹介&アンケート結果 by kkitadate
てきめし#06_イベント紹介&アンケート結果てきめし#06_イベント紹介&アンケート結果
てきめし#06_イベント紹介&アンケート結果
kkitadate169 views
choreonoid_ros_control を実装した話 by Ryodo Tanaka
choreonoid_ros_control を実装した話choreonoid_ros_control を実装した話
choreonoid_ros_control を実装した話
Ryodo Tanaka1.8K views
2016-11-11 UMTP モデリングフォーラム2016 DDD実践のコツとazureによるモデル実装 by 貴志 上坂
2016-11-11 UMTP モデリングフォーラム2016 DDD実践のコツとazureによるモデル実装2016-11-11 UMTP モデリングフォーラム2016 DDD実践のコツとazureによるモデル実装
2016-11-11 UMTP モデリングフォーラム2016 DDD実践のコツとazureによるモデル実装
貴志 上坂1.3K views
XP祭り2016 - SWチームとHWチームがスクラムを組んだら by Life Robotics
XP祭り2016 - SWチームとHWチームがスクラムを組んだらXP祭り2016 - SWチームとHWチームがスクラムを組んだら
XP祭り2016 - SWチームとHWチームがスクラムを組んだら
Life Robotics2.4K views
アジャイルソフトウェア開発の道具箱 by Koichi ITO
アジャイルソフトウェア開発の道具箱アジャイルソフトウェア開発の道具箱
アジャイルソフトウェア開発の道具箱
Koichi ITO5.8K views
IT業界とソフトウェア技術者を取り巻く今日の様相と荒波の将来への船出 by VOYAGE GROUP
IT業界とソフトウェア技術者を取り巻く今日の様相と荒波の将来への船出IT業界とソフトウェア技術者を取り巻く今日の様相と荒波の将来への船出
IT業界とソフトウェア技術者を取り巻く今日の様相と荒波の将来への船出
VOYAGE GROUP1.3K views
クラウド事業者に求めるビジネス要件 by 雄哉 吉田
クラウド事業者に求めるビジネス要件クラウド事業者に求めるビジネス要件
クラウド事業者に求めるビジネス要件
雄哉 吉田1.5K views
第26回八子クラウド座談会当日メモ付き_20180407 by 知礼 八子
第26回八子クラウド座談会当日メモ付き_20180407第26回八子クラウド座談会当日メモ付き_20180407
第26回八子クラウド座談会当日メモ付き_20180407
知礼 八子1.2K views
40歳過ぎてもエンジニアでいるためにやっていること by onozaty
40歳過ぎてもエンジニアでいるためにやっていること40歳過ぎてもエンジニアでいるためにやっていること
40歳過ぎてもエンジニアでいるためにやっていること
onozaty32.3K views
Visual Studio Code のこれまでとこれから at OSC 2021 Online/Spring by Issei Hiraoka
Visual Studio Code のこれまでとこれから at OSC 2021 Online/SpringVisual Studio Code のこれまでとこれから at OSC 2021 Online/Spring
Visual Studio Code のこれまでとこれから at OSC 2021 Online/Spring
Issei Hiraoka1.7K views
アジャイルなオフショア開発(第51回オフショア開発勉強会) by Arata Fujimura
アジャイルなオフショア開発(第51回オフショア開発勉強会)アジャイルなオフショア開発(第51回オフショア開発勉強会)
アジャイルなオフショア開発(第51回オフショア開発勉強会)
Arata Fujimura1.4K views
モデルベースソフトウェア開発コミュニティキックオフイベントオープニング by Kentaro Takasaki
モデルベースソフトウェア開発コミュニティキックオフイベントオープニングモデルベースソフトウェア開発コミュニティキックオフイベントオープニング
モデルベースソフトウェア開発コミュニティキックオフイベントオープニング
Kentaro Takasaki3K views
SocialAnalyticsとCQ5がスゴイ by Makoto Shimizu
SocialAnalyticsとCQ5がスゴイSocialAnalyticsとCQ5がスゴイ
SocialAnalyticsとCQ5がスゴイ
Makoto Shimizu1.8K views
アジャイルなオフショア開発(Rakuten techtalk) by Arata Fujimura
アジャイルなオフショア開発(Rakuten techtalk)アジャイルなオフショア開発(Rakuten techtalk)
アジャイルなオフショア開発(Rakuten techtalk)
Arata Fujimura1.9K views
営業現場で困らないためのディープラーニング by Satoru Yamamoto
営業現場で困らないためのディープラーニング営業現場で困らないためのディープラーニング
営業現場で困らないためのディープラーニング
Satoru Yamamoto4.2K views
IT技術者でも1から学べるビジネスモデルキャンバス入門 by 陽一 滝川
IT技術者でも1から学べるビジネスモデルキャンバス入門IT技術者でも1から学べるビジネスモデルキャンバス入門
IT技術者でも1から学べるビジネスモデルキャンバス入門
陽一 滝川18.1K views

コーダー白書2016