2014年3月第3週号 1位は、IllustratorでWebデザインする際の時短テクニック、気になるネタは、意図不明の偽アプリ続出、マツキヨもピザーラも

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

Adobe Illustratorでインターフェイスをデザインするテクニックを紹介しています。Illustratorを使ってスピーディーにWebデザインを行うためのヒントが豊富です。

といった各項目について、アニメーションGIFを使って説明しており、全体を紹介するムービーも用意されています。このへんの見せ方がとてもよくできていますね。

ポイントを日本語に要約した記事もありました。

DribbbleとBehanceからフリー素材を探せるサイトです。

クリエイターのポートフォリオ＆ソーシャルメディアであるDribbbleとBehanceに掲載された作品から、無料配布されている素材がまとめられています。アイコン、UIキット、モックアップなど、カテゴリで絞り込むこともできます。

HTML5の新要素やAPIについて、対応していない古いブラウザでの代替手段をまとめたリストです。

Polyfillsとは、ブラウザに実装されていない機能を提供するためのコードのことだそうです。ここでは、古いブラウザでは対応していない機能を実現するためのJavaScriptライブラリやフレームワークなどを指しています。

ミニマルなWebデザインのギャラリーです。

見た目はシンプルながらも、それなりの仕掛けがあるサイトが多いようです。

モバイルアプリのサインイン／ログインのUIデザインのギャラリーです。

Dribbbleに投稿されているコンセプトデザインをまとめたもので、実際のアプリで使われているものではないようです。

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

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

今回は、Bootstrap関連のデザインツールをまとめた記事を紹介します。Bootstrapベースのページをレイアウトできるるサービスや、ボタンなどのパーツを作るサービスなどが掲載されています。

Bootstrap Designerは有料のツールで、豊富なテンプレートをベースにサイトを作ることができます。自分の作ったテンプレートを販売することもできるようです。

また、BootstrapベースのサイトをデザインできるEaselは、GitHubが買収したことでも話題になりました。

わたしはフロントエンドフレームワークではBootstrap派ではなくFoundation派なのですが、こういったツールや情報の充実度ではBootstrapが群を抜いていることは認めざるをえないですね。

「ピザーラ」や「マツモトキヨシ」などの非公認アプリがApp Storeで配信されたそうです。危害を与えるアプリではないそうですが、将来のアップデートで不正なアプリに更新される手口ではないかとのこと。

新たなサービスが流行るたびに偽物・なりすましが登場しますが、なりすましTwitterやなりすましFacebookに続き、なりすましアプリもどんどん登場してしまうのかもしれません。ファンが芸能人の海賊版アプリをリリースするなんてこともあるかもしれませんね。

なお、この記事書いてから気づいたのですが、これらの海賊版アプリが登場したのは今年の1月くらいのことで、当時すでにニュース記事になっていました。ここで紹介されたアプリは、さすがに今は削除されているようです。