2018年5月第2週号　1位は、デザインの構成要素を、数値ではなく見た目で調整する方法、気になるネタは、VR180カメラからYouTubeにライブストリーミングができるモバイルアプリが登場

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

デザインの構成要素を、数値ではなく見た目で調整する方法を紹介しています。

位置揃えにしろ色にしろ、数値でぴったり揃えても人間の見た感覚では違和感がある場合があります。そのへんを丁寧に調整していく作業の解説です。

本文を読まなくても、画像を順に見ていくだけでだいたい理解できるという面で良い記事です。

ウェブページのロゴを中央揃え／右揃えにしてはいけない理由を解説しています。

右に配置するのはともかく、センターはアリではないかと思いましたが、ユーザーは左上のロゴをクリックしてホームに戻るという習慣があるため良くないとのこと。

代わりに上部ナビゲーションバーの一番左に、ホームに戻るボタンを入れるのは有効とのことでした。

UIデザインにおけるフォントサイズについてまとめた、「⁠完全ガイド」を謳った記事です。

iPhone、iPad、マテリアルデザイン（モバイル／デスクトップ⁠）⁠、モバイルウェブ、デスクトップウェブに分けて解説しており、原則と参照リンク集もあります。

まずFlexboxで記述し、CSS Gridが使える環境ではCSS Gridが適用されるようにする、「⁠Fallback」の考え方での記述方法を紹介した記事です。

良く使われるレイアウト4つでの記述例が載っています。gridareaの名前に絵文字を使っているところが面白いですね。

画面サイズに合わせて可変する、文字の形でマスクをかけた動画をCSSで実装しています。

文字はSVGにしてマスクとして使い、レスポンシブにどんなサイズでも見られるサンプルがCodePen上にあります。

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

URLから支払える「PayPal.me」が国内ローンチ--ビジネスの請求・決済が簡単に - CNET Japan
ビジネスアカウントかプレミアアカウントが必要で、個人間送金としては利用できないとのこと
Amazon.com、「⁠Alexa」で“⁠スキル内課金⁠”可能に - ITmedia NEWS
スキル自体を販売するのではなく、スキル内課金とスキルでのAmazon Pay経由の決済ができるようになるようです
知っておきたいGmailの10の新機能 | マイナビニュース
これまで複数の画面を開いて行ってきた作業を単一のページでシームレスに行えるようになるなど、いろいろと機能強化されているとのことです

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

いくつかの質問に答えていくことで、簡単にカスタムフォントを作れるサービスです。完成したフォントは有料でダウンロードできますが、そのかわり使用には制限がなく販売することもできます。

ロゴ用／テキスト用／画面用のどの用途かを選び、出てきた見本のフォントからベースにするものを選び、太さを選び、傾きを選び、横幅を選び……と見た目で気に入ったものを選んでいくことでカスタムフォントを生成できます。

Prototypeというカスタムフォント作成サービスの開発元が提供しており、Prototypeでは細かく設定できる分手間がかかったフォント作成を、誰でも簡単にできるようにしたサービスなのでしょう。

VR180という180度のパノラマビューを撮影する新しいVRフォーマットがGoogleから登場し、専用のカメラとアプリも発売開始されました。

360度ではなく180度に割り切ったことで、高解像度の立体画像を安価なシステムで実現できるということのようです。たしかに360度は必要ないというシーンも多いように思えます。

コンテンツ制作側としても、180度だと従来と同じ撮影方法でOKというメリットもあるとのこと。たしかに360度全部写るとなると、カメラマンやセットの裏側まで写ってしまいますからね。