Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
2015年のWebサイト制作界隈
その傾向と対策
2015-02-06 burnworks Inc yoshiki kato
変わらないもの
変わっていくもの
変わらないもの
Photo by gcworld
• 情報にアクセスできること
• 正確な情報が取得できること
• 使いやすいこと
• ビジネスゴールを達成できること
変わっていくもの
Photo by Marc Meynadier
• 開発環境や使用言語
• フレームワークやライブラリ
• デザインのトレンド
• ブラウザやソフトウェア
• デバイス・閲覧環境
アクセシビリティ……
みんなの公共サイト運用モデル改定版(2010年度)
障害を理由とする差別の解消の推進に関する法律
JIS X 8341 見直しの年(JIS規格のルール上)
アクセシビリティは
障がい者や高齢者のためだけの
特別な対策ではない
Siri
「バーンワークス株式会社で検索して、
サービス案内のページを読み上げて」
なんて操作を普通にするようになるかも
※ テキスト読み上げ(VoiceOver)機能はすでに搭載されている
Photo by randychiu
マシンリーダブルなコンテンツ
SEO 的にも……
構造化データ
セマンティクス
Photo by Luke Wroblewski
• 増え続けるデバイス
• 複数のデバイスを使い分ける人々
• 様々な画面サイズ
• マウス・タッチ・音声操作?
使いやすいこと……
“使いやすい”の中身は変化
Survey Analytics Blog - Top 5 Infographics of the Week - Internet of Things
http://blog.surveyanalytics.com/2014/09/top-5-...
既成概念に捕らわれすぎないこと
フレキシブルなデザイン・実装
セキュリティ
去年も色々ありました
2013年データ
漏洩人数 931万2543人
漏洩件数 1333件
想定損害賠償総額 2020億6575万円
一件あたりの漏洩人数 7385人
平均想定損害賠償額 / 件 1億6024万円
平均想定損害賠償額 / 人 2万7675円
NPO ...
パスワードリスト型攻撃による
不正アクセスの増加
パスワードの最適変更間隔とその定量的効果の評価
https://docs.google.com/document/d/1RWDerFjLc24nr_lDhF8s0vEOJ8DPKhEnEAYG9qr_oBY/pub
TLS/SSL
サイト全体の SSL 化
• サーバ証明書とは?
• メリットは?
• サーバサイドの知識
• 導入時の注意点など
EV証明書による
なりすましやブランド乗っ取りの防止
ブラウザでのEV SSL証明書表示例 - Symantec
http://www.symantec.com/ja/jp/pop.jsp?popupid=see-how-ev-appears-in-your-browser
Photo by Eric Ward
Speed Speed Speed
この辺はもう当たり前
Lean Start-up
User- and Customer Experience (UX) - Zen Ex Machina
http://www.zenexmachina.com/what-we-do/user-experience/
Design Sprints
User- and Customer Experience (UX) - Zen Ex Machina
http://www.zenexmachina.com/what-we-do/user-experience/
• 再利用
• 汎用性
• コンポーネント化
• Custom Elements
• Templates
• HTMLImports
• Shadow DOM
Is ServiceWorker ready?
https://jakearchibald.github.io/isserviceworkerready/
Speed…
サイトパフォーマンスの方
HTTP/2
SPDY
HTTPリクエスト削減
↓
断片化・細分化
「技術の活用で競争力を高める」
より顕著に
写真素材ぱくたそ
model by 大川竜弥 & Lala*
「覚えることたくさんありすぎて死……」
各種ライブラリ
• PaaS
• IaaS
• BaaS (MBaaS)
うまく使えば色々捗る仕組みがたくさん
JavaScript は書けないと
※ 毎年言ってる……
Photo by Sam Azgor
メッセージング
エンタープライズ分野での活用
Slack, WhatsApp, LINE,
ChatWork, Skype …
「メールは死んだ」
何回目?
少なくとも
チームコミュニケーションの手段
としては終わってる
Photo by George Redgrave
顧客からのコンタクト手段……
チャットが電話を置き換えるかも
※ 手段としては特に目新しくはないけれど
• 本質を見失わないように
• もうパソコンだけの Web じゃない
• セキュリティは大事だよ
• サイトパフォーマンス周りの変化
• より早く、より小さく始める傾向
• スピード = 競争力
• エコシステムの構築
• 使えるものは使って楽...
バーンワークス株式会社
BURNWORKS.COM
サービスの詳細・実績など詳しくはWEBサイトをご覧ください。
2015年のWebサイト制作界隈 その傾向と対策
2015年のWebサイト制作界隈 その傾向と対策
2015年のWebサイト制作界隈 その傾向と対策
2015年のWebサイト制作界隈 その傾向と対策
2015年のWebサイト制作界隈 その傾向と対策
2015年のWebサイト制作界隈 その傾向と対策
2015年のWebサイト制作界隈 その傾向と対策
2015年のWebサイト制作界隈 その傾向と対策
2015年のWebサイト制作界隈 その傾向と対策
2015年のWebサイト制作界隈 その傾向と対策
2015年のWebサイト制作界隈 その傾向と対策
2015年のWebサイト制作界隈 その傾向と対策
2015年のWebサイト制作界隈 その傾向と対策
2015年のWebサイト制作界隈 その傾向と対策
2015年のWebサイト制作界隈 その傾向と対策
2015年のWebサイト制作界隈 その傾向と対策
2015年のWebサイト制作界隈 その傾向と対策
Upcoming SlideShare
Loading in …5
×

2015年のWebサイト制作界隈 その傾向と対策

3,777 views

Published on

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

Published in: Internet
  • Be the first to comment

2015年のWebサイト制作界隈 その傾向と対策

  1. 1. 2015年のWebサイト制作界隈 その傾向と対策 2015-02-06 burnworks Inc yoshiki kato
  2. 2. 変わらないもの 変わっていくもの
  3. 3. 変わらないもの Photo by gcworld
  4. 4. • 情報にアクセスできること • 正確な情報が取得できること • 使いやすいこと • ビジネスゴールを達成できること
  5. 5. 変わっていくもの Photo by Marc Meynadier
  6. 6. • 開発環境や使用言語 • フレームワークやライブラリ • デザインのトレンド • ブラウザやソフトウェア • デバイス・閲覧環境
  7. 7. アクセシビリティ…… みんなの公共サイト運用モデル改定版(2010年度) 障害を理由とする差別の解消の推進に関する法律 JIS X 8341 見直しの年(JIS規格のルール上)
  8. 8. アクセシビリティは 障がい者や高齢者のためだけの 特別な対策ではない
  9. 9. Siri 「バーンワークス株式会社で検索して、 サービス案内のページを読み上げて」 なんて操作を普通にするようになるかも ※ テキスト読み上げ(VoiceOver)機能はすでに搭載されている
  10. 10. Photo by randychiu
  11. 11. マシンリーダブルなコンテンツ
  12. 12. SEO 的にも…… 構造化データ セマンティクス
  13. 13. Photo by Luke Wroblewski
  14. 14. • 増え続けるデバイス • 複数のデバイスを使い分ける人々 • 様々な画面サイズ • マウス・タッチ・音声操作?
  15. 15. 使いやすいこと…… “使いやすい”の中身は変化
  16. 16. 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
  17. 17. 既成概念に捕らわれすぎないこと フレキシブルなデザイン・実装
  18. 18. セキュリティ
  19. 19. 去年も色々ありました
  20. 20. 2013年データ 漏洩人数 931万2543人 漏洩件数 1333件 想定損害賠償総額 2020億6575万円 一件あたりの漏洩人数 7385人 平均想定損害賠償額 / 件 1億6024万円 平均想定損害賠償額 / 人 2万7675円 NPO 日本ネットワークセキュリティ協会 2013年 情報セキュリティインシデントに関する調査報告 ~個人情報漏えい編~ http://www.jnsa.org/seminar/2014/0610/data/A4_incident.pdf 一昨年のデータではありますが
  21. 21. パスワードリスト型攻撃による 不正アクセスの増加
  22. 22. パスワードの最適変更間隔とその定量的効果の評価 https://docs.google.com/document/d/1RWDerFjLc24nr_lDhF8s0vEOJ8DPKhEnEAYG9qr_oBY/pub
  23. 23. TLS/SSL
  24. 24. サイト全体の SSL 化
  25. 25. • サーバ証明書とは? • メリットは? • サーバサイドの知識 • 導入時の注意点など
  26. 26. EV証明書による なりすましやブランド乗っ取りの防止
  27. 27. ブラウザでのEV SSL証明書表示例 - Symantec http://www.symantec.com/ja/jp/pop.jsp?popupid=see-how-ev-appears-in-your-browser
  28. 28. Photo by Eric Ward
  29. 29. Speed Speed Speed
  30. 30. この辺はもう当たり前
  31. 31. Lean Start-up User- and Customer Experience (UX) - Zen Ex Machina http://www.zenexmachina.com/what-we-do/user-experience/
  32. 32. Design Sprints User- and Customer Experience (UX) - Zen Ex Machina http://www.zenexmachina.com/what-we-do/user-experience/
  33. 33. • 再利用 • 汎用性 • コンポーネント化
  34. 34. • Custom Elements • Templates • HTMLImports • Shadow DOM
  35. 35. Is ServiceWorker ready? https://jakearchibald.github.io/isserviceworkerready/
  36. 36. Speed… サイトパフォーマンスの方
  37. 37. HTTP/2 SPDY
  38. 38. HTTPリクエスト削減 ↓ 断片化・細分化
  39. 39. 「技術の活用で競争力を高める」 より顕著に
  40. 40. 写真素材ぱくたそ model by 大川竜弥 & Lala*
  41. 41. 「覚えることたくさんありすぎて死……」
  42. 42. 各種ライブラリ
  43. 43. • PaaS • IaaS • BaaS (MBaaS)
  44. 44. うまく使えば色々捗る仕組みがたくさん
  45. 45. JavaScript は書けないと ※ 毎年言ってる……
  46. 46. Photo by Sam Azgor
  47. 47. メッセージング
  48. 48. エンタープライズ分野での活用 Slack, WhatsApp, LINE, ChatWork, Skype …
  49. 49. 「メールは死んだ」 何回目?
  50. 50. 少なくとも チームコミュニケーションの手段 としては終わってる
  51. 51. Photo by George Redgrave
  52. 52. 顧客からのコンタクト手段…… チャットが電話を置き換えるかも ※ 手段としては特に目新しくはないけれど
  53. 53. • 本質を見失わないように • もうパソコンだけの Web じゃない • セキュリティは大事だよ • サイトパフォーマンス周りの変化 • より早く、より小さく始める傾向 • スピード = 競争力 • エコシステムの構築 • 使えるものは使って楽をする まとめ
  54. 54. バーンワークス株式会社 BURNWORKS.COM サービスの詳細・実績など詳しくはWEBサイトをご覧ください。

×