Submit Search
Upload
コーダー白書2016
•
13 likes
•
4,710 views
サトウハルミ
Follow
CSS Nite LP47「Coder's High 2016」登壇スライドです。
Read less
Read more
Internet
Report
Share
Report
Share
1 of 36
Download now
Download to read offline
Recommended
イマドキのコーダー環境構築2016
イマドキのコーダー環境構築2016
Sou Lab
ゆるく学ぼう!現在のフロントエンドまとめ
ゆるく学ぼう!現在のフロントエンドまとめ
将一 深見
最近誰かに「やったほうがいいよ」と伝えた7のこと
最近誰かに「やったほうがいいよ」と伝えた7のこと
Noriaki Kadota
見やすいプレゼン資料の作り方 - リニューアル増量版
見やすいプレゼン資料の作り方 - リニューアル増量版
MOCKS | Yuta Morishige
しょぼいプレゼンをパワポのせいにするな! by @jessedee
しょぼいプレゼンをパワポのせいにするな! by @jessedee
「MakeLeaps」請求書の作成、管理、郵送
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
Tsutomu Sogitani
WordPressテーマの基本的な仕組み
WordPressテーマの基本的な仕組み
Susumu Seino
イマドキのスライス事情
イマドキのスライス事情
Sou Lab
Recommended
イマドキのコーダー環境構築2016
イマドキのコーダー環境構築2016
Sou Lab
ゆるく学ぼう!現在のフロントエンドまとめ
ゆるく学ぼう!現在のフロントエンドまとめ
将一 深見
最近誰かに「やったほうがいいよ」と伝えた7のこと
最近誰かに「やったほうがいいよ」と伝えた7のこと
Noriaki Kadota
見やすいプレゼン資料の作り方 - リニューアル増量版
見やすいプレゼン資料の作り方 - リニューアル増量版
MOCKS | Yuta Morishige
しょぼいプレゼンをパワポのせいにするな! by @jessedee
しょぼいプレゼンをパワポのせいにするな! by @jessedee
「MakeLeaps」請求書の作成、管理、郵送
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
Tsutomu Sogitani
WordPressテーマの基本的な仕組み
WordPressテーマの基本的な仕組み
Susumu Seino
イマドキのスライス事情
イマドキのスライス事情
Sou Lab
Sass/Compassの導入と環境構築
Sass/Compassの導入と環境構築
Sou Lab
Sublime Textを加速するパッケージの紹介
Sublime Textを加速するパッケージの紹介
Sou Lab
開発レビューで心がけていること
開発レビューで心がけていること
Masato Kataoka
プロジェクトを潰した話
プロジェクトを潰した話
Keiichi Endo
印刷通販のデータチェックスタッフのスキルアップ方法や心構え
印刷通販のデータチェックスタッフのスキルアップ方法や心構え
笹川 純一
WordPressでCSSプリプロセッサ入門
WordPressでCSSプリプロセッサ入門
Sou Lab
Unityで通信してみよう!
Unityで通信してみよう!
koppepan
まだFTPで消耗してるの? Wordmoveではじめる 異次元のデータ転送
まだFTPで消耗してるの? Wordmoveではじめる 異次元のデータ転送
Sou Lab
UI Design with HTML5 & CSS3
UI Design with HTML5 & CSS3
Shay Howe
DBFluteを閉じ込めよう
DBFluteを閉じ込めよう
Toshio Takiguchi
WordPressでも意識したいアクセシビリティ 〜「優しいウェブサイト」作りをはじめよう〜
WordPressでも意識したいアクセシビリティ 〜「優しいウェブサイト」作りをはじめよう〜
Sou Lab
改善したほうがいい私の7つの開発習慣
改善したほうがいい私の7つの開発習慣
Noriaki Kadota
Spring starterによるSpring Boot Starter
Spring starterによるSpring Boot Starter
Ryosuke Uchitate
UnityのフリーライセンスでPC-Android通信を実装するまで
UnityのフリーライセンスでPC-Android通信を実装するまで
Hiroto Makiyama
2015年GMOペパボ新卒エンジニア研修 Web開発研修イントロダクション
2015年GMOペパボ新卒エンジニア研修 Web開発研修イントロダクション
Takahiro Okumura
Responsive Web Design
Responsive Web Design
Adrian Alonso Vega
Do you like scala
Do you like scala
Yuto Suzuki
ヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティー
ヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティー
Yoshiki Hayama
「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘(スイッチ)
「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘(スイッチ)
swwwitch inc.
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
swwwitch inc.
Janog31 bof-pattern-sasaki-01
Janog31 bof-pattern-sasaki-01
Ken SASAKI
てきめし#06_イベント紹介&アンケート結果
てきめし#06_イベント紹介&アンケート結果
kkitadate
More Related Content
Viewers also liked
Sass/Compassの導入と環境構築
Sass/Compassの導入と環境構築
Sou Lab
Sublime Textを加速するパッケージの紹介
Sublime Textを加速するパッケージの紹介
Sou Lab
開発レビューで心がけていること
開発レビューで心がけていること
Masato Kataoka
プロジェクトを潰した話
プロジェクトを潰した話
Keiichi Endo
印刷通販のデータチェックスタッフのスキルアップ方法や心構え
印刷通販のデータチェックスタッフのスキルアップ方法や心構え
笹川 純一
WordPressでCSSプリプロセッサ入門
WordPressでCSSプリプロセッサ入門
Sou Lab
Unityで通信してみよう!
Unityで通信してみよう!
koppepan
まだFTPで消耗してるの? Wordmoveではじめる 異次元のデータ転送
まだFTPで消耗してるの? Wordmoveではじめる 異次元のデータ転送
Sou Lab
UI Design with HTML5 & CSS3
UI Design with HTML5 & CSS3
Shay Howe
DBFluteを閉じ込めよう
DBFluteを閉じ込めよう
Toshio Takiguchi
WordPressでも意識したいアクセシビリティ 〜「優しいウェブサイト」作りをはじめよう〜
WordPressでも意識したいアクセシビリティ 〜「優しいウェブサイト」作りをはじめよう〜
Sou Lab
改善したほうがいい私の7つの開発習慣
改善したほうがいい私の7つの開発習慣
Noriaki Kadota
Spring starterによるSpring Boot Starter
Spring starterによるSpring Boot Starter
Ryosuke Uchitate
UnityのフリーライセンスでPC-Android通信を実装するまで
UnityのフリーライセンスでPC-Android通信を実装するまで
Hiroto Makiyama
2015年GMOペパボ新卒エンジニア研修 Web開発研修イントロダクション
2015年GMOペパボ新卒エンジニア研修 Web開発研修イントロダクション
Takahiro Okumura
Responsive Web Design
Responsive Web Design
Adrian Alonso Vega
Do you like scala
Do you like scala
Yuto Suzuki
ヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティー
ヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティー
Yoshiki Hayama
「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘(スイッチ)
「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘(スイッチ)
swwwitch inc.
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
swwwitch inc.
Viewers also liked
(20)
Sass/Compassの導入と環境構築
Sass/Compassの導入と環境構築
Sublime Textを加速するパッケージの紹介
Sublime Textを加速するパッケージの紹介
開発レビューで心がけていること
開発レビューで心がけていること
プロジェクトを潰した話
プロジェクトを潰した話
印刷通販のデータチェックスタッフのスキルアップ方法や心構え
印刷通販のデータチェックスタッフのスキルアップ方法や心構え
WordPressでCSSプリプロセッサ入門
WordPressでCSSプリプロセッサ入門
Unityで通信してみよう!
Unityで通信してみよう!
まだFTPで消耗してるの? Wordmoveではじめる 異次元のデータ転送
まだFTPで消耗してるの? Wordmoveではじめる 異次元のデータ転送
UI Design with HTML5 & CSS3
UI Design with HTML5 & CSS3
DBFluteを閉じ込めよう
DBFluteを閉じ込めよう
WordPressでも意識したいアクセシビリティ 〜「優しいウェブサイト」作りをはじめよう〜
WordPressでも意識したいアクセシビリティ 〜「優しいウェブサイト」作りをはじめよう〜
改善したほうがいい私の7つの開発習慣
改善したほうがいい私の7つの開発習慣
Spring starterによるSpring Boot Starter
Spring starterによるSpring Boot Starter
UnityのフリーライセンスでPC-Android通信を実装するまで
UnityのフリーライセンスでPC-Android通信を実装するまで
2015年GMOペパボ新卒エンジニア研修 Web開発研修イントロダクション
2015年GMOペパボ新卒エンジニア研修 Web開発研修イントロダクション
Responsive Web Design
Responsive Web Design
Do you like scala
Do you like scala
ヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティー
ヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティー
「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘(スイッチ)
「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘(スイッチ)
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
Adobe MAX Japan 2016「ベテランほど知らずに損してるIllustratorの新常識 あ、それ、今のIllustratorならこうします!...
Similar to コーダー白書2016
Janog31 bof-pattern-sasaki-01
Janog31 bof-pattern-sasaki-01
Ken SASAKI
てきめし#06_イベント紹介&アンケート結果
てきめし#06_イベント紹介&アンケート結果
kkitadate
ECCV2020 Oral論文 完全読破(1/2)
ECCV2020 Oral論文 完全読破(1/2)
cvpaper. challenge
Web design
Web design
kazuko kaneuchi
choreonoid_ros_control を実装した話
choreonoid_ros_control を実装した話
Ryodo Tanaka
2016-11-11 UMTP モデリングフォーラム2016 DDD実践のコツとazureによるモデル実装
2016-11-11 UMTP モデリングフォーラム2016 DDD実践のコツとazureによるモデル実装
貴志 上坂
XP祭り2016 - SWチームとHWチームがスクラムを組んだら
XP祭り2016 - SWチームとHWチームがスクラムを組んだら
Life Robotics
アジャイルソフトウェア開発の道具箱
アジャイルソフトウェア開発の道具箱
Koichi ITO
IT業界とソフトウェア技術者を取り巻く今日の様相と荒波の将来への船出
IT業界とソフトウェア技術者を取り巻く今日の様相と荒波の将来への船出
VOYAGE GROUP
クラウド事業者に求めるビジネス要件
クラウド事業者に求めるビジネス要件
雄哉 吉田
第26回八子クラウド座談会当日メモ付き_20180407
第26回八子クラウド座談会当日メモ付き_20180407
知礼 八子
JMRAアニュアルカンファレンスの発表資料(2016)
JMRAアニュアルカンファレンスの発表資料(2016)
晴生(作成中) 山崎
40歳過ぎてもエンジニアでいるためにやっていること
40歳過ぎてもエンジニアでいるためにやっていること
onozaty
Visual Studio Code のこれまでとこれから at OSC 2021 Online/Spring
Visual Studio Code のこれまでとこれから at OSC 2021 Online/Spring
Issei Hiraoka
アジャイルなオフショア開発(第51回オフショア開発勉強会)
アジャイルなオフショア開発(第51回オフショア開発勉強会)
Arata Fujimura
モデルベースソフトウェア開発コミュニティキックオフイベントオープニング
モデルベースソフトウェア開発コミュニティキックオフイベントオープニング
Kentaro Takasaki
SocialAnalyticsとCQ5がスゴイ
SocialAnalyticsとCQ5がスゴイ
Makoto Shimizu
アジャイルなオフショア開発(Rakuten techtalk)
アジャイルなオフショア開発(Rakuten techtalk)
Arata Fujimura
営業現場で困らないためのディープラーニング
営業現場で困らないためのディープラーニング
Satoru Yamamoto
IT技術者でも1から学べるビジネスモデルキャンバス入門
IT技術者でも1から学べるビジネスモデルキャンバス入門
陽一 滝川
Similar to コーダー白書2016
(20)
Janog31 bof-pattern-sasaki-01
Janog31 bof-pattern-sasaki-01
てきめし#06_イベント紹介&アンケート結果
てきめし#06_イベント紹介&アンケート結果
ECCV2020 Oral論文 完全読破(1/2)
ECCV2020 Oral論文 完全読破(1/2)
Web design
Web design
choreonoid_ros_control を実装した話
choreonoid_ros_control を実装した話
2016-11-11 UMTP モデリングフォーラム2016 DDD実践のコツとazureによるモデル実装
2016-11-11 UMTP モデリングフォーラム2016 DDD実践のコツとazureによるモデル実装
XP祭り2016 - SWチームとHWチームがスクラムを組んだら
XP祭り2016 - SWチームとHWチームがスクラムを組んだら
アジャイルソフトウェア開発の道具箱
アジャイルソフトウェア開発の道具箱
IT業界とソフトウェア技術者を取り巻く今日の様相と荒波の将来への船出
IT業界とソフトウェア技術者を取り巻く今日の様相と荒波の将来への船出
クラウド事業者に求めるビジネス要件
クラウド事業者に求めるビジネス要件
第26回八子クラウド座談会当日メモ付き_20180407
第26回八子クラウド座談会当日メモ付き_20180407
JMRAアニュアルカンファレンスの発表資料(2016)
JMRAアニュアルカンファレンスの発表資料(2016)
40歳過ぎてもエンジニアでいるためにやっていること
40歳過ぎてもエンジニアでいるためにやっていること
Visual Studio Code のこれまでとこれから at OSC 2021 Online/Spring
Visual Studio Code のこれまでとこれから at OSC 2021 Online/Spring
アジャイルなオフショア開発(第51回オフショア開発勉強会)
アジャイルなオフショア開発(第51回オフショア開発勉強会)
モデルベースソフトウェア開発コミュニティキックオフイベントオープニング
モデルベースソフトウェア開発コミュニティキックオフイベントオープニング
SocialAnalyticsとCQ5がスゴイ
SocialAnalyticsとCQ5がスゴイ
アジャイルなオフショア開発(Rakuten techtalk)
アジャイルなオフショア開発(Rakuten techtalk)
営業現場で困らないためのディープラーニング
営業現場で困らないためのディープラーニング
IT技術者でも1から学べるビジネスモデルキャンバス入門
IT技術者でも1から学べるビジネスモデルキャンバス入門
コーダー白書2016
1.
コーダー白書 2016 CSS Nite
LP47「Coder's High 2016」 サトウ ハルミ(株式会社 FLAT)酒井 優(WEBCRE8) 2016年9月24日(土)
2.
Prologue はじめに
3.
サトウハルミ 株式会社 FLAT 代表/マークアップエンジニア 酒井 優 WEBCRE8 マークアップエンジニア コーダー歴 12年
コーダー歴 8年 自己紹介 3
4.
技術トレンドの流れが早い なにを学べばいいのか まわりに聞ける人がいない コーダー白書アンケートの目的 現場の悩み… 4
5.
現場の意見・トレンドを見える化 新しい技術を使うキッカケ ※集計データはPDFでシェアいたします。 コーダー白書アンケートの目的 5
6.
SecDon 1 アンケート回答者
7.
職種 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年
8.
SecDon 2 アンケート結果
9.
制作環境 メインマシン / モニタ
10.
Windows Mac 0 40 80
120 160 40人 50人 104人 10人 回答数 198件 メインマシン ノート派が全体の60% そのうちMacが90% 10 ノート デスクトップ デスクトップノート
11.
モニタサイズ (回答数 202件) 2台(50.7%) 27インチ(21.3%) モニタ モニタ台数 (回答数 202件) (1台43.3%
3台4.5%) (13インチ20.3% 15インチ11.9%) 11
12.
コーディング エディタ / コーディング
/ 品質
13.
Sublime Text Dreamweaver
Atom Adobe Brackets coda WebStorm 24人24人27人 35人 61人 151人 全体の半数近く 回答数 355件 メインエディタ 13
14.
インデント 3%43%12%42% Emmet 30%70% コメント
28%72% EditorConfig 65%35% コーディング 14 2スペース 4スペース タブ なし 使っていない使っている 入れる 入れない 使っていない使っている
15.
検証 ブラウザ / iPhone
/ Android / アクセシビリティ / バリデータ
16.
アクセシビリティ 17%52%24%6%2% AA以上の対応を行っている(2%) A以上の対応を行っている(6%) WCAGなどの規格にある程度従っている(24%)
仕様書を見てはいないが感覚的に意識している(52%) 意識していない(17%) バリデータ 17%66%17% 厳密に気にする ある程度は気にする バリデータを使わない 半数以上が経験で品質を見ている 品質 16
17.
回答数 205件 ブラウザ検証 (複数選択) 17 Edge
IE11 IE10 IE9 IE8 Chrome Safari Firefox その他 10人 183人 162人 200人 26人 66人 84人 173人 139人
18.
回答数 205件 ブラウザ検証 (複数選択) 18 Edge
IE11 IE10 IE9 IE8 Chrome Safari Firefox その他 10人 183人 162人 200人 26人 66人 84人 173人 139人
19.
初代 / 3G
/ 3GS 4 / 4S 5 / 5s 6 / 6s 6 Plus / 6s Plus 95人 168人 142人 9人 2人 回答数 194件 iPhone検証 (複数選択) 19
20.
(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
21.
使用技術 フロントエンドツール / 普及した技術
/ これからの技術
22.
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
23.
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
24.
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
25.
ツール コミュニケーション / バージョン管理
/ 課金サービス
26.
コミュニケーションツール 少数派多数派 回答数 197件 -メッセンジャー、タスク管理を併用している - 日本発のサービスが人気 26
27.
29人 7人6人 12人 15人15人 24人 35人 60人 84%がバージョン管理にツールを使用 回答数 203件 バージョン管理ツール 管理して いない 手動で 管理 GitLabDropboxBacklogSubversiongit(その他)BitbucketGitHub 27
28.
課金サービス 48 96 144 192 36人 17人 46人 53人60人 71人 166人 回答数 192件 Dropbox
GitHub ChatWorkAdobe CC Adobe アプリ単品 GoogleAppsCodeGrid 28
29.
スキルアップ 情報源 / 学習
30.
情報源(複数回答) 仕様書/ 公式アナウンス 国内 個人サイト 海外 個人サイト SNS キュレーション アプリ メール マガジン 社内 SNS 雑誌、 書籍 公開 グループ 47人 105人 26人 52人 45人 157人 91人 176人 137人 回答数 203件 30
31.
学習 書籍 23%77% 英語資料 6%56%38% 回答数
202件 回答数 203件 31 紙の書籍(156人) 電子書籍(46人) 読まない(13人)困ったときは読む(113人)読む(77人)
32.
SecDon 3 まとめ
33.
35歳男性 フロントエンド 7年目 受託系
制作会社 既婚 /年収 543万円 / Mac13インチノート / スマホ iPhone 6s 愛用エディタ Sublime Text コーダー男性 ペルソナ 感動的なギミックを 実装できた 33
34.
コーダー 女性ペルソナ 34 33歳女性 マークアップ6年目 フリーランス 恋人あり
/年収 353万円 / Mac13インチノート / スマホ iPhone 6s 愛用エディタ Sublime Text 事例の無いバグを 解消したときの快感
35.
35 最後に • 集計結果(PDF) http://wd-flat.com/coder/enquete2016.pdf
36.
Thank you! ありがとうございました
Download now