CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static...

120
コーダー白書 2016 CSS Nite LP47Coder's High 2016サトウ ハルミ(株式会社 FLAT)酒井 優(WEBCRE82016924日(土) 2016/10/02 追加加筆いたしました。 7077ページ 男性女性・職種・働き方・年代別の平均年収を追加

Transcript of CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static...

Page 1: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

コーダー白書 2016CSS Nite LP47「Coder's High 2016」

サトウ ハルミ(株式会社 FLAT)酒井 優(WEBCRE8) 2016年9月24日(土)

2016/10/02 追加加筆いたしました。 70~77ページ 男性女性・職種・働き方・年代別の平均年収を追加

Page 2: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

Prologue

はじめに

Page 3: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

技術トレンドの流れが早い。 周りに聞ける人が居ない。

コーダー白書アンケートの目的

現場の悩み…

3

Page 4: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

現場の意見・トレンドを見える化 新しい技術を使うキッカケ

※全集計データは後日スライドとPDFでシェアいたします。

コーダー白書アンケートの目的

4

Page 5: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

サトウハルミ株式会社 FLAT

代表/マークアップエンジニア

酒井 優WEBCRE8

マークアップエンジニアコーダー歴 12年 コーダー歴 8年

自己紹介

5

Page 6: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

コーダー白書 全データ SecEon 2

Page 7: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

回答者属性性別 / 業務 / 年齢 / コーディング歴 / 働き方 / メイン業務 / スマートフォン機種

Page 8: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

8

Q:あなたの性別を教えてください。CSS Nite参加者

121人 135人

アンケート全体 401人 男性 235人 女性163人(未回答3人)

アンケートのみ

42人

100人男性

女性女性 男性

Page 9: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

9

Q:あなたの年齢を教えてください。

0

15

30

45

60

~24歳 25-29歳 30-34歳 35-39歳 40-44歳 45-49歳 50歳~2人

9人

28人

56人

47人

30人

11人

平均年齢 34.8歳

回答数 187件

Page 10: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

0

23

45

68

90

目指している 1-3年 4-6年 7-9年 10-12年 13-15年 それ以上

35人

22人

71人

58人

71人

81人

10人

10

Q:あなたの業務でのコーディング歴を教えてください。

回答数 348件

Page 11: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

11

Q:あなたの働き方を教えてください。8人2人2人

10人経営者 12人

個人事業主 86人

会社員 231人

会社員個人事業主経営者フリーター(10名)学生(2名)アルバイト(2名)その他(8名)

回答数 351件

Page 12: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

12

Q:あなたのメイン業務を教えてください。

その他 28人

マークアップエンジニア 92人

フロントエンドエンジニア 111人

1人

プログラマー 11人

デザイナー 85人

ディレクター 24人

ディレクターデザイナープログラマープロデューサーフロントエンドエンジニアマークアップエンジニアその他

回答数 355件

Page 13: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

13

data:フロントエンドエンジニア内訳

62人

17人

17人

1人12人2人

フロントエンドエンジニア(アシスタント)フロントエンドエンジニア(リーダー)フロントエンドエンジニア(運用)フロントエンドエンジニア(自社サービス)フロントエンドエンジニア(受託)フロントエンドエンジニア(全般)

回答数 111件

Page 14: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

14

data:マークアップエンジニア内訳

58人 13人

7人

6人6人2人

マークアップエンジニア(アシスタント)マークアップエンジニア(リーダー)マークアップエンジニア(運用)マークアップエンジニア(自社サービス)マークアップエンジニア(受託)マークアップエンジニア(全般)

回答数 92件

Page 15: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

iPhone 初代 / 3G / 3GS

iPhone 4 / 4s

iPhone 5 / 5s

iPhone 6 / 6s

iPhone 6 Plus / iPhone 6s Plus

iPhone SE

Nexus

Xperia

Galaxy

Aquos

その他

25人

5人9人

24人21人18人

29人

81人

40人

9人5人

15

Q:お使いのスマートフォンの機種を教えてください。

回答数 190件

(複数回答)

Page 16: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

16

data:平均年齢いろいろ

男性平均 34.8歳

ディレクター 平均年齢35.6歳 デザイナー 平均年齢33.5歳 CTO 平均年齢43歳 代表 平均年齢37.9歳 フリーランス 平均年齢35歳

回答数 187件

Page 17: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

技術 全体編経験がある技術 / 使用している技術 / 使用したい技術 / バージョン管理

Page 18: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

18回答数 196件

Q:あなたが業務で使用した経験がある技術をすべて選択してください。

(複数回答)

Page 19: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

19回答数 197件

Q:現在、業務で使用している技術をすべて選択してください。

(複数回答)

Page 20: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

20回答数 185件

Q:今後、業務で使用したい技術をすべて選択してください。

(複数回答)

Page 21: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

男性◯名 女性◯名 平均年令◯歳29人

7人6人12人15人15人

24人

35人

60人

84%がバージョン管理にツールを使用

回答数 203件

バージョン管理ツール

管理して いない

手動で 管理

GitLabDropboxBacklogSubversiongit(その他)BitbucketGitHub

Q:メインで使用しているバージョン管理ツールを教えてください

Page 22: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

22回答数 45件

1 逆に教えてほしい。。。 (23歳 男性 デザイナー)

2 具体的なものを作り、それを沢山の人に見てもらう (24歳 女性 マークアップエンジニア)

3 手を動かす・サイトを作る (24歳 男性 マークアップエンジニア)

4 Githubなどに自分の作品を公開する (24歳 男性 マークアップエンジニア)

5 実際に手を動かしてコードを書くこと (25歳 女性 デザイナー)

6 書籍を読む、ブログの巡回 (26歳 女性 デザイナー)

7 使ったことのない技術を定期的に取り入れるようにする。 (26歳 女性 フロントエンドエンジニア)

8 Google先生 (26歳 女性 マークアップエンジニア)

9 わからない単語はそのままにしないで調べる。 (27歳 女性 デザイナー)

10 デモなどを見てコードを真似して作ってみる (27歳 女性 マークアップエンジニア)

Q:技術について自由に記載お願いします。

Page 23: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

23回答数 45件

11 気になるもの:CSS in JS 便利なもの:stylus、aigis 最近つかわないもの:middleman (31歳 女性 フロントエンドエンジニア)

12 ES2015 など、最新の JavaScript 界隈が気になります。 (31歳 男性 CTO)

13バックエンドの仕組みは知りたいところ。使いやすさと、デザインとデータを包括して考えやすくしたい。

(31歳 男性 デザイナー)

14 XHTMLとかHTML4以下を打つのが面倒になった (31歳 男性 フロントエンドエンジニア)

15

気になるのはcssnext、Vue.jsなど。

Typescriptをメインで使っている関係で、browserifyは使わなくなりました。最近よく使うのは、webpack。

(31歳 男性 フロントエンドエンジニア)

16

新規案件(リニューアル含む)はGitHub、Gulp、Sass、EJSやJadeといった技術を導入することが多くなってきています。 SVGに関してはIE8の対応をしなくていい案件が今年くらいから増え始めているので徐々に使い始めている状況です。

まだ会社としてはモダンな開発環境を取り入れ始めた段階なので、いい意味で枯れたモダンな技術をベースに会社全体で浸透させたい。

(31歳 男性 マークアップエンジニア)

17 Local Proxy, DDD, Scala.js (33歳 男性 フロントエンドエンジニア)

18 Backbone.jsはないのか… (33歳 男性 フロントエンドエンジニア)

19 vue.js (34歳 男性 フロントエンドエンジニア)

20

フレームワークはVue.jsが好き。Reactのアーキテクチャは安定していないし、Angularは大きすぎる。Backboneは時代遅れ感がある。

CSSフレームワークやAngular、Reactを読み込んでおけば、使いこなせなくてもいいサイト/アプリが作れるわけではない。しかし、そう思っている人が少なからずいる

(34歳 男性 フロントエンドエンジニア)

Q:技術について自由に記載お願いします。

Page 24: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

24回答数 45件

21 Emmet (34歳 男性 マークアップエンジニア)

22 動画系 (35歳 女性 ディレクター兼コーダー)

23デザイナーなのですべてを自分の意志でゴリゴリ使っている(使えている)わけではなく、フロントエンドエンジニア陣の意向に沿って流れに乗っているだけです。

(35歳 女性 デザイナー)

24ちょっと枯れたくらいの技術で安定したものを使うくらいで良いと個人的には思っています。Windowsを軽視しないようにしています。

(35歳 女性 フロントエンドエンジニア)

25 セルアニメ+3Dアニメ作りたいです (35歳 男性 デザイナー)

26 webpackでnode.jsのエコシステムとES2015〜を利用しています。 (35歳 男性 フロントエンドエンジニア)

27 gruntとかgulpとか必要ない (35歳 男性 フロントエンドエンジニア)

28

最近は新しい技術が出ても直ぐに次の技術が出て、学習コストが高いのに仕事しても割に合わない状況になっていると見ている。もう一線は退いたので、最先端より今持っている技術で何が出来るかを考えるようになった。基本ができていれば応用はいくらでも効き、2フェーズを先が見えた時に情報だけチェックして、本気になった時だけ学習するスタイルに変えている。

(36歳 女性 その他)

29 Vue.js始めたいです(少し始めました)。タスクランナーはもっぱらnpm scriptです。 (36歳 男性 SEO)

30色んな技術が増えすぎて追い切れない。幾つかに絞りたくてもクライアントの要望で様々な技術を追わざるをえない状況がなかなか厳しい。

(36歳 男性 マークアップエンジニア)

Q:技術について自由に記載お願いします。

Page 25: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

25回答数 45件

31 AMP (36歳 男性 マークアップエンジニア)

32

技術というかアプリケーションですが・・・ ・transmitのマウント機能 ・祝・復活 Adobe CC Extract これらは無いと仕事できないレベル。

(37歳 男性 フロントエンドエンジニア)

33 GitHub の有料プランがプライベートリポジトリ無限になって神 (38歳 女性 フロントエンドエンジニア)

34 windowsのチェックはほぼ無くなりました。 (38歳 男性 UXD)

35 view.js (39歳 女性 マークアップエンジニア)

36 vue.js が気になっています (39歳 女性 マークアップエンジニア)

37PHP ワードプレス

(39歳 男性 フロントエンドエンジニア)

38 ServiceWorker, Web Components, webGPIO (41歳 男性 フロントエンドエンジニア)

39 schema.org (42歳 女性 デザイナー)

40 AI,VRなど (43歳 男性 フロントエンドエンジニア)

Q:技術について自由に記載お願いします。

Page 26: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

26回答数 45件

41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

42 JSが選択肢にないのが気になりました。 (46歳 女性 その他)

43 コーディングが自動化されてしまうかどうか。 (48歳 男性 マークアップエンジニア)

Q:技術について自由に記載お願いします。

Page 27: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

技術 コーディング編メインエディタ / ブラウザ検証 / iPhone検証 / Android検証 / コードのインデント / W3Cバリデータ / EditorConfig / HTMLコメント / Emmet / アクセシビリティ

Page 28: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

Sublime Text Dreamweaver Atom Adobe Brackets coda WebStorm

24人24人27人35人

61人

151人 全体の半数近く回答数 355件

メインエディタQ:コーディングでメインで使用しているエディタについて教えてください。

Page 29: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

Edge IE11 IE10 IE9 IE8 Chrome Safari Firefox その他10人

183人162人

200人

26人

66人84人

173人

139人

回答数 205件

ブラウザー検証 (複数選択)Q:パソコンでのコーディング業務で実際に検証するブラウザをすべて選択してください。

Page 30: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

初代 / 3G / 3GS 4 / 4S 5 / 5s 6 / 6s 6 Plus

95人

168人

142人

9人2人

回答数 194件

iPhone検証 (複数選択)Q:iPhone標準検証バージョンをすべて教えてください。 その他14人

Page 31: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

Android検証 (複数選択)

アンケート 回答者 ◯人 業務でコーディングをしている方 男性◯名 女性◯名 平均年令◯歳

(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件

Q:Android標準検証バージョンをすべて教えてください。

その他11人

Page 32: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

32

Q:コードのインデントについて教えてください。

タブ派が1位 Google推奨は2スペース

なし(6人) 3%

タブ(85人) 44%

4スペース(24人) 12%

2スペース(80人) 41%

2スペース(80人)4スペース(24人)タブ(85人)なし(6人)

回答数 195件

Page 33: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

33

Q:W3Cバリデータについて教えてください。

バリデータを使わない(35人) 17%

ある程度は気にする(134人) 66%

厳密に気にする(34人) 17%

厳密に気にする(34人)ある程度は気にする(134人)バリデータを使わない(35人)

回答数 203件

厳密に気にする 全体の約2割

Page 34: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

34

Q:EditorConfigを使っていますか。

使っていない(133人) 68%

使っている(64人) 32%

使っている(64人)使っていない(133人)

回答数 197件

使っていない 全体の約7割

Page 35: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

35

Q:HTML内にコメントを入れますか。

コメント入れる派 約7割

入れない(56人) 27%

入れる(148人) 73%

入れる(148人)入れない(56人)

回答数 204件

Page 36: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

36

Q:Emmetを使っていますか。

使っていない(60人) 30%

使っている(140人) 70%

使っている(140人)使っていない(60人)

回答数 200件

Emmet使っている 約7割

Page 37: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

37

16%

51%

23%

7%3%

AA以上の対応を行っている(5人)A以上の対応を行っている(14人)WCAGなどの規格にある程度従っている(45人)仕様書を見てはいないが感覚的に意識している(100人)意識していない(32人)

回答数 196件

Q:アクセシビリティについて教えてください。

ツールや感覚で アクセシビリティを意識する 約8割

Page 38: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

38

国内ブラウザシェア 2016年8月 Microsoft Edge 5.16%=対象 Microsoft Internet Explorer 10.0 1.83%=対象外 Microsoft Internet Explorer 8.0 4.16%=対象外

(参考) Chromeが54%と前月からさらに増加 - 8月ブラウザシェア | マイナビニュース http://news.mynavi.jp/news/2016/09/02/120/

IE10、IE9、IE8のサポート終了 | マイナビニュース http://news.mynavi.jp/news/2016/01/13/374/

PC対象ブラウザ

Page 39: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

39

国内ブラウザシェア 2016年8月 Android 4.4 16.18%=対象 Android 4.3 1.35%=対象外 Android 4.2 4.16%=対象外

(参考) モバイルもChromeが増加 - 8月ブラウザシェア(モバイル) | マイナビニュース http://news.mynavi.jp/news/2016/09/02/167/

iPadが減少 - 8月OSシェア(モバイル) | マイナビニュース http://news.mynavi.jp/news/2016/09/02/146/

スマートフォン対象ブラウザ

Page 40: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

制作環境メインマシン / モニタサイズ / モニタ台数 / 課金サービス / コミュニケーション/

Page 41: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

Windows

Mac

0 40 80 120 160

40人

50人

104人

10人

41

メインマシン

Windowsはデスクトップ Macはノートが多い

Windows

Mac

回答数 204件

Page 42: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

42

メインマシンのモニタサイズを教えてください。

0

12.5

25

37.5

50

11インチ

12インチ

13インチ

14インチ

15インチ

16インチ

17インチ

19インチ

20インチ

21インチ

22インチ

23インチ

24インチ

25インチ

26インチ

27インチ

28インチ

29インチ

2人2人

43人

4人1人

21人

13人8人

19人

2人6人3人1人

24人

1人

41人

4人6人

1位 27インチ 2位 13インチ 3位 15インチ

モニタサイズ

回答数 196件

Page 43: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

43

モニタ台数

4台以上(3人) 1%

3台(9人) 4%

2台(102人) 51%

1台(87人) 43%

1台(87人)2台(102人)3台(9人)4台以上(3人)

回答数 201件

Page 44: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

44

Q:使っている課金サービスなどをすべて選択してください。 (無料で使っている場合は含まない)

回答数 194件

(複数回答)

Page 45: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

45

利用しているコミュニケーションツールをすべて選択してください。

回答数 197件

(複数回答)

Page 46: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

スキルアップ電子書籍 / 英語の資料 / 活用している情報源 / スキルアップ法 /

Page 47: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

47

Q:技術書は電子書籍・紙の書籍どちらを選びますか。

電子書籍(46人) 23%

紙の書籍(156人) 77%

紙の書籍(156人)電子書籍(46人)

回答数 202件

Page 48: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

48

Q:英語の資料・サイトを読みますか。

困ったときは読む(113人) 56%

読まない(13人) 6%

読む(77人) 38%

読む(77人)読まない(13人)困ったときは読む(113人)

回答数 203件

Page 49: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

49

Q:あなたが特に活用している情報源をすべて教えてください。

回答数 197件

仕様書/公式アナウンス

国内 個人サイト

海外 個人サイト

SNS

キュレーションアプリ

メールマガジン

社内SNS

雑誌、書籍

公開グループ

(複数回答)

Page 50: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

50

回答数 ◯◯件

1 ただただ、コーディング (男性 フロントエンドエンジニア)

2 逆に教えてほしい。。。 (23歳 男性 デザイナー)

3 数をこなす、興味のある技術を案件に取り入れる (24歳 女性 フロントエンドエンジニア)

4 具体的なものを作り、それを沢山の人に見てもらう (24歳 女性 マークアップエンジニア)

5 Githubなどに自分の作品を公開する (24歳 男性 マークアップエンジニア)

6 手を動かす・サイトを作る (24歳 男性 マークアップエンジニア)

7 実際に手を動かしてコードを書くこと (25歳 女性 デザイナー)

8 書籍を読む、ブログの巡回 (26歳 女性 デザイナー)

9 使ったことのない技術を定期的に取り入れるようにする。 (26歳 女性 フロントエンドエンジニア)

10 Google先生 (26歳 女性 マークアップエンジニア)

Q:あなたのスキルアップ法を具体的に教えてください。

Page 51: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

51

回答数 ◯◯件

11 わからない単語はそのままにしないで調べる。 (27歳 女性 デザイナー)

12 勉強会に参加、サイトを読む (27歳 女性 フロントエンドエンジニア)

13 デモなどを見てコードを真似して作ってみる (27歳 女性 マークアップエンジニア)

14 トレンドに惑わされない。 (27歳 男性 ディレクター)

15 写経、OSS開発、実戦投入 (27歳 男性 フロントエンドエンジニア)

16興味のあるブログなどをfeedlyに登録、雑誌を複数定期購読、CodeGridなどのメルマガにも登録。取得していく情報の中で目新しいものがあったら、個人開発の中に積極的に取り入れ、仕事に活かせるものがあれば導入を目指す。

(28歳 女性 フロントエンドエンジニア)

17 困難な案件に飛び込む (28歳 男性 フロントエンドエンジニア)

18 元ソースを読む (28歳 男性 フロントエンドエンジニア)

19 SNSから最新技術の情報収集、実際に試す (28歳 男性 フロントエンドエンジニア)

20 同業者とのコミュニケーション (28歳 男性 マークアップエンジニア)

Q:あなたのスキルアップ法を具体的に教えてください。

Page 52: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

52

回答数 ◯◯件

21 わからないことはその場ですぐ調べる、調べたことを記録してまとめる (29歳 その他)

22 セミナーに行く、業務時間外にきになる技術についてweb,本で情報収集する (29歳 女性 フロントエンドエンジニア)

23 情報収集と、仕事以外のコードかく (29歳 女性 フロントエンドエンジニア)

24 実践あるのみ。 (29歳 男性 デザイナー)

25 仕事の要件を徐々に上げる (29歳 男性 フロントエンドエンジニア)

26 作りたいものを実際に作ってみる (30歳 男性 フロントエンドエンジニア)

27 書籍で基礎を押さえて、実務で都度調べる。 (31歳 女性 デザイナー)

28 気になったものを使ってみる、本を読む (31歳 女性 フロントエンドエンジニア)

29気になる技術を一先ず試してみて、困ったらググる。 トライアンドエラーして、その結果を記憶・記録し続けることで、引き出しの数と大きさを増やし続ける。

(31歳 男性 CTO)

30

気になるものから手をつけていく。 手をつけるときはちゃんと自分でコードを書く。実務で試す前とか自分のサイトに応用するとか。して、試すことで自分にアーカイブしておく。 あとは書籍を読むがよくやっていること。

(31歳 男性 デザイナー)

Q:あなたのスキルアップ法を具体的に教えてください。

Page 53: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

53

回答数 ◯◯件

31・公式のチュートリアルやる ・実際の案件から機能をいくつか小さく切り出して、新しい技術で実装しなおしてみる ・作ったものを人に見てもらう(レビューしてもらう)

(31歳 男性 フロントエンドエンジニア)

32 真似る (31歳 男性 フロントエンドエンジニア)

33 案件ごとに、自分に少しずつ負荷をかけること (31歳 男性 フロントエンドエンジニア)

34RSSで情報をできるだけインプット。公式ドキュメントで仕様を知る。GitHubで有益なコードを知る。GitHubにコードやドキュメントをまとめる。

(31歳 男性 マークアップエンジニア)

35 新しく覚えたい技術を、業務にできるだけ取り入れる (32歳 女性 フロントエンドエンジニア)

36 とにかく試す (32歳 男性 フロントエンドエンジニア)

37 上記インプットとそれに関わるようなアウトプット意識 (33歳 男性 デザイナー)

38 セミナー、書籍を読み倒す (33歳 男性 デザイナー)

39 貪欲すぎない程度に興味を持つ (33歳 男性 フロントエンドエンジニア)

40 写経 (33歳 男性 フロントエンドエンジニア)

Q:あなたのスキルアップ法を具体的に教えてください。

Page 54: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

54

回答数 ◯◯件

41 スクールに通って強引に覚える、あとは実務 (33歳 男性 マークアップエンジニア)

42 トライアンドエラー (34歳 女性 マークアップエンジニア)

43 試行錯誤 (34歳 女性 マークアップエンジニア)

44 試しに作ること (34歳 男性 デザイナー)

45 最新のサイトのソースを解析 (34歳 男性 デザイナー)

46 業務 (34歳 男性 デザイナー)

47 書く。調べる。書く。公式ドキュメント読む。 (34歳 男性 フロントエンドエンジニア)

48 コードを書く、読む (34歳 男性 フロントエンドエンジニア)

49 新しい技術を少しずつ取り入れる、週末に何かを作る (34歳 男性 フロントエンドエンジニア)

50 自分を追い込む (34歳 男性 マークアップエンジニア)

Q:あなたのスキルアップ法を具体的に教えてください。

Page 55: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

55

回答数 ◯◯件

51 自分で試す (34歳 男性 マークアップエンジニア)

52 案件に含ませる (34歳 男性 マークアップエンジニア)

53 OJT、社内勉強会、外部の勉強会に参加 (35歳 女性 ディレクター兼コーダー)

54 実践&わかる人に聞く (35歳 女性 デザイナー)

55 実際に手を動かす (35歳 女性 デザイナー)

56 写経 (35歳 女性 フロントエンドエンジニア)

57 規模の大小問わずに、とにかく案件をこなす (35歳 男性 CTO)

58 とにかく触る、やってみる (35歳 男性 デザイナー)

59 実務で無理してやってみる (35歳 男性 デザイナー)

60 実践あるのみ (35歳 男性 フロントエンドエンジニア)

Q:あなたのスキルアップ法を具体的に教えてください。

Page 56: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

56

回答数 ◯◯件

611.パッとは作り方が思いつかないものをじっくり考えて、調べながら何か作る。 2.クライアントからのムチャぶりを喜んで受ける。その中で技術的に難しいものがあれば良し、なければいかに効率よくこなすかを考えて実践する。

(35歳 男性 マークアップエンジニア)

62 付け焼き刃で頑張る。 (36歳 男性 )

63最新情報は勉強会でキャッチアップ。毎日定期的にコーディングする(プライベートでも)。定期的に海外の情報サイト(HN、DN)を閲覧する。

(36歳 男性 SEO)

64 案件ごとに少しでもいいので常に新しい技術を取り入れる (36歳 男性 ディレクター)

65 ひたすらやる。叩いて壊して (36歳 男性 ディレクター)

66 実際に自分でコードを書いてみる (36歳 男性 フロントエンドエンジニア)

67 セミナー参加 (36歳 男性 フロントエンドエンジニア)

68 ブログを書く (36歳 男性 マークアップエンジニア)

69 技術書を読む。実践する。 (36歳 男性 マークアップエンジニア)

70 セミナーに参加する (37歳 女性 デザイナー)

Q:あなたのスキルアップ法を具体的に教えてください。

Page 57: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

57

回答数 ◯◯件

71 コードを書く (37歳 女性 フロントエンドエンジニア)

72 できるだけ多くの業務をこなす。 (37歳 男性 デザイナー)

73 現在TECH::CAMPに通っています (37歳 男性 フロントエンドエンジニア)

74 空き時間に細切れで書籍やサイトを見ながら (38歳 女性 デザイナー)

75 興味を持つこと (38歳 女性 フロントエンドエンジニア)

76 実作業をこなす。 (38歳 男性 UXD)

77 技術系のニュースなどを毎日チェックする。 (38歳 男性 デザイナー)

78 写経 (38歳 男性 フロントエンドエンジニア)

79 何でもとりあえずは触ってみる (38歳 男性 フロントエンドエンジニア)

80 ソースを読む (38歳 男性 フロントエンドエンジニア)

Q:あなたのスキルアップ法を具体的に教えてください。

Page 58: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

58

回答数 ◯◯件

81 OJT (38歳 男性 フロントエンドエンジニア)

82 案件ごとの対応 (38歳 男性 マークアップエンジニア)

83 技術書を読む (39歳 女性 フロントエンドエンジニア)

84 OJT (39歳 女性 マークアップエンジニア)

85 書いてレビューをうける (39歳 女性 マークアップエンジニア)

86気になったものは試す。 基本をしっかり身につける

(39歳 男性 フロントエンドエンジニア)

87 セミナー参加 (39歳 男性 マークアップエンジニア)

88 実際に作ってみる(いわゆる写経) (40歳 女性 マークアップエンジニア)

89 困ったら都度調べる・個人でデモを作る (40歳 女性 マークアップエンジニア)

90 アンテナを広く張る+取りあえず手を動かす (40歳 男性 フロントエンドエンジニア)

Q:あなたのスキルアップ法を具体的に教えてください。

Page 59: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

59

回答数 ◯◯件

91

1.表現や技術など小さな目標をたてる 2.実際に作る 3.リリースする これを繰り返すしかない

(40歳 男性 フロントエンドエンジニア)

92 定期的に勉強会に参加し、影響をうける (40歳 男性 フロントエンドエンジニア)

93地道にショートカットを覚えてスピードを上げる。 書籍を繰り返し読む。個人サイトを作る。

(41歳 女性 マークアップエンジニア)

94 開発環境でとりあえず書いてみる、動かしてみる (41歳 男性 ディレクター)

95 趣味プロ、 業務 (41歳 男性 フロントエンドエンジニア)

96 勉強会に参加・検索して見つかったサイトを片っ端から読む (41歳 男性 マークアップエンジニア)

97 常時インプット、仕様確認、自分で試す (42歳 女性 デザイナー)

98 常に二流だという意識 (42歳 男性 デザイナー)

99 解らないことはとにかく調べる。調べたことは制作に必ず利用する。 (42歳 男性 フロントエンドエンジニア)

100 ネットで概要を調べて必要なら書籍を購入 (42歳 男性 マークアップエンジニア)

Q:あなたのスキルアップ法を具体的に教えてください。

Page 60: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

60

回答数 ◯◯件

101 人に教える (43歳 女性 マークアップエンジニア)

102 新しい技術は、目を通しておき、頻繁に利用されてきたら自分のブログなどで実装してみる。 (43歳 男性 デザイナー)

103 書籍、Facebook、Web (43歳 男性 フロントエンドエンジニア)

104 検索 (43歳 男性 フロントエンドエンジニア)

105 繰り返し書く (43歳 男性 フロントエンドエンジニア)

106 情報収集だけで終わらせず、かならず実践する (44歳 女性 ディレクター)

107 業務の積み重ね(受託制作) (44歳 女性 マークアップエンジニア)

108 実践+トレーニング+復習 (44歳 男性 デザイナー)

109 薄くでもいいから知っておいて業務で使える機会があれば使っていく。 (44歳 男性 マークアップエンジニア)

110 分からなかったときは分かるまでやる (46歳 女性 その他)

Q:あなたのスキルアップ法を具体的に教えてください。

Page 61: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

61

回答数 ◯◯件

111 講座の受講 (46歳 男性 デザイナー)

112 考える前に作り始める (46歳 男性 プログラマ)

113 聞いたらまずCode書く、試す、人と話す、訊いたほうが早いものはすぐ訊く (46歳 男性 フロントエンドエンジニア)

114 写経 (49歳 男性 マークアップエンジニア)

Q:あなたのスキルアップ法を具体的に教えてください。

Page 62: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

62

data:役に立った技術書

デザイニング Webアクセシビリティ

CSSシークレット XHTML&CSS 超高速コーディング術

JavaScript本格入門 Webデザインの新しい教科書 現場のプロが教える Web制作の最新常識

スタイルシート スキルアップ・デザインブック

HTML5/CSS3 モダンコーディング

Page 63: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

63

data:役に立った技術書

フロントエンドエンジニア 養成読本

jQuery最高の教科書Web制作者のための CSS設計の教科書

Web制作者のためのSublime Textの教科書

Web制作者のための Sassの教科書

Web標準の教科書Web制作の現場で使う jQueryデザイン入門

HTML5マークアップ 現場で使える最短攻略ガイド

Page 64: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

64

data:役に立った技術書

AngularJS アプリケーション プログラミング

実践Web Standards Design

ユーザビリティ エンジニアリング

Webアクセシビリティ ~標準準拠でアクセシブルなサイトを構築/管理するための考え方

と実践~

WordPress レッスンブック 3.x対応

セマンティック HTML/XHTML

コーディングを支える技術Sass入門 より効率的なCSSコーディング

Page 65: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

65

data:役に立った技術書

CSS3 スタンダード・デザインガイド

Smarty入門‾PHP+テンプレート・エンジンでつくるMVCアプ

リケーション

O'Reilly本MDN

Page 66: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

66

data:役に立ったサイト(1/3)

CodeGrid(12件) http://www.codegrid.net/

Stack Overflow(11件) http://ja.stackoverflow.com/

qiita(10件) https://qiita.com/

コリス(5件) http://coliss.com/

Google検索(3件) https://www.google.co.jp/

CodePen(2件) http://codepen.io/

株式会社LIG(2件) https://liginc.co.jp/

teratail(2件) https://teratail.com/

覚え書き | @kazuhito (2件) http://kidachi.kazuhi.to/blog/

Google Developers https://developers.google.com/?hl=ja

CSS HappyLife http://css-happylife.com/

W3C https://www.w3.org/

Page 67: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

67

data:役に立ったサイト(2/3)

PhotoshopVIP http://photoshopvip.net/

WWW WATCH https://hyper-text.org/

azuさん Twitter https://twitter.com/azu_re

Adobe Creative Station https://blogs.adobe.com/creativestation/

CSS-Tricks https://css-tricks.com/

Can I use http://caniuse.com/

W3C仕様日本語訳置き場 https://github.com/momdo/momdo.github.io

アクセシビリティBlog ミツエーリンクス http://accessibility.mitsue.co.jp/

エー イレブン ワイ[WebA11y.jp] https://weba11y.jp/

The Web KANZAKI http://www.kanzaki.com/

WebGL 開発支援サイト wgld.org https://wgld.org/

Vue.js https://jp.vuejs.org/

Page 68: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

68

data:役に立ったサイト(3/3)

The News 2 http://thenews.im/

Techbooster http://techbooster.org/

Hacker News https://news.ycombinator.com/

Railsの教科書 http://igarashikuniaki.net/rails_textbook/

WebGL 総本山 https://webgl.souhonzan.org/

Sidebar http://sidebar.io/

Frontend weekly http://studiomohawk.us2.list-manage.com/subscribe?u=0c8604ec46b9f779a3f5b6a1c&id=9af01549dd

TechFeed https://techfeed.io/

Page 69: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

キャリアパス年収 / 何社目か / 何歳まで / 転職・起業 /

Page 70: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

70

Q:あなたの年収を教えてください。年収 人数99万以下 6人100~199万 4人200~299万 24人300~399万 31人400~499万 41人500~599万 25人600~699万 19人700~799万 12人800~899万 4人900~999万 4人1000~1499万 5人合計 175人

全体 平均年収 492.7万円

Page 71: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

71

Q:性別 平均年収

男性

年収 人数

99万以下 1人100~199万 1人200~299万 12人300~399万 20人400~499万 35人500~599万 19人600~699万 17人700~799万 12人800~899万 3人900~999万 4人1000~1499万 3人1500~1999万 2人合計 129人

平均年収 543.0万円

女性

金額 人数

99万以下 4人100~199万 3人200~299万 14人300~399万 13人400~499万 11人500~599万 6人600~699万 2人800~899万 1人合計 54人

平均年収 353.7万円

男性平均 543.0万円 女性平均 353.7万円 ※性別不明のデータは除外しています。

Page 72: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

72

Q:職種別 コーダー系 平均年収

マークアップエンジニア

年収 人数

99万以下 1人100~199万 3人200~299万 11人300~399万 15人400~499万 11人500~599万 6人600~699万 2人700~799万 1人800~899万 1人

合計 51人

平均年収 385.2万円

フロントエンドエンジニア

金額 人数

100~199万 1人200~299万 7人300~399万 10人400~499万 15人500~599万 11人600~699万 9人700~799万 5人800~899万 1人900~999万 2人

合計 61人

平均年収 500.8万円

フロントエンド 平均 500.8万円 マークアップ 平均 385.2万円 ※職種不明のデータは除外しています。

Page 73: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

73

Q:職種別 その他の職種 平均年収プログラマ金額 人数

99万以下 1人400~499万 1人500~599万 1人600~699万 2人900~999万 1人1500~1999万 1人

合計 7人

平均年収 721.4万円

CTO金額 人数

300~399万 1人400~499万 1人600~699万 2人1500~1999万 1人

合計 5人

平均年収 770.0万円

デザイナー金額 人数

99万以下 2人200~299万 6人300~399万 5人400~499万 13人500~599万 4人600~699万 3人700~799万 4人800~899万 1人1000~1499万 2人

合計 40人

平均年収 492.5万円

CTO 平均 770.0万円プログラマ 平均 721.4万円 デザイナー 平均 492.5万円 ※職種不明のデータは除外しています。

Page 74: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

74

Q:働き方別 平均年収個人事業主

年収 人数

99万以下 3人100~199万 1人200~299万 5人300~399万 9人400~499万 9人500~599万 9人600~699万 5人700~799万 4人800~899万 2人900~999万 4人1000~1499万 2人1500~1999万 1人

合計 54人

平均年収 550.0万円

会社員

年収 人数

100~199万 1人200~299万 18人300~399万 22人400~499万 33人500~599万 12人600~699万 11人700~799万 6人800~899万 2人

合計 105人

平均年収 449.0万円

経営者

年収 人数

300~399万 1人400~499万 1人500~599万 3人600~699万 3人700~799万 1人

合計 9人

平均年収 572.2万円

会社員 平均 449.0万円経営者 平均 572.2万円 個人事業主 平均 550.0万円 ※働き方不明のデータは除外しています。

Page 75: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

75

Q:年代別 20代 平均年収

20〜24歳

年収 人数

99万以下 1人100~199万 1人200~299万 4人300~399万 5人800~899万 1人

合計 11人

平均年収 345.5万円

25〜29歳

年収 人数

99万以下 2人100~199万 1人200~299万 3人300~399万 6人400~499万 7人500~599万 4人600~699万 2人700~799万 1人900~999万 1人

合計 27人

平均年収 424.1万円

20代 平均 401.3万円 20〜24歳 平均 345.5万円 25〜29歳 平均 424.1万円

※年代不明のデータは除外しています。

Page 76: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

76

Q:年代別 30代 平均年収

30〜34歳

年収 人数

99万以下 2100~199万 1200~299万 5300~399万 6400~499万 13500~599万 6600~699万 8700~799万 4900~999万 1

合計 46人

平均年収 476.1万円

35〜39歳

年収 人数

99万以下 2100~199万 1200~299万 8300~399万 7400~499万 18500~599万 7600~699万 7700~799万 2800~899万 31000~1499万 3

合計 58人

平均年収 500.0万円

30代 平均 489.4万円 30〜34歳 平均 476.1万円 35〜39歳 平均 500.0万円

※年代不明のデータは除外しています。

Page 77: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

77

Q:年代別 40代~ 平均年収

40〜44歳

年収 人数

200~299万 4300~399万 5400~499万 6500~599万 7700~799万 4800~899万 11500~1999万 1

合計 28人

平均年収 532.1万円

45歳〜

年収 人数

200~299万 1300~399万 4400~499万 1500~599万 1600~699万 2800~899万 11500~1999万 1合計 11人

平均年収 595.5万円

40代~ 平均 550.0万円 40〜44歳 平均 532.1万円 45歳〜 平均 595.5万円

※年代不明のデータは除外しています。

Page 78: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

78

Q:現在の会社は何社目か教えてください。

1社目 2社目 3社目 4社目 5社目 6社目 7社目 8社目 20社以上113811

28

46

64

34

(Web・デザイン系の会社のみ。フリーランス、6ヶ月以上の勤務先を含む)

回答数 198件

Page 79: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

79

Q:何歳まで業務でコードを書きたいですか。

回答数 185件

27歳 128歳 130歳 831歳 232歳 233歳 234歳 135歳 1136歳 337歳 239歳 440歳 2942歳 343歳 145歳 1146歳 148歳 149歳 150歳 2152歳 153歳 155歳 360歳 2064歳 265歳 370歳以上 42

Page 80: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

80

Q:転職・起業を考えていますか。

回答数 200件

いいえ(108人) 54%

はい(92人) 46%

Page 81: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

81回答数 65件

1 職務内容自体は楽しいが新しい技術をなかなか取り入れる環境ではないため (24歳 女性 フロントエンドエンジニア)

2 自分のライフバランスを大切にしたいから (24歳 女性 マークアップエンジニア)

3 スキルアップのため (24歳 男性 マークアップエンジニア)

4 収入が少ない、業務でできることが少ない (24歳 男性 マークアップエンジニア)

5 キャリアアップの為、将来家庭を持った場合を想定して職場環境の改善をしたい (26歳 女性 デザイナー)

6 スキルアップと収入アップ (26歳 女性 フロントエンドエンジニア)

7 自分の実力を試したいので、フリーランスに挑戦したい (26歳 女性 マークアップエンジニア)

8 年収が低い (27歳 女性 デザイナー)

9 収入が低い (27歳 女性 フロントエンドエンジニア)

10 労働環境、年収 (27歳 女性 マークアップエンジニア)

Q:上の転職・起業を考えていますかの質問で「はい」の方にお伺いします。 検討の理由を教えてください。

Page 82: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

82回答数 65件

11 働き過ぎでうつ病になりました (27歳 男性 ディレクター)

12 会社と音楽の方向性の違い (27歳 男性 ディレクター)

13 様々な環境に触れていきたい為。 (28歳 女性 フロントエンドエンジニア)

14 自分でやりたいことをずっと持っているから (28歳 男性 フロントエンドエンジニア)

15 可能性を試したいから (28歳 男性 フロントエンドエンジニア)

16 極力働きたくないから (28歳 男性 マークアップエンジニア)

17 いま一時的にフリーランスになっているだけなので、制作会社に務めたい。 (29歳 女性 デザイナー)

18 キャリアアップのため (29歳 女性 フロントエンドエンジニア)

19 起業のため (29歳 男性 テクニカルディレクター)

20 企業体制の改善が結構しんどい (29歳 男性 フロントエンドエンジニア)

Q:上の転職・起業を考えていますかの質問で「はい」の方にお伺いします。 検討の理由を教えてください。

Page 83: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

83回答数 65件

21 多様な環境での適応性を伸ばしていきたいため (30歳 男性 フロントエンドエンジニア)

22 様々な経験を積みたい。新しい人と組んで仕事がしたい。 (31歳 女性 デザイナー)

23 エンジニアで長く働くのはしんどいから (31歳 女性 フロントエンドエンジニア)

24 給与、会社の事業が自分の興味関心とマッチしていない。 (31歳 男性 デザイナー)

25 上流工程を学んでいきたい (31歳 男性 フロントエンドエンジニア)

26 フロント実装疲れた (31歳 男性 フロントエンドエンジニア)

27 さらなる成長のため (31歳 男性 マークアップエンジニア)

28 個人経営がいちばん儲かる職種なので (33歳 男性 デザイナー)

29 仕事とプライベートの時間調節をしたいから (33歳 男性 デザイナー)

30 フリーランスになって四年以上経ったので、次のフェーズに移りたい (33歳 男性 フロントエンドエンジニア)

Q:上の転職・起業を考えていますかの質問で「はい」の方にお伺いします。 検討の理由を教えてください。

Page 84: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

84回答数 65件

31 年収面、有給消化率の悪さ、職場の距離 (33歳 男性 フロントエンドエンジニア)

32 通勤は心理的負担が大きく、業務中も外部からの影響をかなり受けるため (34歳 女性 マークアップエンジニア)

33 収入と自分の時間が取りにくいこと (34歳 男性 マークアップエンジニア)

34 やりたいことができなくなったら転職します (35歳 女性 ディレクター兼コーダー)

35 法人格がないと受けられないお仕事があるので (35歳 女性 デザイナー)

36 何か起こしたい (35歳 男性 デザイナー)

37 受託ではなく自社コンテンツの運用に回りたい (35歳 男性 フロントエンドエンジニア)

38フリーランスなので、一人より少人数でやって受注数を安定させたい(スケジュールの都合で失注が多い)。人と仕事をすることでコーディング以外のマネジメントなどのスキルアップができる。

(36歳 男性 )

39 もっと手を動かしたい (36歳 男性 SEO)

40 チャレンジ (36歳 男性 ディレクター)

Q:上の転職・起業を考えていますかの質問で「はい」の方にお伺いします。 検討の理由を教えてください。

Page 85: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

85回答数 65件

41 古い技術の運用案件ばかりで、現代水準の制作が経験できないから (36歳 男性 マークアップエンジニア)

42 1. フリーになった後、web制作だけでなくIT全般のサポートを求められるようになってきたから。2. 年々制作コストを下げられているから。

(36歳 男性 マークアップエンジニア)

43 残業が多い。 (36歳 男性 マークアップエンジニア)

44 事業会社に興味があるため (37歳 女性 フロントエンドエンジニア)

45 長い休みが欲しい (37歳 男性 デザイナー)

46自分が作っているものが胸を張って人に言えるものではないから。 自分が愛せるサービスではないから。 (37歳 男性 フロントエンドエンジニア)

47 会社にしてより大きな案件をとるため。 (38歳 男性 UXD)

48 安定 (38歳 男性 フロントエンドエンジニア)

49 人間がやる仕事じゃなくなりそう。 (38歳 男性 フロントエンドエンジニア)

50 キャリアチェンジ (38歳 男性 マークアップエンジニア)

Q:上の転職・起業を考えていますかの質問で「はい」の方にお伺いします。 検討の理由を教えてください。

Page 86: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

86回答数 65件

51 収入 (39歳 男性 フロントエンドエンジニア)

52 体力の限界。 (40歳 女性 マークアップエンジニア)

53 起業というか、個人事業からの法人成り。実装業務を自分から離すため。 (40歳 男性 フロントエンドエンジニア)

54 現在もフリーだが、Web以外の分野のビジネスも検討に入れたい (40歳 男性 フロントエンドエンジニア)

55 現在フリーランス、将来的には株式会社化 (41歳 男性 ディレクター)

56 今の職場環境(PC、人間、組織)にストレスを感じている (42歳 女性 デザイナー)

57 税金の都合で法人化を検討 (42歳 男性 プログラマ)

58 常によりよい環境と仕事の幅を拡げていくために転職や起業も含めて考えている。 (42歳 男性 フロントエンドエンジニア)

59 スキルアップと適正価格な給料取得のため (42歳 男性 マークアップエンジニア)

60そろそろ、現場では厳しくなってきており、マネージメントやコンサルティングなどで収入を考えているから。

(43歳 男性 デザイナー)

Q:上の転職・起業を考えていますかの質問で「はい」の方にお伺いします。 検討の理由を教えてください。

Page 87: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

87回答数 65件

61 転職:情報力、企業:自由な場所で仕事をしたい (43歳 男性 フロントエンドエンジニア)

62 給料が安すぎるから (43歳 男性 フロントエンドエンジニア)

63 会社員経験はもう十分 (46歳 男性 フロントエンドエンジニア)

64 起業しました (49歳 男性 フロントエンドエンジニア)

65 業務内容、技術レベルを向上させたい (49歳 男性 マークアップエンジニア)

Q:上の転職・起業を考えていますかの質問で「はい」の方にお伺いします。 検討の理由を教えてください。

Page 88: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

生活恋人・配偶者 / 仕事終了時間 / 睡眠時間

Page 89: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

89

Q:恋人・配偶者について教えてください。

回答数 197件

仕事と結婚(11人) 6%

配偶者あり(90人) 46%

恋人あり(35人) 18%

恋人募集中(43人) 22%

仕事が恋人(18人) 9%

仕事が恋人(18人)恋人募集中(43人)恋人あり(35人)配偶者あり(90人)仕事と結婚(11人)

配偶者・恋人あり64%

Page 90: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

90

Q:一日の仕事終了時間はだいたい何時頃ですか。

8%5%

4%

9%

21時台(40人) 20%

20時台(29人) 15%

19時台(47人) 24%

18時台(26人) 13%

4%

17時以前(7人)18時台(26人)19時台(47人)20時台(29人)21時台(40人)22時台(17人)23時台(8人)24時台(9人)25時台以降(15人)

回答数 198件

21時台までに 仕事が終わる

Page 91: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

91

Q:平均睡眠時間はどれくらいですか。

1%

1%

8時間(23) 12%

7時間(52人) 26%

6時間(76人) 38%

5時間(33人) 17%

4%

1%

3時間(2人)4時間(8人)5時間(33人)6時間(76人)7時間(52人)8時間(23)9時間(2人)10時間(2人)

回答数 198件

Page 92: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

コーダーのつぶやきコーダーで良かったこと / コーダーでツラいこと

Page 93: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

93回答数 110件

1 自分のアプリで、ユーザーが喜んでいるのを見たとき (男性 フロントエンドエンジニア)

2 論理的に物事を考えられるようになった (23歳 男性 デザイナー)

3 自分の思った通りにちゃんと動いた時嬉しい (24歳 女性 マークアップエンジニア)

4 なし (24歳 男性 マークアップエンジニア)

5 一人でも時間を潰せる (24歳 男性 マークアップエンジニア)

6 自分でサイトが作れる (24歳 男性 マークアップエンジニア)

7 デザイン時にコーディングを想定してデザインできる (26歳 女性 デザイナー)

8 フリーでも何かしら仕事がある (26歳 女性 フロントエンドエンジニア)

9もらったデザインがそのままブラウザ上で表現できた際に、かわいすぎて爆発しそうになる。うれしい。

(26歳 女性 マークアップエンジニア)

10 考えたことが人に頼まなくても実現できる自由さ (27歳 女性 デザイナー)

Q:コーダーで良かったことを教えてください。

Page 94: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

94

11 革新が早いから、最新の技術を追うのが楽しい (27歳 女性 フロントエンドエンジニア)

12 自分の手で形にできる達成感がある (27歳 女性 マークアップエンジニア)

13 オレ天才じゃね?ンギモッヂイイっていうときがある。 (27歳 男性 ディレクター)

14 ? (27歳 男性 ディレクター)

15 いろんな素養が必要で様々なスキルが役に立つ。 (27歳 男性 フロントエンドエンジニア)

16 好きなコーディングができて毎日幸せ。(現在進行形) (28歳 女性 フロントエンドエンジニア)

17 単価が高い (28歳 男性 プログラマ)

18 たのしい (28歳 男性 フロントエンドエンジニア)

19 Webサイト制作に根幹から携われている実感が持てること (28歳 男性 フロントエンドエンジニア)

20 特にありません (28歳 男性 マークアップエンジニア)

Q:コーダーで良かったことを教えてください。

回答数 110件

Page 95: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

95

21 わからなかったことがわかったときの快感 (29歳 女性 デザイナー)

22 自分で作れるのはたのしい。 (29歳 女性 フロントエンドエンジニア)

23 ページが公開されて反応があったとき (29歳 男性 テクニカルディレクター)

24 自分の書いたものが世に出る瞬間がとても嬉しい。成果が上がればもっと嬉しい。 (29歳 男性 デザイナー)

25 成長が感じやすい (29歳 男性 フロントエンドエンジニア)

26 モノゴトの考え方の応用がきく、 (30歳 男性 ディレクター)

27 実際に動く・触れるものがつくれること。使う人の顔や様子が見られること。 (30歳 男性 フロントエンドエンジニア)

28 コーダーではない (30歳 男性 フロントエンドエンジニア)

29 「気持ち良い」を追求できる (31歳 女性 デザイナー)

30 座って仕事ができる (31歳 女性 フロントエンドエンジニア)

Q:コーダーで良かったことを教えてください。

回答数 110件

Page 96: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

96

31 作りたいと思ったウェブサイトを自力で作れるコト。 (31歳 男性 CTO)

32コードが読めること。 サイトの仕組みを分かること

(31歳 男性 デザイナー)

33・タイピングが異様に早くなった ・技術の進化(と呼んでいいかは謎)が早いので毎年新鮮な気持ちでやれる ・キャッチアップしていれば仕事にマンネリ感がない

(31歳 男性 フロントエンドエンジニア)

34 動きを見てコードが頭に浮かぶ (31歳 男性 フロントエンドエンジニア)

35 考えをカタチにできるところ (31歳 男性 フロントエンドエンジニア)

36 Webサイトが(わりと)思った通りにつくれる (31歳 男性 マークアップエンジニア)

37Webサイトを組み立てる核となる部分に深く関われること。デザインや要件をコードに還元できること。

(31歳 男性 マークアップエンジニア)

38 コード、設計、アウトップットのすべてが綺麗にできた時の満足感 (32歳 女性 フロントエンドエンジニア)

39 エンジニアと会話しやすく、結果いいプロダクトができる (33歳 男性 デザイナー)

40 工夫することが楽しい (33歳 男性 フロントエンドエンジニア)

Q:コーダーで良かったことを教えてください。

回答数 110件

Page 97: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

97

41 特にない (33歳 男性 フロントエンドエンジニア)

42 コーディング楽しい上に頑張り次第でもらえるお金が増える。 (33歳 男性 マークアップエンジニア)

43 デザイナーに喜ばれたとき (34歳 女性 マークアップエンジニア)

44 満足できる美しさのコードを書けたとき気持ちいい (34歳 女性 マークアップエンジニア)

45 可変や繰り返しのデザイン作りが簡単。扱うデータが軽い。 (34歳 男性 デザイナー)

46 常に変化がある。コードの結果が直接見れる。 (34歳 男性 フロントエンドエンジニア)

47個人で自営で自社サイトだから、自分のペースでできること。 あと通勤がないこと!

(34歳 男性 フロントエンドエンジニア)

48 趣味が仕事 (34歳 男性 フロントエンドエンジニア)

49 企画から納品までの全体のフローを理解でき、俯瞰で見渡せることができる (34歳 男性 マークアップエンジニア)

50 特に無し (34歳 男性 マークアップエンジニア)

Q:コーダーで良かったことを教えてください。

回答数 110件

Page 98: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

98

51 いろんな世界(リアル・仮想問わず)を疑似体験できる (35歳 女性 ディレクター兼コーダー)

52 エンジニアさんとのやり取りが楽しい (35歳 女性 デザイナー)

53 家で仕事ができる。 (35歳 女性 フロントエンドエンジニア)

54 サトウさんと出会えた (35歳 男性 デザイナー)

55 答えがあるところ (35歳 男性 フロントエンドエンジニア)

56モノを作ってる感じがする。デザインは静止画だけど、コーディングしていくと、段々と命が吹き込まれていくのを感じれるのが楽しい。

(35歳 男性 マークアップエンジニア)

57 趣味でWebサイトを運営できて、専業主婦には扶養控除内で小遣い稼ぎが出来ること。 (36歳 女性 その他)

58 男女関係なく働けること (36歳 女性 マークアップエンジニア)

59 とりあえず仕事が来る。 (36歳 男性 )

60 境界領域なのでいろんな分野とかかわれる、つまみ食いできる (36歳 男性 SEO)

Q:コーダーで良かったことを教えてください。

回答数 110件

Page 99: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

99

61 感動的なギミックを実装できたとき (36歳 男性 ディレクター)

62 アクセシブルなサイト作りに貢献できているかなと思う (36歳 男性 フロントエンドエンジニア)

63 横のつながりが強く、他社のクリエイターと飲んだりすること (36歳 男性 フロントエンドエンジニア)

64 楽しい (36歳 男性 マークアップエンジニア)

65 同じ見た目でも、サイトによって構造の違いが理解できること (36歳 男性 マークアップエンジニア)

66 無い (36歳 男性 マークアップエンジニア)

67 サービス業、営業職のように人と接するストレス少なく済む。 (36歳 男性 マークアップエンジニア)

68 Webサイトを作っている実感が得られる。 (36歳 男性 マークアップエンジニア)

69 技術の日進月歩により、新鮮味が味わえること (37歳 女性 デザイナー)

70 仕事が楽しいこと (37歳 女性 フロントエンドエンジニア)

Q:コーダーで良かったことを教えてください。

回答数 110件

Page 100: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

100

71 コーダーではない (37歳 男性 プログラマ)

72 自分が手がけた作品がWEB上で見られること (37歳 男性 フロントエンドエンジニア)

73 自分にとって飽きない仕事につくことができたこと (37歳 男性 フロントエンドエンジニア)

74 自分のペースで仕事が進められる (38歳 女性 デザイナー)

75 コーディングが楽しい (38歳 女性 フロントエンドエンジニア)

76 手を動かせば動かした分だけ進む(デザインに比べトライアンドエラーが少なく済む) (38歳 女性 マークアップエンジニア)

77ソースが見れるので、デザインもしやくすなる。メディ案件も多いのでSEOの指示をだしやすい

(38歳 男性 UXD)

78 生きれてる。 (38歳 男性 デザイナー)

79 コードが書けること (38歳 男性 フロントエンドエンジニア)

80 自分の裁量で決められることが比較的多い (38歳 男性 フロントエンドエンジニア)

Q:コーダーで良かったことを教えてください。

回答数 110件

Page 101: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

101

81 なし (38歳 男性 フロントエンドエンジニア)

82 パズルのようで楽しい、デザインやバックエンドとの連携で幅広い知識が身につく (38歳 男性 マークアップエンジニア)

83 好きこそ物の上手なれなところ。しんどい仕事でもそこそこ楽しくできるところ。 (39歳 女性 マークアップエンジニア)

84 コーディング楽しいので仕事にできてよかったです。 (39歳 女性 マークアップエンジニア)

85 仕事を楽しめる (39歳 男性 フロントエンドエンジニア)

86 モノを作るのが好きなので単純に楽しい。 (40歳 女性 マークアップエンジニア)

87 デザイナーさんなどに一緒に仕事をしたいと言ってもらえる (40歳 女性 マークアップエンジニア)

88 実装は楽しいのと、仕事が少ないときにもちょっとした下請け作業などを貰いやすい (40歳 男性 フロントエンドエンジニア)

89 飽きない楽しさ。「これで良し」というところがないこと。 (40歳 男性 フロントエンドエンジニア)

90 技術があればお金がもらえる (40歳 男性 フロントエンドエンジニア)

Q:コーダーで良かったことを教えてください。

回答数 110件

Page 102: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

102

91ニッチな立ち位置なので色んなプロジェクトに呼ばれて、出会いや経験が多くあるので楽しい。カッコいいサイトを組んだ時の達成感が大きい。

(41歳 女性 マークアップエンジニア)

92 コーティングで新しいことに挑戦できるのが楽しい。 (41歳 女性 マークアップエンジニア)

93 0から1を作れる (41歳 男性 ディレクター)

94 サイトをみて大体できること・できないことが想像できる (41歳 男性 マークアップエンジニア)

95 事例の無いバグを解消したときの快感 (42歳 女性 デザイナー)

96 制作したサイトが無事に公開できた時の安堵感。 (42歳 男性 フロントエンドエンジニア)

97 クライアントやデザイナーの望むかたちのマークアップや動きが具現化できて喜ばれた時 (42歳 男性 マークアップエンジニア)

98 楽しい (43歳 男性 ディレクター)

99 デザインもするので、一人でWebサイトが作れるところ。 (43歳 男性 デザイナー)

100 イメージを形に出来る事 (43歳 男性 フロントエンドエンジニア)

Q:コーダーで良かったことを教えてください。

回答数 110件

Page 103: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

103

101 自分で作れる、発信できる。 (43歳 男性 フロントエンドエンジニア)

102 天職だと思えたこと (43歳 男性 フロントエンドエンジニア)

103 家でも作業ができる。 (43歳 男性 マークアップエンジニア)

104 トラブルに直面したとき、解決した瞬間に「やってて良かった」と。 (44歳 女性 ディレクター)

105 ストレスが少ない (44歳 女性 マークアップエンジニア)

106 特に無し (44歳 男性 フロントエンドエンジニア)

107 面白いこと (44歳 男性 マークアップエンジニア)

108 今は本業の会社員とは別にアルバイトでやってるので、バイト出来て良いです。 (46歳 女性 その他)

109 新しい技術について行く力が持てた (46歳 男性 プログラマ)

110 フロー全体に関われる (46歳 男性 フロントエンドエンジニア)

Q:コーダーで良かったことを教えてください。

回答数 110件

Page 104: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

104

1 デザインのfixの遅れなどによるスケジュールの遅れが、全てコーダーに回ってくること (21歳 男性 フロントエンドエンジニア)

2 特に無し (23歳 男性 デザイナー)

3 デザイナー、ディレクターの板挟みになる (24歳 女性 フロントエンドエンジニア)

4 納期のむちゃぶりをされた時 (24歳 女性 マークアップエンジニア)

5 残業が多い (24歳 男性 マークアップエンジニア)

6 椅子に座り続けるので運動不足になる (24歳 男性 マークアップエンジニア)

7クライアントの無理な要望に応えなければならない。要件定義・デザインで遅れたスケジュールをコーダーが尻ぬぐいしなければいけない。

(24歳 男性 マークアップエンジニア)

8自分でデザインしたものをコーディングすることが多いので頻度は少ないですが、Web を全く無視したデザインデータが上がってきた時イラッとします。あとは PSD データの「〇〇のコピー」祭りとか。

(25歳 女性 デザイナー)

9 細かいことまでこだわれない (26歳 女性 デザイナー)

10 末端なのでクライアントに振り回されることがある (26歳 女性 フロントエンドエンジニア)

Q:コーダーでツラいことを教えてください。

回答数 121件

Page 105: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

105

11 ない (26歳 女性 マークアップエンジニア)

12 今のところはなし (27歳 女性 デザイナー)

13デザイン担当者と運営企画との板挟み。納期が決まっているのに、しわ寄せがフロントエンドに来る

(27歳 女性 フロントエンドエンジニア)

14 スケジュールのしわ寄せを食らいやすい、人に仕事内容を説明しづらい (27歳 女性 マークアップエンジニア)

15 とりかかるまでにスイッチが入らなくて大変。 (27歳 男性 ディレクター)

16 デザイナーがアホだと話の落とし所が見つからない (27歳 男性 ディレクター)

17 地方や都会等での仕事の質や金額の格差 (27歳 男性 フロントエンドエンジニア)

18 余白が合わない。(現在進行形) (28歳 女性 フロントエンドエンジニア)

19 人生がツラい (28歳 男性 フロントエンドエンジニア)

20 つらい (28歳 男性 フロントエンドエンジニア)

Q:コーダーでツラいことを教えてください。

回答数 121件

Page 106: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

106

21 上流(企画、デザイン)が遅れるしわよせが来て、スケジュールが厳しくなりやすいこと (28歳 男性 フロントエンドエンジニア)

22 メガネを忘れるとひたすら無力になる (28歳 男性 マークアップエンジニア)

23 バグの解決方法がわからなくて徹夜するとき (29歳 女性 デザイナー)

24 ブラウザ依存 (29歳 女性 フロントエンドエンジニア)

25 ねむみ (29歳 女性 フロントエンドエンジニア)

26 いつまでも勉強しつづけないといけないこと (29歳 男性 テクニカルディレクター)

27 古いバージョンのブラウザ対応。特にIEとAndroid。 (29歳 男性 デザイナー)

28 IT詳しくない人へ仕事の説明がしにくい (29歳 男性 フロントエンドエンジニア)

29 腰痛、肩こり、眼痛 (30歳 男性 ディレクター)

30 いったん設計が定まると、単調作業になるフェーズがあること。 (30歳 男性 フロントエンドエンジニア)

Q:コーダーでツラいことを教えてください。

回答数 121件

Page 107: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

107

31 コーダーではない (30歳 男性 フロントエンドエンジニア)

32 検証 (31歳 女性 デザイナー)

33 帰れないときがある (31歳 女性 フロントエンドエンジニア)

34 特になし。 (31歳 男性 CTO)

35コーディングのリソースが決め打ちになること。選択の余地がなくこの時間でやって欲しいと言われることが多いので、調整のしようが無いこともしばしば。

(31歳 男性 デザイナー)

36 ・腰痛持ちになっちゃった (31歳 男性 フロントエンドエンジニア)

37 どんなに良いコードが頭に浮かんでもコンピューター(電力)がないと具現化できない (31歳 男性 フロントエンドエンジニア)

38 納期ギリギリでの戦い (31歳 男性 フロントエンドエンジニア)

39- 前工程のしわ寄せが来る - 何かあるとコーダー不要論が出る

(31歳 男性 マークアップエンジニア)

40修正が重なりコードがどんどん複雑になる。プログラミング(JavaScriptやPHPなど)がまだ得意ではないので、ハマりだすとツラくなる。

(31歳 男性 マークアップエンジニア)

Q:コーダーでツラいことを教えてください。

回答数 121件

Page 108: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

108

41 古いブラウザへの対応、もともとゴールのはっきりしないプロジェクトやサイトのコーディング (32歳 女性 フロントエンドエンジニア)

42 同じようなコードを書くこと (32歳 男性 フロントエンドエンジニア)

43 自戒込みですが、スキル低い人のコードの手直し (33歳 男性 デザイナー)

44 スケジュールのしわ寄せが来やすい位置にいる (33歳 男性 フロントエンドエンジニア)

45 HTML組みたくない (33歳 男性 フロントエンドエンジニア)

46 あまり良く無い設計で作られたサイトの運用 (33歳 男性 マークアップエンジニア)

47 前工程のスケジュールが押すとツケが回ってくる (34歳 女性 マークアップエンジニア)

48 長い文章のテキスト画像でもクライアントの要望によっては応えないといけないところ (34歳 女性 マークアップエンジニア)

49 進捗や苦労をコーディングしない人に伝えづらい。 (34歳 男性 デザイナー)

50 範囲が広い。努力が伝わりづらい。 (34歳 男性 フロントエンドエンジニア)

Q:コーダーでツラいことを教えてください。

回答数 121件

Page 109: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

109

51個人でやっていると、困ったときすぐ聞ける相手がいないこと。 つまり、ぼっち。orz

(34歳 男性 フロントエンドエンジニア)

52 なし (34歳 男性 フロントエンドエンジニア)

53 上流工程のしわ寄せがくる (34歳 男性 マークアップエンジニア)

54 仕事を理解してもらえない (34歳 男性 マークアップエンジニア)

55 無茶振り、スケジュールの破綻、永遠に続く無償対応、化石ブラウザ対応、etc (35歳 女性 ディレクター兼コーダー)

56 コード書きが好きでないデザイナーとのやり取り (35歳 女性 デザイナー)

57 単調な直し (35歳 女性 デザイナー)

58 技術の移り変わりが早い。 (35歳 女性 フロントエンドエンジニア)

59 仕様変更 (35歳 女性 マークアップエンジニア)

60 自由奔放かつ頑なな要望への対応 (35歳 男性 デザイナー)

Q:コーダーでツラいことを教えてください。

回答数 121件

Page 110: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

110

61 お尻がいたい (35歳 男性 デザイナー)

62 答えがあるところ (35歳 男性 フロントエンドエンジニア)

63バグ対応自体はたいしてツラくなくて、むしろなんでもチャチャッと解決できるでしょ?て思われてることがツライ。

(35歳 男性 マークアップエンジニア)

64旦那が転勤族なので、仕事として復帰することはもうないだろう。ガッツリ稼ぎたい衝動に時々駆られるが、それがもう出来ないのがちょっと辛い。持っている技術は全て子供に託すことにしている。

(36歳 女性 その他)

65 技術の移り変わりが激しすぎること (36歳 女性 マークアップエンジニア)

66 技術の流行廃りが激しい、ブラウザチェックがめんどい。 (36歳 男性 )

67 器用貧乏になりがち。今はコーディングあんまりできないのがツラい (36歳 男性 SEO)

68 未知(原因が分からないエラー)との遭遇 (36歳 男性 ディレクター)

69 理想な実装を知っていてもいろいろなしがらみがあってその通りに実装できないこと (36歳 男性 フロントエンドエンジニア)

70 コーディングの際に大変な所が理解されないこと (36歳 男性 フロントエンドエンジニア)

Q:コーダーでツラいことを教えてください。

回答数 121件

Page 111: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

111

71 プログラミングが苦手すぎてなかなかそこから脱することができない (36歳 男性 マークアップエンジニア)

72 見た目の差は少ないのに、想定外で大幅な修正を迫られることがある (36歳 男性 マークアップエンジニア)

73初対面の人にコーダーと言っても伝わらないので「プログラマーみたいなもんです」と曖昧に答えること

(36歳 男性 マークアップエンジニア)

74 肩凝り (36歳 男性 マークアップエンジニア)

75 デザインが来ない場合でもスケジュールが変わらない。 (36歳 男性 マークアップエンジニア)

76 腱鞘炎 (37歳 女性 デザイナー)

77 期日などのしわ寄せが来ること (37歳 女性 フロントエンドエンジニア)

78 お客さんからはバックエンド含め何でもやってもらえると思われているところ (37歳 男性 デザイナー)

79コーダーと呼ばれ雑に扱われること。呼ばれても気にしていないマークアップに誇りを持たない同業者と仕事をこと。10年頑張ったけど何も解決しなかったので足を洗いました。

(37歳 男性 プログラマ)

80 時には泊まりがあること (37歳 男性 フロントエンドエンジニア)

Q:コーダーでツラいことを教えてください。

回答数 121件

Page 112: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

112

81 わからないことが多いこと (37歳 男性 フロントエンドエンジニア)

82 人のペースで仕事が進まない (38歳 女性 デザイナー)

83 特になし (38歳 女性 フロントエンドエンジニア)

84 他工程のバッファ的に扱われることがある (38歳 女性 マークアップエンジニア)

85 人のコード触る時。なんでもできると思われているのでめんどい。 (38歳 男性 UXD)

86 死ぬかもしれない。 (38歳 男性 デザイナー)

87 とくにない (38歳 男性 フロントエンドエンジニア)

88 非エンジニアに対する仕様設計設についての良し悪しの説明 (38歳 男性 フロントエンドエンジニア)

89 納期直前に仕様やデザインが変わった時。 (38歳 男性 フロントエンドエンジニア)

90 なし (38歳 男性 フロントエンドエンジニア)

Q:コーダーでツラいことを教えてください。

回答数 121件

Page 113: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

113

91 技術の流れの速さ、煩雑さ (38歳 男性 マークアップエンジニア)

92 下に見られるところ。 (39歳 女性 マークアップエンジニア)

93見た目を作るデザイナーと比べて、きれいなソースを書いてもクライアントからは分からない(感謝されにくい)ところ

(39歳 女性 マークアップエンジニア)

94 納期とデザインに煩いクライアント (39歳 男性 フロントエンドエンジニア)

95 納期が短いので、深夜残業や徹夜・休日出勤が当たり前なこと。 (40歳 女性 マークアップエンジニア)

96 思った通りに組めなくて帰れなくなる・「1ページ」がめっっっっっっちゃ長いと泣きたくなる (40歳 女性 マークアップエンジニア)

97技術の変化がめまぐるしい。個人事業では作業量も限られるし、単価を上げにくいので、収入の頭打ち感が強い。

(40歳 男性 フロントエンドエンジニア)

98 下流工程ゆえのスケジュール圧迫があたっとき。 (40歳 男性 フロントエンドエンジニア)

99 技術がないとお金がもらえない (40歳 男性 フロントエンドエンジニア)

100作業がとにかく細かい。やってもやっても終わりが見えない時。 バグに当たった時、目の前が暗くなる。

(41歳 女性 マークアップエンジニア)

Q:コーダーでツラいことを教えてください。

回答数 121件

Page 114: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

114

101 座り仕事のため、腰痛がツラい。 (41歳 女性 マークアップエンジニア)

102 下に見られる (41歳 男性 ディレクター)

103 仕様が決まっていないのにコーディングを頼まれた時 (41歳 男性 マークアップエンジニア)

104 変化の中で自分を信じ抜く精神力 (42歳 女性 デザイナー)

105理解していないデザイナーからの無理難題や無駄にスケジュールを奪われて皺寄せが全部こちらに回ってくる。何様かとホントに腹が立つ

(42歳 男性 フロントエンドエンジニア)

106クライアントやデザイナーが望むこととユーザビリティがかけ離れていて自己満サイトの方向に向かうことを阻止できなかった時

(42歳 男性 マークアップエンジニア)

107上流工程、スケジュールの遅れを全て吸収するポジションになっていること。コーディングのみでは単価が破壊されていること

(43歳 男性 ディレクター)

108 最新の技術トレンドが好きで、いろいろと試しているが、仕事で利用する頃には飽きてること。 (43歳 男性 デザイナー)

109 新規技術への向き合い (43歳 男性 フロントエンドエンジニア)

110 他の人に難しさを理解されない。 (43歳 男性 フロントエンドエンジニア)

Q:コーダーでツラいことを教えてください。

回答数 121件

Page 115: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

115

111 仕切る人間の理解度の低さに参ることがある (43歳 男性 フロントエンドエンジニア)

112 仕事内容が伝わりにくい。 (43歳 男性 マークアップエンジニア)

113 最終工程に近いため、時間的な制約が厳しかったり希望が通らない。 (44歳 女性 ディレクター)

114 一般の人に自分の仕事を説明しづらい、理解・評価されにくい (44歳 女性 マークアップエンジニア)

115 全般 (44歳 男性 フロントエンドエンジニア)

116 面白みを感じない時 (44歳 男性 マークアップエンジニア)

117 思ったように表示されなかった・動かなかった時。 (46歳 女性 その他)

118 視力が落ちた (46歳 男性 プログラマ)

119 作業時間が長いこと、イテレーション終盤に役割が重く広範囲なこと (46歳 男性 フロントエンドエンジニア)

120案件全体の進行が押して、でも納期は変わらず、コーディングの段階でなんとかして!となること

(48歳 男性 マークアップエンジニア)

Q:コーダーでツラいことを教えてください。

回答数 121件

Page 116: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

116

121 効率の良いコードが書けない (男性 フロントエンドエンジニア)

Q:コーダーでツラいことを教えてください。

回答数 121件

Page 117: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

Sec$on 2

まとめ SecEon 3

Page 118: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

118

35歳男性 フロントエンド 7年目 受託系 制作会社

既婚 /年収 543万円 / ◯社目 / 愛用エディタ Sublime Text

コーダー男性 ペルソナ

感動的なギミックを 実装できた

Page 119: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

コーダー 女性ペルソナ

119

33歳女性 マークアップ6年目 フリーランス

恋人あり /年収 353万円 /  Mac13インチノート / スマホ iPhone 6S  愛用エディタ Sublime Text

事例の無いバグを 解消したときの快感

Page 120: CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static Site Generator(jekyll)を使っています。 (44歳 女性 ディレクター)

Thank you!ありがとうございました