2014年6月第2週号 1位は、モバイルアプリのUIデザインパターンを実例を元に解説、気になるネタは、スマートフォンが机から浮いているように見えるスタンドMagic Phone Stand

ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2014年6月2日～6月8日の間に見つけた記事のベスト5です。

モバイルアプリのUIデザインパターンについて、実例を元に解説しています。

以下にいくつかをピックアップして紹介します。

UXPinというUI/UXデザインのためのWebアプリケーションの関係者が書いた記事で、UXPinの宣伝にもなっています。紹介しているUIデザインパターンの一部を、UXPinでワイヤーフレーム化したものを見ることができます。

Webデザインや開発について学べるサイトをまとめた記事です。

1つ目に紹介されているUdemyは、Webデザインに限らずいろいろなノウハウを動画で学べるオンライン教育プラットフォームで、講師として講義を提供して報酬を得ることもできます。

2つ目のLynda.comは「Webデザイン」という言葉が使われ始めたころからノウハウを提供している老舗サイトですね。

テキストリンクのホバー時の効果のバリエーションが多数紹介されています。

これらはあくまでもインスピレーションのための作例で、ブラウザによってはうまく表示されないものもあるとのことです。最後の二つの効果はSVGを利用しています。

Webページのスクリーンショットを撮れるサービスをまとめています。撮った画像に矢印や文字などを追加できるものもあります。

ちなみに、最近はスクロール時の効果などギミックのあるサイトが多く、スクリーンショットを撮るのに苦労することがよくあります。

デザインエージェンシーのWebサイトのデザインギャラリーです。

クライアントの興味を引き、スキルを見せつけるための、デザイン性の高いサイトが多数紹介されています。

そのほか、最近の記事の中から、気になるニュース記事を3つ紹介します。

新しいプログラミング言語 Swift ｜ Developers.IO
WWDC2014で発表された新しいプログラミング言語の紹介です
タカラトミーが子供向けスマホ玩具発売へ、本物のスマホとLINE体験も可能 | マイナビニュース
スマートフォンとBluetooth接続してLINEが使えるようです
アップル､｢9年ぶり新店」の次は？ | オリジナル | 東洋経済オンライン
表参道のアップルストアは、けやきの葉でりんごマークがデザインされた予告のグラフィックスも話題になりました

先週の気になるWebサービス

JS NICEは、難読化や軽量化されたJavaScriptのコードを、読みやすく変換するサービスです。

ただ見やすく整形するだけでなく、より適切な変数の識別子を提案したり、自動で注釈を付けたりと、なかなかの優れものです。

歯車マークの設定メニューから「Interactive renames」を選ぶと、変数部分に三角形のマークが現れて、識別子を好きなように変更できます。もちろん、JavaScript内の同じ識別子の部分は自動で変更されるのでミスを防げますね。

人の作ったコードを読みやすく変換するだけでなく、自分でJavaScriptをコーディングする際にも役立つサービスのようです。

「Magic Phone Stand」はスマホが宙に浮いているようにも見える充電スタンドです。ケーブルの方に仕掛けがあるんでしょうが、一見スマホ自体に浮き上がる力があるように感じられますね。

最初はただ単に人に見せて面白がる程度のものかと思ったのですが、考えてみるとスタンドとしてかなり便利そうです。自撮りでムービーを撮るときや、動画を見るときなど、いろんなシーンで活躍しそうです。

横置きにも対応する予定のようなので、スマートフォンを縦にも横にもセットするようにできれば、さらに便利に使えるんじゃないでしょうか。でもこれ、アイデアをパクってどこかがすぐに作っちゃいそうな気もしますが、実際作るのは難しいんでしょうか。