SlideShare a Scribd company logo
1 of 42
Download to read offline
DIST.28
2019.09.13Fri.
@umiremix
2019年
W eb制作現場の
    な話リアル
フリーランスのWebデザイナー&フロントエンドエンジニア。今年の7月に独立。オンラインもくも
く寺のスタッフやVueFesのスタッフととしても活動。来年の2月にデザイナー向け同人誌即売会
&交流会「デザイン読書日和」を開催するべく準備中。
UmiEbisujima
東北電子専門学校
メディアデザイン科入学
Web制作会社
ワンゴジュウゴ入社
2011 2013
価格.com運営
カカクコム入社
2016 2019
フリーランスとして
活動開始
2019年
W eb制作現場の
    な話リアル
2019年
W eb制作現場の
    な話リアル
私が考える2019年の
これまでと現在とこれから
Q.これ、なんだかわかりますか?
A.GoogleHomeMini(スマートスピーカー)
スマートスピーカー
SEOが量から質へ
仮想通貨
e-Sports
サブスクリプション
インフルエンサー
Vtuber
IoT
キャッシュレス
ゴーストレストラン
2016年~2019年のITビジネスのバズ
Q.この3つのサービスに共通する、2016年~2019年で
流行したバズワードは何でしょうか?
A.サーバーレスアーキテクチャー(広義でクラウド)
2016年~2019年のIT技術のバズ
クラウド
サーバーレス
PWA
機械学習
テストツール
TypeScriptブーム
Flutter
Kubernetes
デザインシステム
ヘッドレス
私が考える2019年のこれまでと現在とこれから
「デザイン経営」宣言
CXOの増加
AtomicDesign
デザインツールの進化
Figmaの流行
AdobeXD日本語版開始
デザイン
?
その他
働き方改革
「インスタ映え」流行語
マイナンバー
増税・軽減税率
元号改定
ビジネス
スマートスピーカー
e-Sports
キャッシュレス
SEOが量から質へ変化
IoT
仮想通貨
Vtuber
インフルエンサーマーケット市場拡大
サブスクリプションサービスの増加
ゴーストレストラン
技術
デザインシステム
機械学習
サーバレス
テストツール
クラウド
TypeScriptブーム
Flutter
ヘッドレス
Kubernetes
PWA
年
2016
2017
2018
2019
2016年~2019年のIT業界でのバズ
私が考える2019年のこれまでと現在とこれから
「デザイン経営」宣言
CXOの増加
AtomicDesign
デザインツールの進化
Figmaの流行
AdobeXD日本語版開始
デザイン その他
働き方改革
「インスタ映え」流行語
マイナンバー
増税・軽減税率
元号改定
ビジネス
スマートスピーカー
e-Sports
キャッシュレス
SEOが量から質へ変化
IoT
仮想通貨
Vtuber
インフルエンサーマーケット市場拡大
サブスクリプションサービスの増加
ゴーストレストラン
技術
デザインシステム
機械学習
サーバレス
テストツール
クラウド
TypeScriptブーム
Flutter
ヘッドレス
Kubernetes
PWA
年
2016
2017
2018
2019
2016年~2019年のIT業界でのバズ
私が考える2019年のこれまでと現在とこれから
「デザイン経営」宣言
CXOの増加
AtomicDesign
デザインツールの進化
Figmaの流行
AdobeXD日本語版開始
デザイン その他
働き方改革
「インスタ映え」流行語
マイナンバー
増税・軽減税率
元号改定
ビジネス
スマートスピーカー
e-Sports
キャッシュレス
SEOが量から質へ変化
IoT
仮想通貨
Vtuber
インフルエンサーマーケット市場拡大
サブスクリプションサービスの増加
ゴーストレストラン
技術
デザインシステム
機械学習
サーバレス
テストツール
クラウド
TypeScriptブーム
Flutter
ヘッドレス
Kubernetes
PWA
年
2016
2017
2018
2019
2016年~2019年のIT業界でのバズ
「デザイン経営」宣言のポイント
03年の「戦略的デザイン活用研究会報告書の『競争力強化に向けた40の提言
』」以来、15年ぶりの提言ということで大きく注目されました。
内容は「ブランド構築に資するデザイン」と「イノベーションに資するデザイン」に
ついてや、まさしく「デザイン経営」とはなにか、なぜ必要なのか、どう実現するか
等述べています。
「デザイン経営」の登場で
何が変わった?
「リアル」な体感だと、
少しだけ変わりました。
デジタルマーケティングが起点のビジネスが多くなってきたため、以前までは
もっと上流の工程だったロゴ制作やブランディングといったデザインも任せ
られる機会が増えました。
また、イノベーションにおけるデザイン
の重要性の認知拡大とツールの進化
に伴ってプロトタイプをしっかり行う
企業も徐々に増えてきました。
ですがデザインの重要性を理解している会社はまだまだほんの一部。エン
ジニア側やビジネス側からデザイナーに歩み寄ってくるのを待つだけではな
く、デザイナーが積極的にデザインの重要性を説得する必要があります。
では、デザインの重要性を理解してもらうにはどうしたらよいでしょうか?
ビジネス
デザイン技術
ビジネス
デザイン技術
ビジネス
デザイン
技術
デザインの重要性を説得するためには
、ビジネスや技術といった境界線を自
分で作らないようにする必要がありま
す。これは、デザインがデザイナーだけ
のものでは無いという意味でもありま
す。
デザイン経営を学ぶのにおすすめの本
しかし、本を読むのはお金も時間もかかるといった難点もあります。そこで、
個人的に本を読むよりもおすすめしたい専門外の知識を蓄える方法。
「チームでできないことを共有しあう」
バズっているワードがあったらその領域の詳しい人に「この〇〇ってどうなん
ですか?」と話題を振ってみたり、できないことを共有する時間をわざと設け
てみると知らないことを互いに補いあったり、知識の幅が自然と広がってい
きます。フルスタックを目指す必要は無いので、ビジネスと技術とデザインの
領域や境界線をなくし、知識を混ぜ合わせて新たな価値を生んでいきましょ
う。
2020年には
5Gが順次開始
ビジネス
デザイン
技術
5Gという技術の流行で、通信速度が
爆速になり、「高画質」のブームや、「
遠距離操作」「同時接続」が可能にな
って、よりデザイン(フロント)側でで
きることが増えたり、新たなイノベーシ
ョンやインターフェースを生むチャンス
が増えるのではないかと思います。
2019年
W eb制作現場の
    な話リアル
2019年
W eb制作現場の
    な話リアル
Webの制作環境と
フリーランスの働き方
フリーランスの仕事の依頼は
どこから受注しているのか?
旦那さんの知り合いで
仲良くなった方
25%
Twitter
20%
Webサイト
2%
知り合い経由
2%
前職
25%旦那さんの知り合い
20%
会ったこと無い
フリーランスになってから2ヶ月での仕事の依頼、全20
件分のデータです。旦那さんもフリーランスのエンジニ
アなので旦那さん経由が結構多かったりします。
デザインツールは
何を使っている?
今は8割ぐらいFigma
他にPhotoshop、
Illustrator、AfterEffectsなど
実際の仕事は
何やってるの?
デザイン5割、マークアップやフロント
エンドが5割ぐらいの割合。内容は
Webやアプリ、ロゴ制作、CMS、EC
などバラバラ。Webはデザインを作っ
たらコーディングまでやることがほと
んどなので、スピード優先でスマホ版
のデザイン作ってなかったり(逆もし
かりかり)します。
まとめ
これからはデザインのことだけではなく、
デジタル分野全体に興味を持ち、
新しいインターフェイスやイノベーションを
生み出すことができるデザイナーが求められる
ご清聴ありがとうございました!
懇親会でぜひ絡んで下さい!

More Related Content

What's hot

WordBench Nagoya7月「完読率を上げてより役立つCMSにしよう」
WordBench Nagoya7月「完読率を上げてより役立つCMSにしよう」WordBench Nagoya7月「完読率を上げてより役立つCMSにしよう」
WordBench Nagoya7月「完読率を上げてより役立つCMSにしよう」Masami Sugiura
 
Webmaster Confernce Tokyo2019LT「ペライチの「質」に関する検索での取り組み」
Webmaster Confernce Tokyo2019LT「ペライチの「質」に関する検索での取り組み」Webmaster Confernce Tokyo2019LT「ペライチの「質」に関する検索での取り組み」
Webmaster Confernce Tokyo2019LT「ペライチの「質」に関する検索での取り組み」Masami Sugiura
 
2014年CROSS - エンジニアの恋と愛とセックスのDevOps
2014年CROSS - エンジニアの恋と愛とセックスのDevOps2014年CROSS - エンジニアの恋と愛とセックスのDevOps
2014年CROSS - エンジニアの恋と愛とセックスのDevOpsAya Komuro
 
エンジニアの移住交流会 自己紹介
エンジニアの移住交流会 自己紹介エンジニアの移住交流会 自己紹介
エンジニアの移住交流会 自己紹介Rie Tokumi
 
いもうとBOT - [3/28]LINE Bot Developers Meetup発表資料
いもうとBOT - [3/28]LINE Bot Developers Meetup発表資料いもうとBOT - [3/28]LINE Bot Developers Meetup発表資料
いもうとBOT - [3/28]LINE Bot Developers Meetup発表資料Yuji Ueki
 
200617 let's organize online event rie_motoki
200617 let's organize online event rie_motoki200617 let's organize online event rie_motoki
200617 let's organize online event rie_motokiRieMotoki
 
アフィリエイターのための人生設計セミナー ダイジェスト版
アフィリエイターのための人生設計セミナー ダイジェスト版アフィリエイターのための人生設計セミナー ダイジェスト版
アフィリエイターのための人生設計セミナー ダイジェスト版Nobuo Furusawa
 
レッドハッカソン広島に参加した
レッドハッカソン広島に参加したレッドハッカソン広島に参加した
レッドハッカソン広島に参加したKakigi Katuyuki
 

What's hot (8)

WordBench Nagoya7月「完読率を上げてより役立つCMSにしよう」
WordBench Nagoya7月「完読率を上げてより役立つCMSにしよう」WordBench Nagoya7月「完読率を上げてより役立つCMSにしよう」
WordBench Nagoya7月「完読率を上げてより役立つCMSにしよう」
 
Webmaster Confernce Tokyo2019LT「ペライチの「質」に関する検索での取り組み」
Webmaster Confernce Tokyo2019LT「ペライチの「質」に関する検索での取り組み」Webmaster Confernce Tokyo2019LT「ペライチの「質」に関する検索での取り組み」
Webmaster Confernce Tokyo2019LT「ペライチの「質」に関する検索での取り組み」
 
2014年CROSS - エンジニアの恋と愛とセックスのDevOps
2014年CROSS - エンジニアの恋と愛とセックスのDevOps2014年CROSS - エンジニアの恋と愛とセックスのDevOps
2014年CROSS - エンジニアの恋と愛とセックスのDevOps
 
エンジニアの移住交流会 自己紹介
エンジニアの移住交流会 自己紹介エンジニアの移住交流会 自己紹介
エンジニアの移住交流会 自己紹介
 
いもうとBOT - [3/28]LINE Bot Developers Meetup発表資料
いもうとBOT - [3/28]LINE Bot Developers Meetup発表資料いもうとBOT - [3/28]LINE Bot Developers Meetup発表資料
いもうとBOT - [3/28]LINE Bot Developers Meetup発表資料
 
200617 let's organize online event rie_motoki
200617 let's organize online event rie_motoki200617 let's organize online event rie_motoki
200617 let's organize online event rie_motoki
 
アフィリエイターのための人生設計セミナー ダイジェスト版
アフィリエイターのための人生設計セミナー ダイジェスト版アフィリエイターのための人生設計セミナー ダイジェスト版
アフィリエイターのための人生設計セミナー ダイジェスト版
 
レッドハッカソン広島に参加した
レッドハッカソン広島に参加したレッドハッカソン広島に参加した
レッドハッカソン広島に参加した
 

Similar to 2019年Web制作現場のリアルな話

株式会社Unnameマーケティング支援説明資料
株式会社Unnameマーケティング支援説明資料株式会社Unnameマーケティング支援説明資料
株式会社Unnameマーケティング支援説明資料ssuser5b210d
 
メンバーズグループ福岡Meetup/リモート常駐している派遣の話(和気登志子)
メンバーズグループ福岡Meetup/リモート常駐している派遣の話(和気登志子)メンバーズグループ福岡Meetup/リモート常駐している派遣の話(和気登志子)
メンバーズグループ福岡Meetup/リモート常駐している派遣の話(和気登志子)Members_corp
 
190917rpagirlsriemotoki
190917rpagirlsriemotoki190917rpagirlsriemotoki
190917rpagirlsriemotokiRieMotoki
 
VUIを仕事にすること
VUIを仕事にすることVUIを仕事にすること
VUIを仕事にすることRieMotoki
 
今話題のChatGPTでウェブマーケティングを簡単かつ効果的に!
今話題のChatGPTでウェブマーケティングを簡単かつ効果的に!今話題のChatGPTでウェブマーケティングを簡単かつ効果的に!
今話題のChatGPTでウェブマーケティングを簡単かつ効果的に!Noriaki Sugimoto
 
デザイン屋なりにいろんな人を応援してみた結果
デザイン屋なりにいろんな人を応援してみた結果デザイン屋なりにいろんな人を応援してみた結果
デザイン屋なりにいろんな人を応援してみた結果Kazunori Tateyama
 
サービスデザイナーがフリーランスになったらサバイバルだった:Keita Furusawa
サービスデザイナーがフリーランスになったらサバイバルだった:Keita Furusawaサービスデザイナーがフリーランスになったらサバイバルだった:Keita Furusawa
サービスデザイナーがフリーランスになったらサバイバルだった:Keita FurusawaService Design Network Japan Chapter
 
信頼されるWeb担当者の仕事術120421
信頼されるWeb担当者の仕事術120421信頼されるWeb担当者の仕事術120421
信頼されるWeb担当者の仕事術120421Tsuyoshi Ishihara
 
141219 まにフェス
141219 まにフェス141219 まにフェス
141219 まにフェスrie05
 
Fukui Biz Cafe Side.I #1 「デザイナーのひきだし」
Fukui Biz Cafe Side.I  #1 「デザイナーのひきだし」Fukui Biz Cafe Side.I  #1 「デザイナーのひきだし」
Fukui Biz Cafe Side.I #1 「デザイナーのひきだし」Miho Yamamori
 
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイトこれまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイトYuya Toida
 
Webmaster Conference Osaka 2019 Masaki Inagaki
Webmaster Conference Osaka 2019 Masaki InagakiWebmaster Conference Osaka 2019 Masaki Inagaki
Webmaster Conference Osaka 2019 Masaki InagakiMasakiInagaki1
 
これからはじめるWebプロジェクトマネジメント
これからはじめるWebプロジェクトマネジメントこれからはじめるWebプロジェクトマネジメント
これからはじめるWebプロジェクトマネジメントwebcampusschoo
 
これからはじめるWebプロジェクトマネジメント - 計画の立て方
これからはじめるWebプロジェクトマネジメント - 計画の立て方これからはじめるWebプロジェクトマネジメント - 計画の立て方
これからはじめるWebプロジェクトマネジメント - 計画の立て方Reimi Kuramochi Chiba
 
インターネットを活用した移住促進について(第1回いなかみライフセミナー)
インターネットを活用した移住促進について(第1回いなかみライフセミナー)インターネットを活用した移住促進について(第1回いなかみライフセミナー)
インターネットを活用した移住促進について(第1回いなかみライフセミナー)Noriaki Sugimoto
 
ガチのエンジニア集団に身を置くというキャリアの作り方 ~ド文系の翻訳者がビルドエンジニアっぽくなった話~
ガチのエンジニア集団に身を置くというキャリアの作り方 ~ド文系の翻訳者がビルドエンジニアっぽくなった話~ガチのエンジニア集団に身を置くというキャリアの作り方 ~ド文系の翻訳者がビルドエンジニアっぽくなった話~
ガチのエンジニア集団に身を置くというキャリアの作り方 ~ド文系の翻訳者がビルドエンジニアっぽくなった話~CData Software Japan
 
パラキャリスナックオンライン
パラキャリスナックオンラインパラキャリスナックオンライン
パラキャリスナックオンライン克彦 岡本
 
次の5年のUIを考える
次の5年のUIを考える次の5年のUIを考える
次の5年のUIを考えるSaori Baba
 
Googleのトレンドからわかる 今やるべきモバイルSEO
Googleのトレンドからわかる 今やるべきモバイルSEOGoogleのトレンドからわかる 今やるべきモバイルSEO
Googleのトレンドからわかる 今やるべきモバイルSEOdigitalitalentity
 

Similar to 2019年Web制作現場のリアルな話 (20)

株式会社Unnameマーケティング支援説明資料
株式会社Unnameマーケティング支援説明資料株式会社Unnameマーケティング支援説明資料
株式会社Unnameマーケティング支援説明資料
 
0121 hab
0121 hab0121 hab
0121 hab
 
メンバーズグループ福岡Meetup/リモート常駐している派遣の話(和気登志子)
メンバーズグループ福岡Meetup/リモート常駐している派遣の話(和気登志子)メンバーズグループ福岡Meetup/リモート常駐している派遣の話(和気登志子)
メンバーズグループ福岡Meetup/リモート常駐している派遣の話(和気登志子)
 
190917rpagirlsriemotoki
190917rpagirlsriemotoki190917rpagirlsriemotoki
190917rpagirlsriemotoki
 
VUIを仕事にすること
VUIを仕事にすることVUIを仕事にすること
VUIを仕事にすること
 
今話題のChatGPTでウェブマーケティングを簡単かつ効果的に!
今話題のChatGPTでウェブマーケティングを簡単かつ効果的に!今話題のChatGPTでウェブマーケティングを簡単かつ効果的に!
今話題のChatGPTでウェブマーケティングを簡単かつ効果的に!
 
デザイン屋なりにいろんな人を応援してみた結果
デザイン屋なりにいろんな人を応援してみた結果デザイン屋なりにいろんな人を応援してみた結果
デザイン屋なりにいろんな人を応援してみた結果
 
サービスデザイナーがフリーランスになったらサバイバルだった:Keita Furusawa
サービスデザイナーがフリーランスになったらサバイバルだった:Keita Furusawaサービスデザイナーがフリーランスになったらサバイバルだった:Keita Furusawa
サービスデザイナーがフリーランスになったらサバイバルだった:Keita Furusawa
 
信頼されるWeb担当者の仕事術120421
信頼されるWeb担当者の仕事術120421信頼されるWeb担当者の仕事術120421
信頼されるWeb担当者の仕事術120421
 
141219 まにフェス
141219 まにフェス141219 まにフェス
141219 まにフェス
 
Fukui Biz Cafe Side.I #1 「デザイナーのひきだし」
Fukui Biz Cafe Side.I  #1 「デザイナーのひきだし」Fukui Biz Cafe Side.I  #1 「デザイナーのひきだし」
Fukui Biz Cafe Side.I #1 「デザイナーのひきだし」
 
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイトこれまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
 
Webmaster Conference Osaka 2019 Masaki Inagaki
Webmaster Conference Osaka 2019 Masaki InagakiWebmaster Conference Osaka 2019 Masaki Inagaki
Webmaster Conference Osaka 2019 Masaki Inagaki
 
これからはじめるWebプロジェクトマネジメント
これからはじめるWebプロジェクトマネジメントこれからはじめるWebプロジェクトマネジメント
これからはじめるWebプロジェクトマネジメント
 
これからはじめるWebプロジェクトマネジメント - 計画の立て方
これからはじめるWebプロジェクトマネジメント - 計画の立て方これからはじめるWebプロジェクトマネジメント - 計画の立て方
これからはじめるWebプロジェクトマネジメント - 計画の立て方
 
インターネットを活用した移住促進について(第1回いなかみライフセミナー)
インターネットを活用した移住促進について(第1回いなかみライフセミナー)インターネットを活用した移住促進について(第1回いなかみライフセミナー)
インターネットを活用した移住促進について(第1回いなかみライフセミナー)
 
ガチのエンジニア集団に身を置くというキャリアの作り方 ~ド文系の翻訳者がビルドエンジニアっぽくなった話~
ガチのエンジニア集団に身を置くというキャリアの作り方 ~ド文系の翻訳者がビルドエンジニアっぽくなった話~ガチのエンジニア集団に身を置くというキャリアの作り方 ~ド文系の翻訳者がビルドエンジニアっぽくなった話~
ガチのエンジニア集団に身を置くというキャリアの作り方 ~ド文系の翻訳者がビルドエンジニアっぽくなった話~
 
パラキャリスナックオンライン
パラキャリスナックオンラインパラキャリスナックオンライン
パラキャリスナックオンライン
 
次の5年のUIを考える
次の5年のUIを考える次の5年のUIを考える
次の5年のUIを考える
 
Googleのトレンドからわかる 今やるべきモバイルSEO
Googleのトレンドからわかる 今やるべきモバイルSEOGoogleのトレンドからわかる 今やるべきモバイルSEO
Googleのトレンドからわかる 今やるべきモバイルSEO
 

2019年Web制作現場のリアルな話