2016年4月第1週号 1位は、美しく魅力的なUIを作るためのヒント、気になるネタは、Appleと大リーグが提携全チームにiPad Proを支給

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

美しく魅力的なUIを作るためのヒントをまとめた記事です。

2016年3月のデザイントレンドを紹介しています。

以下の3項目について、事例と解説がまとめられていました。

Retinaディスプレイなど高解像度の画面に対応した、「⁠HDデザイン」について解説した記事です。

画像、動画、イラストと背景画像、アイコンとユーザーインターフェイス要素について、高解像度画面を考慮した扱い方について紹介しています。

BootstrapとFoundationの、それぞれ最新版を比較した記事です。まだアルファ版のBootstrap 4と、最近リリースされたFoundation 6.2とを、9項目で比べて勝ち負けを付けています。

Foundation派のわたしとしてはちょっと残念ですが、結果は5勝2敗2分けでBootstrapのほうがオススメとなっていました。

なお、コメント欄でオススメのフロントエンドフレームワークを紹介している人もいて、そちらも参考になります。

ページのコンテンツの量が少ない場合にも、フッタを画面の一番下に固定するテクニックを紹介しています。

Flexboxを使うことによって、非常に簡単に実装しています。Flexboxに未対応のブラウザでも問題はないので、手軽に導入できそうです。

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

ASCII.jp：Twitterで画像に説明機能追加、視力が悪くても画像の把握可能に
Altテキスト的なものを追加できるようになったのですが、通常のアプリでは表示されません
AmazonがDashボタンの種類を拡充、最も売れているのはP&Gの洗剤 | TechCrunch Japan
登場から1年が経ち、現在100個以上のボタンが利用可能とのことです
Google、Gmailのエイプリルフールがしゃれにならず、取り下げて謝罪 - ITmedia ニュース
ユーザーがいかに細かいところを見ずに使っているかが分かったとも言えそうです

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

Nibblerは、アクセシビリティやSEOなどの要素から、Webサイトを解析してレポートする無料のWebサービスです。URLを入力するだけで、点数付きのレポートを作成します。

いろいろな要素ごとに点数を付け、以下の4つの項目での総合評価も出しています。

見出しやページタイトル、モバイル対応などを元にした「アクセシビリティ」コンテンツの量やサーバーの動作などを元にした「ユーザー体験」ソーシャルメディアや解析タグなどを元にした「マーケティング」コードの品質やメタタグ、URLのフォーマットなどを元にした「テクノロジー」

自分が管理するサイトを解析するのはもちろん、リニューアルを頼まれたサイトの状況を分析するのにも便利そうです。

このNibblerよりも機能が豊富な、有料版のSitebeamというサービスもあります。

AppleとMLB（米大リーグ）が提携し、12.9インチのiPad Proが全球団に提供されるそうです。MLBが開発したチームのデータを活用するための専用アプリを搭載するそうですが、データは各球団が用意するようになっています。

これは、アメフトのNFLがマイクロソフトと独占契約し、2014年シーズンからSurface 2 Proを使用していることに対抗しているようです。だから、iPad Airやminiではなく、12.9インチのiPad Proじゃないといけないのですね。

それに伴い、ノートパソコン、タブレット、スマートフォンをダグアウトで使うことも解禁されるそうです。試合中に監督がTwitterで実況したり、選手がベンチでの自撮りをInstagramにアップしたりは、たぶん禁止ですよね…？