「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。
デザイン
- Adobe XDで簡単なアニメーションを作る方法を超丁寧に解説します | 株式会社LIG
- 2021年10月リリースのIllustrator 2022（26.0）の新機能・機能強化など｜DTP Transit 別館｜note
- はじめまして、ヒラギノフォント公式noteです｜ヒラギノフォント公式note
- 創業100年を迎えたフォントメーカー「イワタ」をご存知ですか︖ イワタが開発した UD フォントや新聞書体は誰もが必ず⽬にしたことがある書体です。｜FONTPLUS
たとえば #AffinityDesigner には写真やスキャン画像のトレース機能がありませんが、「Vector Q」でトレースしてSVGで書き出せば、Affinity Designerでベクターとして編集することが可能です。
Vector Q: https://t.co/190MEyAI2j pic.twitter.com/J9qojYwdEI— なつき@Webスクール動画開催 (@Stocker_jp) November 30, 2021
コーディング
Simple.css – A classless CSS framework
約4KBのclassを使用していないCSSフレームワークだそうです。
- 【CSS】conic-gradientでCSSお絵描き – Little Strange Software
- CSSでhoverアニメーションの実行をPCのみに制御する｜BLACKFLAG
- HTML Living Standard ｜ HTML要素チートシート
- CSSでメディアクエリはもう必要ないかも -メディアクエリなしで実装するテクニックのまとめ
AMP
TwitterがGoogle主導で開発されたウェブサイトを高速化する形式「AMP」のサポートを打ち切ることが判明
「AMPとは、GoogleとTwitterが中心となって開発した」のにTwitterは辞めるのですね。
GoogleはAMP以外の広告の読み込み時間に1秒の遅延を加えていた などAMPに関してはevilな事実が明らかになっており、脱AMPが加速しているように感じます。
『アメブロのAMPを終了します』
一部ブログでAMPを停止したが影響は見られなかった
とのことです。
アメブロのような巨大サイトでさえ影響がないとのことであれば、AMPを続ける理由はもはや無いのかもしれません。
プログラミング
Chrome 97のDevToolsに新機能、Webブラウザ上の操作を記録、再実行、編集、保存。Puppeteerスクリプトへのエクスポートも
外部ツール無しでChrome上で操作を記録・再実行できるそうです。
WebサイトやWebアプリのテストに役立ちそうです。
Fleet へようこそ！ | JetBrains News
プログラミング用の新しい軽量エディター。気になります。
PhpStormなどで有名なJetBrains製です。
Microsoft、「Windows 11」ベースの開発者向け仮想マシンを無償公開／「Hyper-V」、「VMWare」、「VirtualBox」、「Parallels」に対応
Win11上でのブラウザ確認に良さそうですね。
PHP言語の開発と発展をリードする「The PHP Foundation」設立。JetBrains、Zend、Automatticなど10社 － Publickey
AutomatticはWordPress、JetBrainsはPhpStormで有名な企業ですね。
SEO
SEOで意外と認識されていないこと / Twitter
元Google日本法人の長山さんによるツイートのまとめです。
WordPress
WordPressでWebサイトを制作するときのテーマの考え方
やっぱりブロック対応、新機能対応を考えると完全オリジナルテーマは今後は難しいですかね…
JavaScript
Facebook・Instagram
本当の新社名は「メタ」でない、プラットフォームになれなかったFacebookの悲願
米国証券取引委員会（SEC）に届け出た新社名はMeta Platforms
Metaは正式な社名ではなかったのですね。
Instagram、“振って怒りを伝える”機能を米国で提供開始
端末を振ると問題報告画面に。iPhoneは昔振るとcmd+Zだったので、問題が起きたら振るというUIは分かりやすいかも？と思いました。
