話題の技術トピックスやエンジニア環境の話を中心に、初級者·中級者が完全に理解したつもりになれるようなコンテンツを提供します！
完全理解.FM
Claim This Podcastby 菊池翔
5.0(6 reviews)
34 episodes
Updated Weekly
Accepts GuestsHas SponsorsLocation 🇯🇵
Podcast Overview
話題の技術トピックスやエンジニア環境の話を中心に、初級者·中級者が完全に理解したつもりになれるようなコンテンツを提供します！
Language
🇯🇵
Publishing Since
6/29/2022
1 verified contact email on file for 完全理解.FM
Pitch yourself as a guest, propose sponsorships, or reach out directly to the host.
Recent Episodes
April 7, 2024
Core Web Vitals FIDからINPに変わったよ話
<p>Core Web VitalsのFID から INP に変わったという内容で話してみました。CWVとの付き合い方として参考になれば…！</p> <p><br></p> <p>00:00 OP</p> <p>02:11 CWVとは</p> <p>13:09 計測するメリット</p> <p>22:17 CWVとの付き合い方</p> <p>26:46 クロージング</p> <p><br></p> <p>1. 3/12 から CWV の指標が FID から INP に変わったよ</p> <p>2. Web パフォーマンスの話</p> <p>3. CWV ってなに？</p> <p>4. FID、INP ってなに</p> <p>5. FID から INP に変わってどうなるの？</p> <p>## 3/12 から Interaction to Next Paint(INP) が Core Web Vitals の主な指標に</p> <p>https://web.dev/blog/inp-cwv-march-12?hl=ja</p> <p>- First Input Delay(FID)から INP に置き換わる</p> <p>実際にLighthouseでFIDがINPに変わってる</p> <p><br></p> <p>## レスポンスタイムについてのヤコブニールセンの研究 Jakob Nielsen, “Website Response Times,” (2010)</p> <p>https://www.nngroup.com/articles/website-response-times/</p> <p>- 0.1 秒 … 即時に感じられる。キー入力やドラッグアンドドロップなどの Direct Manipulation においては満たしたい時間</p> <p>- 1 秒 … 遅延は認識しているがユーザーがフローをシームレスと感じられる時間。ナビゲーションで満たしたい基準</p> <p>- 10 秒 … ユーザーが注意を持ち続けられる時間。これ以上経過すると他のことを考えるようになる。</p> <p>他の事例からも、Web パフォーマンスはユーザーの生産性と大きく関係してる</p> <p>## Core Web Vitals (CWV) とは</p> <p>https://web.dev/articles/vitals?hl=ja</p> <p>- ユーザー体験に関する指標</p> <p>- 3/12 以前までは</p> <p> - FID</p> <p> - ユーザーがページを表示してから最初の操作(クリック)からブラウザが反応するまでの時間</p> <p> - 操作性</p> <p> - Largest Contentful Paint(LCP)</p> <p> - 最初にページに移動したときに、ビューポートに表示される最も大きなコンテンツのレンダリング時間</p> <p> - ローディング</p> <p> - Cumulative Layout Shift(CLS)</p> <p> - ページが表示されるまでに発生するレイアウトのずれ</p> <p> - レイアウトの安定性</p> <p>- 3/12 以降は</p> <p> - INP</p> <p> - LCP</p> <p> - CLS</p> <p>- それぞれの指標はいずれも Performance API で取得できる</p> <p> - https://developer.mozilla.org/ja/docs/Learn/Performance/Measuring_performance#%E3%83%91%E3%83%95%E3%82%A9%E3%83%BC%E3%83%9E%E3%83%B3%E3%82%B9_api</p> <p> - INP で使用する API やプロパティは Chrome のみが対応してる</p> <p> - https://developer.mozilla.org/en-US/docs/Web/API/PerformanceEventTiming</p> <p>- それぞれの指標は 75%タイルで下記の値以下だと Good、つまり良いユーザー体験が提供できてるって言える</p> <p> - INP: 200ms</p> <p> - LCP: 2.5s</p> <p> - CLS: 0.1</p> <p>## INP とは</p> <p>https://web.dev/articles/inp?hl=ja</p> <p>- FID と大きく変わった点は、ユーザー操作に対してブラウザが反応するまでの時間をずっと計測すること</p> <p>- FID では最初の操作のみだった</p> <p>### INP 改善事例</p> <p>- https://web.dev/economic-times-inp/</p> <p> - INP が改善されたことで PV が 43%増加</p> <p>- https://web.dev/redbus-inp/</p> <p> - INP を改善し、売上を 7%増加させた</p> <p>## FID から INP になって何が変わるのか</p> <p>- 個人の感想だけども、より今の Web アプリケーションに即したユーザー体験を計測できるようになったのではと</p> <p>- 最近の Web アプリは、画面に対してユーザーが操作する部分が増えてる</p> <p>- 操作に対して実際にユーザーがどんな体験をしているのか、INP によって詳細にキャッチできそう</p> <p><br></p>
February 10, 2024
Remix - Reactのフルスタックフレームワークについて -
<p>今回はnus3とReactのフレームワークであるRemixについて色々話してみました</p> <p><br></p> <p>00:00 OP</p> <p>00:21 イントロ・Remixの概要</p> <p>03:50 Remixに触れてみての所感</p> <p>10:53 vs Next.js</p> <p>23:20 Remixの気になりポイント</p> <p>28:00 まとめと次回予告</p>
January 27, 2024
2023年の振り返りと若くあり続けるために
<p>半年ぶりの収録だったので去年の振り返りと雑な会話を収録しつつ、筋肉は大事だという話をしました</p> <p><br></p> <ul> <li>00:00 OP</li> <li>00:22 イントロ</li> <li>01:40 nus3の振り返り</li> <li>09:33 kkの振り返り</li> <li>24:26 年に抗うために</li> <li>28:38 まとめと次回予告</li> </ul>
34 total episodes available
Similar Podcasts
Discover related shows you might enjoy
Deep-dive analytics for 完全理解.FM
Frequently asked questions
Have a different question and can't find the answer you're looking for? Reach out to our support team by sending us an email and we'll get back to you as soon as we can.
- What is 完全理解.FM?
- How often does this podcast release new episodes?
This podcast updates weekly.
- Where can I listen to this podcast?
This podcast is available on 9 platforms including Apple Podcasts, Spotify, and more. You can also use the RSS feed directly.
- Does this podcast accept guests?
Yes, this podcast regularly features guests.
Legal Disclaimer
Pod Engine is not affiliated with, endorsed by, or officially connected with any of the podcasts displayed on this platform. We operate independently as a podcast discovery and analytics service.
All podcast artwork, thumbnails, and content displayed on this page are the property of their respective owners and are protected by applicable copyright laws. This includes, but is not limited to, podcast cover art, episode artwork, show descriptions, episode titles, transcripts, audio snippets, and any other content originating from the podcast creators or their licensors.
We display this content under fair use principles and/or implied license for the purpose of podcast discovery, information, and commentary. We make no claim of ownership over any podcast content, artwork, or related materials shown on this platform. All trademarks, service marks, and trade names are the property of their respective owners.
While we strive to ensure all content usage is properly authorized, if you are a rights holder and believe your content is being used inappropriately or without proper authorization, please contact us immediately at hey@podengine.ai for prompt review and appropriate action, which may include content removal or proper attribution.
By accessing and using this platform, you acknowledge and agree to respect all applicable copyright laws and intellectual property rights of content owners. Any unauthorized reproduction, distribution, or commercial use of the content displayed on this platform is strictly prohibited.