2020年4月第5週号 1位は、説得力のあるランディングページの作り方、気になるネタは、隔離生活で求められる自然発生的なコミュニケーションを生むソーシャルアプリ

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

説得力のあるランディングページの作り方を紹介した記事です。

CSSだけで実現した背景パターンのライブラリです。区切り線として使うこともできます。ドットや斜線、ストライプなどシンプルで使い勝手が良さそうなものが揃っています。

classの指定だけで色や大きさを変えられます。テキストに適用する方法、テキストの背景や画像の背景にずらして配置する方法など、使い方のヒントを紹介しているのも気が利いています。

ほとんどの最新ブラウザはSVGをファビコンとして使用できるそうで、その設定方法やメリット、アイデアを紹介しています。

SVGのテキストエレメントを使って絵文字をファビコンにする方法や、ダークモードのときにファビコンが変化するテクニックも興味深いです。

アイコンを探すのに役立つ、アイコン検索エンジン、アイコンライブラリ／コレクションをまとめた記事です。

無料で使えるアイコンを入手できるサイトもたくさんありますし、PNG、SVG、PSD、EPSなどいろいろな形式のものが探せるはずです。

Windows 98のインターフェイスのようなデザインを実現するCSSです。実用性よりもジョークの意味合いが強いのでしょう。

ボタン、チェックボックス、ラジオボタン、テキストボックス、ドロップダウンがWindows 98風になります。また、Windows 98のウィンドウっぽい青いグラデーションのタイトルバーも使えます。

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

FacebookのZoom対抗「Messenger Rooms」は時間無制限で50人が参加可能 - ITmedia NEWS
Facebookアカウントを持っていない人も参加できるのが従来のMessengerでのグループビデオチャットとの大きな違いです
Facebookページで有料ライブ動画イベント開催が可能に「⁠クリエイターや小規模ビジネス支援で⁠」⁠ - ITmedia NEWS
コンサートや講演会、各種教室などで利用できそうとのことです
「怪しいZoomに注意」とIPAが呼びかけ--インストールすると偽の警告画面や請求 - CNET Japan
Zoomの偽サイトに気をつけようという記事です。モバイルアプリにもZoomを名乗る紛らわしいものがたくさんあります

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

zmurlはZoomを使ったイベントやセミナーの招待ページを作るサービスです。課金機能を持ったページも作れるようです。

Zoomのミーティングから自動で情報を取り込むことで、簡単に見栄えのいい招待ページが出来上がります。最近話題のZoombombingと呼ばれるいたずら行為への対策もされています。

なお、このzmurlのサイト、課金機能の紹介ページはNotionを使い、埋め込まれている動画はLoomを利用するなど、外部サービスをうまく利用しているところも参考になりました。

時間を決めてのオンライン会議ではなく、自由なタイミングで交流するツール／アプリが注目されているそうです。このTechCrunchの記事で紹介されているツールはどれも興味深いものばかりです。

新型コロナの影響で世界的にリモートワークが増える中、オフイスの給湯室で偶然顔を合わせた同僚と軽い会話を交わすような、自然発生的なコミュニケーションをネット上で実現する方法が模索されているんですね。

紹介されているツールの多くに共通しているのが、ビデオチャットのときの映像は小さめということ。確かに自宅の背景を見せる必要はないですし、バーチャル背景もビジネスの場では違和感あったりするので、この傾向は今後主流になるはずだと感じました。