2017年3月第2週号 1位は、今どきのUIデザインで影やぼかしの効果を使う方法、気になるネタは、ソニー、PS4も遊べる投影型コンピュータ Xperia Touch 発表。超短焦点プロジェクターと投影面タッチ認識、Android搭載

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

今どきのUIデザインで影やぼかしの効果を使う方法について解説した記事です。

影とユーザーインターフェイスのわかりやすさ

モバイルインターフェイスでぼかしを使う利点

ぼかし効果による問題点

CSSでグリッドレイアウトを実現するCSS Grid Layoutについての完全ガイドです。

CSS Grid Layoutはまだ対応しているブラウザは少ないですが、Microsoft EdgeとIE11でも対応しており、Flexboxでも難しいような複雑なグリッドレイアウトを実現できます。

Chromeでは、「⁠chrome://flags」で試験運用機能のページを開き、「⁠試験運用版のウェブプラットフォームの機能」を有効にすることで利用できます。

Web開発におけるバックエンドとフロントエンドについて、それぞれ知っておくべき知識について説明しています。

バックエンドとフロントエンドのどちらの立場の人も知っておくべき知識は、バージョンコントロールシステムとテスト＆デバッグとのことでした。

Webサイトを作るためのプラットフォームとツールを10個紹介しています。

ツール選びで重要な要素として以下の項目が挙げられていました。

タブインターフェイスのコードとデモを18種類まとめた記事です。

タブ切り替えの際のエフェクトに特徴のあるものが多く、どれを利用するのか迷いそうです。

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

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

Web MakerはChrome拡張として起動するコードエディターです。コード共有サービスCodePenと似たインターフェイスで、リアルタイムプレビューを見ながらコードを記述できます。

Sass、Lessなどのプリプロセッサに対応しているのはもちろん、Bootstrap、Foundation、Animate.cssなどのCSSライブラリや、jQuery、AngularなどのJavaScriptライブラリを選ぶだけですぐに読み込めるのも便利です。

マークダウン記法も使えるので、リアルタイムにプレビューできるマークダウンエディタにもなります。作ったファイルは保存、書き出しができますし、スクリーンキャプチャを撮れたりと、なかなかの高機能です。

Android OSを搭載し、プロジェクタで映した画面をタッチ操作できる投影型コンピュータ「Xperia Touch」が発表されました。かなり未来を感じられる面白いデバイスです。

タッチ認識は赤外線とカメラを組合せた方式で、毎秒60フレームで10点マルチタッチ認識に対応とのこと。発売後のファームウェアアップデートでジェスチャー操作にも対応するそうです。

紹介ムービーにも登場していますが、やはり子供に受けそうなデバイスです。チームラボのやってるようなことの縮小版ができそうにも思えます。これを使って何をしようかと考えるのが楽しい期待のデバイスです。