クライアント企業で実施したWebクリエイター向け社内勉強会用スライド。対象はWebサイト制作会社の営業、ディレクタ－、デザイナー、コーダー / フロントエンドエンジニアの方々。Webサイト制作業界に関係する近年から今年注目の傾向とその対策について。

1. 2015年のWebサイト制作界隈
その傾向と対策
2015-02-06 burnworks Inc yoshiki kato

2. 変わらないもの
変わっていくもの

3. 変わらないもの
Photo by gcworld

4. • 情報にアクセスできること
• 正確な情報が取得できること
• 使いやすいこと
• ビジネスゴールを達成できること

5. 変わっていくもの
Photo by Marc Meynadier

6. • 開発環境や使用言語
• フレームワークやライブラリ
• デザインのトレンド
• ブラウザやソフトウェア
• デバイス・閲覧環境

8. アクセシビリティ……
みんなの公共サイト運用モデル改定版（2010年度）
障害を理由とする差別の解消の推進に関する法律
JIS X 8341 見直しの年（JIS規格のルール上）

9. アクセシビリティは
障がい者や高齢者のためだけの
特別な対策ではない

10. Siri
「バーンワークス株式会社で検索して、
サービス案内のページを読み上げて」
なんて操作を普通にするようになるかも
※ テキスト読み上げ（VoiceOver）機能はすでに搭載されている

11. Photo by randychiu

12. マシンリーダブルなコンテンツ

13. SEO 的にも……
構造化データ
セマンティクス

14. Photo by Luke Wroblewski

15. • 増え続けるデバイス
• 複数のデバイスを使い分ける人々
• 様々な画面サイズ
• マウス・タッチ・音声操作？

17. 使いやすいこと……
“使いやすい”の中身は変化

20. Survey Analytics Blog - Top 5 Infographics of the Week - Internet of Things
http://blog.surveyanalytics.com/2014/09/top-5-infographics-of-week-internet-of.html
Kevin Ashton proposed the term "Internet of Things" in 1999

21. 既成概念に捕らわれすぎないこと
フレキシブルなデザイン・実装

23. セキュリティ

25. 去年も色々ありました

26. 2013年データ
漏洩人数 931万2543人
漏洩件数 1333件
想定損害賠償総額 2020億6575万円
一件あたりの漏洩人数 7385人
平均想定損害賠償額 / 件 1億6024万円
平均想定損害賠償額 / 人 2万7675円
NPO 日本ネットワークセキュリティ協会
2013年 情報セキュリティインシデントに関する調査報告 ～個人情報漏えい編～
http://www.jnsa.org/seminar/2014/0610/data/A4_incident.pdf
一昨年のデータではありますが

27. パスワードリスト型攻撃による
不正アクセスの増加

28. パスワードの最適変更間隔とその定量的効果の評価
https://docs.google.com/document/d/1RWDerFjLc24nr_lDhF8s0vEOJ8DPKhEnEAYG9qr_oBY/pub

30. TLS/SSL

32. サイト全体の SSL 化

33. • サーバ証明書とは？
• メリットは？
• サーバサイドの知識
• 導入時の注意点など

35. EV証明書による
なりすましやブランド乗っ取りの防止

36. ブラウザでのEV SSL証明書表示例 - Symantec
http://www.symantec.com/ja/jp/pop.jsp?popupid=see-how-ev-appears-in-your-browser

37. Photo by Eric Ward

38. Speed Speed Speed

40. この辺はもう当たり前

41. Lean Start-up
User- and Customer Experience (UX) - Zen Ex Machina
http://www.zenexmachina.com/what-we-do/user-experience/

42. Design Sprints
User- and Customer Experience (UX) - Zen Ex Machina
http://www.zenexmachina.com/what-we-do/user-experience/

44. • 再利用
• 汎用性
• コンポーネント化

46. • Custom Elements
• Templates
• HTMLImports
• Shadow DOM

49. Is ServiceWorker ready?
https://jakearchibald.github.io/isserviceworkerready/

50. Speed…
サイトパフォーマンスの方

52. HTTP/2
SPDY

55. HTTPリクエスト削減
↓
断片化・細分化

56. 「技術の活用で競争力を高める」
より顕著に

57. 写真素材ぱくたそ
model by 大川竜弥 & Lala*

58. 「覚えることたくさんありすぎて死……」

59. 各種ライブラリ

60. • PaaS
• IaaS
• BaaS (MBaaS)

61. うまく使えば色々捗る仕組みがたくさん

62. JavaScript は書けないと
※ 毎年言ってる……

63. Photo by Sam Azgor

64. メッセージング

65. エンタープライズ分野での活用
Slack, WhatsApp, LINE,
ChatWork, Skype …

66. 「メールは死んだ」
何回目？

67. 少なくとも
チームコミュニケーションの手段
としては終わってる

68. Photo by George Redgrave

69. 顧客からのコンタクト手段……
チャットが電話を置き換えるかも
※ 手段としては特に目新しくはないけれど

70. • 本質を見失わないように
• もうパソコンだけの Web じゃない
• セキュリティは大事だよ
• サイトパフォーマンス周りの変化
• より早く、より小さく始める傾向
• スピード = 競争力
• エコシステムの構築
• 使えるものは使って楽をする
まとめ

71. バーンワークス株式会社
BURNWORKS.COM
サービスの詳細・実績など詳しくはWEBサイトをご覧ください。