CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static...
120
コーダー白書 2016 CSS Nite LP47「Coder's High 2016」 サトウ ハルミ（株式会社 FLAT）酒井 優（WEBCRE8） 2016年9月24日（土） 2016/10/02 追加加筆いたしました。 70～77ページ 男性女性・職種・働き方・年代別の平均年収を追加
Transcript of CSS Nite LP47 Coder's High 2016 コーダー白書 2016wd-flat.com/coder/enquete2016.pdf41 Static...
コーダー白書 2016CSS Nite LP47「Coder's High 2016」
サトウ ハルミ（株式会社 FLAT）酒井 優（WEBCRE8） 2016年9月24日（土）
2016/10/02 追加加筆いたしました。 70～77ページ 男性女性・職種・働き方・年代別の平均年収を追加
Prologue
はじめに
技術トレンドの流れが早い。 周りに聞ける人が居ない。
コーダー白書アンケートの目的
現場の悩み…
3
現場の意見・トレンドを見える化 新しい技術を使うキッカケ
※全集計データは後日スライドとPDFでシェアいたします。
コーダー白書アンケートの目的
4
サトウハルミ株式会社 FLAT
代表／マークアップエンジニア
酒井 優WEBCRE8
マークアップエンジニアコーダー歴 12年 コーダー歴 8年
自己紹介
5
コーダー白書 全データ SecEon 2
回答者属性性別 / 業務 / 年齢 / コーディング歴 / 働き方 / メイン業務 / スマートフォン機種
8
Q:あなたの性別を教えてください。CSS Nite参加者
121人 135人
アンケート全体 401人 男性 235人 女性163人（未回答3人）
アンケートのみ
42人
100人男性
女性女性 男性
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件
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件
11
Q:あなたの働き方を教えてください。8人2人2人
10人経営者 12人
個人事業主 86人
会社員 231人
会社員個人事業主経営者フリーター（10名）学生（2名）アルバイト（2名）その他（8名）
回答数 351件
12
Q:あなたのメイン業務を教えてください。
その他 28人
マークアップエンジニア 92人
フロントエンドエンジニア 111人
1人
プログラマー 11人
デザイナー 85人
ディレクター 24人
ディレクターデザイナープログラマープロデューサーフロントエンドエンジニアマークアップエンジニアその他
回答数 355件
13
data:フロントエンドエンジニア内訳
62人
17人
17人
1人12人2人
フロントエンドエンジニア（アシスタント）フロントエンドエンジニア（リーダー）フロントエンドエンジニア（運用）フロントエンドエンジニア（自社サービス）フロントエンドエンジニア（受託）フロントエンドエンジニア（全般）
回答数 111件
14
data:マークアップエンジニア内訳
58人 13人
7人
6人6人2人
マークアップエンジニア（アシスタント）マークアップエンジニア（リーダー）マークアップエンジニア（運用）マークアップエンジニア（自社サービス）マークアップエンジニア（受託）マークアップエンジニア（全般）
回答数 92件
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件
（複数回答）
16
data:平均年齢いろいろ
男性平均 34.8歳
ディレクター 平均年齢35.6歳 デザイナー 平均年齢33.5歳 CTO 平均年齢43歳 代表 平均年齢37.9歳 フリーランス 平均年齢35歳
回答数 187件
技術 全体編経験がある技術 / 使用している技術 / 使用したい技術 / バージョン管理
18回答数 196件
Q:あなたが業務で使用した経験がある技術をすべて選択してください。
（複数回答）
19回答数 197件
Q:現在、業務で使用している技術をすべて選択してください。
（複数回答）
20回答数 185件
Q:今後、業務で使用したい技術をすべて選択してください。
（複数回答）
男性◯名 女性◯名 平均年令◯歳29人
7人6人12人15人15人
24人
35人
60人
84%がバージョン管理にツールを使用
回答数 203件
バージョン管理ツール
管理して いない
手動で 管理
GitLabDropboxBacklogSubversiongit(その他)BitbucketGitHub
Q:メインで使用しているバージョン管理ツールを教えてください
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:技術について自由に記載お願いします。
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:技術について自由に記載お願いします。
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
最近は新しい技術が出ても直ぐに次の技術が出て、学習コストが高いのに仕事しても割に合わない状況になっていると見ている。もう一線は退いたので、最先端より今持っている技術で何が出来るかを考えるようになった。基本ができていれば応用はいくらでも効き、２フェーズを先が見えた時に情報だけチェックして、本気になった時だけ学習するスタイルに変えている。
（36歳 女性 その他）
29 Vue.js始めたいです（少し始めました）。タスクランナーはもっぱらnpm scriptです。 （36歳 男性 SEO）
30色んな技術が増えすぎて追い切れない。幾つかに絞りたくてもクライアントの要望で様々な技術を追わざるをえない状況がなかなか厳しい。
（36歳 男性 マークアップエンジニア）
Q:技術について自由に記載お願いします。
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:技術について自由に記載お願いします。
26回答数 45件
41 Static Site Generator（jekyll）を使っています。 （44歳 女性 ディレクター）
42 JSが選択肢にないのが気になりました。 （46歳 女性 その他）
43 コーディングが自動化されてしまうかどうか。 （48歳 男性 マークアップエンジニア）
Q:技術について自由に記載お願いします。
技術 コーディング編メインエディタ / ブラウザ検証 / iPhone検証 / Android検証 / コードのインデント / W3Cバリデータ / EditorConfig / HTMLコメント / Emmet / アクセシビリティ
Sublime Text Dreamweaver Atom Adobe Brackets coda WebStorm
24人24人27人35人
61人
151人 全体の半数近く回答数 355件
メインエディタQ:コーディングでメインで使用しているエディタについて教えてください。
Edge IE11 IE10 IE9 IE8 Chrome Safari Firefox その他10人
183人162人
200人
26人
66人84人
173人
139人
回答数 205件
ブラウザー検証 (複数選択)Q:パソコンでのコーディング業務で実際に検証するブラウザをすべて選択してください。
初代 / 3G / 3GS 4 / 4S 5 / 5s 6 / 6s 6 Plus
95人
168人
142人
9人2人
回答数 194件
iPhone検証 (複数選択)Q:iPhone標準検証バージョンをすべて教えてください。 その他14人
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人
32
Q:コードのインデントについて教えてください。
タブ派が1位 Google推奨は2スペース
なし（6人） 3%
タブ（85人） 44%
4スペース（24人） 12%
2スペース（80人） 41%
2スペース（80人）4スペース（24人）タブ（85人）なし（6人）
回答数 195件
33
Q:W3Cバリデータについて教えてください。
バリデータを使わない（35人） 17%
ある程度は気にする（134人） 66%
厳密に気にする（34人） 17%
厳密に気にする（34人）ある程度は気にする（134人）バリデータを使わない（35人）
回答数 203件
厳密に気にする 全体の約2割
34
Q:EditorConfigを使っていますか。
使っていない（133人） 68%
使っている（64人） 32%
使っている（64人）使っていない（133人）
回答数 197件
使っていない 全体の約7割
35
Q:HTML内にコメントを入れますか。
コメント入れる派 約7割
入れない（56人） 27%
入れる（148人） 73%
入れる（148人）入れない（56人）
回答数 204件
36
Q:Emmetを使っていますか。
使っていない（60人） 30%
使っている（140人） 70%
使っている（140人）使っていない（60人）
回答数 200件
Emmet使っている 約7割
37
16%
51%
23%
7%3%
AA以上の対応を行っている（5人）A以上の対応を行っている（14人）WCAGなどの規格にある程度従っている（45人）仕様書を見てはいないが感覚的に意識している（100人）意識していない（32人）
回答数 196件
Q:アクセシビリティについて教えてください。
ツールや感覚で アクセシビリティを意識する 約8割
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対象ブラウザ
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/
スマートフォン対象ブラウザ
制作環境メインマシン / モニタサイズ / モニタ台数 / 課金サービス / コミュニケーション/
Windows
Mac
0 40 80 120 160
40人
50人
104人
10人
41
メインマシン
Windowsはデスクトップ Macはノートが多い
Windows
Mac
回答数 204件
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件
43
モニタ台数
4台以上（3人） 1%
3台（9人） 4%
2台（102人） 51%
1台（87人） 43%
1台（87人）2台（102人）3台（9人）4台以上（3人）
回答数 201件
44
Q:使っている課金サービスなどをすべて選択してください。 （無料で使っている場合は含まない）
回答数 194件
（複数回答）
45
利用しているコミュニケーションツールをすべて選択してください。
回答数 197件
（複数回答）
スキルアップ電子書籍 / 英語の資料 / 活用している情報源 / スキルアップ法 /
47
Q:技術書は電子書籍・紙の書籍どちらを選びますか。
電子書籍（46人） 23%
紙の書籍（156人） 77%
紙の書籍（156人）電子書籍（46人）
回答数 202件
48
Q:英語の資料・サイトを読みますか。
困ったときは読む（113人） 56%
読まない（13人） 6%
読む（77人） 38%
読む（77人）読まない（13人）困ったときは読む（113人）
回答数 203件
49
Q:あなたが特に活用している情報源をすべて教えてください。
回答数 197件
仕様書/公式アナウンス
国内 個人サイト
海外 個人サイト
SNS
キュレーションアプリ
メールマガジン
社内SNS
雑誌、書籍
公開グループ
（複数回答）
50
回答数 ◯◯件
1 ただただ、コーディング （男性 フロントエンドエンジニア）
2 逆に教えてほしい。。。 （23歳 男性 デザイナー）
3 数をこなす、興味のある技術を案件に取り入れる （24歳 女性 フロントエンドエンジニア）
4 具体的なものを作り、それを沢山の人に見てもらう （24歳 女性 マークアップエンジニア）
5 Githubなどに自分の作品を公開する （24歳 男性 マークアップエンジニア）
6 手を動かす・サイトを作る （24歳 男性 マークアップエンジニア）
7 実際に手を動かしてコードを書くこと （25歳 女性 デザイナー）
8 書籍を読む、ブログの巡回 （26歳 女性 デザイナー）
9 使ったことのない技術を定期的に取り入れるようにする。 （26歳 女性 フロントエンドエンジニア）
10 Google先生 （26歳 女性 マークアップエンジニア）
Q:あなたのスキルアップ法を具体的に教えてください。
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:あなたのスキルアップ法を具体的に教えてください。
52
回答数 ◯◯件
21 わからないことはその場ですぐ調べる、調べたことを記録してまとめる （29歳 その他）
22 セミナーに行く、業務時間外にきになる技術についてweb,本で情報収集する （29歳 女性 フロントエンドエンジニア）
23 情報収集と、仕事以外のコードかく （29歳 女性 フロントエンドエンジニア）
24 実践あるのみ。 （29歳 男性 デザイナー）
25 仕事の要件を徐々に上げる （29歳 男性 フロントエンドエンジニア）
26 作りたいものを実際に作ってみる （30歳 男性 フロントエンドエンジニア）
27 書籍で基礎を押さえて、実務で都度調べる。 （31歳 女性 デザイナー）
28 気になったものを使ってみる、本を読む （31歳 女性 フロントエンドエンジニア）
29気になる技術を一先ず試してみて、困ったらググる。 トライアンドエラーして、その結果を記憶・記録し続けることで、引き出しの数と大きさを増やし続ける。
（31歳 男性 CTO）
30
気になるものから手をつけていく。 手をつけるときはちゃんと自分でコードを書く。実務で試す前とか自分のサイトに応用するとか。して、試すことで自分にアーカイブしておく。 あとは書籍を読むがよくやっていること。
（31歳 男性 デザイナー）
Q:あなたのスキルアップ法を具体的に教えてください。
53
回答数 ◯◯件
31・公式のチュートリアルやる ・実際の案件から機能をいくつか小さく切り出して、新しい技術で実装しなおしてみる ・作ったものを人に見てもらう（レビューしてもらう）
（31歳 男性 フロントエンドエンジニア）
32 真似る （31歳 男性 フロントエンドエンジニア）
33 案件ごとに、自分に少しずつ負荷をかけること （31歳 男性 フロントエンドエンジニア）
34RSSで情報をできるだけインプット。公式ドキュメントで仕様を知る。GitHubで有益なコードを知る。GitHubにコードやドキュメントをまとめる。
（31歳 男性 マークアップエンジニア）
35 新しく覚えたい技術を、業務にできるだけ取り入れる （32歳 女性 フロントエンドエンジニア）
36 とにかく試す （32歳 男性 フロントエンドエンジニア）
37 上記インプットとそれに関わるようなアウトプット意識 （33歳 男性 デザイナー）
38 セミナー、書籍を読み倒す （33歳 男性 デザイナー）
39 貪欲すぎない程度に興味を持つ （33歳 男性 フロントエンドエンジニア）
40 写経 （33歳 男性 フロントエンドエンジニア）
Q:あなたのスキルアップ法を具体的に教えてください。
54
回答数 ◯◯件
41 スクールに通って強引に覚える、あとは実務 （33歳 男性 マークアップエンジニア）
42 トライアンドエラー （34歳 女性 マークアップエンジニア）
43 試行錯誤 （34歳 女性 マークアップエンジニア）
44 試しに作ること （34歳 男性 デザイナー）
45 最新のサイトのソースを解析 （34歳 男性 デザイナー）
46 業務 （34歳 男性 デザイナー）
47 書く。調べる。書く。公式ドキュメント読む。 （34歳 男性 フロントエンドエンジニア）
48 コードを書く、読む （34歳 男性 フロントエンドエンジニア）
49 新しい技術を少しずつ取り入れる、週末に何かを作る （34歳 男性 フロントエンドエンジニア）
50 自分を追い込む （34歳 男性 マークアップエンジニア）
Q:あなたのスキルアップ法を具体的に教えてください。
55
回答数 ◯◯件
51 自分で試す （34歳 男性 マークアップエンジニア）
52 案件に含ませる （34歳 男性 マークアップエンジニア）
53 OJT、社内勉強会、外部の勉強会に参加 （35歳 女性 ディレクター兼コーダー）
54 実践＆わかる人に聞く （35歳 女性 デザイナー）
55 実際に手を動かす （35歳 女性 デザイナー）
56 写経 （35歳 女性 フロントエンドエンジニア）
57 規模の大小問わずに、とにかく案件をこなす （35歳 男性 CTO）
58 とにかく触る、やってみる （35歳 男性 デザイナー）
59 実務で無理してやってみる （35歳 男性 デザイナー）
60 実践あるのみ （35歳 男性 フロントエンドエンジニア）
Q:あなたのスキルアップ法を具体的に教えてください。
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:あなたのスキルアップ法を具体的に教えてください。
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:あなたのスキルアップ法を具体的に教えてください。
58
回答数 ◯◯件
81 OJT （38歳 男性 フロントエンドエンジニア）
82 案件ごとの対応 （38歳 男性 マークアップエンジニア）
83 技術書を読む （39歳 女性 フロントエンドエンジニア）
84 OJT （39歳 女性 マークアップエンジニア）
85 書いてレビューをうける （39歳 女性 マークアップエンジニア）
86気になったものは試す。 基本をしっかり身につける
（39歳 男性 フロントエンドエンジニア）
87 セミナー参加 （39歳 男性 マークアップエンジニア）
88 実際に作ってみる（いわゆる写経） （40歳 女性 マークアップエンジニア）
89 困ったら都度調べる・個人でデモを作る （40歳 女性 マークアップエンジニア）
90 アンテナを広く張る＋取りあえず手を動かす （40歳 男性 フロントエンドエンジニア）
Q:あなたのスキルアップ法を具体的に教えてください。
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:あなたのスキルアップ法を具体的に教えてください。
60
回答数 ◯◯件
101 人に教える （43歳 女性 マークアップエンジニア）
102 新しい技術は、目を通しておき、頻繁に利用されてきたら自分のブログなどで実装してみる。 （43歳 男性 デザイナー）
103 書籍、Facebook、Web （43歳 男性 フロントエンドエンジニア）
104 検索 （43歳 男性 フロントエンドエンジニア）
105 繰り返し書く （43歳 男性 フロントエンドエンジニア）
106 情報収集だけで終わらせず、かならず実践する （44歳 女性 ディレクター）
107 業務の積み重ね（受託制作） （44歳 女性 マークアップエンジニア）
108 実践＋トレーニング＋復習 （44歳 男性 デザイナー）
109 薄くでもいいから知っておいて業務で使える機会があれば使っていく。 （44歳 男性 マークアップエンジニア）
110 分からなかったときは分かるまでやる （46歳 女性 その他）
Q:あなたのスキルアップ法を具体的に教えてください。
61
回答数 ◯◯件
111 講座の受講 （46歳 男性 デザイナー）
112 考える前に作り始める （46歳 男性 プログラマ）
113 聞いたらまずCode書く、試す、人と話す、訊いたほうが早いものはすぐ訊く （46歳 男性 フロントエンドエンジニア）
114 写経 （49歳 男性 マークアップエンジニア）
Q:あなたのスキルアップ法を具体的に教えてください。
62
data:役に立った技術書
デザイニング Webアクセシビリティ
CSSシークレット XHTML&CSS 超高速コーディング術
JavaScript本格入門 Webデザインの新しい教科書 現場のプロが教える Web制作の最新常識
スタイルシート スキルアップ・デザインブック
HTML5/CSS3 モダンコーディング
63
data:役に立った技術書
フロントエンドエンジニア 養成読本
jQuery最高の教科書Web制作者のための CSS設計の教科書
Web制作者のためのSublime Textの教科書
Web制作者のための Sassの教科書
Web標準の教科書Web制作の現場で使う jQueryデザイン入門
HTML5マークアップ 現場で使える最短攻略ガイド
64
data:役に立った技術書
AngularJS アプリケーション プログラミング
実践Web Standards Design
ユーザビリティ エンジニアリング
Webアクセシビリティ ~標準準拠でアクセシブルなサイトを構築/管理するための考え方
と実践~
WordPress レッスンブック 3.x対応
セマンティック HTML/XHTML
コーディングを支える技術Sass入門 より効率的なCSSコーディング
65
data:役に立った技術書
CSS3 スタンダード・デザインガイド
Smarty入門‾PHP＋テンプレート・エンジンでつくるMVCアプ
リケーション
O'Reilly本MDN
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/
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/
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/
キャリアパス年収 / 何社目か / 何歳まで / 転職・起業 /
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万円
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万円 ※性別不明のデータは除外しています。
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万円 ※職種不明のデータは除外しています。
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万円 ※職種不明のデータは除外しています。
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万円 ※働き方不明のデータは除外しています。
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万円
※年代不明のデータは除外しています。
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万円
※年代不明のデータは除外しています。
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万円
※年代不明のデータは除外しています。
78
Q:現在の会社は何社目か教えてください。
1社目 2社目 3社目 4社目 5社目 6社目 7社目 8社目 20社以上113811
28
46
64
34
（Web・デザイン系の会社のみ。フリーランス、6ヶ月以上の勤務先を含む）
回答数 198件
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
80
Q:転職・起業を考えていますか。
回答数 200件
いいえ（108人） 54%
はい（92人） 46%
81回答数 65件
1 職務内容自体は楽しいが新しい技術をなかなか取り入れる環境ではないため （24歳 女性 フロントエンドエンジニア）
2 自分のライフバランスを大切にしたいから （24歳 女性 マークアップエンジニア）
3 スキルアップのため （24歳 男性 マークアップエンジニア）
4 収入が少ない、業務でできることが少ない （24歳 男性 マークアップエンジニア）
5 キャリアアップの為、将来家庭を持った場合を想定して職場環境の改善をしたい （26歳 女性 デザイナー）
6 スキルアップと収入アップ （26歳 女性 フロントエンドエンジニア）
7 自分の実力を試したいので、フリーランスに挑戦したい （26歳 女性 マークアップエンジニア）
8 年収が低い （27歳 女性 デザイナー）
9 収入が低い （27歳 女性 フロントエンドエンジニア）
10 労働環境、年収 （27歳 女性 マークアップエンジニア）
Q:上の転職・起業を考えていますかの質問で「はい」の方にお伺いします。 検討の理由を教えてください。
82回答数 65件
11 働き過ぎでうつ病になりました （27歳 男性 ディレクター）
12 会社と音楽の方向性の違い （27歳 男性 ディレクター）
13 様々な環境に触れていきたい為。 （28歳 女性 フロントエンドエンジニア）
14 自分でやりたいことをずっと持っているから （28歳 男性 フロントエンドエンジニア）
15 可能性を試したいから （28歳 男性 フロントエンドエンジニア）
16 極力働きたくないから （28歳 男性 マークアップエンジニア）
17 いま一時的にフリーランスになっているだけなので、制作会社に務めたい。 （29歳 女性 デザイナー）
18 キャリアアップのため （29歳 女性 フロントエンドエンジニア）
19 起業のため （29歳 男性 テクニカルディレクター）
20 企業体制の改善が結構しんどい （29歳 男性 フロントエンドエンジニア）
Q:上の転職・起業を考えていますかの質問で「はい」の方にお伺いします。 検討の理由を教えてください。
83回答数 65件
21 多様な環境での適応性を伸ばしていきたいため （30歳 男性 フロントエンドエンジニア）
22 様々な経験を積みたい。新しい人と組んで仕事がしたい。 （31歳 女性 デザイナー）
23 エンジニアで長く働くのはしんどいから （31歳 女性 フロントエンドエンジニア）
24 給与、会社の事業が自分の興味関心とマッチしていない。 （31歳 男性 デザイナー）
25 上流工程を学んでいきたい （31歳 男性 フロントエンドエンジニア）
26 フロント実装疲れた （31歳 男性 フロントエンドエンジニア）
27 さらなる成長のため （31歳 男性 マークアップエンジニア）
28 個人経営がいちばん儲かる職種なので （33歳 男性 デザイナー）
29 仕事とプライベートの時間調節をしたいから （33歳 男性 デザイナー）
30 フリーランスになって四年以上経ったので、次のフェーズに移りたい （33歳 男性 フロントエンドエンジニア）
Q:上の転職・起業を考えていますかの質問で「はい」の方にお伺いします。 検討の理由を教えてください。
84回答数 65件
31 年収面、有給消化率の悪さ、職場の距離 （33歳 男性 フロントエンドエンジニア）
32 通勤は心理的負担が大きく、業務中も外部からの影響をかなり受けるため （34歳 女性 マークアップエンジニア）
33 収入と自分の時間が取りにくいこと （34歳 男性 マークアップエンジニア）
34 やりたいことができなくなったら転職します （35歳 女性 ディレクター兼コーダー）
35 法人格がないと受けられないお仕事があるので （35歳 女性 デザイナー）
36 何か起こしたい （35歳 男性 デザイナー）
37 受託ではなく自社コンテンツの運用に回りたい （35歳 男性 フロントエンドエンジニア）
38フリーランスなので、一人より少人数でやって受注数を安定させたい（スケジュールの都合で失注が多い）。人と仕事をすることでコーディング以外のマネジメントなどのスキルアップができる。
（36歳 男性 ）
39 もっと手を動かしたい （36歳 男性 SEO）
40 チャレンジ （36歳 男性 ディレクター）
Q:上の転職・起業を考えていますかの質問で「はい」の方にお伺いします。 検討の理由を教えてください。
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:上の転職・起業を考えていますかの質問で「はい」の方にお伺いします。 検討の理由を教えてください。
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:上の転職・起業を考えていますかの質問で「はい」の方にお伺いします。 検討の理由を教えてください。
87回答数 65件
61 転職:情報力、企業:自由な場所で仕事をしたい （43歳 男性 フロントエンドエンジニア）
62 給料が安すぎるから （43歳 男性 フロントエンドエンジニア）
63 会社員経験はもう十分 （46歳 男性 フロントエンドエンジニア）
64 起業しました （49歳 男性 フロントエンドエンジニア）
65 業務内容、技術レベルを向上させたい （49歳 男性 マークアップエンジニア）
Q:上の転職・起業を考えていますかの質問で「はい」の方にお伺いします。 検討の理由を教えてください。
生活恋人・配偶者 / 仕事終了時間 / 睡眠時間
89
Q:恋人・配偶者について教えてください。
回答数 197件
仕事と結婚（11人） 6%
配偶者あり（90人） 46%
恋人あり（35人） 18%
恋人募集中（43人） 22%
仕事が恋人（18人） 9%
仕事が恋人（18人）恋人募集中（43人）恋人あり（35人）配偶者あり（90人）仕事と結婚（11人）
配偶者・恋人あり64%
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時台までに 仕事が終わる
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件
コーダーのつぶやきコーダーで良かったこと / コーダーでツラいこと
93回答数 110件
1 自分のアプリで、ユーザーが喜んでいるのを見たとき （男性 フロントエンドエンジニア）
2 論理的に物事を考えられるようになった （23歳 男性 デザイナー）
3 自分の思った通りにちゃんと動いた時嬉しい （24歳 女性 マークアップエンジニア）
4 なし （24歳 男性 マークアップエンジニア）
5 一人でも時間を潰せる （24歳 男性 マークアップエンジニア）
6 自分でサイトが作れる （24歳 男性 マークアップエンジニア）
7 デザイン時にコーディングを想定してデザインできる （26歳 女性 デザイナー）
8 フリーでも何かしら仕事がある （26歳 女性 フロントエンドエンジニア）
9もらったデザインがそのままブラウザ上で表現できた際に、かわいすぎて爆発しそうになる。うれしい。
（26歳 女性 マークアップエンジニア）
10 考えたことが人に頼まなくても実現できる自由さ （27歳 女性 デザイナー）
Q:コーダーで良かったことを教えてください。
94
11 革新が早いから、最新の技術を追うのが楽しい （27歳 女性 フロントエンドエンジニア）
12 自分の手で形にできる達成感がある （27歳 女性 マークアップエンジニア）
13 オレ天才じゃね？ンギモッヂイイっていうときがある。 （27歳 男性 ディレクター）
14 ？ （27歳 男性 ディレクター）
15 いろんな素養が必要で様々なスキルが役に立つ。 （27歳 男性 フロントエンドエンジニア）
16 好きなコーディングができて毎日幸せ。（現在進行形） （28歳 女性 フロントエンドエンジニア）
17 単価が高い （28歳 男性 プログラマ）
18 たのしい （28歳 男性 フロントエンドエンジニア）
19 Webサイト制作に根幹から携われている実感が持てること （28歳 男性 フロントエンドエンジニア）
20 特にありません （28歳 男性 マークアップエンジニア）
Q:コーダーで良かったことを教えてください。
回答数 110件
95
21 わからなかったことがわかったときの快感 （29歳 女性 デザイナー）
22 自分で作れるのはたのしい。 （29歳 女性 フロントエンドエンジニア）
23 ページが公開されて反応があったとき （29歳 男性 テクニカルディレクター）
24 自分の書いたものが世に出る瞬間がとても嬉しい。成果が上がればもっと嬉しい。 （29歳 男性 デザイナー）
25 成長が感じやすい （29歳 男性 フロントエンドエンジニア）
26 モノゴトの考え方の応用がきく、 （30歳 男性 ディレクター）
27 実際に動く・触れるものがつくれること。使う人の顔や様子が見られること。 （30歳 男性 フロントエンドエンジニア）
28 コーダーではない （30歳 男性 フロントエンドエンジニア）
29 「気持ち良い」を追求できる （31歳 女性 デザイナー）
30 座って仕事ができる （31歳 女性 フロントエンドエンジニア）
Q:コーダーで良かったことを教えてください。
回答数 110件
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件
97
41 特にない （33歳 男性 フロントエンドエンジニア）
42 コーディング楽しい上に頑張り次第でもらえるお金が増える。 （33歳 男性 マークアップエンジニア）
43 デザイナーに喜ばれたとき （34歳 女性 マークアップエンジニア）
44 満足できる美しさのコードを書けたとき気持ちいい （34歳 女性 マークアップエンジニア）
45 可変や繰り返しのデザイン作りが簡単。扱うデータが軽い。 （34歳 男性 デザイナー）
46 常に変化がある。コードの結果が直接見れる。 （34歳 男性 フロントエンドエンジニア）
47個人で自営で自社サイトだから、自分のペースでできること。 あと通勤がないこと！
（34歳 男性 フロントエンドエンジニア）
48 趣味が仕事 （34歳 男性 フロントエンドエンジニア）
49 企画から納品までの全体のフローを理解でき、俯瞰で見渡せることができる （34歳 男性 マークアップエンジニア）
50 特に無し （34歳 男性 マークアップエンジニア）
Q:コーダーで良かったことを教えてください。
回答数 110件
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件
99
61 感動的なギミックを実装できたとき （36歳 男性 ディレクター）
62 アクセシブルなサイト作りに貢献できているかなと思う （36歳 男性 フロントエンドエンジニア）
63 横のつながりが強く、他社のクリエイターと飲んだりすること （36歳 男性 フロントエンドエンジニア）
64 楽しい （36歳 男性 マークアップエンジニア）
65 同じ見た目でも、サイトによって構造の違いが理解できること （36歳 男性 マークアップエンジニア）
66 無い （36歳 男性 マークアップエンジニア）
67 サービス業、営業職のように人と接するストレス少なく済む。 （36歳 男性 マークアップエンジニア）
68 Webサイトを作っている実感が得られる。 （36歳 男性 マークアップエンジニア）
69 技術の日進月歩により、新鮮味が味わえること （37歳 女性 デザイナー）
70 仕事が楽しいこと （37歳 女性 フロントエンドエンジニア）
Q:コーダーで良かったことを教えてください。
回答数 110件
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件
101
81 なし （38歳 男性 フロントエンドエンジニア）
82 パズルのようで楽しい、デザインやバックエンドとの連携で幅広い知識が身につく （38歳 男性 マークアップエンジニア）
83 好きこそ物の上手なれなところ。しんどい仕事でもそこそこ楽しくできるところ。 （39歳 女性 マークアップエンジニア）
84 コーディング楽しいので仕事にできてよかったです。 （39歳 女性 マークアップエンジニア）
85 仕事を楽しめる （39歳 男性 フロントエンドエンジニア）
86 モノを作るのが好きなので単純に楽しい。 （40歳 女性 マークアップエンジニア）
87 デザイナーさんなどに一緒に仕事をしたいと言ってもらえる （40歳 女性 マークアップエンジニア）
88 実装は楽しいのと、仕事が少ないときにもちょっとした下請け作業などを貰いやすい （40歳 男性 フロントエンドエンジニア）
89 飽きない楽しさ。「これで良し」というところがないこと。 （40歳 男性 フロントエンドエンジニア）
90 技術があればお金がもらえる （40歳 男性 フロントエンドエンジニア）
Q:コーダーで良かったことを教えてください。
回答数 110件
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件
103
101 自分で作れる、発信できる。 （43歳 男性 フロントエンドエンジニア）
102 天職だと思えたこと （43歳 男性 フロントエンドエンジニア）
103 家でも作業ができる。 （43歳 男性 マークアップエンジニア）
104 トラブルに直面したとき、解決した瞬間に「やってて良かった」と。 （44歳 女性 ディレクター）
105 ストレスが少ない （44歳 女性 マークアップエンジニア）
106 特に無し （44歳 男性 フロントエンドエンジニア）
107 面白いこと （44歳 男性 マークアップエンジニア）
108 今は本業の会社員とは別にアルバイトでやってるので、バイト出来て良いです。 （46歳 女性 その他）
109 新しい技術について行く力が持てた （46歳 男性 プログラマ）
110 フロー全体に関われる （46歳 男性 フロントエンドエンジニア）
Q:コーダーで良かったことを教えてください。
回答数 110件
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件
105
11 ない （26歳 女性 マークアップエンジニア）
12 今のところはなし （27歳 女性 デザイナー）
13デザイン担当者と運営企画との板挟み。納期が決まっているのに、しわ寄せがフロントエンドに来る
（27歳 女性 フロントエンドエンジニア）
14 スケジュールのしわ寄せを食らいやすい、人に仕事内容を説明しづらい （27歳 女性 マークアップエンジニア）
15 とりかかるまでにスイッチが入らなくて大変。 （27歳 男性 ディレクター）
16 デザイナーがアホだと話の落とし所が見つからない （27歳 男性 ディレクター）
17 地方や都会等での仕事の質や金額の格差 （27歳 男性 フロントエンドエンジニア）
18 余白が合わない。（現在進行形） （28歳 女性 フロントエンドエンジニア）
19 人生がツラい （28歳 男性 フロントエンドエンジニア）
20 つらい （28歳 男性 フロントエンドエンジニア）
Q:コーダーでツラいことを教えてください。
回答数 121件
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件
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件
108
41 古いブラウザへの対応、もともとゴールのはっきりしないプロジェクトやサイトのコーディング （32歳 女性 フロントエンドエンジニア）
42 同じようなコードを書くこと （32歳 男性 フロントエンドエンジニア）
43 自戒込みですが、スキル低い人のコードの手直し （33歳 男性 デザイナー）
44 スケジュールのしわ寄せが来やすい位置にいる （33歳 男性 フロントエンドエンジニア）
45 HTML組みたくない （33歳 男性 フロントエンドエンジニア）
46 あまり良く無い設計で作られたサイトの運用 （33歳 男性 マークアップエンジニア）
47 前工程のスケジュールが押すとツケが回ってくる （34歳 女性 マークアップエンジニア）
48 長い文章のテキスト画像でもクライアントの要望によっては応えないといけないところ （34歳 女性 マークアップエンジニア）
49 進捗や苦労をコーディングしない人に伝えづらい。 （34歳 男性 デザイナー）
50 範囲が広い。努力が伝わりづらい。 （34歳 男性 フロントエンドエンジニア）
Q:コーダーでツラいことを教えてください。
回答数 121件
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件
110
61 お尻がいたい （35歳 男性 デザイナー）
62 答えがあるところ （35歳 男性 フロントエンドエンジニア）
63バグ対応自体はたいしてツラくなくて、むしろなんでもチャチャッと解決できるでしょ？て思われてることがツライ。
（35歳 男性 マークアップエンジニア）
64旦那が転勤族なので、仕事として復帰することはもうないだろう。ガッツリ稼ぎたい衝動に時々駆られるが、それがもう出来ないのがちょっと辛い。持っている技術は全て子供に託すことにしている。
（36歳 女性 その他）
65 技術の移り変わりが激しすぎること （36歳 女性 マークアップエンジニア）
66 技術の流行廃りが激しい、ブラウザチェックがめんどい。 （36歳 男性 ）
67 器用貧乏になりがち。今はコーディングあんまりできないのがツラい （36歳 男性 SEO）
68 未知（原因が分からないエラー）との遭遇 （36歳 男性 ディレクター）
69 理想な実装を知っていてもいろいろなしがらみがあってその通りに実装できないこと （36歳 男性 フロントエンドエンジニア）
70 コーディングの際に大変な所が理解されないこと （36歳 男性 フロントエンドエンジニア）
Q:コーダーでツラいことを教えてください。
回答数 121件
111
71 プログラミングが苦手すぎてなかなかそこから脱することができない （36歳 男性 マークアップエンジニア）
72 見た目の差は少ないのに、想定外で大幅な修正を迫られることがある （36歳 男性 マークアップエンジニア）
73初対面の人にコーダーと言っても伝わらないので「プログラマーみたいなもんです」と曖昧に答えること
（36歳 男性 マークアップエンジニア）
74 肩凝り （36歳 男性 マークアップエンジニア）
75 デザインが来ない場合でもスケジュールが変わらない。 （36歳 男性 マークアップエンジニア）
76 腱鞘炎 （37歳 女性 デザイナー）
77 期日などのしわ寄せが来ること （37歳 女性 フロントエンドエンジニア）
78 お客さんからはバックエンド含め何でもやってもらえると思われているところ （37歳 男性 デザイナー）
79コーダーと呼ばれ雑に扱われること。呼ばれても気にしていないマークアップに誇りを持たない同業者と仕事をこと。10年頑張ったけど何も解決しなかったので足を洗いました。
（37歳 男性 プログラマ）
80 時には泊まりがあること （37歳 男性 フロントエンドエンジニア）
Q:コーダーでツラいことを教えてください。
回答数 121件
112
81 わからないことが多いこと （37歳 男性 フロントエンドエンジニア）
82 人のペースで仕事が進まない （38歳 女性 デザイナー）
83 特になし （38歳 女性 フロントエンドエンジニア）
84 他工程のバッファ的に扱われることがある （38歳 女性 マークアップエンジニア）
85 人のコード触る時。なんでもできると思われているのでめんどい。 （38歳 男性 UXD）
86 死ぬかもしれない。 （38歳 男性 デザイナー）
87 とくにない （38歳 男性 フロントエンドエンジニア）
88 非エンジニアに対する仕様設計設についての良し悪しの説明 （38歳 男性 フロントエンドエンジニア）
89 納期直前に仕様やデザインが変わった時。 （38歳 男性 フロントエンドエンジニア）
90 なし （38歳 男性 フロントエンドエンジニア）
Q:コーダーでツラいことを教えてください。
回答数 121件
113
91 技術の流れの速さ、煩雑さ （38歳 男性 マークアップエンジニア）
92 下に見られるところ。 （39歳 女性 マークアップエンジニア）
93見た目を作るデザイナーと比べて、きれいなソースを書いてもクライアントからは分からない（感謝されにくい）ところ
（39歳 女性 マークアップエンジニア）
94 納期とデザインに煩いクライアント （39歳 男性 フロントエンドエンジニア）
95 納期が短いので、深夜残業や徹夜・休日出勤が当たり前なこと。 （40歳 女性 マークアップエンジニア）
96 思った通りに組めなくて帰れなくなる・「1ページ」がめっっっっっっちゃ長いと泣きたくなる （40歳 女性 マークアップエンジニア）
97技術の変化がめまぐるしい。個人事業では作業量も限られるし、単価を上げにくいので、収入の頭打ち感が強い。
（40歳 男性 フロントエンドエンジニア）
98 下流工程ゆえのスケジュール圧迫があたっとき。 （40歳 男性 フロントエンドエンジニア）
99 技術がないとお金がもらえない （40歳 男性 フロントエンドエンジニア）
100作業がとにかく細かい。やってもやっても終わりが見えない時。 バグに当たった時、目の前が暗くなる。
（41歳 女性 マークアップエンジニア）
Q:コーダーでツラいことを教えてください。
回答数 121件
114
101 座り仕事のため、腰痛がツラい。 （41歳 女性 マークアップエンジニア）
102 下に見られる （41歳 男性 ディレクター）
103 仕様が決まっていないのにコーディングを頼まれた時 （41歳 男性 マークアップエンジニア）
104 変化の中で自分を信じ抜く精神力 （42歳 女性 デザイナー）
105理解していないデザイナーからの無理難題や無駄にスケジュールを奪われて皺寄せが全部こちらに回ってくる。何様かとホントに腹が立つ
（42歳 男性 フロントエンドエンジニア）
106クライアントやデザイナーが望むこととユーザビリティがかけ離れていて自己満サイトの方向に向かうことを阻止できなかった時
（42歳 男性 マークアップエンジニア）
107上流工程、スケジュールの遅れを全て吸収するポジションになっていること。コーディングのみでは単価が破壊されていること
（43歳 男性 ディレクター）
108 最新の技術トレンドが好きで、いろいろと試しているが、仕事で利用する頃には飽きてること。 （43歳 男性 デザイナー）
109 新規技術への向き合い （43歳 男性 フロントエンドエンジニア）
110 他の人に難しさを理解されない。 （43歳 男性 フロントエンドエンジニア）
Q:コーダーでツラいことを教えてください。
回答数 121件
115
111 仕切る人間の理解度の低さに参ることがある （43歳 男性 フロントエンドエンジニア）
112 仕事内容が伝わりにくい。 （43歳 男性 マークアップエンジニア）
113 最終工程に近いため、時間的な制約が厳しかったり希望が通らない。 （44歳 女性 ディレクター）
114 一般の人に自分の仕事を説明しづらい、理解・評価されにくい （44歳 女性 マークアップエンジニア）
115 全般 （44歳 男性 フロントエンドエンジニア）
116 面白みを感じない時 （44歳 男性 マークアップエンジニア）
117 思ったように表示されなかった・動かなかった時。 （46歳 女性 その他）
118 視力が落ちた （46歳 男性 プログラマ）
119 作業時間が長いこと、イテレーション終盤に役割が重く広範囲なこと （46歳 男性 フロントエンドエンジニア）
120案件全体の進行が押して、でも納期は変わらず、コーディングの段階でなんとかして！となること
（48歳 男性 マークアップエンジニア）
Q:コーダーでツラいことを教えてください。
回答数 121件
116
121 効率の良いコードが書けない （男性 フロントエンドエンジニア）
Q:コーダーでツラいことを教えてください。
回答数 121件
Sec$on 2
まとめ SecEon 3
118
35歳男性 フロントエンド 7年目 受託系 制作会社
既婚 /年収 543万円 / ◯社目 / 愛用エディタ Sublime Text
コーダー男性 ペルソナ
感動的なギミックを 実装できた
コーダー 女性ペルソナ
119
33歳女性 マークアップ6年目 フリーランス
恋人あり /年収 353万円 / Mac13インチノート / スマホ iPhone 6S 愛用エディタ Sublime Text
事例の無いバグを 解消したときの快感
Thank you!ありがとうございました
![Webディレクターにとって大事なスキル [WCAN 2014 Autumn]](https://static.fdocument.pub/doc/165x107/54c3d8664a7959dc058b457f/web-wcan-2014-autumn.jpg)
