【週刊Web業界情報】Web業界で成功したい人のための、最新Web情報まとめ【2020年8月22日～8月28日号】

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

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

＋ ＋ ＋

Webデザイン

▶ Webやデスクトップ、モバイルなどのアプリ開発向けのデザイン/UIコンポーネントライブラリ・「kor」
▶ Twitter 人気のつぶやき 8/8〜8/21 2020
▶ ゲームUXから学ぶプロダクトデザインのコツ
▶ Illustratorの技を磨く最新チュートリアル、使い方35個まとめ 2020年8月度
▶ かわいい有料フォントが今週末まで無料！レトロなデザインにぴったりなビンテージ フォント -Calderock
▶ ボタンをデザインするときに気をつけたい11個のポイントまとめ
▶ 期間限定で激安セールが復活！鬼滅の刃に使用されている筆文字フォントがお買い得、これがラストチャンスかも
▶ 94％オフ！和風デザインに便利な新しい毛筆日本語フォントコレクション
▶ フォトショップで人物写真を魅力的にする加工、レタッチ向けチュートリアル164個まとめ
▶ 無料＆商用利用も可能な歪んだ世界を表現するかのようなフォント「異世明・異世ゴ」

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

▶ 滑らかに動くスワイプ可能な非依存型のカルーセルライブラリ・「Embla Carousel」
▶ Vue.js製のシンプルなスニペットコードマネージャ・「Snapcode」
▶ CSSで、button要素とinput要素のテキストを美しく揃えるスタイルシートのテクニック
▶ コードを画像化できるオープンソースのWebアプリ・「Codify」
▶ こんなことができるんだ！CSSのボーダーを破線や点線にするスタイルシートのテクニック
▶ 複数階層のハンバーガーメニュー実装「HC Off-canvas Nav」
▶ 知っておくと便利！レイアウト・コンポーネントの実装で役立つ、flexプロパティの実践的な使い方を徹底解説
▶ 複数サンプルも用意されているBootstrap 5ベースのオープンソースの管理画面テンプレート・「Volt」

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

▶ マイクロコピーの改善で成果は上がる？ブランドにも影響を与える細部の重要性
▶ 改善すれば結果が出る！　オウンドメディア運営「5つの間違い」

マーケティング

▶ 組み合わせの妙が成功の鍵。DXを加速させるマーケティングツール4選
▶ ブランディング・販売促進・収益化…note（ノート）のビジネス活用について学ぶ
▶ 【2020年最新】note（ノート）に追加された新機能とその特徴まとめ
▶ ニューノーマル時代の企業戦略2大キーワード「SDGs」と「レジリエンス」とは？
▶ インフォグラフィックでみる！「LINE公式アカウント」に関する調査　83.4%が公式アカウントを登録し、約3人に1人は商品購入経験あり！
▶ 「結果のデータ」ばかり見ていませんか？ 企画に必要なのは「予測」です
▶ 中国4強「BATH（バース）」の最新事情。世界の注目を集めるパワフルさの理由とは？
▶ BtoBランディングページ改善のコツ！BtoCとの違いや基本構成、改善事例を紹介
▶ 2025年のマーケティング予想図、日本のミレニアル世代とシニア世代は決定的に異なっていた【インテージ調べ】
▶ 「SNSマーケティング」ってなに？ いまさらきけない基本用語
▶ 「LINEリサーチ」の「ライトコース」をリニューアル、新たに「オンラインで作成」提供
▶ 広告想起率を高めるには、出稿量に加えフリークエンシーをいかに重ねるかが重要

アクセス解析

▶ テキストフラグメント付きURLを検索パフォーマンスがレポートするように、強調スニペット分析に役立つかも
▶ 本当に正確なデータとは？Google アナリティクスの参照元（リファラー）、過去にさかのぼる仕様と直接セッション

SEO・検索エンジン

▶ Chrome86が混合フォームに警告メッセージを表示、自動入力を無効に
▶ 検索結果からダイレクトにGoogleマイビジネスの編集・操作が可能に
▶ ウィキペディアに手当り次第にリンクを追加してもSEO価値はゼロ
▶ 特定のトピックのコンテンツだけをフィードに掲載するGoogle Discover

SNS

▶ Twitterのタイムラインに流れる画像や動画をまとめて保存できるブラウザ拡張機能「Twitter メディアダウンローダ」
▶ インスタの新機能「リール（Reels）」を使ってみた

その他

▶ 情報をデザインするこつがよく分かる！デザインの手順がこんなにも詳しく解説された本は初めて -伝わる[図・グラフ・表]のデザインテクニック
▶ 寝てる間にテキスト化!?Googleドキュメントで取材音源を自動で文字起こしをする方法
▶ 自分だけの検索エンジンで日ごろの検索を効率化できるFirefox拡張機能「Add custom search engine」レビュー
▶ Googleがわずか6カ月で修了可能＆学費が安価な高成長分野向けのオンライン職業訓練プログラムを発表
▶ YouTubeの投げ銭機能「スーパーチャット」の累計金額ランキングが発表、上位7人を日本のVTuberが占める
▶ チーム向けのワークスペースを提供するシンプルなプロジェクト管理ツール・「Undesk」
▶ 無料でアカウント作成時に使える捨てメアドを自動生成して本来のメールアドレスを守る「Firefox Relay」レビュー
▶ iPhoneの容量を気にせずミー文字を撮影する方法
▶ Unsplashの画像を検索してDLしたりクリップボードにコピーしたり壁紙に設定できるデスクトップアプリ・「Coaster」
▶ 「Firefox 80」正式版リリース、同時にAndroid版Firefoxが大幅アップデート
▶ Google Chrome 85正式版リリース、ページの読み込み速度がさらに向上
▶ MicrosoftがInternet Explorerのサポート終了へ。移行準備をお忘れなく
▶ Google ドライブ・Gmailなどで発生した大規模障害の原因と対策をGoogleが説明

＋ ＋ ＋

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

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