2021年10月第2週号 1位は、Figmaでのデザイン作業をスピードアップする方法、気になるネタは、InstagramがIGTVブランドを廃止、リール以外のビデオを「Instagram Video」フォーマットに統一

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

Figmaでのデザイン作業をスピードアップするのに役立つ方法を紹介しています。

大画面に対応したWebデザインのヒントをまとめています。

今月のデザイントレンドを3つ、例とともに紹介しています。

1はヒーローエリアの主役を画像じゃなく文字にすること、3はロゴなどを控え目じゃなく大きく使うことです。

カードコンポーネントの角丸を、スマホサイズなどで横幅いっぱいになった場合には直角の角にするテクニックを解説しています。

Facebookで使われていた手法とのことで、max()、min()、calc()を使ってトリッキーな方法で実現していて興味深いです。

CSSとJavaScriptを使って、スクロールに合わせて影を表示する方法を紹介しています。ページ内にスクロールする要素があった場合、スクロールできる方向の端に影を重ねます。

CSSだけでもできるのですが、iOSのSafariで機能しなくなったらしく、JavaScriptを使った方法を推奨していました。

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

メルカリ内でショップを開ける「メルカリShops」開始値下げ交渉なしで販売可 - ITmedia NEWS
販売手数料は売上金の10％ですが、売上10万円までは販売手数料を無料にするキャンペーンを行うそうです
YouTubeのライブ自動字幕起こし、全クリエイターが利用可能に - CNET Japan
今は英語のみですが、今後数カ月のうちに自動字幕起こし機能に対応する13言語すべてで利用できるようになるとのこと
テレビ動画アプリ「TVer⁠」⁠、最後まで視聴されると課金するインターネット広告を導入 - CNET Japan
「⁠日本の大手動画媒体では初となる完全視聴ベースの課金形態」なんですね

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

イラストを使ったダミー画像生成サービスです。イラスト素材を無料＆有料で提供しているBlushが提供しています。プロトタイプだけでなく実際に公開するサイトで使ってもよいようです。

イラストの作風（実質作者です）を選ぶとランダムにイラストが表示されます。画像サイズは縦横比を選ぶか数値で指定できます。背景色もカスタマイズ可能です。画像のURLだけでなく、埋め込みコードを生成する機能もあります。埋め込みコードにはイラストの作者名も入れられます。

読み込み時にランダムにその作風のイラストが表示されるURLを生成できると思ったのですが、実際は特定のイラストを表示するURLでした。Blushのイラスト素材を選ぶ新たな手段ということですね。

InstagramがIGTVの名称を廃止することを発表しました。これまで動画は通常投稿としての動画、長尺用のIGTV、ショート用のリールの3つに分かれていましたが、今後は通常投稿で長尺（60分まで）の動画も扱えるようになります。

ちょっとわかりやすくなりましたが、ストーリーもありますし、やはり初心者が理解するのは難しいと思います。動画の長さに制限があることによる良さもあったと思うのですが、だらだら長い動画が増えてしまう可能性もありそうです。動画はこれまで同様フィード上では60秒まで表示されます。

ユーザーページにはこれまでのIGTVのタブの代わりに動画タブが登場して、そのアカウントが投稿した動画をまとめて見られるようになります。IGTVの単独アプリはなくなってしまうのではなく、名称などを変更して継続される予定とのことです。