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

1. Social media design: 5 steps for a winning visual strategy (2021) | Dribbble Design Bloghttps://dribbble.com/stories/2021/02/09/social-media-design-tips

ソーシャルメディアでのビジュアル戦略を5つのステップで解説しています。

1. ビジュアルブランドを定義する
2. ソーシャルメディアスタイルガイドを作る
3. 参考にするものを貯めておく
4. オリジナルのグラフィックスを作るのに時間をかける
5. テンプレートを作る

最後に「やらないことリストを作る」も追加していました。すべきでないことを決めるのも重要ですね。

3は原文では、「⁠swipe file」を使うという表現で、パクリ元のファイルを作るということのようです。競合他社の投稿、異業種のブランド、好きなデザインなどをまとめておいて参考にしましょうということでした。

2. 16 Product Design Tools You Need in Your Arsenalhttps://userguiding.com/blog/product-design-tools/

プロダクトのデザインに必要なツールを多数まとめた記事です。

• プロトタイピングとデザイン
• チームコラボレーション
• ユーザー行動分析
• アイコン管理
• （ノーコード）Web開発
• （ノーコードアプリ）開発

上記の項目ごとに、いろいろなツールを紹介しています。

3. SVG Repo - Free SVG Vectors and Iconshttps://www.svgrepo.com/

SVG形式のアイコン／ベクター素材を探してダウンロードできるサイトです。アイコンセットごとに見られますし、フリーワード検索も可能です。

各素材にライセンスについて明記されており、ほとんどの素材がクレジット表記など不要で商用利用可能なものでした。

4. 10 Must-Watch YouTube Channels for Web Designers | Webdesigner Depot Webdesigner Depot » Blog Archivehttps://www.webdesignerdepot.com/2021/02/10-must-watch-youtube-channels-for-web-designers/

Webデザイナーが見るべきYouTubeチャンネルを10個紹介しています。

Adobe、Googleなど有名なところが提供するものから、書体デザイナー、ロゴデザイナーのチャンネルなども取り上げていました。

5. Bootstrap 5 CheatSheet By ThemeSelection | Classeshttps://bootstrap-cheatsheet.themeselection.com/

Bootstrap 5のチートシートです。項目を選ぶとコードとプレビューを確認できます。

BootstrapにもTailwind CSSのようなユーティリティ的な要素、たとえば「Utility:Spacing」にあるマージンやパディングを設定するclassなどが増えていますね。

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

• アドビ、ブラウザ上でPDFの編集や変換ができる無償ツール公開 | TECH+
  MS Officeファイルや画像ファイルをPDFに変換したり、PDFファイルを圧縮したりできるそうです
• アドビ、PhotoshopやIllustratorなどで共同編集が可能に--プリセットの同期機能も - CNET Japan
  リアルタイムではなく「非同期」の共同編集機能とのことです
• 勉強ノートまとめアプリ「Clear」運営をコクヨが子会社化 - CNET Japan
  Clearとコクヨは共同イベントなどを開催し、共同事業を進めていたことからの子会社化ということでした

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

ClubLink: Optimize your Clubhouse Events for SEO and listeners ✌https://clublink.to/

Clubhouseでroomをシェアするときのリンク先ページを、よりシェアしやすいページに変換するサービスです。Clubhouseが生成するroomのリンクの末尾部分を入力して作成します。

Clubhouse標準のリンクとちがって、シェアするときのOGP（プレビュー画像）がroomのタイトルやモデレーターのアイコンを含んだものになってわかりやすいです。日本語も文字化けしません。 が、ClubLinkで作ったページはJST（日本時間）になっていました。その点だけでもこのツールを使う意味があると思います。