2022年4月第1週号 1位は、UI／UXデザインのテクニックを6つ紹介、気になるネタは、TVer、リアルタイム番組の「追っかけ再生」可能に民放の「公式テレビ配信サービス」へ

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

UI／UXデザインのテクニックを6つ紹介しています。

Figmaのテクニックを23個もまとめた記事です。この回はパート2でパート1へのリンクもあります。

Photoshopの「結合部分をコピー」のように、フレーム内のデザインをエクスポートせずにPNGとしてクリップボードにコピーできるなど、知らない機能をたくさん知ることができました。

Figmaの操作をGIFアニメにして掲載しているので十分わかりやすいですが、同じ内容のYouTube動画も用意しています。テキスト記事と動画の好きな方で情報収集できるのはうれしいですね。

最小限で軽量のCSSフレームワークを10個紹介しています。ポートフォリオや履歴書ページ、ブログなど単純なサイトには、ファイルサイズの大きいTailwind CSS、Bootstrapのようなフレームワークより、軽量なものの方がおすすめということです。

最小限のフレームワークの方が学習コストが低く、JavaScriptに依存しないのもメリットです。独自のclassを追加するときに干渉を気にすることが少ないので、カスタマイズが前提ならこの手のフレームワークをベースにするのもいいのかなと思いました。

メッシュグラデーションのジェネレーターです。複数の色が混じり合うグラデーションをランダムに生成します。ベースの色や使用する色数を設定可能です。

CSSを表示してコピーするか、SVGとしてダウンロードして利用します。

フェミニンなロゴの無料テンプレートを10個まとめた記事です。ほかにもいろいろな種類のロゴテンプレートを紹介した過去記事へのリンクもありました。

クラウドソーシングなどの影響でロゴデザインの単価が下がっていると嘆く声もありますが、こういったテンプレートベースでローコストに作ることで十分なケースもあることは確かだと思います。

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

モリサワの「BIZ UDフォント」がGoogle Fontsで利用可能に、4月1日から - ITmedia NEWS
Google FontsでWebフォントとしても使えるようになっています
Firefox最新版にWebサイトのパフォーマンスを即座に可視化&共有できるツール | TECH+
「⁠JavaScriptをはじめとしたコードやUIのパフォーマンスを分析し、改善するのに役立つ」とのこと
Samsung、「⁠iMac」そっくりなWi-Fi内蔵4Kモニター - PC Watch
iMacというよりApple Studio Displayに似たディスプレイで、PCなしで単体で動画コンテンツを見たりWebブラウズもできるそうです

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

Typebotは会話形式で条件分岐をするチャットボットが作れるサービスです。問い合わせフォームやアンケートなどに使うと便利そうです。

選んだ選択肢によって分岐するだけでなく、入力内容によって処理を変える機能も用意されています。画像や動画も表示できて、Webサイトも表示できます。

作ったチャットボットはWebページやブログなどに埋め込み可能です。Typebotのトップページで埋め込まれたものを試せます。入力内容をメールで送ったり、Googleスプレッドシートと連携したりもできるようです。

民放の動画配信サービス「TVer」のサイトとアプリがリニューアルしました。リアルタイムで同時配信される番組を「追っかけ再生」で見られるようになったそうです。

TVer IDによるログイン機能が実装されたことで、お気に入り（以前の名称はマイリスト）を複数デバイスで共有できるようになりました。途中まで再生した番組の続きを別な端末で行えるなど、Netflixなどの動画配信サービスに利便性が近づきました。

一方で操作性が悪くなった部分も目立ち、Twitterでは「#TVer改悪」のハッシュタグでネガティブなツイートがたくさん投稿されていました。使い慣れたツールの操作感が変わると不満の声をあげる人が多いのはしょうがないですが、ユーザーの声を受けてさっそく一部機能が改善されていたのには好感を持ちました。