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 Thingshttp://blog.surveyanalytics.com/2014/09/top-5-infographics-of-week-internet-of.html

Kevin Ashton proposed the term "Internet of Things" in 1999

既成概念に捕らわれすぎないこと

フレキシブルなデザイン・実装

セキュリティ

去年も色々ありました

2013年データ

漏洩人数 931万2543人

漏洩件数 1333件

想定損害賠償総額 2020億6575万円

一件あたりの漏洩人数 7385人

平均想定損害賠償額 / 件 1億6024万円

平均想定損害賠償額 / 人 2万7675円

NPO 日本ネットワークセキュリティ協会2013年 情報セキュリティインシデントに関する調査報告 ～個人情報漏えい編～http://www.jnsa.org/seminar/2014/0610/data/A4_incident.pdf

一昨年のデータではありますが

パスワードリスト型攻撃による

不正アクセスの増加

パスワードの最適変更間隔とその定量的効果の評価

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 Machinahttp://www.zenexmachina.com/what-we-do/user-experience/

Design Sprints

User- and Customer Experience (UX) - Zen Ex Machinahttp://www.zenexmachina.com/what-we-do/user-experience/

• 再利用

• 汎用性

• コンポーネント化

• Custom Elements

• Templates

• HTMLImports

• Shadow DOM

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

Speed…

サイトパフォーマンスの方

HTTP/2SPDY

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サイトをご覧ください。