DIST#28で登壇させていただきました。

1. DIST.28
2019.09.13Fri.
@umiremix
2019年
W eb制作現場の
な話リアル

2. フリーランスのWebデザイナー&フロントエンドエンジニア。今年の7月に独立。オンラインもくも
く寺のスタッフやVueFesのスタッフととしても活動。来年の2月にデザイナー向け同人誌即売会
＆交流会「デザイン読書日和」を開催するべく準備中。
UmiEbisujima
東北電子専門学校
メディアデザイン科入学
Web制作会社
ワンゴジュウゴ入社
2011 2013
価格.com運営
カカクコム入社
2016 2019
フリーランスとして
活動開始

4. 2019年
W eb制作現場の
な話リアル

5. 2019年
W eb制作現場の
な話リアル

6. 私が考える2019年の
これまでと現在とこれから

7. Q.これ、なんだかわかりますか？

8. A.GoogleHomeMini（スマートスピーカー）

9. スマートスピーカー
SEOが量から質へ
仮想通貨
e-Sports
サブスクリプション
インフルエンサー
Vtuber
IoT
キャッシュレス
ゴーストレストラン
2016年～2019年のITビジネスのバズ

10. Q.この3つのサービスに共通する、2016年～2019年で
流行したバズワードは何でしょうか？

11. A.サーバーレスアーキテクチャー（広義でクラウド）

12. 2016年～2019年のIT技術のバズ
クラウド
サーバーレス
PWA
機械学習
テストツール
TypeScriptブーム
Flutter
Kubernetes
デザインシステム
ヘッドレス

13. 私が考える2019年のこれまでと現在とこれから
「デザイン経営」宣言
CXOの増加
AtomicDesign
デザインツールの進化
Figmaの流行
AdobeXD日本語版開始
デザイン
?
その他
働き方改革
「インスタ映え」流行語
マイナンバー
増税・軽減税率
元号改定
ビジネス
スマートスピーカー
e-Sports
キャッシュレス
SEOが量から質へ変化
IoT
仮想通貨
Vtuber
インフルエンサーマーケット市場拡大
サブスクリプションサービスの増加
ゴーストレストラン
技術
デザインシステム
機械学習
サーバレス
テストツール
クラウド
TypeScriptブーム
Flutter
ヘッドレス
Kubernetes
PWA
年
2016
2017
2018
2019
2016年～2019年のIT業界でのバズ

14. 私が考える2019年のこれまでと現在とこれから
「デザイン経営」宣言
CXOの増加
AtomicDesign
デザインツールの進化
Figmaの流行
AdobeXD日本語版開始
デザイン その他
働き方改革
「インスタ映え」流行語
マイナンバー
増税・軽減税率
元号改定
ビジネス
スマートスピーカー
e-Sports
キャッシュレス
SEOが量から質へ変化
IoT
仮想通貨
Vtuber
インフルエンサーマーケット市場拡大
サブスクリプションサービスの増加
ゴーストレストラン
技術
デザインシステム
機械学習
サーバレス
テストツール
クラウド
TypeScriptブーム
Flutter
ヘッドレス
Kubernetes
PWA
年
2016
2017
2018
2019
2016年～2019年のIT業界でのバズ

15. 私が考える2019年のこれまでと現在とこれから
「デザイン経営」宣言
CXOの増加
AtomicDesign
デザインツールの進化
Figmaの流行
AdobeXD日本語版開始
デザイン その他
働き方改革
「インスタ映え」流行語
マイナンバー
増税・軽減税率
元号改定
ビジネス
スマートスピーカー
e-Sports
キャッシュレス
SEOが量から質へ変化
IoT
仮想通貨
Vtuber
インフルエンサーマーケット市場拡大
サブスクリプションサービスの増加
ゴーストレストラン
技術
デザインシステム
機械学習
サーバレス
テストツール
クラウド
TypeScriptブーム
Flutter
ヘッドレス
Kubernetes
PWA
年
2016
2017
2018
2019
2016年～2019年のIT業界でのバズ

17. 「デザイン経営」宣言のポイント
03年の「戦略的デザイン活用研究会報告書の『競争力強化に向けた40の提言
』」以来、15年ぶりの提言ということで大きく注目されました。
内容は「ブランド構築に資するデザイン」と「イノベーションに資するデザイン」に
ついてや、まさしく「デザイン経営」とはなにか、なぜ必要なのか、どう実現するか
等述べています。

18. 「デザイン経営」の登場で
何が変わった？

19. 「リアル」な体感だと、
少しだけ変わりました。

20. デジタルマーケティングが起点のビジネスが多くなってきたため、以前までは
もっと上流の工程だったロゴ制作やブランディングといったデザインも任せ
られる機会が増えました。

21. また、イノベーションにおけるデザイン
の重要性の認知拡大とツールの進化
に伴ってプロトタイプをしっかり行う
企業も徐々に増えてきました。

22. ですがデザインの重要性を理解している会社はまだまだほんの一部。エン
ジニア側やビジネス側からデザイナーに歩み寄ってくるのを待つだけではな
く、デザイナーが積極的にデザインの重要性を説得する必要があります。
では、デザインの重要性を理解してもらうにはどうしたらよいでしょうか？

23. ビジネス
デザイン技術

24. ビジネス
デザイン技術

25. ビジネス
デザイン
技術
デザインの重要性を説得するためには
、ビジネスや技術といった境界線を自
分で作らないようにする必要がありま
す。これは、デザインがデザイナーだけ
のものでは無いという意味でもありま
す。

26. デザイン経営を学ぶのにおすすめの本

27. しかし、本を読むのはお金も時間もかかるといった難点もあります。そこで、
個人的に本を読むよりもおすすめしたい専門外の知識を蓄える方法。
「チームでできないことを共有しあう」

28. バズっているワードがあったらその領域の詳しい人に「この〇〇ってどうなん
ですか？」と話題を振ってみたり、できないことを共有する時間をわざと設け
てみると知らないことを互いに補いあったり、知識の幅が自然と広がってい
きます。フルスタックを目指す必要は無いので、ビジネスと技術とデザインの
領域や境界線をなくし、知識を混ぜ合わせて新たな価値を生んでいきましょ
う。

29. 2020年には
5Gが順次開始

30. ビジネス
デザイン
技術
5Gという技術の流行で、通信速度が
爆速になり、「高画質」のブームや、「
遠距離操作」「同時接続」が可能にな
って、よりデザイン（フロント）側でで
きることが増えたり、新たなイノベーシ
ョンやインターフェースを生むチャンス
が増えるのではないかと思います。

31. 2019年
W eb制作現場の
な話リアル

32. 2019年
W eb制作現場の
な話リアル

33. Webの制作環境と
フリーランスの働き方

34. フリーランスの仕事の依頼は
どこから受注しているのか？

35. 旦那さんの知り合いで
仲良くなった方
25%
Twitter
20%
Webサイト
2%
知り合い経由
2%
前職
25%旦那さんの知り合い
20%
会ったこと無い
フリーランスになってから2ヶ月での仕事の依頼、全20
件分のデータです。旦那さんもフリーランスのエンジニ
アなので旦那さん経由が結構多かったりします。

36. デザインツールは
何を使っている？

37. 今は8割ぐらいFigma
他にPhotoshop、
Illustrator、AfterEffectsなど

38. 実際の仕事は
何やってるの？

39. デザイン5割、マークアップやフロント
エンドが5割ぐらいの割合。内容は
Webやアプリ、ロゴ制作、CMS、EC
などバラバラ。Webはデザインを作っ
たらコーディングまでやることがほと
んどなので、スピード優先でスマホ版
のデザイン作ってなかったり（逆もし
かりかり）します。

40. まとめ

41. これからはデザインのことだけではなく、
デジタル分野全体に興味を持ち、
新しいインターフェイスやイノベーションを
生み出すことができるデザイナーが求められる

42. ご清聴ありがとうございました！
懇親会でぜひ絡んで下さい！