【Web業界情報（まとめ）】「商用無料！UIデザインに最適なSVGアイコンが1,130個」「アフターコロナで求められるサービスとは？ニューノーマルから予測」など【2020年7月23日～7月31日号】

「Web業界情報」マガジンで配信した情報を、ひとつにまとめています。（まとめ範囲は、1週間程度）

※ 「Web業界で働く人に役立つ情報」を人力で集めて厳選し、ジャンルごとにまとめています。
※ 情報収集サイトは、ページ下部に記載しています。
※ 過去の情報は、Web業界で働く人に役立つ情報サイト「beginavi」にてチェックできます。

＋ ＋ ＋

Webデザイン

▶ デザイナーの業務をサポートするツールやリソースを集約した・「Design Resources」
▶ Twitter 人気のつぶやき 7/11〜7/24 2020
▶ 商用でも無料で使える1000以上のミニマルなオープンソースのアイコンセット・「Teenyicons」
▶ Webデザインにおけるミニマルデザインとは
▶ 手書き英語フォントCalifornia Sunrise木曜まで無料！SVGフォント色の変更方法も（PS＆AI）
▶ 手書きイラスト苦手克服！数千種類のイラスト素材を無料ダウンロードできるサイトOuch
▶ デザイナーのための言い訳集
▶ 2020年話題の人気UIデザイントレンド8個まとめ 実例サンプル見本で紹介
▶ 認知負荷の増加がWebサイトに与える悪影響
▶ 550以上の使えるSVGアイコンセット「Tabler Icons」
▶ 商用無料！UIデザインに最適なSVGアイコンが1,130個、小さいスペースにも配置できる極小サイズ対応の優れもの
▶ 架空の都市の地図を作成出来るオープンソースのWebアプリ・「Map Generator」
▶ 商用利用可能な日本語フォント30書体が96％オフの限定特別セール中

プログラミング（コーディング）

▶ 無料＆スクリプトひとつでウェブサイトに「視点の追跡機能」を実装できる「WebGazer.js」レビュー
▶ アニメーションしながら動的に順位が入れ替わるバーチャートを生成できるOSS・「Bar chart race generator」
▶ プレゼンで使ってみたい！横棒グラフのデータ変化をアニメーションで表示するオンラインツール -Bar chart race
▶ CSSで美しいシャドウをつけるbox-shadowの古い書き方とこれからの書き方
▶ イージングをCSS関数で管理する
▶ WordPress 5.5がサイトマップ生成機能を標準装備（上級者にはもの足りない？）
▶ CSSやHTML、JavaScript等で、似たような挙動をするタグや方法で何が違うのかを解説する・「this vs that」
▶ Googleフォントをサブセット化してページの読み込みをスムーズに
▶ Webページでよく使用されるレイアウトに役立つCSS Gridの実装テクニックのまとめ

マーケティング

▶ note（ノート）で販売促進！企業が「ストア機能」を活用して収益をあげる方法
▶ コロナ禍でD2Cブランドが注目されるのはなぜ？その理由を探る
▶ メール配信システムの活用事例からみる、「メルマガ開封率」アップのコツとは
▶ 浴衣の購入は減少傾向!?Googleトレンドと浴衣ブームから見る推移
▶ 企業のブログ運営にコツはあるのか？活用のヒントと各サービスの特長比較
▶ 2020年下半期の企業の広告宣伝費は回復傾向！「コロナ禍と広告・マーケティング」調査結果レポート【メディアレーダー】
▶ 今、D2Cのパーソナライズ商品が熱い。日本初のパーソナライズシャンプー「MEDULLA（メデュラ）」にみる強さ
▶ アフターコロナで求められるサービスとは？ニューノーマルから予測
▶ 宣言解除後の最新調査で明らかになった、With/Afterコロナに企業が注視すべき消費者の新・欲求“ニューノーマル・プラネット2.0”を発表
▶ スマホ向けアプリを体験できるプレイアブル広告の事例集
▶ サブスクコマース経験率が最も高いのは、20代のEC利用経験者
▶ ギグワーカーの意味とは？ メリットと新たな働き方から見るアフターコロナの世界

アクセス解析

▶ AMPテストがウェブストーリーの検証をサポート。ウェブストーリーでGoogle Discoverでの450000回のインプレッションも夢じゃない？

SEO・検索エンジン

▶ SEO対策を行うなら押さえておくべき！Googleのコアアップデートの歴史
▶ メタタグを見直してCTR改善！「メタディスクリプション」を記述するポイント
▶ Google、モバイルファーストインデックスの強制移行を2021年3月末まで延期
▶ Google、1位のページのタイトルが大きいモバイル検索をテスト中

SNS

▶ インスタと連携も！無料で始められる「Facebook（フェイスブック）ショップ」とは？
▶ Twitterは収益増加のためにサブスクリプションモデルについて研究している
▶ InstagramがTikTokユーザーのヘッドハンティングを開始、中には数千万円が支払われるケースも

その他

▶ コロナ禍で長期化するテレワーク。自宅を快適なオフィスにするためのポイントを紹介
▶ Youtubeで公開されているソフトウェア開発のチュートリアル動画を学びやすくまとめている・「Tutorialist」
▶ 複数サービスを横断して唯一無二のアカウント名が探せる「namae」
▶ 「Firefox 79」正式版リリース、新たな論理代入演算子が導入されたほか、noopenerの設定が標準になりセキュリティが向上
▶ タイムゾーンの異なるリモートチームの為のビデオ会議ライクなビジネスツール・「Grapevine」
▶ AWSやKubernetesなどのインフラ管理をまとめて行える「Clutch」をLyftがオープンソースで無料公開
▶ Google、ChromeデベロッパーツールのLighthouseによる構造化データチェック機能を改良予定

＋ ＋ ＋

＜Web業界情報収集サイト＞
かちびと.net　/　コリス　/　バシャログ。　/　バズ部　/　海外SEO情報ブログ　/　ferret（フェレット）　/　LIGブログ　/　PhotoshopVIP　/　phpspot開発日誌　/　UX MILK　/　Webクリエイターボックス　/　Web担当者Forum　/　GIGAZINE

#Web #web制作 #Webデザイン #コーディング #マーケティング