2019年10月の、これだけは押さえておきたいWeb関連の動き

「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。

デザイン・macOS Catalina

Sketch × inVision × Zeplin × GitHub(Abstract)からFigma に移行してみて|Spacemarket Design|note

先月に引き続き、Figma関連の記事が多いですね。
Figma だけになり、管理が楽になった とのこと。

macOS Catalina(10.15)がリリースされましたが、インストールはくれぐれも慎重に | DTP Transit

macOS Catalinaでは32bitアプリが動作しないということは何年も前から告知されていたはずですが、知らずにインストールしてAdobe CS6以下が動かなくなったというツイートはよく見ますね。
Catalinaは変化が大きくバグも多いため、私は当面インストールしない予定です。

macOS Catalinaでヒラギノ角ゴPro/ProNが消える – kyoto.nagoya Blog

macOSはヒラギノ角ゴPro/ProN、ヒラギノ角ゴシックなど似たようなフォントが多いのが気になっていましたが、最新の10.15 Catalinaでヒラギノ角ゴPro/ProNがフォント一覧から消えたようです。

「過去に制作した、ヒラギノ角ゴPro/ProNはどうなるの?」と気になる方もいると思いますが、どうやらフォントは隠されているだけで、ヒラギノ角ゴPro/ProNが使用されたドキュメントは問題なく開けるようになっているようです。
ただ、WebページのCSSでヒラギノ角ゴPro/ProNを指定しても無視されるようです。

Devices | Facebook Design

いろいろなスマートデバイスの素材。画面合成するのに良さそうですね。

Gidole Open Source Modern DIN

オープンソースでモダンなDINフォントを作ろうという試みのようです。

コーディング

CSS設計全盛期に学ぶフロントエンド設計 – Speaker Deck

65ページ目 jQuery + CSS設計でも設計の本質を見抜いていれば、きちんとした設計は可能 など気になることが書かれていました。

Webコーディングスクール 体験レッスン受付中

GoogleとChrome

macOS 10.15 Catalinaアップグレード後、Google Chromeで「ヒラギノ角ゴ Pro/ProN」が反映されてない不具合が最新のCanaryで修正。 | AAPL Ch.

Google ChromeをCatalinaで動作させると「ヒラギノ角ゴ Pro/ProN」が反映されないという問題ですが、最新のCanary(ベータ版のようなもの)では修正済みとのことで、そろそろ正式版でも修正されそうです。

グーグル、「Chrome」で混在コンテンツのブロック強化へ – ZDNet Japan

2020年2月のChrome 81から混在コンテンツがhttpsでロードできない場合ブロックがデフォルトになるそうです。

勘違いされる方がいないように補足しておきますが、これはHTMLがhttps(暗号化されている)なのにそこで読み込まれているJavaScriptがhttp(暗号化されていない)といった場合にそのJavaScriptがブロックされるという話であり、すべてのコンテンツが暗号化されていない場合については何も書かれていません。

ノーコードでWebページをスクレイプできるChrome拡張「AnyPicker」 – エンジニア・プログラマのソーシャルITメディア

Webページの内容をCSVにしたいといった場合に便利かもしれません。

Googleカレンダー、Webブラウザで「cal.new」と入力すると予定入力ページが開くように – ITmedia NEWS

sheet.new slide.new keep.new もいけるようです。

「さようなら、Flash」 Google検索、Flashのインデクシングを終了へ – ITmedia NEWS

あまり知られていないかも知れませんが、GoogleはFlashコンテンツをインデックスしていました。
それが廃止されるそうですが、ほとんどのWebサイトに影響はないと思います。

SEO・マーケティング

【図解】グーグルのリンク評価20の原則【2019年版】(後編#11~#20) | Moz – SEOとインバウンドマーケティングの実践情報 | Web担当者Forum

普段からSEOを意識している方はご存じのことが多いと思いますが、意識したことのなかった方は読んでおくと良いかもしれません。

【インスタ、エアビー、Slack等】人気サービスの初期ユーザー獲得方法

今は有名なサービスや企業が、最初はどうやって顧客を獲得したかという話のまとめ記事です。

Windows・IE

マイクロソフトが方針転換。Windows 7の2023年までの延長サポート、あらゆる企業が購入可能に - Publickey

Windows 7環境が残るということはIE11も残るということで、非常に残念なお知らせです。

WordPress

WordPressテーマの作り方 2019 私のベストプラクティス – Speaker Deck

カスタムフィールドは旧エディターの時にはよく使用していましたが、Gutenbergではコンテンツのためには使用しない方が良いかも知れませんね。

プライバシー

Adobe Creative Cloudユーザー、750万件のデータが誤って公開される(大元隆志) – 個人 – Yahoo!ニュース

これは2013年のニュースではありません。2019年10月のニュースです。
つまり、またもAdobe CC契約者の個人情報が流出したということです。

「クッキー」情報収集、公取委規制へ スマホ位置情報も:朝日新聞デジタル

タイトルに入っているCookieに反応している方が多いようですが、趣旨としては「プライバシー保護」であり、GDPRの日本版のようなものができるのか、注視する必要がありそうです。

最近の記事

Web制作関連動画

メルマガ会員向けの「コーダーにも役立つ補完AI『Codeium』の使い方」の動画を期間限定で公開しています。
CodeiumはGitHub Copilotと似ていますが、CSSなども補完できて、今登録すれば無料で使えます。

メルマガでは、Web制作者のためのAI活用やWordPress関連の動画など、さまざまな特典があります。ご興味ある方は、ぜひメルマガにご登録ください。
Index