火曜日のおフロ

च्यानल विवरणहरू

火曜日のおフロ

火曜日のおフロ

सिर्जनाकर्ता: igtm, tmr, ymdarake

@igtm, @t-gyo, @ymdarake が、ゆるーくフロントエンド周りの気になった記事を紹介しながらお届けします。おフロは「フロントエンド」から来てます。毎週土曜日更新。 https://tue-ofuro.vercel.app/

JA Japan प्रविधि

हालैका एपिसोडहरू

80 एपिसोडहरू
TaxyAI, ChatGPT, NUI, コルーチン, Generator, mix-blend-mode

TaxyAI, ChatGPT, NUI, コルーチン, Generator, mix-blend-mode

GitHub - TaxyAI/browser-extension: Automate your
browser with GPT-4
LLMが変える、ユーザインターフェースの未来|Dory
JSやPython...

2024-01-13 03:58:59 00:47:56
Safari 17.2, CSS 2023, Tailwind v3.4

Safari 17.2, CSS 2023, Tailwind v3.4

WebKit Features in Safari 17.2 | WebKit
GitHub - promptfoo/promptfoo: Test your prompts, models, RAGs. Evaluate and compare LLM outputs, catch r...

2023-12-23 05:33:40 02:17:19
WASM, Type Scaling, attr(), ACT Rules, WebAIM

WASM, Type Scaling, attr(), ACT Rules, WebAIM

SQLite3 WASM JS、試すメモ|SQLite3 WASM(WebAssembly) 初級編、CMS作成など
GitHub - igtm/mdclient: Markdown Viewer Chrome Extension for Github

2023-01-14 04:33:01 02:01:33
デジタル庁Webアクセシビリティー, JISS X 8341-3:2016, miChecker, Void element

デジタル庁Webアクセシビリティー, JISS X 8341-3:2016, miChecker, Void element

デジタル庁、初心者向け「Webアクセシビリティー」導入ガイド無償公開 非技術者向け、専門用語は少なめに - ITmedia NEWS
JIS X 8341-3:2016 達成基準 早...

2022-12-17 14:48:42 01:45:48
Chrome 108(svh/lvh/dvh), lch/oklch WCAG 2.1, axe-core, XState

Chrome 108(svh/lvh/dvh), lch/oklch WCAG 2.1, axe-core, XState

ブログ: 日本のウェブデザインの特異な事例
New in Chrome 108 - Chrome
Developers
Prepare for viewport resize
behavior...

2022-12-10 06:13:18 02:57:45
Typescript4.9 (satisfies), Nextjs13, Twitter backend architecture

Typescript4.9 (satisfies), Nextjs13, Twitter backend architecture

Announcing TypeScript
4.9 - TypeScript
"satisfies" operator to ensure
an expression matches some type (feedback reset) · I...

2022-11-26 05:15:36 02:09:22
Twitter alternative, Sapling (Git alternative written in Rust), HSTS Preload, OpenSSL 3.x.x, Structural Subtyping

Twitter alternative, Sapling (Git alternative written in Rust), HSTS Preload, OpenSSL 3.x.x, Structural Subtyping

cohost!

cohost! - "October 2022
Financial Update"
Minds
TweetDeck

Kizie - A better Twitter

2022-11-19 04:50:37 02:21:54
Chrome 108, Viewport on Android, SVG sprite

Chrome 108, Viewport on Android, SVG sprite

Browser hacking: Let's
finally log into Discord! - YouTube
Prepare for viewport resize
behavior changes coming to Chrome o...

2022-11-12 03:51:56 01:34:06
RUST, JSONC, TOML, openapi-yup-generator, ri-calculator, TUI, Nextjs 13, Turbopack

RUST, JSONC, TOML, openapi-yup-generator, ri-calculator, TUI, Nextjs 13, Turbopack

ゼロからはじめるJavaScript(18)
可読性と表現力の高いデータ形式「JSONC」を活用しよう | TECH+(テックプラス)
TOML っていいな
やっ...

2022-11-05 04:54:13 02:34:31
Design System, Font-Family, .well-known/change-password

Design System, Font-Family, .well-known/change-password

Tailwind考 - uhyo/blog
AI
Programmer
デザインシステムにおけるタイポグラフィーの試行錯誤
- DMM inside
ios13から...

2022-10-22 04:52:03 02:28:05
Critical CSS, CommonJS vs ESM, Design

Critical CSS, CommonJS vs ESM, Design

Critical CSS? Not So Fast! – CSS
Wizardry – Web Performance Optimisation
重要でないCSSを延期する
tdarb.org / Making a Website U...

2022-10-15 05:14:12 02:11:31
:has(), Infinite Scrolling, Topics API

:has(), Infinite Scrolling, Topics API

https://twitter.com/myakura/status/1565986899097178112
Infinite Scrolling: When to Use It, When to Avoid It
無限スクロールは考慮することが...

2022-09-10 02:30:17 00:49:43
Bun, Zig/Rust, Next.js Conf, Chrome 105

Bun, Zig/Rust, Next.js Conf, Chrome 105

Oven: the company behind
Bun
JavaScriptランタイム「Bun」が約9億円を調達、「Oven」社を設立。ホスティングやCIサービスなど計画
...

2022-09-03 04:02:29 01:37:27
OpenProps, mdx(docusaurus), 擬似クラス, border-color, unicode regex, Emojipedia

OpenProps, mdx(docusaurus), 擬似クラス, border-color, unicode regex, Emojipedia

Build Custom Interfaces Using CSS Open Props -
YouTube
agendas/09.md at main · tc39/agendas

Markdown を拡張する MDX

2022-08-27 04:31:17 02:01:58
Variable Units, State of CSS 2022, bfcache, nanoid

Variable Units, State of CSS 2022, bfcache, nanoid

CSSは確実に進化している!
新機能、単位を変数として利用できる「Variable Units(変数単位)」 | コリス
State of CSS 2022
[css-vari...

2022-08-13 04:39:10 01:27:10
Centering CSS, DIDs. WAI-ARIA, Font Subsetting

Centering CSS, DIDs. WAI-ARIA, Font Subsetting

How to
Center a Div with CSS – 10 Different Ways
CSSでのセンタリング
- CSS: カスケーディングスタイルシート |
MDN

2022-07-30 04:51:08 01:37:25
normalize.css, Body Margin 8px, input type=number, webfont

normalize.css, Body Margin 8px, input type=number, webfont

open-props/normalize.css
at main · argyleink/open-props · GitHub
たった1行のCSSでこれなら簡単!すでに制作済みのWebサイト・スマホアプ...

2022-07-16 04:01:34 01:21:55
Next.js 12.2, reset.css, Safari Styling Hacks

Next.js 12.2, reset.css, Safari Styling Hacks

line-height と
vertical-align の話(em-square)
Deep dive CSS: font
metrics, line-height and vertical-align - Vincent De O...

2022-07-09 04:43:55 02:03:05
HTTP Status Code 103, Chrome 103, ES2022

HTTP Status Code 103, Chrome 103, ES2022

TanStack/table: 🤖 Headless UI for building powerful tables
& datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table
...

2022-06-25 03:43:24 01:38:42
認知プロセスとデザイン、HTTP/3

認知プロセスとデザイン、HTTP/3

CSS NiteさんはTwitterを使っています:
「2021年8月24日に開催した〈行動・認知プロセスモデルを知って、UIを的確に改善しよう〉/松田 直樹さ...

2022-06-18 08:38:30 01:20:57
Safari 16 Beta (WebPush), Human Interface Guidelines, webp avif webm HLS ...

Safari 16 Beta (WebPush), Human Interface Guidelines, webp avif webm HLS ...

PlayWright を使ってE2Eテストを書いてみた
News from WWDC22:
WebKit Features in Safari 16 Beta | WebKit
池田 泰延 (@clockmak...

2022-06-11 03:54:20 01:36:02
Layout RFC of Nextjs, zoom無効化について, css moduleのその後

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ć
Inte...

2022-06-04 04:42:28 01:52:04
State of CSS 2022 (interop 2022)

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...

2022-05-21 04:21:13 02:05:28
Dialog要素, toggle-root, コンテンツカテゴリー, アウトラインアルゴリズムの変更

Dialog要素, toggle-root, コンテンツカテゴリー, アウトラインアルゴリズムの変更

Thinking on ways to solve DIALOG - YouTube
Dialog | GUI Challenges
Building a dialog component
Bram.us / Twitter
The Future of...

2022-05-07 04:09:37 01:54:25
Chrome 100, React 18 で追加された新しいhooks(useTransition, useDeferredValue)

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

2022-04-02 04:21:01 02:11:45
Type Syntax in Javascript, Typescript4.6, Nextjs 12.1, React 18, CSS @layer,

Type Syntax in Javascript, Typescript4.6, Nextjs 12.1, React 18, CSS @layer,

これだけは押さえよう!住所フォームの作り方 - ケンオールブログ
押下(おうか)にまつわる話 - Qiita
New in Chrome 99 - Chrome Developers
...

2022-03-12 04:23:42 02:09:52
oklab/oklchとlab/lchの違い, The State of JS 2021, Wasm VM

oklab/oklchとlab/lchの違い, The State of JS 2021, Wasm VM

Color Combinations Generator
apca-w3 -
npm
達成基準 1.4.3 を理解する | WCAG
2.0解説書
It's time for...

2022-02-19 04:03:15 02:12:33
requestAnimationFrameとrequestIdleCallback, Typescript 4.6 beta

requestAnimationFrameとrequestIdleCallback, Typescript 4.6 beta

State of JavaScript 2021/2022
【LINE証券
Frontend】requestIdleCallbackを活用して初期レンダリング時間を約14%削減した話 - LINE ENG...

2022-01-29 04:51:18 02:06:06
HTML Living Standard, Origin Trials, 2022年のCSS

HTML Living Standard, Origin Trials, 2022年のCSS

Focus the
dialog element instead of the first focusable item by dpogue · Pull Request #4184 · whatwg/html
HTML Standard

2022-01-15 04:12:01 01:22:45
tc39-notes 読んで見る, 正規表現のパフォーマンス問題, A-Frameで作るWebVR など

tc39-notes 読んで見る, 正規表現のパフォーマンス問題, A-Frameで作るWebVR など

tc39-notes/meetings at master ·
rwaldron/tc39-notes
DenoがTypeScriptの使用をやめる5つの理由 - Qiita
ECMAScript® 2021 Langu...

2022-01-08 04:23:13 01:52:55
CSS of 2021, React Conf, Suspense for data fetching

CSS of 2021, React Conf, Suspense for data fetching

重いサイトを軽くしろ!年末年始は #WebSpeedHackathon 2021 に挑戦しよう | CyberAgent Developers Blog
Open Props: sub-atomic styles
Adam Argy...

2021-12-18 03:54:23 02:04:42
Chrome96, Typescript4.5, AMPの終焉, wbrタグなど

Chrome96, Typescript4.5, AMPの終焉, wbrタグなど

New in Chrome 96 - Chrome Developers
Back/forward cache

What's New In DevTools (Chrome 96) - Chrome
Developer...

2021-11-20 04:29:35 02:59:36
Chrome Dev Summit 2021, npm package "coa"

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' N...

2021-11-13 03:33:32 01:47:24
Nextjs 12, Connect 2021, Jamstack Survey, Material You, Fontのはなし

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
...

2021-10-30 04:44:41 02:36:29
Nuxt.js 3 beta, Nominal Typing vs Structual Typing vs Duck Typing, Material You

Nuxt.js 3 beta, Nominal Typing vs Structual Typing vs Duck Typing, Material You

Appleシリコン「M1」MacでLinux直接起動を目指す「Asahi
Linux」、独自ブートローダーm1n1開発 | TechCrunch Japan
NuxtJS / Twitter

2021-10-16 03:34:25 01:21:18
Google Meetの背景ぼかし技術(wasm SIMD), ライブ配信プロトコル(RTMP, HLS, MPEG-DASH), BlinkとGecko, Typescript 4.5 Template Literal Type, CSS小ネタ(list-style-type)

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...

2021-10-09 04:03:34 02:13:56
Material UI v5, 有償版 MUI X Pro, GridのLayoutShift

Material UI v5, 有償版 MUI X Pro, GridのLayoutShift

MUI: The React component library
you always wanted
こんにちはMUI! 新しくなったMaterial UI v5

Material-UI v5を先取...

2021-10-02 03:45:57 01:45:14
音声遅延, 海底ケーブル JUPITER, iPhone 13, Safari 15, iOS 15のプライベートリレー, APCA(色のコントラスト)

音声遅延, 海底ケーブル JUPITER, iPhone 13, Safari 15, iOS 15のプライベートリレー, APCA(色のコントラスト)

データサイエンティスト検定™ リテラシーレベル | 一般社団法人 データサイエンティスト協会
世界100万kmの海底ケーブル、地理と速度と冗長性を考える

2021-09-25 04:45:32 02:43:38
Epic&Apple, React Code Splitting, Lazy loading, Material You, DevTools Chrome 94

Epic&Apple, React Code Splitting, Lazy loading, Material You, DevTools Chrome 94

EpicとAppleの『フォートナイト』裁判が決着。Apple独自決済の強制などが反競争的と認められ、該当規約の削除が言い渡される

Epic Games対Ap...

2021-09-18 04:04:36 02:01:52
Webviewアプリの話、Android 12, iOS15, iPhone13 RogPhone5, Next.js Conf

Webviewアプリの話、Android 12, iOS15, iPhone13 RogPhone5, Next.js Conf

React +
TypeScriptで固めつつ、新しいことも取り入れる LINE証券のフロントエンドエンジニアが大切にしていること - ログミーTech
Android

2021-09-11 04:00:14 01:20:54
0:00
0:00
Episode
home.no_title_available
home.no_channel_info