【Web業界情報（まとめ）】「ディズニー直伝！Webデザインでアニメーションの基本原理を応用する方法」「コロナ禍で＜投げ銭＞を活用した最新事例と消費者の心理の変化とは」など【2020年8月15日～8月21日号】

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

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

＋ ＋ ＋

Webデザイン

▶ 【デザイン初心者向け】入社して初めて作成したアイキャッチ、先輩からのフィードバックをすべて公開します！
▶ Kindle半額セールで、今年発売されたばかりのWeb制作・デザイン・イラスト関連の書籍が多数対象に！
▶ ディズニー直伝！Webデザインでアニメーションの基本原理を応用する方法
▶ 様々な業種やシーンにも対応したオープンソースのベーシックなアイコンセット・「Neu Icons」
▶ 商用利用無料、UIデザイン用のSVGアイコンが220種類！改変・再配布も可の太っ腹ライセンス -System UIcons
▶ デザイナーが持っていたい期間限定デザイン素材集 The Creative Designer’s Spectacular Toolbox

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

▶ Pandasライブラリにインスパイアされた、構造化されたデータの操作や処理を行うためのJavaScriptライブラリ・「danfo.js」
▶ WordPress 5.5に実装されたネイティブ サイトマップ機能を無効化する方法
▶ 「Goの父」ロブ・パイクの「プログラミング5カ条」にネット上で話題
▶ たった1行のCSSでこれなら簡単！すでに制作済みのWebサイト・スマホアプリをダークモードに対応させる方法
▶ SNS等のローディングで見かけるプレースホルダーをSVGで作れる・「Create Content Loader」
▶ HTMLとCSSで、デザインと1pxのずれもなく正確に実装する必要はあるのか？ ピクセル パーフェクトの現状
▶ たった1行のCSS！よく見かけるWebレイアウトを実現する凄技テクニック10個
▶ JSでsha256,aes,hmacsha512などの暗号化を実装できる「crypto-js」
▶ Googleアナリティクス代替として開発されたオープンソースの自己ホスト型Web分析ツール・「umami」
▶ Bootstrapライクに使えるフロントエンドフレームワーク・「Halfmoon」

Webライティング（コンテンツ）

▶ 「CVから遠いキーワードで記事を書いてもCVはとれない」というのは本当なのか？

マーケティング

▶ メディア別事例！BtoB企業のSNS活用事例をまとめてみた
▶ コロナ禍で「投げ銭」を活用した最新事例と消費者の心理の変化とは
▶ 個人に「最適化」できている？ メールをパーソナライズ化するときのチェックポイント
▶ 新規SaaS事業のニーズをどう検証すべきか？
▶ 個人情報保護と広告出稿、今後は「投資の強化」と「統計分析などの技術活用」が2大課題に
▶ 2020年上半期のインターネット広告は、コロナにより予算減少。「交通・レジャー」はキャンペーン費激減
▶ なぜD2Cブランドが実店舗に注目するのか。体験価値でファンを作った優秀事例3選
▶ インスタ広告が配信できない理由は画像だった!?NGなクリエイティブ事例と解決策
▶ 初心者様必見！効率良くリードを獲得する3つのポイント

アクセス解析

▶ Search Console InsightsをGoogleがベータ公開、GSCとGAを統合した新しい検索向けレポート
▶ Search ConsoleのAMPレポートとURL検査ツールがSigned Exchangeのエラー検出に対応
▶ アクセス解析の結果を見て、何の数値を伸ばせば良いのか？

SEO・検索エンジン

▶ Google Chrome、表示が速いページのリンクに「高速版ページ」のラベルを付ける

SNS

▶ Twitterに追加された新機能は、誹謗・中傷防止の打開策になるか？
▶ 教えて先輩マーケター！インスタ・ストーリーズの加工や投稿のコツ

その他

▶ Google、ChromeでのURL表示方法を試行錯誤。マウスホバーで完全なURLがオムニボックスに出現
▶ Vue.jsで構築されたオープンソースのフォントビューア・「fontvuer」
▶ Googleが「Gmail」を大幅刷新！ビデオ通話やチャットも集約したツールに進化
▶ Chrome 86では「アドレスバーに完全なURLを表示しない」実験が行われることが判明
▶ 技術を教えるときの7つのポイント
▶ リニューアルでWebサイトを良くする3つの鉄板アプローチ
▶ 社名が変わる?!その時会社のWebサイトはどうすればいい？転ばぬ先の8つのポイント
▶ 位置情報データの活用企業をまとめた「ロケーションテック カオスマップ」が公開、コロナ渦で位置情報データ活用の拡大と参入プレイヤーの増加が背景に
▶ 無料＆簡単にCookieの確認・編集・削除・書き出しなどが行えるアドオン「Cookie Quick Manager」レビュー
▶ ようやくこの時がきた、MicrosoftからIE11サポート終了のお知らせ
▶ Googleマップがカラフル＆詳細に進化、違いをスライダーで比較できる画像5点
▶ Internet Explore 11のサポート終了までのスケジュールをMicrosoftが発表
▶ 未開の星で工場のラインを組み上げていくゲーム「Factorio」が得意な人はソフトウェアエンジニアに向いている
▶ CORSの仕組みをGIFアニメで分かりやすく解説

＋ ＋ ＋

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

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