投稿時間:2022-03-30 19:42:11 RSSフィード2022-03-30 19:00 分まとめ(39件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	InfoQ	Cloud Spannerが確約利用に対する割引を導入	https://www.infoq.com/jp/news/2022/03/google-cloud-spanner-cuds/?utm_campaign=infoq_content&utm_source=infoq&utm_medium=feed&utm_term=global	byrenatolosiotranslatedby	2022-03-30 09:32:00
IT	InfoQ	アレン研究所が最新のEmbodied AIチャレンジを開始	https://www.infoq.com/jp/news/2022/03/ai2-thor-challenge/?utm_campaign=infoq_content&utm_source=infoq&utm_medium=feed&utm_term=global	アレン研究所が最新のEmbodiedAIチャレンジを開始アレン人工知能研究所AIは、年版のAITHOR再配置チャレンジを発表した。	2022-03-30 09:30:00
IT	InfoQ	オープンソースソフトウェアのサプライチェーンの安全性確保	https://www.infoq.com/jp/news/2022/03/securing-open-source-deployment/?utm_campaign=infoq_content&utm_source=infoq&utm_medium=feed&utm_term=global	オープンソースソフトウェアのサプライチェーンの安全性確保SonarSourceのセキュリティ研究者による最近の調査結果では、Pip、Yarn、Composerなどの一般的なパッケージマネージャに複数のセキュリティ脆弱性があることが判明している。	2022-03-30 09:28:00
TECH	Engadget Japanese	iPhoneをMagSafeで固定するカメラリグ「Moment MobileFilmmakerCage」発売	https://japanese.engadget.com/moment-mobile-filmmaker-cage-using-magsafe-092049363.html	efilmmakercageformagsafe	2022-03-30 09:50:49
TECH	Engadget Japanese	ロシアの『Loop Hero』開発元、国内プレイヤーに自社ゲーム海賊版を推奨	https://japanese.engadget.com/developer-loop-hero-tell-players-pirate-their-game-093045387.html	fourquarters	2022-03-30 09:30:45
IT	ITmedia 総合記事一覧	[ITmedia News] モリサワの「BIZ UDフォント」がGoogle Fontsで利用可能に、4月1日から	https://www.itmedia.co.jp/news/articles/2203/30/news171.html	bizud	2022-03-30 18:34:00
IT	ITmedia 総合記事一覧	[ITmedia News] リコーの360°カメラ「THETA X」登場、国内はネット直販中心に　業務用は“SaaS＋a Box”展開	https://www.itmedia.co.jp/news/articles/2203/30/news170.html	itmedia	2022-03-30 18:21:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 袋小路にはまるリニア整備　「外圧」に翻弄	https://www.itmedia.co.jp/business/articles/2203/30/news167.html	itmedia	2022-03-30 18:07:00
IT	情報システムリーダーのためのIT情報専門サイト IT Leaders	ネットワールド、Kubernetes/コンテナ環境向けの永続ストレージソフトウェア「Portworx」 | IT Leaders	https://it.impress.co.jp/articles/-/22923	ネットワールド、Kubernetesコンテナ環境向けの永続ストレージソフトウェア「Portworx」ITLeadersネットワールドは年月日、Kubernetes環境向けストレージソフトウェア「Portworxポートワークス」を提供開始した。	2022-03-30 18:48:00
AWS	AWS Japan Blog	VMware Cloud Disaster Recovery (VCDR) と NetApp CVO を活用したディザスタリカバリの要求への対応	https://aws.amazon.com/jp/blogs/news/using-vmware-vcdr-and-netapp-cvo-to-meet-your-disaster-recovery-needs/	この投稿では、上述のお客様と同様に、VMwareCloudDisasterRecoveryVCDRソリューションおよびさまざまなAWSサービスを活用して、最小限のアプリケーション変更でDRサイトをAWS上にマイグレーションする手法についてご紹介します。	2022-03-30 09:01:12
python	Pythonタグが付けられた新着投稿 - Qiita	Pythonで単語リストからJuliusの単語辞書を作成する方法	https://qiita.com/phiniki/items/1d3a226da9f2b1304fe1	Pythonで単語リストからJuliusの単語辞書を作成する方法前回、Windows環境のJuliusで特定の単語を認識させる方法でJuliusの単語辞書を作成した。	2022-03-30 18:28:42
js	JavaScriptタグが付けられた新着投稿 - Qiita	TypeScriptとは【個人的なお勉強アウトプット】	https://qiita.com/vanshi/items/621c1c5df5232e2dd566	TypeScriptとは【個人的なお勉強アウトプット】マイクロソフトが開発したJavascriptを進化させたプログラミング言語。	2022-03-30 18:34:19
Ruby	Rubyタグが付けられた新着投稿 - Qiita	【LeetCode】100. Same Treeを解いてみた	https://qiita.com/kazuki-ayimon/items/172d6fea794107bd1f92	【LeetCode】SameTreeを解いてみたはじめにコーディングテスト対策としてLeetCodeのSameTree解いていく。	2022-03-30 18:54:36
技術ブログ	Mercari Engineering Blog	メルペイフロントエンドパフォーマンス改善報告	https://engineering.mercari.com/blog/entry/20220329-02e2d821b8/	refhttpsengihellip	2022-03-30 10:00:10
技術ブログ	Developers.IO	[小ネタ] Git履歴から単一ファイルを復元する	https://dev.classmethod.jp/articles/git-revert-single-file/	過去	2022-03-30 09:44:17
技術ブログ	Developers.IO	AWS認定トレーニングの選び方ガイド2022	https://dev.classmethod.jp/articles/aws-training-guide2022/	新バージョン	2022-03-30 09:15:09
海外TECH	DEV Community	How I massively improved my website performance by using the right tool for the job	https://dev.to/whitep4nth3r/how-i-massively-improved-my-website-performance-by-using-the-right-tool-for-the-job-23cl	How I massively improved my website performance by using the right tool for the jobGreat website performance and top notch Core Web Vitals are key to ensuring your site is fast accessible and ranks well in search engines From JavaScript frameworks to static site generators to lightweight build tools ーthere s a tool for every job And choosing the right tool for the job is essential to ensure you maximise performance accessibility and developer and end user experience on your website Before we take a look at the performance improvements I made in the third iteration of my blog let s take a tour back in time to when I built my first and second blog sites on the Jamstack To get straight to the data ーclick here Svelte SapperI built my first simple blog site in using Svelte and Sapper The blog posts were powered by markdown files stored in the repository and it was a great starting point Next js ContentfulIn January I joined Contentful as a Developer Advocate and my focus was helping developers use Contentful with popular front end JavaScript frameworks In March I rebuilt my blog site using Contentful and Next js ーa React front end framework that combines static pre rendering server side rendering and in built serverless functions Throughout the year I continued to write blog posts iterate and add functionality to the site to help developers use Next js and Contentful together But given the amount of features I loaded into the site this version of my blog began to feel a little over engineered It was becoming more difficult to make small updates to the site and the way I managed the content in such atomic ways felt more suited to a larger product team comprising multiple developers and content editors View the site to refer to later Eleventy ContentfulFast forward to January when I joined the Developer Experience team at Netlify And this got me thinking more about the core value proposition of the Jamstack serving highly optimised static pages and assets created during a build process Furthermore the talk I gave in ーHow to prevent the collapse of society by building an accessible web ーwhich highlights that delivering many many JavaScript files to the browser can hinder performance accessibility and user experience made me want to challenge myself to build a website that delivered as little JavaScript to the browser as possible And so I turned to Eleventy ーa static site generator built with JavaScript ーthat ships no JavaScript to the browser by default It s more of a build tool than a front end framework and gives developers total control of the files and assets that are built and served to a browser from a CDN The great thing about this migration was that I could continue to use Contentful to manage my content Full disclaimer all tools are valid tools Before we get into the performance improvements I made switching from Next js to Eleventy I want to make it absolutely clear that all tools are valid and me moving from Next js does not mean I think it s a terrible tool I think it s a great tool ーespecially for larger development teams that don t have the time to build their own software design patterns and scaleable architecture from the ground up It s always super quick to get a large scale production ready app launched using Next js Choosing your toolsChoosing a static site generator or front end framework for your new project should depend on a number of factors including What the project is and how it might grow and this could also change How large your development team isWhether you need to cater for an editorial content teamWho your end users are what devices they use and where they are in the world My answers to these questions pushed me in the direction of building with a more lightweight solution than Next js Plus this was a great opportunity to learn how to use yet another static site generator Additionally more and more developers I have connected with over the last few months are using Eleventy to build lean performant sites I felt like this would be a good opportunity to learn from others and help others in the process as well Now let s look at the data Measuring performanceIn this study success was measured against the following four objectives Ship less JavaScript to the browserReduce network requestsImprove all Core Web VitalsImprove Lighthouse performance scoresPerformance was compared between the Next js site and Eleventy site using three free tools Google Lighthouse web dev measure and Web Page Test Lighthouse tests were run in Brave Browser dev tools Web Page Test runs were conducted via the web app using the London UK EC server and web dev tests were conducted in the browser Given that I advocate for mobile first development ーand that s where performance is most likely to be impacted given the unpredictable speed of mobile data ーall tests were conducted in an emulated mobile environment using a medium G network speed on iPhone Ship less JavaScript to the browserUsing Web Page Test I looked at the breakdown by MIME type of the home page for both sites BeforeThe Next js site delivered JavaScript files to browser totalling MB AfterThe Eleventy site delivers just JavaScript file to browser totalling just kb In comparing the visual design of the Next js site with the Eleventy site you might argue that the two home pages are so vastly different that there are bound to be such discrepancies But this is down to the differences in how Next js and Eleventy build and bundle files for production Next js by default ships chunked JavaScript files to the browser for pre rendering dynamic content from the Next js server and for interactivity on the client side through React In contrast Eleventy ships no JavaScript by default and instead outputs static HTML files as part of the build process What s also important to note is that design is performance I made a bunch of design decisions during the migration with performance in mind and to cut down on third party dependencies This included removing the latest YouTube video from the home pageremoving Google Analytics from the whole siteself hosting fonts rather than requesting them from the Google Fonts CDNFurthermore the only JavaScript file that the Eleventy site ships on the home page is to power the time localisation for the latest Twitch stream details ーand this was a purposeful addition by me Ship less JavaScript to the browser ーsuccess Reduce network requestsAs shown in the images above the Next js home page made network requests for HTML CSS JavaScript fonts images and other JSON etc files These network requests totalled MB The Eleventy home page makes just network requests totalling just kb This makes the new home page just of the size of the old home page The largest payload on the Eleventy site comes from font files ーwhich I could do well to optimise further in the future Reduce network requests ーsuccess Improve Core Web VitalsCore Web Vitals are currently scored on three aspects of user experience ーloading interactivity and visual stability These tests were conducted on the home page of both sites using web dev measure LoadingLoading performance is measured by the Largest Contentful Paint LCP To provide a good user experience the LCP should happen within seconds of when the page first starts loading And the results Next js site ーLCP sEleventy site ーLCP sImprove LCP ーsuccess InteractivityInteractivity is measured by the First Input Delay FID and measures how soon your web application responds to user input such as clicking buttons selecting text and typing into form fields It s difficult to accurately measure FID as it involves testing with real users so we can use the Time to Interactive TTI metric to calculate how long a page takes to become fully interactive And the results Next js site ーTTI sEleventy site ーTTI sImprove TTI ーsuccess Visual StabilityVisual stability is measured by Cumulative Layout Shift CLS Have you ever clicked on a part of a web page only to find that you unexpectedly clicked on something else after a rogue element or image was finally loaded CLS is where content pops into view once it has loaded often pushing content down or sideways on the web page ーand can be extremely frustrating A good user experience maintains a CLS score of or less And the results Next js site ーTTI Eleventy site ーTTI Improve CLS ーnot really It s still way below which is good But I m really not sure what increased the CLS on the Eleventy site This needs more investigation Here are the test results from a single run of web dev measure for comparison Green numbers all round Before After Improve Lighthouse performance scoresGiven that I had focussed on the home page only in previous tests I also tested the Google Lighthouse performance score of various blog posts with different characteristics to ensure I d made an improvement across the site Home pageHere s our baseline showing a great improvement from to A long blog post with lots of code examplesLighthouse performances scores are often impacted by an excessive DOM size which for my blog posts is usually the result of large code examples and the way the code snippets are highlighted using lots and lots of lt span gt tags This blog post saw a great improvement on performance from to A long blog post with lots of imagesI did a lot of work on the Next js blog with regards to optimising image formats for different browsers and lazy loading those images where supported The score still improved from to though Read the blog post linked below to learn more about how to load responsive images in AVIF and WebP using the HTML tag A blog post with a YouTube video embedEleventy has a thriving community plugin ecosystem and I used eleventy plugin youtube embed to optimise my YouTube video embeds Using this plugin the third party YouTube scripts are only loaded if and when someone interacts with the video rather than loading the JavaScript as soon as the page loads This greatly improved the performance score from to Improve Lighthouse performance scores ーsuccess Qualitative learningsIt took a little while to shift my thinking from Next js to Eleventy Next js has a justifiably opinionated way of architecting a front end application ーand that s fine ーbut in moving to Eleventy it showed me I had perhaps become too reliant on the patterns of Next js In going back to web basics with Eleventy and focussing on shipping plain HTML CSS and JavaScript to the browser I feel like I ve refreshed and reinvigorated my knowledge of how the web works natively And this has equipped me to approach my next Next js project with a different more informed mindset The second system effectReflecting on the journey my blog iterations have taken reminds me of the Second System Effect The first implementation wasn t scaleable enough for me the second implementation was slightly over engineered and the third iteration is just about right ーfor now ーthanks to all I ve learned along the way So do I recommend you build your next blog site with Eleventy It depends Use the right tool for the jobPeople often ask me what front end framework or static site generator they should get started with and my answer is always ーit depends The most solid advice I can give you is to decide on the features you want decide how you might need to scale the application in terms of team size content management systems and patterns and don t be afraid to try things out You might not get it right first time but always endeavour to use the right tool for the job Try not to over engineer and always be mindful of what you re asking your site visitors to download to their browsers You can check out a huge list of static site generators over on Jamstack org Through iterating the technology stack used for my blog I ve learned how to use three front end frameworks how to power a blog using markdown files or a CMS ーand how all of these things contribute to the developer experience and end user experience of a website As always I would encourage you to build stuff learn things and love what you do Try things ship things and iterate iterate iterate	2022-03-30 09:18:41
海外TECH	DEV Community	A CSS Art from Demon Slayer	https://dev.to/afif/a-css-art-from-demon-slayer-4f0c	A CSS Art from Demon SlayerAnother world Another anime and another CSS Art Adding Tanjiro Kamado to the list A CSS only illustration In case you missed my previous CSS art you can find the best ones at css only artI am sharing them on Twitter so follow me if you don t want to miss the fun T Afif CSS Challenges challengescss CSS ArtI am adding a demon slayer to the list Take a deep breath and say hello to 𝗧𝗮𝗻𝗷𝗶𝗿𝗼𝗞𝗮𝗺𝗮𝗱𝗼️Demo codepen io t afif full Ex… via CodePen A CSS only illustration No images and No SVG Find more at css only art CSS cssart DemonSlayer PM Mar More CSS arts are on the way Stay tuned	2022-03-30 09:17:14
海外ニュース	Japan Times latest articles	‘I won’t stop talking’: Ukrainians in China fight disinformation	https://www.japantimes.co.jp/news/2022/03/30/world/ukrainians-china-battle-disinformation/	I won t stop talking Ukrainians in China fight disinformationAround volunteer Ukrainian translators including some based overseas are relaying key events from Russia s war on their homeland into Chinese	2022-03-30 18:16:49
ニュース	BBC News - Home	Shrewsbury maternity scandal: Repeated failures led to deaths	https://www.bbc.co.uk/news/uk-england-shropshire-60925959?at_medium=RSS&at_campaign=KARANGA	failures	2022-03-30 09:54:29
ニュース	BBC News - Home	War in Ukraine: Russia launches new attacks after peace promise	https://www.bbc.co.uk/news/world-europe-60925713?at_medium=RSS&at_campaign=KARANGA	russia	2022-03-30 09:56:06
ニュース	BBC News - Home	Jamie Wallis MP comes out as trans and speaks of rape ordeal	https://www.bbc.co.uk/news/uk-wales-politics-60925885?at_medium=RSS&at_campaign=KARANGA	wallis	2022-03-30 09:42:50
ニュース	BBC News - Home	Germany warns on gas supply over Russia payment row	https://www.bbc.co.uk/news/business-60925016?at_medium=RSS&at_campaign=KARANGA	russia	2022-03-30 09:29:19
ニュース	BBC News - Home	Bafta TV Awards: Aids drama It's A Sin leads nominations	https://www.bbc.co.uk/news/entertainment-arts-60921931?at_medium=RSS&at_campaign=KARANGA	series	2022-03-30 09:15:28
ニュース	BBC News - Home	Cricket World Cup: England set to face South Africa in semi-final	https://www.bbc.co.uk/sport/cricket/60923228?at_medium=RSS&at_campaign=KARANGA	africa	2022-03-30 09:28:33
サブカルネタ	ラーブロ	天下一油そば 立川店＠立川市<ジャージャー麺>	http://ra-blog.net/modules/rssc/single_feed.php?fid=197705	clubsega	2022-03-30 10:11:12
北海道	北海道新聞	元白鵬が記者クラブ担当　「精いっぱい取り組む」	https://www.hokkaido-np.co.jp/article/663227/	記者クラブ	2022-03-30 18:33:00
北海道	北海道新聞	新函館北斗―仙台間で直通運転再開　北海道新幹線、４月４日から	https://www.hokkaido-np.co.jp/article/663215/	直通運転	2022-03-30 18:27:25
北海道	北海道新聞	佐呂間と美幌で高病原性鳥インフル　今季２８、２９例目	https://www.hokkaido-np.co.jp/article/663224/	佐呂間町	2022-03-30 18:26:00
北海道	北海道新聞	日本人、海外留学は９８％の激減　コロナで、外国人受け入れも下落	https://www.hokkaido-np.co.jp/article/663192/	受け入れ	2022-03-30 18:08:53
北海道	北海道新聞	中ロ外相、戦略的協力を確認　米欧揺さぶりへ攻勢	https://www.hokkaido-np.co.jp/article/663223/	国務委員	2022-03-30 18:21:00
北海道	北海道新聞	ロ３―４ソ（３０日）　ソフトバンクが開幕５連勝	https://www.hokkaido-np.co.jp/article/663216/	開幕	2022-03-30 18:12:00
北海道	北海道新聞	佳子さま、熊本の都市緑化祭出席　東京・元赤坂からオンラインで	https://www.hokkaido-np.co.jp/article/663214/	佳子さま	2022-03-30 18:03:00
北海道	北海道新聞	全日空、月給５％カット解消　若手社員らの離職に対処	https://www.hokkaido-np.co.jp/article/663213/	全日本空輸	2022-03-30 18:03:00
IT	週刊アスキー	宇宙ビジネスに関する業界レポートの最新刊「SPACETIDE COMPASS Vol.6」日本語版が発行	https://weekly.ascii.jp/elem/000/004/087/4087792/	spacetide	2022-03-30 18:30:00
IT	週刊アスキー	IPA、サイバーセキュリティー対策の実践事例を検索できるサイトを公開	https://weekly.ascii.jp/elem/000/004/087/4087821/	経営	2022-03-30 18:30:00
IT	週刊アスキー	「歌う電車」のあのメロディが自販機できける！京急本線横浜駅に設置	https://weekly.ascii.jp/elem/000/004/087/4087823/	自動販売機	2022-03-30 18:30:00
マーケティング	AdverTimes	マーケ戦略部を「経営戦略部」に　ANA X（22年4月1日付）	https://www.advertimes.com/20220330/article380473/	事業戦略	2022-03-30 09:04:31
海外TECH	reddit	米国の情報収集に穴か、ロシア軍の能力を過大評価 米欧州軍司令官	https://www.reddit.com/r/newsokunomoral/comments/ts27a2/米国の情報収集に穴かロシア軍の能力を過大評価_米欧州軍司令官/	ewsokunomorallinkcomments	2022-03-30 09:02:23