Shows
火曜日のおフロTaxyAI, ChatGPT, NUI, コルーチン, Generator, mix-blend-modeGitHub - TaxyAI/browser-extension: Automate your
browser with GPT-4
LLMが変える、ユーザインターフェースの未来｜Dory
JSやPythonのジェネレータを使うとアニメーションや通信の状態遷移を簡易に記述できる
#Python - Qiita
CSSのブレンドモードが素敵！ mix-blend-modeを使いこなそう - ICS MEDIA
2024-01-1347 min火曜日のおフロSafari 17.2, CSS 2023, Tailwind v3.4WebKit Features in Safari 17.2 | WebKit
GitHub - promptfoo/promptfoo: Test your prompts, models, RAGs. Evaluate and compare LLM outputs, catch regressions, and improve prompt quality.
ハンズオン Gemini: マルチモーダル AI とやりとりする - YouTube
CSS ラップ: 2023 年 | Blog | Chrome for Developers
CSS text-wrap: balance | CSS and UI | Chrome for Developers
CSS text-wrap: pretty | Blog | Chrome for Developers
DevTools の新機能（Chrome 120） | Blog | Chrome for Developers
Tailwind CSS v3.4: Dynamic viewport units, :has() support, balanced headlines, subgrid, and more - Tailwind CSS
Cookie2 とは何か | blog.jxck.io
ブラウザでリロードしながらキャッシュの挙動を確認してる全ての開発者へ | blog.jxck.io
Compression Dictionary Transport (Shared Brotli) によるコンテンツ圧縮の最適化 | blog.jxck.io
2023-12-232h 17火曜日のおフロWASM, Type Scaling, attr(), ACT Rules, WebAIMSQLite3 WASM JS、試すメモ｜SQLite3 WASM(WebAssembly) 初級編、CMS作成など
GitHub - igtm/mdclient: Markdown Viewer Chrome Extension for Github
Type Scale - A Visual Calculator
How To Finally Figuring-out the Font Size for Titles | Tom Quinonero
音楽、数学、タイポグラフィ - シフトブレイン／スタンダードデザインユニット
auto-resize のJS実装
content: attr(data-value) " ";
attr() - CSS: カスケーディングスタイルシート | MDN
https://twitter.com/magi1125/status/1605571976663138304
https://twitter.com/r_nikaido/status/1604127506839138304
Browser hacking: Fixing a layout bug on HTML5Test.com - YouTube
HTML5test - How well does your browser support HTML5?
The state of HTTP in 2022
2022年の超私的デジタルアクセシビリティ関連10大ニュース | 覚え書き | @kazuhito
ACT Rules Implementation in Test Tools
2023-01-142h 01火曜日のおフロデジタル庁Webアクセシビリティー, JISS X 8341-3:2016, miChecker, Void elementデジタル庁、初心者向け「Webアクセシビリティー」導入ガイド無償公開 非技術者向け、専門用語は少なめに - ITmedia NEWS
JIS X 8341-3:2016 達成基準 早見表（レベルA & AA）
総務省｜情報バリアフリー環境の整備｜みんなのアクセシビリティ評価ツール：miChecker (エムアイチェッカー)Ver.2.0
駒瑠市〜アクセシビリティ上の問題の体験サイト〜
Chrome Browser
Void element （空要素） - MDN Web Docs 用語集: ウェブ関連用語の定義 | MDN
ゆうてん🖖さんはTwitterを使っています: 「タイポグラフィつよつよの方で英語で説明できる方、ヘルプ！！」 / Twitter
The Myths of Color Contrast Accessibility
There's a growing demand for designers to make their interfaces accessible to all users. It's important to accommodate users with disabilities, but there are many myths to color contrast accessibility being perpetuated by misinformed people. They often parrot these myths to discredit a design, without understanding in which situations a color contrast standard applies.
https://uxmovement.com/buttons/the-myths-of-color-contrast-accessibility/
CSS3による文字に影（ドロップシャドウ）を付ける | CSS3逆引き | Webサイト制作支援 | ShanaBrian Website
文字に影を付ける場合は text-shadowプロパティを使用します。 ぼかし、色は省略でき、色を省略した場合は文字色と同色が反映されます。 box-shadowと違い、広がり距離とinsetがないことにご注意ください。 text-shadow:水平方向の位置 垂直方向の位置; またはtext-shadow:水平方向の位置 垂直方向の位置 ぼかしの長さ; またはtext-shadow:水平方向の位置 垂直方向の位置 ぼかしの長さ 色; ※ サンプルでは分かりやすくするため、フォントサイズを大きくしています。 ※ サンプルにはありませんが、水平方
2022-12-171h 45火曜日のおフロChrome 108(svh/lvh/dvh), lch/oklch WCAG 2.1, axe-core, XStateブログ: 日本のウェブデザインの特異な事例
New in Chrome 108 - Chrome
Developers
Prepare for viewport resize
behavior changes coming to Chrome on Android - Chrome Developers
【CSS】要素の高さを100vhとしたときの問題点とは？3つの解決方法について解説 -
WEBCAMP MEDIA
What's New In DevTools (Chrome
108) - Chrome Developers
#ABEMA で試合のデータをアクセシブルに！デザインと色調整技術 |
CyberAgent Developers Blog
oklch()
- CSS: Cascading Style Sheets | MDN
GitHub - evilmartians/oklch-picker: Color Picker
for LCH
LCH – Figma
Google
Online Security Blog: Memory Safe Languages in Android 13
Adventar
今週のはてなブログランキング〔2022年12月第1週〕 -
週刊はてなブログ
アクセシビリティ
Advent Calendar 2022 - Adventar
Zigのカレンダー | Advent Calendar 2022 - Qiita
デザイナーが難解なガイドライン（WCAG）を乗り越える方法（提案）｜emim｜note
TS 4.9 satisfies operator を使って React
Router のナビゲーションを型安全にしてみる - Mobile Factory Tech Blog
UIデザインにおけるステートマシン - 弁護士ドットコム株式会社
Creators’ blog
2022-12-102h 57火曜日のおフロTypescript4.9 (satisfies), Nextjs13, Twitter backend architectureAnnouncing TypeScript
4.9 - TypeScript
"satisfies" operator to ensure
an expression matches some type (feedback reset) · Issue #47920 · microsoft/TypeScript · GitHub
type Colors = "red" | "green" | "blue";
type RGB = [red: number, green: number, blue: number];
type Palette = Record & {
red: RGB;
green: string;
blue: RGB;
};
const palette: Palette = {
red: [255, 0, 0],
green: "#0f0",
blue: [0, 0, 255],
};
Symbol
(シンボル) - JavaScript | MDN
TypeScript 5.0 Iteration Plan · Issue
#51362 · microsoft/TypeScript · GitHub
Next.js 13のServer Componentsは書き方が便利になるだけ
State of JavaScript 2022
MacBook
Proの“ノッチ”でマウス操作が遅くなる問題を改善、その方法は？ 明治大が実証：Innovative Tech - ITmedia NEWS
ついに初の解説書！
フォント制作の王道ソフト「Glyphs（グリフス）」執筆陣も非常に豪華で、フォントの作り方がよく分かります -Glyphsではじめるフォント制作 | コリス
Twitter
を作るのはなぜ難しいのか - Togetter
Manhattan,
our real-time, multi-tenant distributed database for Twitter scale
Elasticsearch alternatives: 8 to consider
after the license change
GitHub -
pola-rs/polars: Fast multi-threaded, hybrid-streaming DataFrame library in Rust | Python |
Node.js
高速な
2022-11-262h 09火曜日のおフロTwitter alternative, Sapling (Git alternative written in Rust), HSTS Preload, OpenSSL 3.x.x, Structural Subtypingcohost!
cohost! - "October 2022
Financial Update"
Minds
TweetDeck
Kizie - A better Twitter
app for Web
エクスプローラー
- Vivaldi Social
nitter
Welcome to Feedly
Inoreader - ニュースフィードを自由に操ろう
Google Fi
- A Simple, Wireless Phone Plan With Unlimited Data
Mastodon Alternatives: 25+ Social Networks and
Microblogs | AlternativeTo
Vivaldi: "The reception to
Vivaldi Socia…" - Vivaldi Social
Metaの大規模ソースコード管理システム「Sapling」がオープンソース化 -
GIGAZINE
facebook/sapling: A Scalable, User-Friendly Source
Control System.
フック API リファレンス – React
【React】1度だけ変更されるstateにはuseStateよりuseReducerを使う方が最適
SSL脆弱性診断テストでA評価をとってみよう
SSLとTLSの違いとは | さくらのSSL
RFC 8446 - The Transport Layer
Security (TLS...
2022-11-192h 21火曜日のおフロChrome 108, Viewport on Android, SVG spriteBrowser hacking: Let's
finally log into Discord! - YouTube
Prepare for viewport resize
behavior changes coming to Chrome on Android - Chrome Developers
A change to overflow on
replaced elements in CSS - Chrome Developers
Google Developers Japan:
Chrome 108 ベータ版 : CSS の新しいビューポートの単位、Federated Credential Management API、可変 COLRv1 フォントなど
Intent to
Ship: CSS Overflow for replaced elements
SVG sprites: old-school, modern, unknown, and
forgotten — Vadim Makeev
デザインシステム｜デジタル庁
COCOA機能停止版アプリ
/ Twitter
2022-11-121h 34火曜日のおフロRUST, JSONC, TOML, openapi-yup-generator, ri-calculator, TUI, Nextjs 13, TurbopackゼロからはじめるJavaScript(18)
可読性と表現力の高いデータ形式「JSONC」を活用しよう | TECH+（テックプラス）
TOML っていいな
やっぱり YAML は無いと思う
GitHub - igtm/openapi-yup-generator: CLI tool
for generating yup definitions from openapi3.yaml
OpenAPI 定義からyup定義を生成するRust製CLIを作ってみた
Using
Trait Objects That Allow for Values of Different Types - The Rust Programming Language
GitHub
- igtm/ri-calculator
GitHub -
fdehau/tui-rs: Build terminal user interfaces and dashboards using Rust
Kubernetesを操作するターミナル用ツール、K9sとKDashを紹介 | Think
IT（シンクイット）
GitHub -
Geal/nom: Rust parser combinator framework
tui - Rust
組込みC開発者へのヒント - The Embedded
Rust Book
モジュールを定義して、スコープとプライバシーを制御する
- The Rust Programming Language 日本語版
Defining
Modules to Control Scope and Privacy - The Rust Programming Language
Add more support for targets · Issue
...
2022-11-052h 34火曜日のおフロDesign System, Font-Family, .well-known/change-passwordTailwind考 - uhyo/blog
AI
Programmer
デザインシステムにおけるタイポグラフィーの試行錯誤
- DMM inside
ios13から日本語フォントのboldがより太くなるケース - Qiita
Takeru Suzuki (@terkel) | Twitter
2022年に最適なfont-familyの書き方 - ICS MEDIA
San
Francisco フォントを探る - Qiita
State of JS 2022 Preliminary Discussions ·
Issue #47 · Devographics/surveys · GitHub
The
State of GraphQL 2022
State of CSS
2022
board（SaaS）のアクセシビリティー改善の取り組みの現在地（2022年10月）
- ヴェルク - IT起業の記録
知ってるようで知らないRefererとReferrer-Policyのお話 -
Qiita
Apple、開発者やデザイナー向けに「Human
Interface Guidelines」の更新履歴を公開。
:has() - The CSS Podcast - YouTube
web.dev
Help
users change passwords easily by adding a well-known URL for changing passwords
A Well-Known URL for Changing
Passwords
2022-10-222h 28火曜日のおフロCritical CSS, CommonJS vs ESM, DesignCritical CSS? Not So Fast! – CSS
Wizardry – Web Performance Optimisation
重要でないCSSを延期する
tdarb.org / Making a Website Under 1kB
CommonJSとES Modulesについてまとめる
Browser hacking: Making CSS font emblems work on
Reddit - YouTube
Adobe、Figmaを約2.9兆円で買収へ デザインコラボツール大手
- ITmedia NEWS
「高齢者UIプロトタイプ検証の学び」についての重要ポイントと質問の回答｜敷地 琢也 / Ubie
Discovery｜note
1週間で20万PV「ためしがき」ツイッターのトレンド入りまでにやった工夫と、AI問診サービスが語る「常識が通じない」高齢者向けUIデザインの改善事例。｜アプリマーケティング研究所
Nintendo
Switchで目指した明快で軽快なUIとは？
画面をデザインするということ
- Qiita
2022-10-152h 11火曜日のおフロ:has(), Infinite Scrolling, Topics APIhttps://twitter.com/myakura/status/1565986899097178112
Infinite Scrolling: When to Use It, When to Avoid It
無限スクロールは考慮することが多い | blog.ojisan.io
ARIA: feed role - Accessibility
Feed Display | WAI-ARIA Authoring Practices 1.2
https://twitter.com/ChromiumDev/status/1567133236102414341
Topics API - Chrome Developers
この API が必要な理由 Topics API - Chrome Developers
Google Japan Blog: プライバシー サンドボックスの新しい Topics API について
Topics を紹介します。 | Privacy Sandbox - YouTube
2022-09-1049 min火曜日のおフロBun, Zig/Rust, Next.js Conf, Chrome 105Oven: the company behind
Bun
JavaScriptランタイム「Bun」が約9億円を調達、「Oven」社を設立。ホスティングやCIサービスなど計画
－ Publickey
ホーム ⚡ Zig
Programming Language
Rustプログラミング言語
Rust-based platform for the
Web – SWC
Deno - A modern runtime
for JavaScript and TypeScript
Rustがあるのに何でZig使うんですか？に対する解答
なぜ
Zig の採用を検討しているのか. かなり雑に書いてるので、雑に読んでください。 | by V | Jul, 2022 | Medium
CSS Modulesの歴史、現在、これから - Hatena
Developer Blog
Next.js Conf
https://twitter.com/yuxiao_he/status/1565865694402469888
New in Chrome 105 - Chrome
Developers
W3C、「Web SQL Database」の仕様策定を正式に断念 - CNET Japan
2022-09-031h 37火曜日のおフロOpenProps, mdx(docusaurus), 擬似クラス, border-color, unicode regex, EmojipediaBuild Custom Interfaces Using CSS Open Props -
YouTube
agendas/09.md at main · tc39/agendas
Markdown を拡張する MDX
はドキュメント作成の新たな可能性？
Build optimized
websites quickly, focus on your content | Docusaurus
Advanced Features: Using MDX |
Next.js
https://twitter.com/bert_hu_bert/status/1561466204602220544
【CSS】きみは "擬似クラス"
何個言えるかな？？ - Qiita
HTML5
の動画へのキャプションと字幕の追加 - 開発者ガイド | MDN
border-color - CSS:
カスケーディングスタイルシート | MDN
https://twitter.com/diegohaz/status/1562097407013359616
Unicode(ユニコード): フラグ "u" とクラス \p{...}
Index of /Public/UCD/latest/ucd
https://www.unicode.org/Public/UCD/latest/ucd/ArabicShaping.txt
https://www.unicode.org/Public/UCD/latest/ucd/EmojiSources.txt
New Emojis In 2022-2023
📙 Emojipedia — 😃
Home of Emoji Meanings 💁👌🎍😍
All Vendo
2022-08-272h 01火曜日のおフロVariable Units, State of CSS 2022, bfcache, nanoidCSSは確実に進化している！
新機能、単位を変数として利用できる「Variable Units（変数単位）」 | コリス
State of CSS 2022
[css-variables-2] Custom units as simple
variable desugaring · Issue #7379 · w3c/csswg-drafts · GitHub
The
Future of CSS: Variable Units, powered by Custom Properties – Bram.us
What's New In DevTools (Chrome
104) - Chrome Developers
バック/フォワードキャッシュ
Test back/forward
cache - Chrome Developers
Page Lifecycle API -
Chrome Developers
What's New In DevTools (Chrome
105) - Chrome Developers
UUID / CUID / nanoid とか乱数の話
Nano ID
CC
2022-08-131h 27火曜日のおフロCentering CSS, DIDs. WAI-ARIA, Font SubsettingHow to
Center a Div with CSS – 10 Different Ways
CSSでのセンタリング
- CSS: カスケーディングスタイルシート |
MDN
W3C、中央集権的な管理を不要にする「Decentralized
Identifiers (DIDs)」（分散型識別子）の仕様が勧告に到達 － Publickey
Linked Open Data - Wikipedia
JSON-LD - JSON for
Linking Data
Patterns | APG | WAI | W3C
GitHub -
jsx-eslint/eslint-plugin-jsx-a11y: Static AST checker for a11y rules on JSX elements.
GitHub - markuplint/markuplint: A Linter for All
Markup Languages.
Font
Subsetting Strategies: Content-Based vs Alphabetical - Cloud Four
Noto Sans の Web Font
対応とサブセットによる最適化 | blog.jxck.io
imgタグのwidthとheightを省略したらダメ！
画像によるレイアウトシフトを回避する最近登場した2つの優れた解決方法 | コリス
A Deep Dive Into
object-fit And background-size In CSS — Smashing Maga
2022-07-301h 37火曜日のおフロnormalize.css, Body Margin 8px, input type=number, webfontopen-props/normalize.css
at main · argyleink/open-props · GitHub
たった1行のCSSでこれなら簡単！すでに制作済みのWebサイト・スマホアプリをダークモードに対応させる方法
| コリス
Body Margin 8px | Miriam Eric
Suzanne
input[type="number"]をやめた話
- HTML: HyperText Markup Language | MDN
4.10.5.1.12
Number state (type=number)
Avoiding layout shifts:
aspect-ratio vs width & height attributes - JakeArchibald.com
月間利用者数500万人超え！ 症状検索エンジン「ユビー」の誰もが使いやすい、見やすいフォントへのこだわりとは｜モリサワ note編集部
症状に関連する病名についてAIで無料で調べる
症状検索エンジン「ユビー」 by Ubie
2022-07-161h 21火曜日のおフロNext.js 12.2, reset.css, Safari Styling Hacksline-height と
vertical-align の話（em-square）
Deep dive CSS: font
metrics, line-height and vertical-align - Vincent De Oliveira
Blog -
Next.js 12.2 | Next.js
SWC plugin を作成して Next.js に導入してみた
IEのサポートが終了した現在、古いCSSリセットからもう卒業！
最近のデバイス・ブラウザの仕様に適した新しいCSSリセット -EllyLoel/reset.css | コリス
GitHub - filipelinhares/ress: 🚿 A modern CSS
reset
- HTML:
HyperText Markup Language | MDN
: フィールドセット要素
- HTML: HyperText Markup Language | MDN
Using
the fieldset and legend elements - Accessibility in government
HTML フォームへの高度なスタイル設定
- ウェブ開発を学ぶ | MDN
useDatePicker – React Aria
Safari
14.1 未満のバージョンに Flexbox の gap プロパティのフォールバックスタイルを追加するための CSS ハック | Johnykei.net
CSSで1行で簡単にスムーススクロールを実装できる「scroll-behavior」プロパティ –
Webrandum
https://twitter.com/derSchepp/status/1346513882664357888
名古屋大学に不正アクセス 「ブラインドSQLインジェクション」攻撃でメアド2086件漏えいか
- ITmedia NEWS
2022-07-092h 03
火曜日のおフロHTTP Status Code 103, Chrome 103, ES2022TanStack/table: 🤖 Headless UI for building powerful tables
& datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table
New in Chrome 103 - Chrome
Developers
「Google Chrome 103」安定版リリース、HTTP 103
レスポンスコード対応などウェブ高速化への取り組み - GIGAZINE
HTTP の新しいステータスコード 103 Early
Hints | blog.jxck.io
Using
the “103 Early Hints” Status Code in Go Applications - Kévin Dunglas
HTTP
レスポンスステータスコード - HTTP | MDN
RFC: Eager · Discussion
#16854 · vercel/next.js
Local Fonts Demo
@font-face - CSS: カスケーディングスタイルシート |
MDN
Fetch API - Web API | MDN
GitHub、AIプログラミング機能「Copilot」の一般提供開始 月額10ドル
- ITmedia NEWS
American Express -
Default Prediction | Kaggle
JavaScriptの次の仕様ES2022の新機能まとめ - ICS MEDIA
2022-06-251h 38火曜日のおフロ認知プロセスとデザイン、HTTP/3CSS NiteさんはTwitterを使っています:
「2021年8月24日に開催した〈行動・認知プロセスモデルを知って、UIを的確に改善しよう〉／松田 直樹さん（まぼろし）@readymadegogo のアーカイブ動画を公開します。
https://t.co/xv0ss3qRtc https://t.co/k3r54E6Wrx」 / Twitter
Microsoft 社 Internet Explorer のサポート終了について：IPA
独立行政法人 情報処理推進機構
HTTP 関連 RFC が大量に出た話と 3 行まとめ | blog.jxck.io
次世代Web通信プロトコル「HTTP/3」がついに標準化
～有志による無償解説本が話題に - やじうまの杜 - 窓の杜
flano-yuki/http3-note: My HTTP/3 Note
2022-06-181h 20火曜日のおフロSafari 16 Beta (WebPush), Human Interface Guidelines, webp avif webm HLS ...PlayWright を使ってE2Eテストを書いてみた
News from WWDC22:
WebKit Features in Safari 16 Beta | WebKit
池田 泰延 (@clockmaker)
Apple -
YouTube
Human Interface
Guidelines - Human Interface Guidelines - Design - Apple Developer
Data Entry -
Patterns - Human Interface Guidelines - Design - Apple Developer
usagimaru ⌘ (@usagimaruma)
複雑な React コンポーネントを JSX のネストで表現する
5 Advanced React Patterns. An
overview of 5 modern advanced React… | by Alexis Regnaud | JavaScript in Plain English
Performance insights: Get actionable
insights on your website's performance - Chrome Developers
Webに最適なメディアフォーマットを整理する - 2021
H.264
H.265のコーデック・プロファイル・レベルとは | 動画サイト運営ノウハウブログ by ソーシャルキャスト
サポートされているメディア形式 | Android デベロッパー |
Android Developers
2022-06-111h 36火曜日のおフロLayout RFC of Nextjs, zoom無効化について, css moduleのその後Blog - Layouts RFC | Next.js
Anaconda | New from Anaconda: Python in the Browser
Please, stop disabling zoom - Manuel Matuzović
Interoperability across tools and support plain JS modules imports · Issue #1050 · webpack-contrib/css-loader · GitHub
[Docs] Recommend CSS Modules over css-in-js · Issue #15542 · vercel/next.js · GitHub
2022-06-041h 52火曜日のおフロState of CSS 2022 (interop 2022)Google I/O
State of CSS 2022
Relative LCH colors
web-platform-tests dashboard
Fitzpatrick scale - Wikipedia
Interop 2022: browsers working together to improve the web for developers
新時代のCSS三角の作り方 clip-path 〜 さらば、すべての border 〜
HTML/CSSで絵を描く猛者が作品を公開中 - GIGAZINE
STUDIO Blueprint機能
Atomic 2.0. Revisiting the Atomic Design Method for… | by Hannah Heinson | Medium
2022-05-212h 05火曜日のおフロDialog要素, toggle-root, コンテンツカテゴリー, アウトラインアルゴリズムの変更Thinking on ways to solve DIALOG - YouTube
Dialog | GUI Challenges
Building a dialog component
Bram.us / Twitter
The Future of CSS: CSS Toggles – Bram.us
CSS Toggles demo
CSS Toggles Explainer & Proposal
コンテンツカテゴリー - 開発者ガイド | MDN
HTML解体新書 | ボーンデジタル
トミー / Twitter
HTML のアウトラインアルゴリズムが見出しレベルをベースとしたものに刷新されそう
HTML5 のセクショニングとアウトラインアルゴリズムの再確認 – Foreignkey, Inc.
How To Use Header Tags: SEO Best Practices
2022-05-071h 54火曜日のおフロChrome 100, React 18 で追加された新しいhooks(useTransition, useDeferredValue)What's New In DevTools (Chrome 100) -
Chrome Developers
New in Chrome 100 - Chrome Developers
React v18.0 – React Blog
useTransition() vs useDeferredValue | React 18 -
YouTube
並列的 UI パターン（実験的機能） – React
zealous-mccarthy-fiiwu2 -
CodeSandbox
tue-ofuro/dangerous.css
at 3f1e064042556df653e3279a4148573e5f828633 · igtm/tue-ofuro · GitHub
Resetting Inherited CSS with “Revert”
- Cloud Four
all - CSS: カスケーディングスタイルシート | MDN
revert - CSS: カスケーディングスタイルシート | MDN
Windows
High Contrast Mode, Forced Colors Mode And CSS Custom Properties — Smashing Magazine
forced-color-adjust - CSS:
カスケーディングスタイルシート | MDN
Styling
for Windows high contrast with new standards for forced colors - Microsoft Edge Blog
Those HTML
2022-04-022h 11火曜日のおフロType Syntax in Javascript, Typescript4.6, Nextjs 12.1, React 18, CSS @layer,これだけは押さえよう！住所フォームの作り方 - ケンオールブログ
押下(おうか)にまつわる話 - Qiita
New in Chrome 99 - Chrome Developers
JavaScriptに「型」を ～Microsoftが新構文を提案へ - 窓の杜
A Proposal For Type
Syntax in JavaScript - TypeScript
ついにTypeScriptがブラウザで動くようになりそう 〜
JavaScriptへの型構文の導入について - Qiita
Announcing TypeScript 4.6 -
TypeScript
Blog - Next.js
12.1 | Next.js
O'Reilly Japan - デザインと障害が出会うとき
O'Reilly Japan - データビジュアライゼーションの基礎
Googleの折りたたみ・大画面向けモバイルOS「Android
12L」が正式版に SamsungやMicrosoftが採用へ - ITmedia NEWS
Building
Web Layouts For Dual-Screen And Foldable Devices — Smashing Magazine
【衝撃の結果】ダークモードって本当に電池もつの？ - YouTube
A
Complete Guide to CSS Cascade Layers | CSS-Tricks - CSS-Tricks
How to Upgrade to the React 18 Release
Candidate – React Blog
2022-03-122h 09火曜日のおフロoklab/oklchとlab/lchの違い, The State of JS 2021, Wasm VMColor Combinations Generator
apca-w3 -
npm
達成基準 1.4.3 を理解する | WCAG
2.0解説書
It's time for a more
sophisticated color contrast check for data visualizations - Datawrapper Blog
PostCSS さん CSS Color Module 4 got a new oklab()
and oklch() color functions. / Twitter
CSS Color Module Level 4 （日本語訳）
A
perceptual color space for image processing
Amazon Prime
Videoが動画再生にWebAssemblyを採用。再生デバイス上にWasm VMをデプロイ、高フレームレートなど実現 － Publickey
ブロックチェーンで使われるWebAssembly
Runtime - LINE ENGINEERING
Web 以外でも期待される
WebAssembly - Blockchain との親和性について - LINE ENGINEERING
WAVM/WAVM:
WebAssembly Virtual Machine
Frontend Developer
Roadmap: Learn to become a modern frontend developer
テストユーティリティ – React
The State
of JS 2021: Awards
すこやさん アクセシビリティツリー / Twitter
Project...
2022-02-192h 12火曜日のおフロrequestAnimationFrameとrequestIdleCallback, Typescript 4.6 betaState of JavaScript 2021/2022
【LINE証券
Frontend】requestIdleCallbackを活用して初期レンダリング時間を約14%削減した話 - LINE ENGINEERING
Using requestIdleCallback
| Web | Google Developers
requestIdleCallback - Web API
| MDN
[Umbrella] Releasing Suspense ·
Issue #13206 · facebook/react
Cooperative Scheduling of Background
Tasks（日本語訳）
react/Scheduler.js
at main · facebook/react
Better JS
scheduling with isInputPending()
Announcing TypeScript 4.6
Beta - TypeScript
Performance Tracing ·
microsoft/TypeScript Wiki
Explicitly
Omit unspreadable properties from rest type in the generic case by jakebailey · Pull Request #47078 ·
microsoft/TypeScript
2022年におけるフロントエンド開発のベースライン
- LINE ENGINEERING
2022-01-292h 06火曜日のおフロHTML Living Standard, Origin Trials, 2022年のCSSFocus the
dialog element instead of the first focusable item by dpogue · Pull Request #4184 · whatwg/html
HTML Standard
2022年のブラウザとウェブ標準：新春特別企画｜gihyo.jp
… 技術評論社
Web 標準化のフィードバックサイクルを円滑にする
Origin Trials について | blog.jxck.io
Origin Trials
2022年のCSS：新春特別企画｜gihyo.jp … 技術評論社
OSS「faker.js」と「colors.js」の開発者、自身でライブラリを意図的に改ざん 「ただ働きはもうしない」
- ITmedia NEWS
Announcing
Parcel CSS: A new CSS parser, compiler, and minifier written in Rust!
Google Developers Japan: Bento のご紹介
igtm/manaita:
Simple Markdown-Driven Scaffolding tool written by Go
Markdown
Driven な scaffolding ツールを作った - wadackel.me
Simple
Markdown-Driven Code Generator written by Go : golang
2022-01-151h 22火曜日のおフロtc39-notes 読んで見る, 正規表現のパフォーマンス問題, A-Frameで作るWebVR などtc39-notes/meetings at master ·
rwaldron/tc39-notes
DenoがTypeScriptの使用をやめる5つの理由 - Qiita
ECMAScript® 2021 Language Specification
tc39/test262:
Official ECMAScript Conformance Test Suite
ECMAScript - Wikipedia
array.prototype.groupBy
notes/oct-27.md
at master · tc39/notes
ReDos攻撃
サスペンスを使ったデータ取得（実験的機能）
– React
Introduction – A-Frame
VRコンテンツをHTMLとJavascriptで作る | アシアルブログ
aframe-extras/grab.js at master ·
n5ro/aframe-extras
Three.js +
Cannon.jsでWebVRコンテンツを作ってみた | 株式会社ジュニ
schteppe/cannon.js @ GitHub
2022-01-081h 52火曜日のおフロCSS of 2021, React Conf, Suspense for data fetching重いサイトを軽くしろ！年末年始は #WebSpeedHackathon 2021 に挑戦しよう | CyberAgent Developers Blog
Open Props: sub-atomic styles
Adam Argyle / Twitter
Thinking on ways to solve TOASTS - YouTube
CSSのボックスモデルにおける古い方法とこれからの方法 -論理プロパティにおける考え方 | コリス
Document.getAnimations() - Web API | MDN
: 出力要素 - HTML: HyperText Markup Language | MDN
React Conf 2021
React 18 Keynote - YouTube
React without memo - YouTube
Streaming Server Rendering with Suspense - YouTube
Promiseをthrowするのはなぜ天才的デザインなのか - Qiita
Suspense – SWR
Suspense | React Query | TanStack
The State of CSS 2021
A Complete Guide to Grid - CSS-Tricks
これは便利！CSS Gridのauto-fillとauto-fitの使い分けでRWDが捗る – WPJ
レイアウトシフトの問題は解消、ユーザーの誤タップも減る LINE NEWSが独自のSkeletonScreen実装した理由 - ログミーTech
2021-12-182h 04火曜日のおフロChrome96, Typescript4.5, AMPの終焉, wbrタグなどNew in Chrome 96 - Chrome Developers
Back/forward cache
What's New In DevTools (Chrome 96) - Chrome
Developers
Deprecations and removals in Chrome 96 - Chrome
Developers
What's new in Lighthouse 9.0 - Chrome
Developers
アメブロのAMPを終了します | CyberAgent SEO
Information (サイバーエージェントSEO情報ブログ)
TwitterがGoogle主導で開発されたウェブサイトを高速化する形式「AMP」のサポートを打ち切ることが判明
- GIGAZINE
Slack Introduces New
Platform With Help From Deno
How to store and retrieve data
from Slack hosted tables | Slack
カルビ生焼け王さんはTwitterを使っています 「うおーアツい、ついに Slack
上で TypeScript のコードをホストできるようになる、Workflow に任意の Function を組み込める、DynamoDB っぽい DB を組み込みテーブルとして使えるようになる」 /
Twitter
Announcing TypeScript 4.5 -
TypeScript
https://github.com/microsoft/TypeScript/pull/45771/files#diff-dbfa0e7f632eca196a5ee0e08e00743c46c03799e2704206cfccc065bb6f9e3aR2886-R2904
池田 泰延 / ICSさんはTwitterを使っています
「GoogleのライブラリBudouX。 改行位置の最適化のヒントが得られるツール。 HTMLで日本語の動的文字列に適用したら、良い感じの場所で改行されました。JavaScriptバンドルだと12KBで省容量です。」 /
Twitter
2021-11-202h 59火曜日のおフロChrome Dev Summit 2021, npm package "coa"NPM -
coa - Versions diffs - 2.0.2 → 2.0.3 - Diffend - OSS supply chain security and management platform
Popular
'coa' NPM library hijacked to steal user passwords
Everything
announced at Chrome Dev Summit 2021
Record, replay and measure user flows - Chrome
Developers
なぜE2Eテストでidを使うべきではないのか | Autify Blog
Chrome
97のDevToolsに新機能、Webブラウザ上の操作を記録、再実行、編集、保存。Puppeteerスクリプトへのエクスポートも － Publickey
Feedback wanted:
An experimental responsiveness metric
Towards an animation
smoothness metric
Auto Dark Theme - Chrome Developers
2021-11-131h 47火曜日のおフロNextjs 12, Connect 2021, Jamstack Survey, Material You, FontのはなしJamming
into the Mainstream: Jamstack Community Survey 2021 | Jamstack
AddyOsmani.com - Browser-Sync: Sync Scrolls, Clicks, Forms
And Edits In Multiple Browsers For Free
そな太@GraphQLの記事を書くぞ / Twitter
Facebook CSS-in-JS Solution Stylex
Introduced at React Finland 2021
The State of CSS
Survey
Dan / Twitter
2018年の段階で私が知らないこと — Overreacted
LIVE:
React State Animations | @keyframers 4.10 - YouTube
New in Chrome 95 - Chrome Developers
What's New In DevTools (Chrome 95) - Chrome
Developers
Ingvar Stepanyan / Twitter
Blog - Next.js 12
| Next.js
Next.jsのmiddlewareはVercel以外でも問題なく使えるか
Make
Create-React-App Faster with Rust | by Jeong Woo...
2021-10-302h 36火曜日のおフロNuxt.js 3 beta, Nominal Typing vs Structual Typing vs Duck Typing, Material YouAppleシリコン「M1」MacでLinux直接起動を目指す「Asahi
Linux」、独自ブートローダーm1n1開発 | TechCrunch Japan
NuxtJS / Twitter
Ingvar Stepanyan / Twitter
TypeScriptでNominal Typingを実現する4つの方法 - Qiita
Material3(Material You) の変更点 /
Changes in Material3(Material You) - Speaker Deck
usagimaru ⌘ / Twitter
2021-10-161h 21火曜日のおフロGoogle Meetの背景ぼかし技術(wasm SIMD), ライブ配信プロトコル(RTMP, HLS, MPEG-DASH), BlinkとGecko, Typescript 4.5 Template Literal Type, CSS小ネタ(list-style-type)React
Native for Webのこれまでから読み解くReact GUIのこれから - Speaker Deck
池田 泰延 / ICSさん / Twitter
list-style-type - CSS: カスケーディングスタイルシート |
MDN
How Blink works -
Google ドキュメント
JavaScript 処理系 V8 とレンダリングエンジン Blink
のアーキテクチャ
Source/core/css/parser/CSSParser.cpp
- chromium/blink - Git at Google
Takeshi Kano 鹿野 壮さん / Twitter
なぜGoogle Meetの背景ぼかしが最強なのか（一般公開版）
royshil/obs-backgroundremoval: An OBS plugin for
removing background in portrait images (video), making it easy to replace the background when screen
recording.
RTMPの2021年以降の話 ~ Adobe Flash以外の動画配信での使われ方 |
DevelopersIO
AWS
Elemental Live
2021-10-092h 13火曜日のおフロMaterial UI v5, 有償版 MUI X Pro, GridのLayoutShiftMUI: The React component library
you always wanted
こんにちはMUI！ 新しくなったMaterial UI v5
Material-UI v5を先取りする - Techtouch Developers Blog
Pricing - MUI
@mui/x-data-grid - npm
@mui/x-data-grid-pro - npm
Avoiding layout shift by putting the CSS in charge - HTTP
203 - YouTube
UIデザインは奥が深い、CSSで美しいシャドウを実装する方法
| コリス
2021-10-021h 45火曜日のおフロ音声遅延, 海底ケーブル JUPITER, iPhone 13, Safari 15, iOS 15のプライベートリレー, APCA(色のコントラスト)データサイエンティスト検定™ リテラシーレベル | 一般社団法人 データサイエンティスト協会
世界100万kmの海底ケーブル、地理と速度と冗長性を考える
「その経路、本当に冗長ですか？」【IIJ Technical DAY 2019】 - INTERNET Watch
Mumble -
Wikipedia
iPhone 13
ProとiPhone 13 Pro Max - Apple（日本）
A11ycasts with Rob Dodson -
YouTube
Just
use button -- A11ycasts #05 - YouTube
The
art of labeling -- A11ycasts #12 - YouTube
Intro
to ARIA -- A11ycasts #13 - YouTube
改正個人情報保護法で認められたオプトアウトに必要なこととは？ |
ITコラムdeパイプドビッツ｜パイプドビッツ公式HP
米国でも始まった個人情報保護～カリフォルニアCCPAの概要～(25.Mar.20)
| 大阪 弁護士法人 苗村 法律事務所
iOS
15「プライベートリレー」で利用不可になる、キャリア各社のサービスまとめ | ゴリミー
Web
Accessibility: Understanding Colors and Luminance - Accessibility | MDN
SAPC-APCA/WhyAPCA.md at master ·
Myndex/SAPC-APCA
APCA-G
4g
WebAIM: Contrast Checker
What's New In DevTools (Chrome 95) - Chrome
Developers
池田 泰延 / ICSさん Twitter
Takeshi Kano 鹿野 壮さん Twitter
Marcos Alonsoさん Twitter
2021-09-252h 43火曜日のおフロEpic&Apple, React Code Splitting, Lazy loading, Material You, DevTools Chrome 94EpicとAppleの『フォートナイト』裁判が決着。Apple独自決済の強制などが反競争的と認められ、該当規約の削除が言い渡される
Epic Games対Apple訴訟 - Wikipedia
コード分割 – React
Lazy
Loading | webpack
Code
Splitting | webpack
Rome Toolchain
Adam ArgyleさんはTwitterを使っています 「how are you
tree shaking / dead code eliminating unused design tokens / custom properties?」 / Twitter
csstools/postcss-preset-env: Convert modern CSS into
something browsers understand
グーグル、新デザイン「Material You」を「Gmail」などのアプリに適用開始 - CNET Japan
DevTools の新機能 (Chrome 94) - Chrome
Developers
Components
/ Date Picker - single date ⋅ Storybook
Amebaのデザインシステム「Spindle」の全貌公開 | CyberAgent
Developers Blog
日向坂46公式サイト
Speed - Material Design
2021-09-182h 01火曜日のおフロWebviewアプリの話、Android 12, iOS15, iPhone13 RogPhone5, Next.js ConfReact +
TypeScriptで固めつつ、新しいことも取り入れる LINE証券のフロントエンドエンジニアが大切にしていること - ログミーTech
Android
12の最終ベータ版がリリースされる、正式版のリリースは「数週間以内」 - GIGAZINE
Android
12のベータ版に「顔でスマホを操作する新機能」が登場 - GIGAZINE
ROG Phone 5 新登場
満たされぬ、挑戦者たちへ。究極のゲーミングスマートフォン｜ASUS Store
EyeDropper API Dropped | CSS-Tricks
Fun Times Styling Checkbox States |
CSS-Tricks
Develop.
Preview. Ship. For the best frontend teams – Vercel
Next.js Conf
2021-09-111h 20火曜日のおフロChrome93, Nextjs ISRを Vercel以外でやる方法, s-maxageと max-ageの違い, オンラインゲームのラグについてAdam Argyle / Twitter
知ってると役立つかもしれない min-height の話 ++ Gaji-Laboブログ
What Happens When Border Radii Overlap?
| CSS-Tricks
New in
Chrome 93: CSS Module Scripts, URL Handlers for PWAs, the PWA Summit, and more! - YouTube
New in Chrome 93 - Chrome Developers
2021/9/1に発生したSTUDIOサービス全体における障害の経緯について | STUDIO Blog
デジタル庁発足 公式サイトにITエンジニアから反応続々「シンプル」「重い」「ロゴが丁寧」「苦労が見える」（1/2
ページ） - ITmedia NEWS
小笠原みつき / JX通信社 / 69.6㌕ / Twitter
CDNキャッシュ向けレスポンスヘッダーCache-Control:s-maxage
を触ってみた | DevelopersIO
stale-while-revalidate対応のCDNでISRのような挙動を実現する
メルカリShopsのキャッシュ戦略
Migrating Notion's marketing site
to Next.js
Advanced Features: Dynamic Import |
Next.js
Adam Argyle / Twitter
オンラインゲームの仕組みと工夫
[CEDEC
2010]ネットゲームの裏で何が起こっているのか。ネットワークエンジニアから見た，ゲームデザインの大原則
「エーペックス」の仕組み:開発者によるサーバーとネットコードの解説
SMPTE2110とwebrtcのSDIゲートウエイを使わない連携
| mixi developers
低遅延伝送に挑んだミクシィ、IP映像伝送の最新規格SMPTE
2110でインフラ構築 | ビジネスネットワーク.jp
Media over IPのPTP技術 |
ネットワンシステムズ
2021-09-042h 01火曜日のおフロWebComponentsとReactの相性, Typescript 4.4, Chrome 93, CSS Container QueriesメルカリShops のフロントエンド | メルカリエンジニアリング
新しいメルカリDesign System Web |
メルカリエンジニアリング
HTMLElement - Web API | MDN
Microdata
DOM API - Web APIs | MDN
Announcing TypeScript 4.4 |
TypeScript
Unicodeで絶対知っておくべきセキュリティ5つの注意（翻訳）｜TechRacho（テックラッチョ）〜エンジニアの「？」を「！」に〜｜BPS株式会社
アップル、他社決済も容認 米アプリ開発者と合意：時事ドットコム
Chrome
93 - What’s New in DevTools - YouTube
"CSS Container Queries" | Can I use...
Support tables for HTML5, CSS3, etc
2021-08-281h 08火曜日のおフロCORS, 2021 Scroll Survey Report, VSCode Server, Next.js 11.1, getServerSideProps, JSの末尾再帰最適CORSの仕様はなぜ複雑なのか
独自ヘッダをチェックするだけのステートレスなCSRF対策は有効なのか？ — A Day in Serenity (Reloaded) — PHP, CodeIgniter, FuelPHP, Linux or something
2021 Scroll Survey Report
touch-action - CSS: Cascading Style Sheets | MDN
‘-‘ という名前の、中身が無いのに70万回ダウンロードされてる謎のnpmパッケージ – 秋元@サイボウズラボ・プログラマー・ブログ
JavaScript で文字数を length で数えるのはやめようの実例
メルカリShops の技術スタックと、その選定理由 | メルカリエンジニアリング
GitHub 「New shortcut: Press . on any GitHub repo.」 / Twitter
DistroWatch.com: Put the fun back into computing. Use Linux, BSD.
Windows 11のISOイメージファイルが配布開始 ～プレビュー版Build 22000.132 - 窓の杜
Adam Argyle 「Responsive vs Adaptive Design in #CSS with Media Queries」 / Twitter
getServerSideProps error: "Reason: undefined cannot be serialized as JSON. Please use null or omit this value all together." · Discussion #11209 · vercel/next.js
Vercel 「Next.js 11.1」 / Twitter
Open Redirect in Next.js versions below 11.1.0 · Advisory · vercel/next.js
SSRはおまいらには早すぎた 〜Next.jsのgetServerSidePropsの登場が何を意味するか〜 - Qiita
CSS accent-color
JavaScript・再帰・トランポリン - Qiita
2021-08-212h 21火曜日のおフロreact-gui, React.FC vs Function, ReactのCSSどれがいいのかreact-gui - npm
10 Usability Heuristics for User Interface Design
10 Usability Heuristics for User Interface Design gyo.gitlab.io
ReactのCSSの選択肢を比較してみた
Airbnb React/JSX Style Guide | Airbnb JavaScript Style Guide
池田 泰延さん / Twitter
TypeScript + React: Why I don't use React.FC
Facebook、どんな話題にも対応できるAIチャットボット「BlenderBot 2.0」オープンソースで公開。会話しつつ裏でネット検索し最新情報を取得 － Publickey
🈚️うひょ🤪✒📘さん / Twitter
「スタディサプリ」が React Native から卒業するまで、あるいは技術的負債への感謝と敬意 - Quipper Product Team Blog
Sunsetting React Native. Due to a variety of technical and… | by Gabriel Peal | The Airbnb Tech Blog | Medium
Basic Features: Layouts | Next.js
ref のフォワーディング
https://ja.reactjs.org/docs/refs-and-the-dom.html#when-to-use-refs
2021-07-312h 31火曜日のおフロline-height と vertical-align の話（em-square）55:50 本編スタート
Evan You / Twitter
久下玄 / Twitter
Patrick Kelly / Twitter
SVGが特定のサイズ以下でずれる現象の原因と解決策 · nametake.info
Deep dive CSS: font metrics, line-height and vertical-align - Vincent De Oliveira
line-height と vertical-align
The Dilemma of Naming Font Size Variables | CSS-Tricks
font - CSS: カスケーディングスタイルシート | MDN
「早くリリースして、早く改善しよう」の落とし穴―― 開発畑のプロダクトマネージャーの失敗から学べ (2/4)：ProductZine（プロダクトジン）
データマネジメントが30分でわかる本 | ゆずたそ, はせりょ, ゆずたそ | 経営情報システム | Kindleストア | Amazon
2021-07-102h 31火曜日のおフロTypescript 4.4 Beta, Github Copilot, Server Driven UI, OpenTypeのchws/vchwAnnouncing TypeScript 4.4 Beta | TypeScript Google TypeScript Style Guide
VSCode React Refactor
GitHub Copilot · Your AI pair programmer
本サイトの AMP 提供の停止とここまでの振り返り
Google Japan Blog: サードパーティ Cookie 廃止に関するタイムラインの変更について
全角約物が連続したときのアキを調整する | Webフォント・サービス FONTPLUS
レタースペーシング タイポグラフィにおける文字間調整の考え方
A Deep Dive into Airbnb’s Server-Driven UI System | by Ryan Brooks | The Airbnb Tech Blog | Jun, 2021 | Medium
server-driven-ui · GitHub Topics
Release Notes for Safari Technology Preview 127 | WebKit
CSS Color Module Level 4 （日本語訳）
CSS Color Module Level 5
Yoga Layout | A cross-platform layout engine
beagle-web-react/component.tsx at master · ZupIT/beagle-web-react
2021-07-032h 02火曜日のおフロSafari Technology Preview 126, タイムスタンプ文字列, Wasmer 2.0, Flutter Hooks, ES2021, Windows 11Safari v15の機能を導入した「Safari Technology Preview 126」をmacOS 11 Big SurにインストールするとSTPが動かない/クラッシュする問題があり一時的に非公開に。
https://applech2.com/archives/20210618-apple-pull-safari-technology-preview-126-for-big-sur.html
タイムゾーンを含むタイムスタンプ文字列表現の標準化 - ASnoKaze blog
https://asnokaze.hatenablog.com/entry/2021/06/21/010141
HTML標準仕様の策定についてW3CとWHATWGが合意 今後はWHATWGのリビングスタンダードが唯一のHTML標準仕様に - ITmedia NEWS
https://www.itmedia.co.jp/news/articles/1906/10/news038.html
どうしてHTML5が廃止されたのか | フューチャー技術ブログ
https://future-architect.github.io/articles/20210621a/
スタンドアロンなWebAssemblyランタイム「Wasmer 2.0」正式リリース、Win/Mac/Linux対応。SIMDに対応、実行速度が約50％改善、参照型対応など － Publickey
https://www.publickey1.jp/blog/21/webassemblywasmer_20winmaclinuxsimd50.html
Flutter Hooks, sometimes Jetpack Compose - Speaker Deck
https://speakerdeck.com/wasabeef/flutter-hooks-sometimes-jetpack-compose
Google Developers Japan: Chrome の User-Agent 文字列削減に関する最新情報
https://developers-jp.googleblog.com/2021/06/chrome-user-agent.html
Permissions Policy is the new form of Feature Policy | Migrate to User-Agent Client Hints
https://web.dev/migrate-to-ua-ch/
Top 10 performance pitfalls - HTTP 203 - YouTube
https://www.youtube...
2021-06-262h 29火曜日のおフロpolyfill-library, Next.js Conf, React 18などについてABEMA Web で Polyfill のコードをモダンブラウザ向けに 99% 削減した話 | CyberAgent Developers Blog
https://developers.cyberagent.co.jp/blog/archives/30373/
https://abema.tv/polyfill.fd0550eafa7b16148ccb.js
Financial-Times/polyfill-useragent-normaliser
https://github.com/Financial-Times/polyfill-useragent-normaliser
Next.js Conf
https://nextjs.org/conf
Next.js Conf – Special Edition - YouTube
https://www.youtube.com/watch?v=ze8ycxc1UzE
Next.js Conf – Afterparty - YouTube
https://www.youtube.com/watch?v=ANikp1R8zX8
Next.js Live - Code in the browser. With your team.
https://nextjs.org/live
Introducing A...
2021-06-192h 24火曜日のおフロMinecraft 1.17, Web font, React 18, deno 1.11, React 並列モードJava Edition 1.17 - Minecraft Wiki
https://minecraft.fandom.com/ja/wiki/Java_Edition_1.17
Best practices for fonts
https://web.dev/font-best-practices/
CSS size-adjust for @font-face
https://web.dev/css-size-adjust/
デジタル庁（準備中）さんはTwitterを使っています / Twitter
https://twitter.com/digital_jpn/status/1402419950199795712
The Plan for React 18 – React Blog
https://reactjs.org/blog/2021/06/08/the-plan-for-react-18.html
ReactさんはTwitterを使っています / Twitter
https://twitter.com/reactjs/status/1403060135514329092
並列モードの導入（実験...
2021-06-121h 54火曜日のおフロWeb Font重い問題、JSのtry catch finallyの変わった挙動、Tailwind CSSNoto Sans JP のパフォーマンスへの影響
https://gyo.gitlab.io/ui-alm/noto-sans-jp/
Webフォント読み込み戦略（2021年） - MOL
https://t32k.me/mol/log/optimize-webfont-loading/
CSS for Web Vitals
https://web.dev/css-web-vitals/
JavaScript — Errors and Exception Handling | by Miriam Bellon | JavaScript in Plain English
https://javascript.plainenglish.io/javascript-errors-exceptions-handling-43ae983cbbb3
Hoisting (巻き上げ、ホイスティング) - MDN Web Docs 用語集: ウェブ関連用語の定義 | MDN
https://developer.mozilla.org/ja/docs/Glossary/Hoisting#only_declarations_are_hoisted
HTTP/3の基盤となる「QUICプロトコル」の標準化プロセスが完了、IETFの「RFC 9000」として － Publickey
https://www.publickey1.jp/blog/21/http3quicietfrfc_9000.html
Google Developers Japan: Chrome への HTTP/3 と IETF QUIC の導入について
https://developers-jp.googleblog.com/2020/10/chrome-http3-ietf-quic.html
TCP UDP HTT...
2021-06-052h 04火曜日のおフロChrome DevTools for designers, Web Fontが重い話 React Component PatternChrome DevTools for designers | Session - YouTube
https://www.youtube.com/watch?v=yNwwEu3Kcbs
マイクロソフトはGPT-3を使い自然言語でコードを書けるようにする | TechCrunch Japan
https://jp.techcrunch.com/2021/05/26/2021-05-25-microsoft-uses-gpt-3-to-let-you-code-in-natural-language/
ここ🌸自由を愛するWebデザイナー / Twitter
https://twitter.com/cococo_design/status/1395130151768371206
深沢幸治郎｜ウェブデザイナー・コワーキングスペース運営🎙毎週金曜・ラジオ風YouTubeやってます / Twitter
https://twitter.com/kojirofukazawa/status/1395422224471842822
せせり（大岡まひろ）@個人開発 / Twitter
https://twitter.com/sesere115/status/1395553291841380353
菱川拓郎 :: コンクリートファイブジャパン / Twitter
https://twitter.com/HissyNC/status/1395661189019967488
綿貫 佳祐 / Ateam, Increments / Twitter
https://twitter.com/xrxoxcxox/status/1395531639665483778
池田 泰延 / IKEDA Yasunobu / Twitter
https://twitter.com/clockmaker/status/1396964812433674242
MicrosoftのナデラCEO、「次世代Windowsを間もなく発表」：Build 2021 - ITmedia NEWS
https://www.itmedia.co.jp/news/articles/2105/26/news055.html
Cybozu Frontend Monthly #11
https://cybozu.github.io/frontend-monthly/posts/2021-05#5-advanced-reac...
2021-05-292h 17火曜日のおフロGoogle I/O 2021についてGoogle I/O 2021
https://events.google.com/io/
A few things to know from Google I/O 2021 in under 9 minutes. - YouTube
https://www.youtube.com/watch?v=L7c4wS7T_T8
Apple event in 51 seconds - YouTube
https://www.youtube.com/watch?v=Gz8vBoEFArA
Google Workspaceを大幅強化するアップデート「Smart canvas」 - GIGAZINE
https://gigazine.net/news/20210519-google-workspace-smart-canvas/
Twitter、TL上の画像表示をトリミングなしに変更。モバイルアプリにて対応 - Engadget 日本版
https://japanese.engadget.com/twitter-full-size-image-031548584.html
What’s new in Material Design | Keynote - YouTube
https://www.youtube.com/watch?v=rLKtIGY2Mgc&t=476s
Atomic Designをやめてディレクトリ構造を見直した話｜食べログ フロン...
2021-05-222h 17火曜日のおフロChrome 91, Javascriptで書けるシェルスクリプト "zx", SSRF, useRefのRefObjectとMutableRefObject, Google DocsがCanvas移行［速報］マイクロソフト、無料でRPA機能「Power Automate Desktop」をWindows 10ユーザーに提供開始。Microsoft Ignite 2021 － Publickey
https://www.publickey1.jp/blog/21/rpapower_automate_desktop_for_windows_10microsoft_ignite_2021.html
GitHub security update: A bug related to handling of authenticated sessions | The GitHub Blog
https://github.blog/2021-03-08-github-security-update-a-bug-related-to-handling-of-authenticated-sessions/
サーバサイドレンダリングの導入から生じるSSRF｜セキュリティブログ
https://ierae.co.jp/blog/ssr-ssrf/
フォントのサイズ設定は役に立たない、問題点と解決方法 | コリス
https://coliss.com/articles/build-websites/operation/work/font-size-is-useless.html
[https://twitter.com/tonkotsuboy_com/status/1386886571710816256]
[https://twitter.com/tonkotsuboy_com/status/1386891846522073089]
Blog - Next.js 10.2 | Next.js
https://nextjs.org/blog/next-10-2
nextjsのISRを使うときのfallback指定について理解するまでの話
https://zenn.dev/terrierscript/articles/2021-04-28-nextjs-isr-fallback
text-underline-offset - CSS: カスケーディングスタイルシート | MDN...
2021-05-151h 552021-02-272h 29火曜日のおフロBrowser built-in Dark Mode color scheme、WebAssembly Summit 2021、Apple Platform Security などについてCSS Variables を JavaScript から操作する | スマホ神 – JavaScript 受託開発 –
http://smart.ataglance.jp/2016-06-02-manipulate-css-variables-from-javascript/
Browsers have a built-in Dark Mode color scheme
https://twitter.com/bramus/status/1358093784001740801
color-scheme Demo
https://color-scheme-demo.glitch.me/
Improving Progressive Web App offline support detection
https://twitter.com/agektmr/status/1359531534122770435
初期費用無料、最短1か月でオリジナルアプリの開発を可能にする “公式アプリ開発サービス”の提供を開始 | 株式会社クレヨン（CRAYON Inc.)
https://c-rayon.com/news/200609.html
CSSにContainer Queriesが来る
https://twitter.com/catnose99/status/1360162398552821760
Container Queries: Once More Unto the Breach – A List Apart
https://alistapart.com/article/container-queries-once-more-unto-the-breach/
CSSのCascadingに追加されようとしているLayerという概念
https://blog.araya.dev/posts/2021-02-16/css-cascade-layer.html
WebAssembly Summit 2021
https://weba...
2021-02-201h 49火曜日のおフロTailwind CSSが私には合わなかった理由, 「WebRTC」が正式な標準仕様に到達、WebTransport、App Tracking Transparency、FLoCなどについて【悲劇】初期不良系ユーチューバー、自作PCでとんでもないミスをやらかす。 - YouTube
https://www.youtube.com/watch?v=czbWkGbujgM
Tailwind CSSが私には合わなかった理由 | コリス
https://coliss.com/articles/build-websites/operation/css/why-tailwind-css-is-not-for-me.html
アクセシビリティを重視したオープンソースの新デザインシステムをOktaがローンチ | TechCrunch Japan
https://jp.techcrunch.com/2021/02/05/2021-02-04-okta-launches-its-new-open-source-design-system-with-a-focus-on-accessibility/
W3CとIETF、「WebRTC」が正式な標準仕様に到達したと発表 － Publickey
https://www.publickey1.jp/blog/21/w3cietfwebrtc.html
WebSocketの次の技術！？WebTransportについての解説とチュートリアル - Qiita
https://qiita.com/yuki_uchida/items/d9de148bb2ee418563cf
Webアプリがジョイコンなどに対応する「WebHID」、NFCタグを読み書きする「Web NFC」、シリアルポートで通信する「Web Serial」など、Chrome 89ベータではデフォルトで有効に － Publickey
https://www.publickey1.jp/blog/21/webwebhidnfcweb_nfcweb_serialchrome_89.html
アップルのApp Tracking Transparency機能はデフォルトで有効に、早春にiOSで実装 | TechCrunch Japan
https://jp.techcrunch.com/2021/01/29/2021-01-27-apple-app-tracking-transparency/
Google、脱「クッキー」加速 4月から広告主と試験運用: 日本経済新聞
https://www.nikkei.com/article/DGXZQOGN260C40W1A120C2000000/
Web FontによるCore Web Vitalsへの影響と使い続ける方法｜平大志朗｜note
https://note.com/taira_daishiro/n/nf037b
2021-02-062h 29火曜日のおフロTypeScript 4.2 Beta、Chrome 88(CSS aspect-ratio)、ホワイトハウスのウェブサイト、WCAG 3.0、content-visibility: auto; とページ内リンクAnnouncing TypeScript 4.2 Beta | TypeScript
https://devblogs.microsoft.com/typescript/announcing-typescript-4-2-beta/
New in Chrome 88 - Chrome Developers
https://developer.chrome.com/blog/new-in-chrome-88/
Release Notes for Safari Technology Preview 118 | WebKit
https://webkit.org/blog/11439/release-notes-for-safari-technology-preview-118/
バイデン新大統領就任でホワイトハウスのウェブサイトも刷新、ダークモード採用などアクセシビリティが大きく向上 | TechCrunch Japan
https://jp.techcrunch.com/2021/01/21/2021-01-20-white-house-dark-mode-biden-admin-refreshes-presidencys-website-vows-accessibility/
シリコンバレーのスーパースターが続々集結! テクノロジーで行政・社会の変革を目指す「米国政府デジタル・サービス」（市川 裕康） | 現代ビジネス | 講談社（1/3）
https://gendai.ismedia.jp/articles/-/41945
W3C Accessibility Guidelines (WCAG) 3.0
https://www.w3.org/TR/2021/WD-wcag-3.0-20210121/
W3C Accessibility Guidelines (WCAG) 3.0の初期公開作業草案が発行されました | アクセシビリティBlog | ミツエーリンクス
https://www.mitsue.co.jp/knowledge/blog/a11y/202101/22_1035.html
conten
2021-01-232h 07火曜日のおフロState of JS 2020、Scroll-linked Animations、Web アプリの反応速度について24:00 State of JS 2020
1:31:20 CSS Scroll-Linked Animations
State of JS 2020
https://2020.stateofjs.com/en-US/
Developer Roadmaps
https://roadmap.sh/roadmaps
2021年版、フロントエンドとバックエンドのデベロッパーに必要なスキルやツールをまとめたロードマップ | コリス
https://coliss.com/articles/build-websites/operation/developer-roadmaps-for-2021.html
CSS Scroll-Linked Animations
https://twitter.com/bramus/status/1349488687512432640
Scroll-linked Animations
https://drafts4.csswg.org/static/scroll-animations-1/
Everything About React Server Components
https://twitter.com/vercel/status/1350157615595048961
2021-01-162h 09火曜日のおフロReact Server Components, レスポンシブデザインでデバイスごとのブレイクポイントをどこで切るか, content-fit, 明度７：１の法則などについてIntroducing Zero-Bundle-Size React Server Components – React Blog
https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html
レスポンシブデザインのブレイクポイントの細かすぎる新解釈 [2021最新版] - webのあれこれ
https://hashimotosan.hatenablog.jp/entry/2020/12/06/182327
最新の手法でブラウザのタブに表示される「Favicon(ファビコン)」を作成するとこうなる - GIGAZINE
https://gigazine.net/news/20201225-how-to-make-favicon/
Lottie
https://airbnb.design/lottie/
What Happens When Border Radii Overlap? | CSS-Tricks
https://css-tricks.com/what-happens-when-border-radii-overlap/
[Centering in CSS | CSS-Tricks https://css-tricks.com/centering-in-css/]https://css-tricks.com/centering-in-css/
fit-content, min-content, max-contentの便利な使い方、CSSでコンテンツに依存してサイズを決める | コリス
https://coliss.com/articles/build-websites/operation/css/intrinsic-sizing-in-css.html
width: fit-content;
https://gyo.gitlab.io/ui-alm/fit-content/
[css-sizing-4] [css-contain] Proposal to add `contain-intrinsic-size: auto;` to fix shifting scrollbar problem. · Issue #5815 · w3c/csswg-drafts
https://github...
2021-01-092h 03火曜日のおフロChrome Dev Summit Recap 2020, Houdini, Privacy Budget, Web Vitals, Nuxt Tailwind, Centering in CSS15:20 Chrome Dev Summit Recap 2020
1:15:25 Nuxt Tailwind v3.4.0 is out with the config viewer ✨
1:23:40 Centering in CSS (CSSで要素を中央に配置する５つの方法)
Google Developers Japan: Chrome Dev Summit Recap 2020を開催しました
https://developers-jp.googleblog.com/2020/12/chrome-dev-summit-recap-2020-report.html
Houdini.how
https://houdini.how/
Introducing the Privacy Budget - YouTube
https://www.youtube.com/watch?v=0STgfjSA6T8
prefers-reduced-motion - CSS: カスケーディングスタイルシート | MDN
https://developer.mozilla.org/ja/docs/Web/CSS/@media/prefers-reduced-motion
Web Vitals
https://web.dev/vitals/
$40M to Build the Next Web – Vercel
https://vercel.com/blog/series-b-40m-t...
2020-12-191h 53火曜日のおフロ2020年はTailwindの年（The State of CSS）、SSRでDarkmode対応する方法、font-family: system-ui について、Github Universe 202006:58 M1 Mac
23:25 2020年はTailwindの年 (The State of CSS 2020)
49:30 font-family: system-uiの挙動
1:21:30 input type="number" のハマりどころ
1:29:00 inactive-css
1:33:20 Github Universe 2020
1:43:10 GitHubで最も使われている言語はJavaScript TypeScriptが急上昇でPHPは下落
New – Use Amazon EC2 Mac Instances to Build & Test macOS, iOS, iPadOS, tvOS, and watchOS Apps | AWS News Blog
https://aws.amazon.com/jp/blogs/aws/new-use-mac-instances-to-build-test-macos-ios-ipados-tvos-and-watchos-apps/
Amazon EC2 を Arm に切り替えたら幸せなことしかありませんでした | CyberAgent Developers Blog
https://developers.cyberagent.co.jp/blog/archives/27782/
CentOS Project shifts focus to CentOS Stream – Blog.CentOS.org
https://blog.centos.org/2020/12/future-is-centos-stream/
AppleシリコンをサポートしたDockerのプレビュー版が公開 - ソフトアンテナブログ:
https://www.softantenn...
2020-12-121h 56火曜日のおフロ次世代画像形式 WebP2とAVIF、JavaScriptの奇妙な挙動（型が異なる値の比較など）、Chrome88で "_blank"時に"rel=noopener"不要に東京在住の@igtm, @tmr と ニュージランド在住の@ymdarakeが、ゆるーくフロントエンド周りの気になった記事を紹介しながらお届けします
1:25 Manjaro Linux
25:55 スクラムガイド2020のアップデート
39:00 次世代画像形式のWebP2、AVIF
1:04:57 Tailwind CSS v2.0
1:43:55 JavaScriptの奇妙な挙動：Why Is {} > []?
2:20:10 「火曜日のお風呂」による、最強 font-family 2021年決定版（proposal v0.1）
Manjaro - enjoy the simplicity
https://manjaro.org/
Scrum Inc. Japan #TeamworkMakesTheDreamWork ｜ スクラムガイド2020のアップデートについて
https://scruminc.jp/blog/2885/
Agile Tool for Web and App Development Teams | Scrum Mate
https://scrummate.com/
Scrum Guide | Scrum Guides
https://www.scrumguides.org/scrum-guide.html
Google Is Already Experimenting With WebP2 As Successor To WebP Image Format - Phoronix
https://www.phoronix.com/scan.php?page=news_item&px=Google-Experimental-WebP2
次世代画像形式のWebP、そしてAVIFへ。変わり続ける技術に対応するweb制作の黄金解 - ICS MEDIA
https://ics.media/entry/201001/
AVIF：新しい次世代の画像圧縮形式の...
2020-11-282h 41火曜日のおフロApple M1チップとソフト対応状況、Google Chrome 87正式版リリース、GridとFlexboxの違い、Font-Familyって結局何指定したらいいの？について
16:45 Apple M1チップとソフト対応状況
46:20 Google Chrome 87正式版リリース
54:20 GridとFlexboxの違い
1:51:15 Font-Familyって結局何指定したらいいの？
Apple SiliconことM1チップ対応Chromeブラウザー、再び公開 - Engadget 日本版
https://japanese.engadget.com/apple-silicon-m1-chrome-re-release-062002736.html
Docker社、Appleシリコン搭載Mac用の「Docker Desktop」を開発中と表明。Rosetta 2による変換では十分に動かない模様 － Publickey
https://www.publickey1.jp/blog/20/_dockerapplemacdocker_desktoprosetta_2.html
AppleシリコンMacでのインテル系アプリ、初回起動は約20秒かかると判明 - Engadget 日本版
https://japanese.engadget.com/applesilicon-mac-x64-20seconds-050000703.html
Google Chrome 87正式版リリース、ウェブカメラを操作するAPIが搭載される - GIGAZINE
https://gigazine.net/news/20201118-google-chrome-87/
CSS Gridが適しているレイアウト、Flexboxが適してるレイアウトを詳しく解説 | コリス
https://coliss.com/articles/build-websites/operation/css/css-grid-vs-flexbox-which-should-you-choose.html
グリッドレイアウトの基本概念 - CSS: カスケーディングスタイルシート | MDN
https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout
グリッドレイアウトと他のレイアウト方法との関係 - CSS: カスケーディングスタイルシート | MDN
https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout
...
2020-11-213h 04火曜日のおフロFirebase Summit 2020, AppleM1チップ, オススメのChrome Extension, 最強のFont-familyについて9:55 Firebase Summit 2020
22:02 Apple M1 チップ
Firebase Summit 2020のまとめと所感 https://nabettu.com/9359dcae953248e0b001046b0b49459c Apple、M1チップを発表 - Apple (日本) https://www.apple.com/jp/newsroom/2020/11/apple-unleashes-m1/ Adobe Apps Not Officially Supported on Apple Silicon Running Rosetta 2 https://petapixel.com/2020/11/13/adobe-apps-not-officially-supported-on-apple-silicon-running-rosetta-2/ Aesthetics Over Usability — Google's New App Icons https://blog.moeminmamdouh.com/aesthetics-over-usability-googles-new-app-icons Chrome Extensions You Should Install Today https://nialljoemaher.hashnode.dev/chrome-extensions-you-should-install-today AutoPagerize - Chrome ウェブストア https://chrome.google.com/webstore/detail/autopagerize/igiofjhpmpihnifddepnpngfjhkfenbp Duplicate Tab Shortcut - Chrome ウェブストア https://chrome.google.com/webstore/detail/duplicate-tab-shortcut/klehggjefofgiajjfpoebdidnpjmljhb EditThisCookie - Chrome ウェブストア https://chrome.google.com/webstore/detail/editthiscookie/fngmhnnpilhplaeedifhccceomclgfbg Keepa - Amaz...
2020-11-142h 12火曜日のおフロNext.jsの状態管理、ReactのRecoilとFlutterのbinder、仮想スクロールとcontent-visibility、占星術、座禅、フルーツティー、サウンドセラピーなどについてNext.js の状態管理 2020
https://zenn.dev/takepepe/articles/state-manegement-in-nextjs-2020
Next.js 4年目の知見：SSRはもう古い、VercelにAPIサーバを置くな - Qiita
https://qiita.com/jagaapple/items/faf125e28f8c2860269c
Recoil
https://recoiljs.org/
binder | Flutter Package
https://pub.dev/packages/binder
週刊 Dart & Flutter インプット 43. 毎週金曜日に、@ntaoo がインプットした Dart & Flutter… | by ntaoo | Nov, 2020 | Medium
https://medium.com/@ntaoo/%E9%80%B1%E5%88%8A-dart-flutter-%E3%82%A4%E3%83%B3%E3%83%97%E3%83%83%E3%83%88-43-8273fd9f09fc
content-visibility: the new CSS property that boosts your rendering performance
https://web.dev/content-visibility/
React Virtuoso: virtual list component + batteries included
2020-11-072h 14火曜日のおフロブラウザがbold,italicなFontを自動で作っちゃう件（@font-face）,プロポーショナルメトリクス,自動カーニング,Web Assembly(Rust), Next.js 10yewstack/yew: Rust / Wasm framework for building client web apps
https://github.com/yewstack/yew
React v17.0 – React Blog
https://reactjs.org/blog/2020/10/20/react-v17.html
Blog - Next.js 10 | Next.js
https://nextjs.org/blog/next-10
Say No to Faux Bold – A List Apart
https://alistapart.com/article/say-no-to-faux-bold/
Web フォントを使うときの注意点
https://gyo.gitlab.io/ui-alm/web-font/
【真夜中のOpenTypeフィーチャー講座】 / Twitter
https://twitter.com/monokano/status/834444809263730688
Adobe Fonts User Guide
https://helpx.adobe.com/jp/fonts/user-guide.html/jp/fonts/using/open-type-syntax.ug.html
2020-10-311h 09火曜日のおフロWebpack 5、iPhone 12、ドバイのバーチャル・ワーキング・プログラム、AgriTech、カーソルブラウジングとF7、占星術の使い方、自作PCのその後、などについてWebpack 5 release (2020-10-10) | webpack
https://webpack.js.org/blog/2020-10-10-webpack-5-release/
evanw/esbuild: An extremely fast JavaScript bundler and minifier
https://github.com/evanw/esbuild
iPhone 12とiPhone 12 mini - Apple（日本）
https://www.apple.com/jp/iphone-12/
Google Pixel スマートフォン - Google ストア
https://store.google.com/jp/magazine/compare_pixel
ドバイに移住しリモート環境で働く機会を提供する「バーチャル・ワーキング・プログラム」が開始 | TechCrunch Japan
https://jp.techcrunch.com/2020/10/16/live-and-work-remotely-in-dubai/
クボタが目指す“完全無人農機”、AI開発にNVIDIAをエンドツーエンドで採用
https://monoist.atmarkit.co.jp/mn/articles/2010/08/news044.html
生産者のこだわりが正当に評価される世界へ
https://vivid-garden.co.jp/
f7キーを押してもカタカナに変換されません - Google Chrome Community
https://support.google.com/chrome/thread/75613650?hl=ja
2020-10-171h 51火曜日のおフロ自作PC紹介、竜王戦と将棋ソフト、スクロールアンカリング、Chrome 86、CSS in JS、Flash終了、について00:05:20 自作PC
00:53:00 将棋ソフト・竜王戦第一局
01:20:10 Chromeのバージョン84以降で「もっと見る」の挙動が変な件
01:35:10 New in Chrome 86
01:47:10 CSS in JS/Shadow DOM
02:03:50 Flashゲーム
GPU：GeForce RTX 3080
https://amzn.to/2GSugMx
CPU：Ryzen 9 RTX 3900X
https://amzn.to/2SJuNTI
マザーボード：X570 STEEL LEGEND
https://amzn.to/3lpphBM
CPUクーラー：NH-U12a
https://kakaku.com/item/K0001152530/
電源：RM850 CP-9020196-JP
https://amzn.to/30QpBSo
メモリ：CFD
https://amzn.to/36Oz2FJ
SSD：ADATA XPG GAMMIX S50 1TB SSD NVMe PCIe Gen4
https://amzn.to/3jKK2Yo
rbreaves/kinto: A better Linux & Windows keyboard layout for profes...
2020-10-102h 11火曜日のおフロNoCodeツール、神戸市の副業人材公募、Google Pixel 5、imgタグ decoding="async、.comドメイン、自作PCについてTikTok ダウンロード禁止 一時的に差し止める命令 米裁判所 | アメリカ大統領選 | NHKニュース
https://www3.nhk.or.jp/news/html/20200928/k10012637931000.html
YouTubeがTikTok似のショートビデオ機能「YouTube Shorts」を搭載、まずはインドで提供
https://jp.techcrunch.com/2020/09/15/2020-09-14-youtube-launches-its-tiktok-rival-youtube-shorts-initially-in-india/
優良運転講習オンラインで 行政デジタル化、試行へ コロナ対策にも・警察庁（時事通信） - Yahoo!ニュース
https://news.yahoo.co.jp/articles/7e1a136a8a57b3b5cd482eef362af56c730d6864
「Adobe XD」のデザインを「Flutter」のコードに変換するプラグインが一般公開 - 窓の杜
https://forest.watch.impress.co.jp/docs/news/1279609.html
新型コロナ禍で神戸市がMSと包括連携、Power Virtual Agentsでチャットボット、Twilioで音声自動案内を職員が構築
https://jp.techcrunch.com/2020/06/04/kobe-microsoft-cooperation/
Amazon Honeycode
https://jp.techcrunch.com/2020/06/25/2020-06-24-why-aws-built-a-no-code-tool/
Flutter App Templates and Components - Flutter Templates | CodeCanyon
https://codecanyon.net/category/mobile/flutter
神戸市が副業人材を公募、「登庁不要」のリモートワークで市外人材の登用を視野に - BRIDGE（ブリッジ）
https://thebridge.jp/2020/09/kobe-welcomed-non-city-person-as-a-second-job-worker
【募集1】神戸市公式ホームページ掲載内容のモニタリング及び修正提案業務【クラウドリンクス】
https://crowdlinks.jp/projects/usqWh...
2020-10-032h 10火曜日のおフロVue.js 3.0、React17-rc、Typescript4.1-beta、ts-sql、占星学、自作PCについて00:01:40 Vue.js 3.0
00:49:07 React 17-rc
01:21:21 TypeScript 4.1-beta
01:56:59 占星学
02:18:30 自作PC
Release v3.0.0 One Piece · vuejs/vue-next
https://github.com/vuejs/vue-next/releases/tag/v3.0.0
Vue's Darkest Day - DEV
https://dev.to/danielelkington/vue-s-darkest-day-3fgh
Vue 3 – A roundup of infos about the new version of Vue.js - Made with Vue.js
https://madewithvuejs.com/blog/vue-3-roundup
An Overview of What’s Coming in Vue 3 | by Chameera Dulanga | Better Programming | Medium
https://medium.com/better-programming/an-overview-of-whats-coming-in-vue-3-6bf24bfa7057...
2020-09-262h 29火曜日のおフロ「ISUCON10で惨敗」「Moment.jsの幕引き」「iOS14, Safari14」「ドコモ口座」などについてISUCON10 まとめ : ISUCON公式Blog
http://isucon.net/archives/54704557.html
Moment.js | Docs
https://momentjs.com/docs/#/-project-status/
Intl - JavaScript | MDN
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Intl
Temporal documentation
https://tc39.es/proposal-temporal/docs/index.html
iOS14で大きく進化 iPhoneの標準ブラウザ「Safari」変更点10個 - ライブドアニュース
https://news.livedoor.com/article/detail/18710426/
Google Online Security Blog: Better password protections in Chrome - How it works
https://security.googleblog.com/2019/12/better-password-protections-in-chrome.html
Apple製ウェブブラウザ「Safari 14」の新機能まとめ、拡張機能の強化やFace IDによる生体認証など - GIGAZINE
https://gigazine.net/news/20200625-apple-safari-14/
Can I use... Support tables for HTML5, CSS3, etc
https...
2020-09-191h 21火曜日のおフロ「新疑似クラス :focus-visible について」「Typescript: Template string types and mapped type 'as' clauses」「色覚に配慮した UI 設計」「Apple、IDFA許可制を 2021 年に延期」「GitHub Container Registry」「言語と行為」などについてロシアにて OS とマーケットを分離する法案提出。App Store や Google Play など手数料上限 20%、外部アプリストアの自由化案が盛り込まれる http://www.gamecast-blog.com/archives/65968502.html
Apple 曰く、ペアレンタルコントロールアプリの削除理由は「MDM と呼ばれる高度に侵入する技術」の使用 | スラド デベロッパー https://developers.srad.jp/story/19/05/02/0455217/
アップル、ターゲティング広告を制限する「iOS」の変更を 2021 年に延期 - CNET Japan https://japan.cnet.com/article/35159127/
Sign in with Apple
App Store Review ガイドライン - Apple Developer https://developer.apple.com/jp/app-store/review/guidelines/#sign-in-with-apple
レベル デザイナのクイック スタート | Unreal Engine Documentation https://docs.unrealengine.com/ja/Engine/QuickStart/index.html
Template string types and mapped type 'as' clauses by ahejlsberg · Pull Request #40336 · microsoft/TypeScript https://github.com/microsoft/TypeScript/pull/40336
GitHub Container Registry 入門 - 生産性向上ブログ https://www.kaizenprogrammer.com/entry/2020/09/03/060236
GitHub Actions について - GitHub Docs https://docs.github.com/ja/actions/getting-started-with-github-actions/about-github-actions
GitHub Packages について - GitHub Docs https://docs.git...
2020-09-051h 51火曜日のおフロパッケージマネージャーpnpm、GitHub Default Branch「main」、Vue.js 3、Google Chrome 85正式版リリース、言語と行為についてパッケージマネージャーpnpm、GitHub Default Branch「main」、Vue.js 3、Google Chrome 85正式版リリース、言語と行為について話しました
- 中国が国内用のGitHubとして代替サービス「Gitee」を構築中 | TechCrunch Japan https://jp.techcrunch.com/2020/08/22/2020-08-21-china-is-building-its-github-alternative-gitee/
- ziglang/zig: General-purpose programming language and toolchain for maintaining robust, optimal, and reusable software. https://github.com/ziglang/zig
- パッケージ
- pnpm/pnpm: 📦🚀 Fast, disk space efficient package manager https://github.com/pnpm/pnpm
- pnpm: スペース効率に優れたJavaScriptパッケージマネージャ https://www.infoq.com/jp/news/2020/07/pnpm-javascript-package-manager/
- orogene/orogene: A next-generation platform and package manager for Node.js-compatible and frontend JavaScript projects! https://github.com/orogene/orogene
- A new npm is coming - DEV https://dev.to/cloudx/a-new-npm-is-coming-5heh
- Set the default branch for newly-created repositories - G...
2020-08-291h 31火曜日のおフロAirbnbのts-migrate、フォートナイトの開発者アカウント停止通告、占星術などについてAirbnbのts-migrate、フォートナイトの開発者アカウント停止通告、占星術などについて話しました
- Apple、8月28日までに『フォートナイト』を正しい状態で復帰させなければEpic Games開発者アカウント停止を通告。実施されればUnreal EngineのAppleプラットフォーム提供が困難に http://www.gamecast-blog.com/archives/65967747.html
-「フォートナイト」、App Storeに続きGoogle Playストアからも削除 - ITmedia NEWS https://www.itmedia.co.jp/news/articles/2008/14/news056.html
- Nineteen Eighty-Fortnite https://www.youtube.com/watch?v=euiSHuaw6Q4
- Nineteen Eighty-Fortnite vs 1984 Apple Macintosh Commercial Comparison https://www.youtube.com/watch?v=h62AhBb5N1Q
- 100万円超でフォートナイトがインストールされたiPhoneがオークションサイトで販売されている https://gigazine.net/news/20200820-iphones-fortnite-installed-ebay-1000000/
- Appleが「プライバシー上の懸念あり」としてSafariへの一部ウェブAPIの実装を拒否 https://gigazine.net/news/20200629-apple-web-api-decline/
- ts-migrate https://github.com/airbnb/ts-migrate
- The Great CoffeeScript to Typescript Migration of 2017 https://dropbox.tech/frontend/the-great-coffeescript-to-typescript-migration-of-2017
- https://talkport.com/
- https://limista.jp/
- 占星術 ホロスコープ http://www.horoscope-tarot.net/
2020-08-221h 48火曜日のおフロRome Frontend Toolchain, Node v14.8 Top Level Async/Await, グラフ理論, 政治学, 現代貨幣理論などについてRome Frontend Toolchain, Node v14.8 Top Level Async/Await, グラフ理論, 政治学, 現代貨幣理論などについて話しました
- ローソンPB新パッケージの「わかりにくすぎる」という問題 ユニバーサルデザインの専門家に訊く - wzzy｜ウェジhttps://wezz-y.com/archives/77514
- Rome Frontend Toolchain https://romefrontend.dev/#getting-started
- Node v14.8 Top Level Async/Await now available https://itnext.io/node-js-script-writers-top-level-async-await-now-available-a1e86566d5f6
- Graph theory MIT https://www.youtube.com/playlist?list=PL6MpDZWD2gTF3mz26HSufmsIO-COKKb5j
- グラフ理論①(一筆書きの定理) - YouTube https://www.youtube.com/watch?v=PFcuUpBwgtE
- Regular expression visualizer using railroad diagrams https://regexper.com/
- 教養としての政治学入門 https://www.amazon.co.jp/教養としての政治学入門-ちくま新書-成蹊大学法学部/dp/448007211X
- 【最大50%OFF】Kindle本 夏のセール: Kindleストア https://www.amazon.co.jp/b?ie=UTF8&node=6649551051
- 【最大50%還元】Kindle本ポイントキャンペーン: Kindleストア https://w...
2020-08-151h 28火曜日のおフロJavaScript Records & Tuples Proposal(stage2), Typescript Utility Types, Recoil, フォームバリデーション, deno, 将棋プログラムについてJavaScript Records & Tuples Proposal(stage2), Typescript Utility Types, Recoil, フォームバリデーション, deno, 将棋プログラムなどについて話しました
雑談
- 銀座ルノアール 21年3月期第1四半期決算 https://twitter.com/kanpo_blog/status/1291279442954735616?s=20
- 任天堂 2021年3月期第1四半期決算 https://twitter.com/kanpo_blog/status/1291280713719791616
- cluster https://cluster.mu/
- ZOOM会議に効果音をいれて超楽しくするには｜深津 貴之 (fladdict)｜note https://note.com/fladdict/n/n6ecb8faa3d02
フロントとか
- Records & Tuples for React https://sebastienlorber.com/records-and-tuples-for-react
- Utility Types https://www.typescriptlang.org/docs/handbook/utility-types.html
- Flutter 1.20 https://link.medium.com/tBJX6mgXH8
- Recoil https://mizchi.dev/study-recoil
- yup https://github.com/jquense/yup
- deno https://deno.land
- deno examples https://deno.land/manual/examples
将棋
2020-08-081h 51火曜日のおフロNext.js Incremental Static ReGeneration, autofill, inputmode, GPT-3などについてNext.js Incremental Static ReGeneration, autofill, inputmode, GPT-3などについて話しました
- Next.js 9.5 | Next.js https://nextjs.org/blog/next-9-5
- What is Next.js Incremental Static (Re)Generation? https://arunoda.me/blog/what-is-nextjs-issg
- 持つだけで「モヤッとした気分」を一瞬で消し去るアレ - YouTube https://www.youtube.com/watch?v=pb39DHfa0hQ
- 日向坂46公式サイト https://www.hinatazaka46.com/s/official/page/yeswithyou_prologue?ima=0000
- Help users checkout faster with Autofill https://developers.google.com/web/updates/2015/06/checkout-faster-with-autofill
- ぽたぽた焼き ぽたぽた親子あそび https://www.kamedaseika.co.jp/potapotayaki/asobi/
- @tmrさん作 inputmode比較 https://gyo.gitlab.io/ui-alm/inputmode/
- @tmrさん作 input type比較 https://gyo.gitlab.io/ui-alm/form/
- 革命かパンドラの箱か...
2020-08-011h 27火曜日のおフロ広告ブロック、ブラウザフィンガープリント、リモート作業環境、フロントエンドの設計などについて広告ブロック、ブラウザフィンガープリント、リモート作業環境、フロントエンドの設計などについて話しました
- 高3・既卒生対象のオンライン模試「駿台atama＋共通テスト模試」申込数が4万人を突破https://jp.techcrunch.com/2020/07/22/atama-plus-sundai-online-practice/
- ブラウザフィンガープリントライブラリ https://github.com/fingerprintjs/fingerprintjs2
- 俺のリモート作業環境晒してみる（iMac5k,モニター3台,高級オフィスチェア,電動昇降デスクなど）https://iguchitomokatsu.com/posts/my-remote-working-environment/
- フロントの設計について
2020-07-251h 10火曜日のおフロGitHub Archive Programやサインインフォームのベストプラクティス、錬金術についてGitHub Archive Programやサインインフォームのベストプラクティス、錬金術などについて話しました
- 1000年後にデータを残すための「GitHub Archive Program」で21TBのリポジトリの北極圏への保管が完了https://gigazine.net/news/20200717-github-archive-program-arctic/
https://archiveprogram.github.com/
https://github.blog/2020-07-16-github-archive-program-the-journey-of-the-worlds-open-source-code-to-the-arctic/
- 「在宅勤務は生産性ダウン」と感じる人、日本はトップ 10カ国平均大きく上回る レノボ調査で明らかにhttps://www.itmedia.co.jp/news/articles/2007/16/news080.html
- リモートコミュニケーション時に便利なツールについて
VSCode Live Share
Jamboard
miro
HackMD
Confluence
Scrapbox
- 図解 錬金術 - 草野巧 - Google ブックス https://books.google.co.jp/books?id=MJ1fDwAAQBAJ
- 乗換案内、時刻表、運行情報 - Yahoo!路線情報 https://transit.yahoo.co.jp/
- Sign-in form best practices https://web.dev/sign-in-form-best-practices/
https://www.amazon.co.jp/デザイニングWebアクセシビリティ-アクセシブルな設計やコンテンツ制作のアプローチ-太田良典/dp/4862462650
- このpodcastの名前を決める
2020-07-181h 27火曜日のおフロFlutter and Typescript 4.0 beta※第一回目放送は@igtmが録音に慣れておらず、音量にばらつきがあり聞き取りづらくなってます...ご了承くださいmm
FlutterとTypescript4.0についてゆるーく話しました
- Flutter for Linux: https://japan.zdnet.com/article/35156519/
- Flutter for Web
- typescript4.0: https://devblogs.microsoft.com/typescript/announcing-typescript-4-0-beta/
Speakers:
- @igtm
- @ymdarake
- @tmr
2020-07-111h 04