「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。
この写真は、私が12月に撮影したものです。11月25日に発売された FUJIFILM X-T5 というカメラに、オールドレンズ風MFレンズの 7Artisans 35mm F1.2 (v1) を使用して撮影しました。
デザイン・Figma・UI
デザイナーがFigmaを始めたい時に読む記事｜えび🍤｜note
今年は非常にFigmaが伸びて、Adobeに買収されるといったこともありました。
えびさんは最近Figmaの情報をTwitter等で発信されており、この記事では初心者向けに情報をまとめています。
- UIから「白」が消える日｜ritar｜note
- デザイン素人に贈る、UIディレクション10個のポイント｜ひとし｜note
- 2022年のUIデザインツールのまとめ、注目されているプロトタイプ・デザインシステム・リモートワーク・ユーザーテストなど
- 25年続くYahoo!ニュースを支える、Figmaを用いたデザインシステム
- 2022年、Web制作・デザインに役立つ記事の総まとめ
- 【まとめ】エンジニア向けデザイン参考サイト – Qiita
コーディング
リンク/ボタン/フォームをより良くするHTML・CSS 17選 – ICS MEDIA
divタグをボタンにするのは避けよう
、placeholderをラベル代わりにしない
など
CSS Grid・Flexboxの 最近の進化とミライ
スライド資料です。→キーでページ送りできます。
REMM｜BEMとOOCSSの混在が可能なCSS設計・コーディングメソッド
新しいCSS設計・コーディングメソッドのようです。CSS設計の自由さと、CSSプロパティ汚染に対する適度な堅牢性
があるとのこと。
- 1ミリ秒でも早く届けたい! HTMLで画像読込を高速化するために取り組んでいること – ICS MEDIA
- 最短2行。上下左右中央揃えにはCSS Gridが一番ラク
- Chrome 108にはCSSの新しい機能がたくさん含まれている、新機能と変更・削除された機能のまとめ
プログラミング・JavaScript
Chromeの疑似クラス「:has()」がjQueryの「:has()」に悪影響を及ぼす問題が解決へ。Chromeは回避策実装、jQueryは新バージョンで対応
既存のjQueryを利用しているWebサイトがあれば、最新のjQueryへ入れ替えることを検討されてはいかがでしょうか
とのことで、特にjQueryで :has() を使っている場合は最新版にした方が良さそうです。
GitHub CEO トーマス・ドムケ氏が来日。いずれコードの80％がAIで作成されるようになると予言
現在はコードの約40％がGitHub Copilotで書かれており
は本当なのですかね…？
JavaScriptランタイム「Bun v0.3.0」リリース。メモリ消費量が3分の1以下に、npmパッケージの自動インストールなど
サーバサイドで実行可能なJavaScriptランタイム
だそうです。
Webブラウザー
Apple、iOSのブラウザにWebKit以外の使用を許可するかどうかを検討中
現時点では、iPhoneのChromeはSafariと同じエンジンです。
今後は、ようやくBlinkエンジンのChromeがiPhoneで動くように…？
- 今は、もう、動かない、その User-Agent 文字列
- Microsoftが方針転換 ～「IE 11」の完全無効化は2023年2月14日、「Edge」の更新で実施／それまでに「IE モード」への移行を
その他
ついに日本企業にGDPR違反、個人情報漏洩が制裁の理由ではない（Forbes JAPAN） – Yahoo!ニュース
必要がないのに漠然とした理由で個人情報を取得しておこうという考えは通用しない
特に日本企業のお問い合わせフォームは、不必要に個人情報を取得しようとするケースが多いように感じます。
