週刊Webテク通信
2016年7月第3週号 1位は，Webサイトをデザインリニューアルすべき時，気になるネタは，「Pokemon GO」の影響？ 「キロをマイルに換算」Google検索数が急増
ネットで見かけたWebテク
1. When to redesign your website and when not. Explained with animations.http://
Webサイトのデザインリニューアルをすべき時について解説しています。
- 今のデザインには柔軟性がない
- 作ったときと比べてWebの常識や技術が変わってしまった
- 取り扱う商品やサービスが変わった
- 何年も更新していない
- 競合他社より良いものにしたい
また，
- 友達が気に入っていない
- うまくいってるけど何か変えたい
- 古く見える
- 競合他社がWebサイトを新しくした
- デザインを新しくすれば注目を集めるはず
図1 Webサイトのデザインリニューアルをすべき時
2. Mobile UX Design: Key Principles — UX Planethttps://
モバイルUXデザインの法則として，
- 乱雑さをなくす
- わかりきったものとなっているナビゲーションを使う
- モバイル以外の端末とシームレスな体験を提供する
- 指で操作しやすいデザインをする
- テキストは読みやすくする
- インターフェイスの要素ははっきりと見えるようにする
- 端末を持つ手の位置を配慮してデザインする
- 文字入力を最小限に抑える
- デザインをテストする
図2 モバイルUXデザインの法則
3. 10 CSS Libraries for Better Image Hover Effects - Hongkiathttp://
画像にカーソルが重なったときのロールオーバー効果を適用するCSSライブラリをまとめた記事です。
画像の上にテキストやボタンがアニメーションで表示される効果が，
図3 ロールオーバー効果のCSSライブラリいろいろ
4. UX Toolshttp://
UXデザインツールの比較表を提供しています。オンラインツールとデスクトップアプリの両方紹介されており，
プロトタイピング／
図4 UXデザインツールの比較表
5. 850+ Free Icons for Web, iOS and Android UI Design | Icons | Graphic Design Junctionhttp://
フリーのアイコンセットをダウンロードできるサイトを多数紹介しています。
ほとんどのアイコンはベクター形式で用意されているので，
図5 フリーのアイコンセットを多数紹介
そのほか，
- AWS上のサーバーのセットアップと管理が超簡単になるCloud With Meのらくちんサービス | TechCrunch Japan
AWSを簡単に管理ができるようになるサービスが登場しました - Facebook，
Microsoftの 「Office 365」 を採用 （「Facebook at Work」 と併用） - ITmedia ニュース
Facebookの社内で使うツールの話でした - 寝起きのだるさにサヨナラ――スマホ連動型カーテン自動開閉機
「mornin'」 登場 - ITmedia LifeStyle
カーテンもスマホと連動して開閉できる時代になりました
先週の気になるWebサービス
Compare responsive frameworks. Find responsive design snippets, patterns and examples.http://
Codeplyはレスポンシブなフロントエンドフレームワークを簡単にテストできるコード共有サービスです。Bootstrap，
それぞれのフレームワークで使われるclassやコンポーネントをメニューから選べるところがとても便利です。慣れていないフレームワークでも，
リアルタイムでプレビューでき，
図6 レスポンシブなフロントエンドフレームワークを簡単にテストできるコード共有サービス
図7 Codeplyのコード編集画面
今週の気になるWebネタ
「ポケモンGO」
ローカライズの不備とも言えますが，
Ingressにはハマれませんでしたし，
著者プロフィール
芦之由（あしのよし）
Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター＆ライター。シャープMZ-80Bからのパソコンユーザーで，Macintosh IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。
デイリーWebテクの購読やバックナンバーについては，以下の紹介サイトをご覧ください。
デイリーWebテク - Webテク関連の話題を毎日配信 -
URL：http://www.rgs680.com/dwt/
バックナンバー
週刊Webテク通信
- 2016年7月第4週号 1位は，一貫性を持ったデザインをするための7つのヒント，気になるネタは，Google，機械学習を利用した「ふきだしズーム」を公開
- 2016年7月第3週号 1位は，Webサイトをデザインリニューアルすべき時，気になるネタは，「Pokemon GO」の影響？ 「キロをマイルに換算」Google検索数が急増
- 2016年7月第2週号 1位は，フォームのデザインにおいてやりがちなミスの対処方法，気になるネタは，初期Eye-Fiサポート終了「テクノロジーが時代遅れに」
- 2016年7月第1週号 1位は，ChromeのデベロッパーツールでCSSアニメーションを検証する方法，気になるネタは，Kindleが紙に近づく新機能Page Flip導入。指挟んでパラパラを再現
関連記事
- 2020年4月第3週号 1位は，リモートワークに関するヒント，記事，ツール，気になるネタは，AppleとGoogleが新型コロナ感染チェック用モバイルアプリを共同開発，プライバシー保護も確約
- 2020年3月第4週号 1位は，デザインにおけるストーリーテリングの10のヒントと事例，気になるネタは，iPadOS 13.4、3月24日にリリース決定。Magic Trackpadなど既存トラックパッドやマウスも利用可能
- 2020年3月第1週号 1位は，悪意に満ちたダークUXパターン10個，気になるネタは，Apple Japan，「アニメに登場するMac」集めたCM公開 教育向けキャンペーンで
- 2020年2月第4週号 1位は，オンボーディグをデザインするためのヒント，気になるネタは，顔をプリントしたマスク，着けたまま顔認識でロック解除も--デザイナー考案
- 2019年11月第5週号 1位は，ボタンやメニューのクリックできる領域を増やす方法，気になるネタは，Apple，企業向け音楽配信「Apple Music for Business」。ブランド毎に楽曲選別