Podcasts by 火曜日のおフロ
@igtm, @t-gyo, @ymdarake が、ゆるーくフロントエンド周りの気になった記事を紹介しながらお届けします。おフロは「フロントエンド」から来てます。毎週土曜日更新。
https://tue-ofuro.vercel.app/
Further podcasts by igtm, tmr, ymdarake
Podcast on the topic So geht’s
All episodes
Chrome 108(svh/lvh/dvh), lch/oklch WCAG 2.1, axe-core, XState from 2022-12-10T06:13:18
Listen
Design System, Font-Family, .well-known/change-password from 2022-10-22T04:52:03
:has(), Infinite Scrolling, Topics API from 2022-09-10T02:30:17
Bun, Zig/Rust, Next.js Conf, Chrome 105 from 2022-09-03T04:02:29
OpenProps, mdx(docusaurus), 擬似クラス, border-color, unicode regex, Emojipedia from 2022-08-27T04:31:17
Build Custom Interfaces Using CSS Open Props - YouTube
Listen
Variable Units, State of CSS 2022, bfcache, nanoid from 2022-08-13T04:39:10
CSSは確実に進化している! 新機能、単位を変数として利...
ListenCentering CSS, DIDs. WAI-ARIA, Font Subsetting from 2022-07-30T04:51:08
How to Center a Div with CSS – 10 Differe...
ListenNext.js 12.2, reset.css, Safari Styling Hacks from 2022-07-09T04:43:55
認知プロセスとデザイン、HTTP/3 from 2022-06-18T08:38:30
CSS NiteさんはTwitterを使っています: 「2021年8月24日に開催した〈行動・認知プロセスモデルを知って、UIを...
ListenDialog要素, toggle-root, コンテンツカテゴリー, アウトラインアルゴリズムの変更 from 2022-05-07T04:09:37
Thinking on ways to solve DIALOG - YouTube
... ListenType Syntax in Javascript, Typescript4.6, Nextjs 12.1, React 18, CSS @layer, from 2022-03-12T04:23:42
これだけは押さえよう!住所フォームの作り方 - ケンオールブログ
Listen
oklab/oklchとlab/lchの違い, The State of JS 2021, Wasm VM from 2022-02-19T04:03:15
Listen
requestAnimationFrameとrequestIdleCallback, Typescript 4.6 beta from 2022-01-29T04:51:18
Listen
Chrome96, Typescript4.5, AMPの終焉, wbrタグなど from 2021-11-20T04:29:35
New in Chrome 96 - Chrome Developers
Listen
Material UI v5, 有償版 MUI X Pro, GridのLayoutShift from 2021-10-02T03:45:57
音声遅延, 海底ケーブル JUPITER, iPhone 13, Safari 15, iOS 15のプライベートリレー, APCA(色のコントラスト) from 2021-09-25T04:45:32
データサイエンティスト検定™ リテラシーレベル | 一般社団法人 データサイエンティスト協会
Listen
Chrome93, Nextjs ISRを Vercel以外でやる方法, s-maxageと max-ageの違い, オンラインゲームのラグについて from 2021-09-04T03:16:42
Listen
WebComponentsとReactの相性, Typescript 4.4, Chrome 93, CSS Container Queries from 2021-08-28T02:58:19
メルカリShops のフロントエンド | メルカリエンジニアリング
Listen
Safari Technology Preview 126, タイムスタンプ文字列, Wasmer 2.0, Flutter Hooks, ES2021, Windows 11 from 2021-06-26T06:26:45
Safari v15の機能を導入した「Safari Technology Preview 126」をmacOS 11 Big SurにインストールするとSTPが動かない/クラッシュする問題があり一時的に非公開に。
polyfill-library, Next.js Conf, React 18などについて from 2021-06-19T04:04:43
ABEMA Web で Polyfill のコードをモダンブラウザ向けに 99% 削減した話 | CyberAgent Developers Blog
https://developers.cyberagent.co.jp/blog/arc...
ListenMinecraft 1.17, Web font, React 18, deno 1.11, React 並列モード from 2021-06-12T03:55:08
<p>Java Edition 1.17 - Minecraft Wiki</p>
<p><a href="https://minecraft.fandom.com/ja/wiki/Java_Edition_1.17">https://minecraft.fandom.com/ja/wiki/Java_Edition_1.1...
ListenWeb Font重い問題、JSのtry catch finallyの変わった挙動、Tailwind CSS from 2021-06-05T04:29:09
Noto Sans JP のパフォーマンスへの影響
https://gyo.gitlab.io/ui-alm/noto-sans-jp/
Webフォント読み込み戦略(2021年) - MOL
Chrome DevTools for designers, Web Fontが重い話 React Component Pattern from 2021-05-29T04:54:20
Chrome DevTools for designers | Session - YouTube
https://www.youtube.com/watch?v=yNwwEu3Kcbs
マイクロソフトはGPT-3を使い自然言語でコードを書ける...
ListenGoogle I/O 2021について from 2021-05-22T04:32:20
Google I/O 2021
A few things to know from Google I/O 2021 in under 9 minutes. - YouTube
Chrome 91, Javascriptで書けるシェルスクリプト "zx", SSRF, useRefのRefObjectとMutableRefObject, Google DocsがCanvas移行 from 2021-05-15T03:38:45
[速報]マイクロソフト、無料でRPA機能「Power Automate Desktop」をWindows 10ユーザーに提供開始。Microsoft Ignite 2021 - Publickey
【Live Coding】Next.jsでホームページ作ってみる(音声のみ) from 2021-02-27T05:01:57
【Live Coding】Next.jsでホームページ作ってみる(音声のみ)
ListenBrowser built-in Dark Mode color scheme、WebAssembly Summit 2021、Apple Platform Security などについて from 2021-02-20T04:19:38
CSS Variables を JavaScript から操作する | スマホ神 – JavaScript 受託開発 –
http://smart.ataglance.jp/2016-06-02-...
ListenTailwind CSSが私には合わなかった理由, 「WebRTC」が正式な標準仕様に到達、WebTransport、App Tracking Transparency、FLoCなどについて from 2021-02-06T04:12:04
【悲劇】初期不良系ユーチューバー、自作PCでとんでもないミスをやらかす。 - YouTube
https://www.youtube.com/watch?v=czbWkGbujgM
Tailwind CSSが私には合わなかった理由 | コリス<...
ListenTypeScript 4.2 Beta、Chrome 88(CSS aspect-ratio)、ホワイトハウスのウェブサイト、WCAG 3.0、content-visibility: auto; とページ内リンク from 2021-01-23T03:43:23
<p>Announcing TypeScript 4.2 Beta | TypeScript</p>
<p><a href="https://devblogs.microsoft.com/typescript/announcing-typescript-4-2-beta/">https://devblogs.microsof...
ListenState of JS 2020、Scroll-linked Animations、Web アプリの反応速度について from 2021-01-16T03:17:47
24:00 State of JS 2020
1:31:20 CSS Scroll-Linked Animations
State of JS 2020
ListenReact Server Components, レスポンシブデザインでデバイスごとのブレイクポイントをどこで切るか, content-fit, 明度7:1の法則などについて from 2021-01-09T04:03:54
Introducing Zero-Bundle-Size React Server Components – React Blog
https://reactjs.org/blog/20...
ListenChrome Dev Summit Recap 2020, Houdini, Privacy Budget, Web Vitals, Nuxt Tailwind, Centering in CSS from 2020-12-19T03:44:38
15: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で要素を中央に配置する5つの方法)
Google Developers ...
Listen2020年はTailwindの年(The State of CSS)、SSRでDarkmode対応する方法、font-family: system-ui について、Github Universe 2020 from 2020-12-12T03:05:18
06: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 Gi...
Listen次世代画像形式 WebP2とAVIF、JavaScriptの奇妙な挙動(型が異なる値の比較など)、Chrome88で "_blank"時に"rel=noopener"不要に from 2020-11-28T04:45:28
東京在住の@igtm, @tmr と ニュージランド在住の@ymdarakeが、ゆるーくフロントエンド周りの気になった記事を紹介しながらお届けします
1:25 Manjaro Linux
25:55 スクラムガイド2020のアップデート
39:00 次世代画像形式のWebP2、AVIF
1:04:57 Ta...
ListenApple M1チップとソフト対応状況、Google Chrome 87正式版リリース、GridとFlexboxの違い、Font-Familyって結局何指定したらいいの?について from 2020-11-21T05:06:52
16:45 Apple M1チップとソフト対応状況
46:20 Google Chrome 87正式版リリース
54:20 GridとFlexboxの違い
1:51:15 Font-Familyって結局何指定したらいいの?
Apple SiliconことM1チップ対応Chromeブラ...
ListenApple M1????????????Google Chrome 87????????Grid?Flexbox????Font-Family?????????????????? from 2020-11-21T05:06:52
16:45 Apple M1???????????
46:20 Google Chrome 87???????
54:20 Grid?Flexbox???
1:51:15 Font-Family??????????????
Apple Silicon??M1?????Chrome??...
ListenFirebase Summit 2020, AppleM1チップ, オススメのChrome Extension, 最強のFont-familyについて from 2020-11-14T03:46
9:55 Firebase Summit 2020
22:02 Apple M1 チップ
Firebase Summit 2020のまとめと所感 https://nabettu.com/9359dcae953248e0b001046b0b49459c Apple、M1チップを発表 - Apple (日本) https://www.apple.com...
Firebase Summit 2020, AppleM1???, ?????Chrome Extension, ???Font-family???? from 2020-11-14T03:46
9:55 Firebase Summit 2020
22:02 Apple M1 ???
Firebase Summit 2020??????? https://nabettu.com/9359dcae953248e0b001046b0b49459c Apple?M1?????? - Apple (??) https://www.apple.com...
Next.js??????React?Recoil?Flutter?binder?????????content-visibility?????????????????????????????? from 2020-11-07T04:40:33
Next.js ????? 2020
https://zenn.dev/takepepe/articles/state-manegement-in-nextjs-2020
Next....
ListenNext.jsの状態管理、ReactのRecoilとFlutterのbinder、仮想スクロールとcontent-visibility、占星術、座禅、フルーツティー、サウンドセラピーなどについて from 2020-11-07T03:40:33
Next.js の状態管理 2020
https://zenn.dev/takepepe/articles/state-manegement-in-nextjs-2020
Next.js 4年目の知...
Listenブラウザがbold,italicなFontを自動で作っちゃう件(@font-face),プロポーショナルメトリクス,自動カーニング,Web Assembly(Rust), Next.js 10 from 2020-10-31T02:42:55
yewstack/yew: Rust / Wasm framework for building client web apps
https://github.com/yewstack/yew
React v17.0 – React Blog
?????bold,italic?Font???????????@font-face?,?????????????,???????,Web Assembly(Rust), Next.js 10 from 2020-10-31T02:42:55
yewstack/yew: Rust / Wasm framework for building client web apps
https://github.com/yewstack/yew
React v17.0 – React Blog
Webpack 5?iPhone 12???????????????????????AgriTech????????????F7???????????PC??????????? from 2020-10-17T05:51:37
Webpack 5 release (2020-10-10) | webpack
https://webpack.js.org/blog/2020-10-10-webpack-5-release/
e...
ListenWebpack 5、iPhone 12、ドバイのバーチャル・ワーキング・プログラム、AgriTech、カーソルブラウジングとF7、占星術の使い方、自作PCのその後、などについて from 2020-10-17T03:51:37
Webpack 5 release (2020-10-10) | webpack
https://webpack.js.org/blog/2020-10-10-webpack-5-release/
evanw/esb...
Listen自作PC紹介、竜王戦と将棋ソフト、スクロールアンカリング、Chrome 86、CSS in JS、Flash終了、について from 2020-10-10T04:07:47
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ゲーム
<...
Listen??PC?????????????????????????Chrome 86?CSS in JS?Flash??????? from 2020-10-10T04:07:47
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???
<...
ListenNoCodeツール、神戸市の副業人材公募、Google Pixel 5、imgタグ decoding="async、.comドメイン、自作PCについて from 2020-10-03T04:08:14
TikTok ダウンロード禁止 一時的に差し止める命令 米裁判所 | アメリカ大統領選 | NHKニュース
https://www3.nhk.or.jp/news/html/20200928/k10012637931000.ht...
ListenNoCode???????????????Google Pixel 5?img?? decoding="async?.com???????PC???? from 2020-10-03T04:08:14
TikTok ???????? ??????????? ???? | ???????? | NHK????
https://www3.nhk.or.jp/news/html/20200928/k10012637931000.ht...
ListenVue.js 3.0?React17-rc?Typescript4.1-beta?ts-sql???????PC???? from 2020-09-26T07:51:46
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<...
ListenVue.js 3.0、React17-rc、Typescript4.1-beta、ts-sql、占星学、自作PCについて from 2020-09-26T05:51:46
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
?ISUCON10?????Moment.js??????iOS14, Safari14?????????????? from 2020-09-19T06:02:24
ISUCON10 ??? : ISUCON??Blog
http://isucon.net/archives/54704557.html
Moment.js | Docs
「ISUCON10で惨敗」「Moment.jsの幕引き」「iOS14, Safari14」「ドコモ口座」などについて from 2020-09-19T04:02:24
ISUCON10 まとめ : ISUCON公式Blog
http://isucon.net/archives/54704557.html
Moment.js | Docs
「新疑似クラス :focus-visible について」「Typescript: Template string types and mapped type 'as' clauses」「色覚に配慮した UI 設計」「Apple、IDFA許可制を 2021 年に延期」「GitHub Container Registry」「言語と行為」などについて from 2020-09-05T05:47:53
ロシアにて OS とマーケットを分離する法案提出。App Store や Google Play など手数料上限 20%、外部アプリストアの自由化案が盛り込まれる http://www.gamecast-blog.com/archives/65968502.htm...
Listen??????? :focus-visible ??????Typescript: Template string types and mapped type 'as' clauses????????? UI ????Apple?IDFA???? 2021 ??????GitHub Container Registry?????????????? from 2020-09-05T05:47:53
????? OS ????????????????App Store ? Google Play ??????? 20%????????????????????? http://www.gamecast-blog.com/archives/65968502.htm...
Listen???????????pnpm?GitHub Default Branch?main??Vue.js 3?Google Chrome 85????????????????? from 2020-08-29T04:54:21
???????????pnpm?GitHub Default Branch?main??Vue.js 3?Google Chrome 85??????????????????????
- ???????GitHub??????????Gitee????? | TechCrunch Japan https://jp.techcrunc...
Listenパッケージマネージャーpnpm、GitHub Default Branch「main」、Vue.js 3、Google Chrome 85正式版リリース、言語と行為について from 2020-08-29T02:54:21
パッケージマネージャーpnpm、GitHub Default Branch「main」、Vue.js 3、Google Chrome 85正式版リリース、言語と行為について話しました
- 中国が国内用のGitHubとして代替サービス「Gitee」を構築中 | TechCrunch Japan https://jp.techcrunch.com/20...
ListenAirbnb?ts-migrate??????????????????????????????? from 2020-08-22T16:20:06
Airbnb?ts-migrate????????????????????????????????????
- Apple?8?28????????????????????????????Epic Games????????????????????Unreal Engine?Apple?????????????? htt...
ListenAirbnbのts-migrate、フォートナイトの開発者アカウント停止通告、占星術などについて from 2020-08-22T14:20:06
Airbnbのts-migrate、フォートナイトの開発者アカウント停止通告、占星術などについて話しました
- Apple、8月28日までに『フォートナイト』を正しい状態で復帰させなければEpic Games開発者アカウント停止を通告。実施されればUnreal EngineのAppleプラットフォーム提供が困難に http://www....
ListenRome Frontend Toolchain, Node v14.8 Top Level Async/Await, グラフ理論, 政治学, 現代貨幣理論などについて from 2020-08-15T03:06:37
Rome Frontend Toolchain, Node v14.8 Top Level Async/Await, グラフ理論, 政治学, 現代貨幣理論などについて話しました
- ローソンPB新パッケージの「わかりにくすぎる」という問題 ユニバーサルデザインの専門家に訊く - wzzy|ウェジhttps://wezz-y.com/archives...
ListenRome Frontend Toolchain, Node v14.8 Top Level Async/Await, ?????, ???, ???????????? from 2020-08-15T03:06:37
Rome Frontend Toolchain, Node v14.8 Top Level Async/Await, ?????, ???, ?????????????????
- ????PB???????????????????????????????????????? - wzzy????https://wezz-y.com/archives...
ListenJavaScript Records & Tuples Proposal(stage2), Typescript Utility Types, Recoil, フォームバリデーション, deno, 将棋プログラムについて from 2020-08-08T03:38:45
JavaScript Records & Tuples Proposal(stage2), Typescript Utility Types, Recoil, フォームバリデーション, deno, 将棋プログラムなどについて話しました
雑談
- 銀座ルノアール 21年3月期第1四半期決算 https://twitter.com...
ListenJavaScript Records & Tuples Proposal(stage2), Typescript Utility Types, Recoil, ???????????, deno, ??????????? from 2020-08-08T03:38:45
JavaScript Records & Tuples Proposal(stage2), Typescript Utility Types, Recoil, ???????????, deno, ??????????????????
??
- ??????? 21?3???1????? https://twitter.com...
ListenNext.js Incremental Static ReGeneration, autofill, inputmode, GPT-3などについて from 2020-08-01T03:30:30
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 St...
ListenNext.js Incremental Static ReGeneration, autofill, inputmode, GPT-3?????? from 2020-08-01T03:30:30
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 St...
Listen?????????????????????????????????????????????? from 2020-07-25T05:16:10
???????????????????????????????????????????????????
- ?3?????????????????atama?????????????4?????https://jp.techcrunch.com/2020/07/22/atama-plus-sundai-online-practice...
Listen?????????????????????????????????????????????? from 2020-07-25T03:16:10
???????????????????????????????????????????????????
- ?3?????????????????atama?????????????4?????https://jp.techcrunch.com/2020/07/22/atama-plus-sundai-online-practice/
GitHub Archive Programやサインインフォームのベストプラクティス、錬金術について from 2020-07-18T04:44:53
GitHub Archive Programやサインインフォームのベストプラクティス、錬金術などについて話しました
- 1000年後にデータを残すための「GitHub Archive Program」で21TBのリポジトリの北極圏への保管が完了https://gigazine.net/news/20200717-github-archive-pro...
ListenGitHub Archive Program???????????????????????????? from 2020-07-18T04:44:53
GitHub Archive Program???????????????????????????????????
- 1000?????????????GitHub Archive Program??21TB?????????????????https://gigazine.net/news/20200717-github-archive-pro...
ListenFlutter and Typescript 4.0 beta from 2020-07-11T07:35:16
※第一回目放送は@igtmが録音に慣れておらず、音量にばらつきがあり聞き取りづらくなってます...ご了承くださいmm
FlutterとTypescript4.0についてゆるーく話しました
- Flutter for Linux: https://japan.zdnet.com/article/35156519/...
Listen