2014年4月第2週号 1位は、効果的な「Aboutページ」に必要な5つのポイント、気になるネタは、音声入力もできる発注バーコードスキャナー「Amazon Dash」登場

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

効果的な「Aboutページ」に必要なポイントを5つ解説しています。

平凡なAboutページで済ませずに、うまく最適化したページを作るべきだと説いています。

図1　効果的な「Aboutページ」に必要な5つのポイント

※指定画像がありません※

iOS 7用アプリのための、フロントエンドフレームワークです。

HTML＋CSS＋JavaScriptによるフレームワークなので、アプリだけでなくWebアプリやWebサイトにも利用できます。

iOSでおなじみのUIが揃っているので、iOS向けのサイトをPC向けとは別途作るような案件があれば使いたいと思いました。また、iOSアプリのプロトタイプを作る場合にも役立ちそうですね。

図2　iOS 7用アプリのためのフロントエンドフレームワーク

※指定画像がありません※

レスポンシブWebデザインの制作に役立つチュートリアルをまとめています。

レスポンシブなナビゲーションメニューや表、検索ボックスの作り方などへのリンクが紹介されていました。

図3　レスポンシブWebデザインのチュートリアルを多数紹介

※指定画像がありません※

CSSコードを整理するためのツールを多数紹介した記事です。

CSSの記述をサポートするジェネレーターのようなツールではなく、CSSを整形したり軽量化するようなツールを中心としたまとめです。

スタイルガイドを自動生成するツールや、LESSやSassをサポートするツールなど、興味深いツールが掲載されていました。

図4　CSSコードを整理するためのツールいろいろ

※指定画像がありません※

黄色をベースとしたWebデザインのギャラリーです。

黄色は暖かさ、輝き、光、幸福をイメージさせると書いてありますが、これは日本でも同じですね。

図5　黄色ベースのWebデザインのギャラリー

※指定画像がありません※

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

6秒動画のVine、過去最大のアップグレード - Vineメッセージ提供開始 | マイナビニュース
Vine動画をメッセージとしてやりとりできるようになりました
Facebook MessengerにLINEのような無料通話機能追加 - ITmedia ニュース
Facebook Messengerのモバイルアプリに無料通話機能が追加されました
アトムやリボンの騎士など手塚治虫の資料170点ほどをGoogleで公開
Google 歴史アーカイブで『手塚治虫記念館』のミュージアムビューと170点ほどの資料が公開されました

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

SUZURIは、自分だけのオリジナルグッズを作って販売できるサービスです。画像をアップロードするだけで、Tシャツやマグカップなどのグッズを販売できます。

注文が入ってから制作するため在庫リスクもなく、資金ゼロで出品することができるわけです。この手のサービスはかなり昔からあって、海外だとCafePressが老舗だと思います。オリジナルTシャツ販売のサイトは日本にも多いですね。

SUZURIの特徴としては、サイトの作りやデザインがイマ風に洗練されているところでしょう。また、iPhoneケースが作れるところもいいですね。

運営しているのは、GMOペパボです。paperboy&co.が商標変更したんですね。

図6　自分だけのオリジナルグッズを作って販売できるサービス

※指定画像がありません※

Amazonが、日用品の注文に便利なガジェットを発表しました。バーコードをスキャンするか音声入力で商品をカートに入れらるそうです。

本屋で立ち読みしている本のバーコードをスキャンして注文するためのものではなく、消耗品が切れたときに素早く注文するためのものなんですね。

アメリカの一部地域で、生鮮食料品や日用品のオンライン販売をAmazonが始めたので、そのための発注をサポートする道具という位置づけのようです。日本のネットスーパーもマネしてこういうガジェットを作った方がいいんじゃないでしょうか。

これを見てわたしが連想したのは、バーコードスキャナーを使って中古品の値段をチェックしている、いわゆる「ビームせどり」の方々。バーコードをスキャンすると値段をしゃべってくれるような端末なら、そういった方々には便利だろうなと思いました。