週刊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デザイナー＆ライター。ポッドキャスト「アシカガCAST」でデジタル活用のヒントを発信中。シャープMZ-80Bからのパソコンユーザーで，Macintosh IIciからのMacユーザーでApple好き。Webテク情報やツール（ソフトウェア）の案内，デジタル活用情報をまとめた「アシカガノオト」をNotionで公開しています。
バックナンバー
週刊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年9月第4週号 1位は，Webデザインで使われる5つの基本の画像タイプ，気になるネタは，ペンにしか見えない全天球カメラ「IQUI」はカジュアル特化の「THETA」か
- 2020年9月第3週号 1位は，ナビゲーションメニューのUXデザインの原則，気になるネタは，Alexaにおはようと言うと，あいみょんが挨拶 「一日アレクサ」で新譜プロモーション
- 2020年9月第2週号 1位は，CSS Flexboxを使ったヘッダーの作り方，気になるネタは，“偉い人は上座”も可能？ Zoom，参加者を並び替えられる新機能
- 2020年8月第4週号 1位は，レスポンシブデザインとアダプティブデザインの比較，気になるネタは，C Channel，アプリサービスを9月末で終了へ--SNSでのコンテンツ配信にシフト
- 2020年8月第3週号 1位は，ユーザー体験を向上させるCSSアニメーションについて，気になるネタは，「顔が明るく見えるライトや壁紙を購入」――“オンライン映え”気にするのは20代男性？ 賢く見えるよう本の購入も