【Web業界情報（まとめ）】「動きで魅せる！Web制作の参考UIインタラクション、アニメーション38個まとめ」「いまWebマーケティング業界に求められる＜広告の健全化＞とは」など【2020年8月1日～8月7日号】

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

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

＋ ＋ ＋

Webデザイン

▶ アプリやウェブサイトをデザインする上で最低限押さえるべき4つのポイント
▶ Twitter 人気のつぶやき 7/25〜7/31 2020
▶ コピー&ペーストで使えるシンプルなアイコンのセット・「Indie Icons」
▶ Github gistや任意のスニペットコードを画像化できるWebアプリ・「Snippet Shot」
▶ UXリサーチのための定量的なデータ分析
▶ 2020年7月に読んだWeb・デザイン関連の本
▶ 動きで魅せる！Web制作の参考UIインタラクション、アニメーション38個まとめ
▶ WebページやスマホアプリのUIデザイン・モックアップが簡単に！Adobe XDのプラグイン「Spectrum」が便利
▶ 商用可！手書きでナチュラルな無料フォント132個まとめ 2020年完全版（和 / 英文対応）
▶ UXを評価するときに検討したい６つの指標
▶ デザイナーは持っておきたい！デザインにぴったりなフォントが簡単に見つかる、無料でダウンロードできるモリサワ Font Map
▶ 1個10円！おしゃれで使いやすい万能英語フォント集が97％オフの大セール中
▶ 無料かつロイヤリティフリーなアニメーションつきベクター画像をダウンロード可能な素材サイト「Pixel True」

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

▶ CSSでさまざまなスタイルのボタンを簡単に実装できる！モジュール式の拡張可能なCSSライブラリ -Knopf.css
▶ Youtube動画からサイト内に動画ギャラリーを埋め込める「YouRam」
▶ 簡単な設定で使える軽量でモダンなキーバインドライブラリ・「tinykeys」
▶ Bootstrap 5の作業環境の構築方法、jQueryを使用しないJavaScriptでの実装方法を解説

マーケティング

▶ いまWebマーケティング業界に求められる「広告の健全化」とは
▶ 動画広告の最新の効果測定ツールを調べてみた
▶ 【91％が不愉快と回答】どんどん過激になっていくSNS広告。若者は外見コンプレックスを取り上げた広告をどう感じているのか？〈実態調査〉
▶ スマホ非接触決済、利用率と満足度にはズレあり！ 満足度では「楽天Edy」「WAON」が上位
▶ SNS利用実態調査から見る、いま企業がTwitterに取り組むべき理由とその取り組み方
▶ 本質に迫ったPRを実施するには？ 事例から何が必要かを考えてみた
▶ 自粛期間終了後に変わってほしいこと1位は「買い占め・転売の消滅」。日常の衛生習慣の維持ニーズが高め
▶ AI活用でマーケティングはどう変化する？ AIを学ぶ4ステップと8種類の活用例

アクセス解析

▶ 画像ライセンス構造化データのレポートがSearch Consoleに追加、リッチリザルト テストでの検証も可能に
▶ 無料でGoogle Analytics（グーグルアナリティクス）の習熟度を測れるGoogleスキルショップとは？

SEO・検索エンジン

▶ リッチリザルトに使われなくても構造化データをマークアップすべき？ リッチリザルト表示は1ページ目だけ？ Google社員が構造化データの質問に回答
▶ Core Web Vitals改善: 安定版Chromeで大きなCLSを発生させている要素を特定する
▶ Google検索の品質評価者はどのようにしてE-A-Tを評価しているのか？

SNS

▶ 「ハッシュタグ」の活用方法は？ いまさらきけないTwitterのつかいかた
▶ Instagramが15秒の短編映像共有サービス「Reels」を日本を含む世界50カ国でスタート、TikTokにライバルが登場か

その他

▶ 最新GoogleChrome OS 84が登場。オフラインで使える便利な新機能とは？
▶ リモートワーク成功！オススメのモニタリングシステムと運用方法
▶ ブラウザで動作するオープンソースのスプレッドシート・「Luckysheet」
▶ GoogleがサードパーティーCookie廃止に向けて開発者向けツールのテストを開始
▶ 「Android」アプリ「Yahoo!ブラウザー」が機能強化とデザインのリニューアルを実施
▶ 世界の著名人がオススメしている書籍を調べられる・「Most Recommended Books」
▶ 【整理整頓編】生活に役立つWebディレクションの知識をご紹介します
▶ Google Pixel 4aが14日から予約開始！ 多機能なのに4万円台でゲットできるよ
▶ 大容量のファイルを無料で共有・保存するには｢Telegram｣がおすすめ
▶ オープンソースのカスタマー向けリアルタイムチャットツール・「Papercups」
▶ Firefoxがデフォルトでリダイレクトトラッカーをブロックする「Enhanced Tracking Protection 2.0」を公開
▶ スマホ向けファイル管理アプリ「Files by Google」にファイルをPINコードで保護できる「Safe Folder」機能が登場、実際に使ってみた

＋ ＋ ＋

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

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