投稿時間:2023-04-02 15:10:01 RSSフィード2023-04-02 15:00 分まとめ(11件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Techable（テッカブル）	バンナムのスタートアップ投資ファンドが米印のスタートアップに出資。技術活用やビジネス拡大を模索	https://techable.jp/archives/201376	banda	2023-04-02 05:00:07
python	Pythonタグが付けられた新着投稿 - Qiita	US Car Accident Time-series analysis for Predictions(2022 to 2023) with EDA	https://qiita.com/ebonyforest3/items/560981524f8c98804591	accident	2023-04-02 14:25:03
js	JavaScriptタグが付けられた新着投稿 - Qiita	ChatGPTで始めるJavaScript入門⑥～ループ～	https://qiita.com/konpota_pota/items/8dc2d12fc405621c55f4	chatgpt	2023-04-02 14:56:39
Ruby	Rubyタグが付けられた新着投稿 - Qiita	CSVから特定の列のデータだけを抜き取るスクリプトを書く	https://qiita.com/pro-soichiro/items/4b652a59d4c82e20d5e4	配列	2023-04-02 14:33:59
Ruby	Rubyタグが付けられた新着投稿 - Qiita	RubyでAtCoder ABC291(A, B, C, D)を解いてみた	https://qiita.com/shoya15/items/efb557c4af6e23545626	atcoder	2023-04-02 14:28:28
AWS	AWSタグが付けられた新着投稿 - Qiita	【AWS】Datazoneのプレビュー版が出たので触ってみた	https://qiita.com/sickboy/items/881a78918f0f6b0375c9	datazone	2023-04-02 14:38:17
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS Certified Cloud Practitioner 合格体験記	https://qiita.com/pyon_kiti_jp/items/a97dda5edf46e9639598	ertifiedcloudpractitioner	2023-04-02 14:15:20
技術ブログ	Developers.IO	ChatGPTでフィードバックの質を確認する	https://dev.classmethod.jp/articles/check-feedback-by-chatgpt/	chatgpt	2023-04-02 05:52:53
技術ブログ	Developers.IO	[小ネタ] AWS CloudShellから有効リージョン全てのSecurity Hubに対する一括操作コマンドの覚え書き	https://dev.classmethod.jp/articles/securityhub_all-region_command_from_cloudshell/	awscli	2023-04-02 05:36:33
海外TECH	DEV Community	7 Tricks to take the Performance of your Website to the Moon 🚀🌙	https://dev.to/ruppysuppy/7-tricks-to-take-the-performance-of-your-website-to-the-moon-1kpl	Tricks to take the Performance of your Website to the Moon Are users complaining about your slow website This article shares tricks to take the performance of your website to the moon Let s get started Fetch only relevant resourcesDid you know you can fetch only the CSS files relevant to the current device The link tag has a media attribute that can be used to specify the media query for which the stylesheet is intended lt link rel stylesheet href mobile css media screen and max width px gt This will fetch the mobile css file only if the device width is less than px A live demo of this can be found in wschools Minify your codeMinification is the process of removing unnecessary or redundant data without affecting how a resource is processed by the browser Minification can include the removal of code comments white space and unused code as well as the shortening of variable and function names Regardless of the build tool Webpack Vite Snowpack etc you use it would have a minification option For example in webpack you can use the TerserPlugin to minify your code Pre fetch resourcesYou can preload images CSS JS and even entire pages by using the link tag lt link rel preload as image href image png gt You can even use quicklink or guess to optimally prefetch resources Quicklink is a library that prefetches links in the viewport using the Intersection Observer API amp makes them load faster whereas Guess is a library that uses Machine Learning to predict which page the user is most likely to visit next Use Responsive Images or Art DirectionThis is possibly the biggest performance win you can get You can use the srcset attribute to specify multiple image sources for different screen sizes This allows the browser to choose the most appropriate image for the current device lt img srcset image w jpg w image w jpg w sizes max width px px px src image w jpg alt some random image gt Art direction is a technique that allows you to serve different images to different devices This is useful when you want to serve a different image for mobile and desktop devices lt picture gt lt source media min width px srcset desktop jpg gt lt source media min width px srcset tablet jpg gt lt img src mobile jpg alt some random image gt lt picture gt Lazy loading of relevant resourcesLazy loading is a technique that allows you to defer the loading of non critical resources until they are needed It just requires you to add the loading lazy attribute to the relevant elements and you are good to go lt img src placeholder png alt some random image loading lazy gt Ideally you should lazy load images videos iframes and other resources that are not visible on the initial page load Tree shake your codeTree shaking is a term commonly used within a JavaScript context to describe the removal of dead code It relies on the import and export statements to detect if code modules are exported and imported for use between JavaScript filesJust like minification tree shaking amp pruning unused code is also a build tool feature Here is the webpack documentation on tree shaking Use Page Speed Insights to detect potential issuesGoogle s Page Speed Insights is a great tool to detect potential issues with your website It not only gives you a score but also provides you with a detailed report of the issues that you need to fix That s all folks Image CreditsWeb dev Thanks for readingNeed a Top Rated Front End Development Freelancer to chop away your development woes Contact me on UpworkWant to see what I am working on Check out my Personal Website and GitHubWant to connect Reach out to me on LinkedInFollow me on Instagram to check out what I am up to recently Follow my blogs for bi weekly new Tidbits on DevFAQThese are a few commonly asked questions I get So I hope this FAQ section solves your issues I am a beginner how should I learn Front End Web Dev Look into the following articles Front End Development RoadmapFront End Project IdeasWould you mentor me Sorry I am already under a lot of workload and would not have the time to mentor anyone	2023-04-02 05:01:53
ニュース	BBC News - Home	Anthony Joshua v Jermaine Franklin: Dillian Whyte analysis	https://www.bbc.co.uk/sport/boxing/65152268?at_medium=RSS&at_campaign=KARANGA	Anthony Joshua v Jermaine Franklin Dillian Whyte analysisDillian Whyte says Anthony Joshua is showing signs of a fighter who doesn t want to do it any more after his points win over Jermaine Franklin	2023-04-02 05:23:22