2022年5月第2週号 1位は、シンプルなインターフェイスを作る方法、気になるネタは、「NHKプラス」、「Firefox」での視聴が不可能に 5月23日から

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

シンプルなインターフェイスを作る方法をまとめた記事です。正解とされているパターンを教えてくれるというより、正しい考え方のヒントを与える内容になっています。

人にやさしいインターフェイスの作り方を、以下の項目別に解説していました。

モバイルファーストデザインのクイックガイドです。モバイルファーストデザインとは何か、このアプローチを実装する利点、始めるためのいくつかの原則について説明しています。

モバイルファーストの原則として以下の項目が挙げられていました。

ハンバーガーメニューを強化するためのCSS＆JavaScriptのスニペットをまとめています。

ボタン部分のアニメーションや、メニューが表示される効果が工夫されていて参考になりそうです。

ミニマリズムを取り入れたデザインの手引きです。ホワイトスペース／色／写真とイラスト／タイポグラフィと数字／形とパターンについて解説していて、作例も豊富です。

ミニマリズムのデザインコンセプトは何もない状態を受け入れることと、それをアートの一部にすることとありました。何もない状態＝ホワイトスペースということですが、ホワイトスペースは白に限らずいろんな色にチャレンジすることを勧めています。

Figmaでのレスポンシブなデザインの作り方を解説した記事です。

Figmaのオートレイアウト機能を使いつつ、ブレークポイントごとに違うフレームを表示できるBreakpointsプラグインを利用した方法を紹介しています。

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

Wixがこの1年間で最も成長したCMSに、マーケットシェア3位に上昇 | TECH+
WixとSquarespaceのシェアが増加傾向のようです
Apple、Google、Microsoftがパスワードなしサインイン標準サポート拡大 - ITmedia NEWS
近い将来、スマートフォンのロックを解除するだけでいろいろなアカウントにサインインできるようになるそうで期待したいです
MS、Xbox Cloud Gamingを通じてブラウザから「フォートナイト」のプレイが可能に - CNET Japan
iOS、iPadOS、Android搭載のスマートフォンやタブレット、Windows PCから利用できるとのこと

先週の気になるツール／サービス

LiveReactingは投票機能やゲーム要素などを追加できるライブ配信ツールです。ブラウザ上で利用でき、YouTube、Facebook、Twitchでのライブに対応しています。

ライブ配信に追加できるのは、事前に録画した動画、カウントダウン、ゲーム、投票です。投票はコメントを元に自動集計する機能もあり、項目別に棒グラフで何%かを表示できます。また、投票機能はOBS、StreamYard、Restreamなど別の配信ツールでの利用もできるようです。

それぞれの機能はテンプレートを元に簡単に使えるようになっています。無料で使うこともでき、有料版はサブスクリプションだけでなく使う時間分だけ購入するプランもありました。

FirefoxでNHKプラスが見られなくなると発表されました。ネットではアンチの多いNHKがらみのネタなだけに、批判の声が多いようです。

これまでは推奨環境ではないながらFirefoxでの動画再生はできていたのが、今後は全く再生できなくなるとのこと。これは意図的にFirefox上で再生できなくするんだと推測されます。

サポートのコスト削減のためという声もありますが、FirefoxではNHKプラスでの動画再生時にスクリーンショットが撮れるらしいので、その対策という理由もありそうです。ともかくアンチに突っ込まれる要素になってしまうのは残念に思いました。