2021年6月第3週号 1位は、フォントは5種類あれば十分という主張と選び方、気になるネタは、Apple Musicが空間オーディオとロスレスオーディオの提供を開始

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

フォントは5種類あれば十分という記事です。

自分用の5つのフォントに含める必要があるものをまとめていました。

注目すべきデザイントレンドを3つまとめています。

ランディングページをデザインするヒントを紹介した記事です。

5のカスタマイズは、ユーザーに合わせて変化する、パーソナライズされたランディングページを作るということです。

ハンバーガーメニューに関する考察です。何度も同じような記事を見てきましたが、ハンバーガーメニューの問題点や代替案を紹介しています。

アメリカでの調査結果だと思いますが、45歳以上のインターネットユーザーの48％はハンバーガーメニューの三本線のアイコンが何を意味するのか知らないそうです。

ハンバーガーメニューの代替手段で最もよく使われているのがタブメニューで、ほかにフローティングハンバーガー、スワイプによるナビゲーションを挙げていました。

SVGアイコンに影をつける方法を解説した記事です。CSSのfilterプロパティを使う方法と、SVGフィルターを使う方法があります。

CSSのfilterプロパティは使いやすいですが制限が多いです。一方SVGフィルターはいろいろなことができるぶん複雑で、HTML内に記述しないといけません。

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

アフィリエイト規制、責任の明確化が焦点に消費者庁が初の検討会 - ITmedia NEWS
虚偽や誇大宣伝を含むアフィリエイト広告の防止に向けた検討会が行われました
「カラーミーショップ⁠」⁠、『⁠フリープラン』好評ハードル下げ、さらに流通拡大へ | TECH+
5月にスタートした初期・月額利用料が無料の「フリープラン」が好評とのこと
バイデン氏、TikTokとWeChatを禁止する大統領令を撤回 - CNET Japan
TikTokの米国での事業を米国企業に売却する話は棚上げになっているようです

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

ハングマンと呼ばれる英単語を当てるゲームのテクノロジー用語バージョンです。5回までミスがOKで5つのステージがあります。

CSSプロパティ名、テキストエディタの名前、Webブラウザの名前などを当てる問題にチャレンジします。画面上にキーボードを出してアルファベットを選ぶと、間違えた文字がわかりやすくて便利です。

React + Typescriptで作られていてVercel（Netlifyのようなサービス）で公開しているそうです。CSSフレームワークにTailwind CSSを使っています。

Apple Musicで空間オーディオ（Spatial Audio）とロスレスストリーミングを利用できるようになりました。新たな音楽体験を追加料金なしで提供しているところが競合との差別化になりそうです。

ロスレスオーディオはファイルの容量も大きいので、特にiPhone上で再生するときはストレージ容量を気にする必要があります。なお、ハイレゾロスレスは外付けのデジタル/アナログUSBコンバーターを使う必要があるとのこと。

空間オーディオはこれまでApple TVの映像作品で聴くことができたのですが、ついにApple Musicの楽曲でも聴けるようになりました。対応しているのは全楽曲の中でごくわずかですが、曲数的にはそれなりにあり、専用のプレイリストで楽しむことができます。