投稿時間:2022-11-06 17:16:43 RSSフィード2022-11-06 17:00 分まとめ(18件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	pythonでデザインパターンの「Command」を実装する。	https://qiita.com/beautiful_life/items/8410eee81f684ce285b6	npyfromabcimportabcmeta	2022-11-06 16:11:48
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS S3 + CloudFront + 独自ドメインを使ってHTTPS化した静的サイトの作成方法をめちゃくちゃ詳しく解説する	https://qiita.com/rihib/items/c0a3e142615df73a46f1	awsscloudfront	2022-11-06 16:45:22
Docker	dockerタグが付けられた新着投稿 - Qiita	[簡単に]DockerでSQLをいじれる環境をつくろう[入門]	https://qiita.com/rh8_mp1/items/2ef2cef3c97f3bce9760	docker	2022-11-06 16:38:55
GCP	gcpタグが付けられた新着投稿 - Qiita	Cloud Pub/Subを利用するCloud Runのサービスにおいて同時実行数を超えるリクエストを送るとどうなるか	https://qiita.com/takanattie/items/f2650039be0e4d43118f	cloudpubsub	2022-11-06 16:18:45
Ruby	Railsタグが付けられた新着投稿 - Qiita	[Rails]dependent: :destroyオプションとは	https://qiita.com/john-tarou/items/1d2c84f090e3d611af7c	dependent	2022-11-06 16:23:00
Ruby	Railsタグが付けられた新着投稿 - Qiita	【Rails】content_forに関する学習メモ	https://qiita.com/gensan64311466/items/04400be7fccae249307d	contentfor	2022-11-06 16:12:24
技術ブログ	Developers.IO	AWS Control Tower に登録されている AWS アカウントを OU 間で移動して失敗したときの修正方法を確認してみた	https://dev.classmethod.jp/articles/failed-to-move-between-ous/	awscontroltower	2022-11-06 07:34:49
技術ブログ	Developers.IO	責務の整理に用いるRACI図と現実を踏まえたメンテナンス	https://dev.classmethod.jp/articles/raci-diagram-maintenance/	責務	2022-11-06 07:33:15
海外TECH	DEV Community	Journey of a web page - A mind map !	https://dev.to/abhighyaa/the-journey-of-a-web-request-a-mind-map-4g5g	Journey of a web page A mind map Ever wondered what happens when you hit enter after typing a url in the browser s address bar Oh I wish The browser BTS does so many things for this to appear so seamless And understanding those are very important to make our applications highly performant Let s understand these one by one You enter some input Browser parses the input to check if its a url or a search query For search query gt it redirects to the search engine For URL it In the n w response we can see vast differences between kb and kbs response size but not between and kbs Knowing which all Kbs are more critical than others can give you a big time TTFB benefit More details here Once the response is fetched it Once renderer process receives the IPC and data stream it Starts parsing the HTML received HTML received is in bytes format DOM the data structure browsers use to process html into web pages it contains all the nodes of HTML and their relationships When parser comes across downloading resources like css js assets like fonts image video it sends requests to the network thread in the browser process Preload scanner is a browser optimisation technique to speeden up this process It peaks at the tokens generated by parsers and sends requests to the network thread in the browser process CSS JS are render blocking resources They stop html parsing and block page rendering thus creating more delays and worsening the page load times This is why we use techniques like preloads preconnects async defer split CSS into critical and non critical and defer the non critical one etc wherever suitable Once the DOM is constructed the main thread parses the CSS to create CSSOM the data structure similar to DOM but containing the computed styles for each node in the DOM Now the browser creates an accessibility tree AOM semantic version of DOM to be used by screen readers and other accessibility devices To start rendering the page the browser needs to know the exact positions of the nodes So it creates the render layout tree containing the coordinates information for the nodes which are to be shown on the page considering all line breaks height and width of elements Why do we need it if we have dom and cssom Because CSS is mighty It can hide elements from the web page even if they are present in DOM Vice versa it can add info using the pseudo classes even if they are not present in DOM It can make the elements float to one side mask overflow items and change writing directions Subsequent calculation of these positions is called reflow If for elements like image we can provide dimensions before loading reflow can be saved improving the CLS Next it creates paint records to add z index and determine orders in which to paint Now comes the step where we actually see something on the screen rasterization transforming the images created into actual pixels using GPUs To optimise this the browser creates layers of the page based on video canvas d transform will change css property These layers are individually rasterized and then composited to form the actual page The first occurrence of this marks the FCP Also the entire time duration from when the DNS lookup started to here marks our TTI When we encounter janky scrolls and animations we should check reflows and repaints it must be skipping some frames It is now that the renderer process sends a message back to the browser process to replace the spinner with reload icon And all onload events are fired This is how eventful and expensive a web page s journey is	2022-11-06 07:33:38
海外TECH	DEV Community	Most Common Word	https://dev.to/salahelhossiny/most-common-word-26k	Most Common WordGiven a string paragraph and a string array of the banned words banned return the most frequent word that is not banned It is guaranteed there is at least one word that is not banned and that the answer is unique The words in paragraph are case insensitive and the answer should be returned in lowercase import reclass Solution def mostCommonWord self paragraph str banned List str gt str List words in paragraph replacing punctuation with and all lower case paragraph re subn paragraph lower split Remove any or words in banned from paragraph list paragraph list filter lambda x x not in banned paragraph Return most common word in filtered list return Counter paragraph most common	2022-11-06 07:32:13
海外TECH	DEV Community	How Twitter Shows Those Link Cards	https://dev.to/shreyvijayvargiya/how-twitter-shows-those-link-cards-40kg	How Twitter Shows Those Link CardsHow does the story begin I was wondering how Twitter creates those cards whenever the user enters the link or pastes the URL For our website we take a lot of time to pass the Twitter card validation test cases Why and what is metadata All the logic that goes behind is concerned with meta tags that every webpage has on its own The meta tags are so important that not only it help users to grab your website data just from the domain name URL but metadata also gives better search engine ranking to the google crawler Google crawler iterates over the web pages and fetches the website information such as title description images and tags to give accurate search results to the user Understand the logic in the simplest way if google can easily read all the pages on your website and their corresponding data easily better it can recommend and give it to the users How Twitter created the validation cardsTwitter uses the same concept under the hood once the URL is pasted in the textbox twitter runs the validator API to fetch the corresponding link metadata Metadata consists of website basic information such as title banner image description tags and so on Using this information Twitter generates those cool cards in a fraction of seconds Although twitter uses its own meta tags so if not provided twitter will be able to show the cards of your website This single concept consumes a lot of my time so when you are adding metadata for Twitter cards make sure you read the docs for adding Twitter meta tags Detect your website metadataI ve developed an API to detect the metadata of your own custom domain here is the link to check your website metadata If your metadata is not available then make sure you add them to your website thoroughly The idea is simple anyone can create their own custom metadata fetching API or module In fact using the in house metadata fetching API we can also develop the cards just like Twitter on our own website How did I do I ve developed an in house metadata fetching API Once the URL and link are added to any of the logs we fetched the metadata using API from the corresponding linkFinally we just need to render the cards using the response from the metadata API How to create metadata fetching API Create a metadata fetching route that required the URL in the paramsUse this npm module that helps the server to fetch the metadata from each and every link passed in the parameters Or you can use puppeteer to crawl the corresponding website and fetch the metadata it s not rocket science Return the required metadata in the route response ConclusionThis entire logic might seem easy in one go but it took me a lot of time and reading and research to under the core logic running the hood While researching how twitter shows the cards I copy paste the link in the textbox and check the chrome network tab at the same time Once the URL is added to the tweet textbox twitter runs the API immediately to fetch the metadata from the corresponding link That s it for today hope you like this concept it s fun and frustrating sometimes to dip deep to understand this concept These concepts are not published on the internet by a lot of new developers It s a fun and knowledgeable small project for developers you can give it a try That s it for today until next time have a good day Keep developingShreyiHateReading	2022-11-06 07:27:16
金融	ニュース - 保険市場TIMES	三井住友海上とあいおいニッセイ同和損保、「電気自動車等買替費用特約」を開発	https://www.hokende.com/news/blog/entry/2022/11/06/170000		2022-11-06 17:00:00
海外ニュース	Japan Times latest articles	Japan and Britain look to sign defense pact next month, report says	https://www.japantimes.co.jp/news/2022/11/06/national/britain-japan-defense-pact/	Japan and Britain look to sign defense pact next month report saysThe pact would serve as a legal basis for joint exercises and logistics cooperation while boosting cooperation with mutual ally the U S amid concerns over	2022-11-06 16:07:19
海外ニュース	Japan Times latest articles	U.S. privately urges Ukraine to show Russia it’s open to talks, report says	https://www.japantimes.co.jp/news/2022/11/06/world/ukraine-russia-talks-us/	U S privately urges Ukraine to show Russia it s open to talks report saysThe report said the discussions show the complexity of the U S position as officials publicly vow to support Kyiv with massive sums of aid while	2022-11-06 16:01:37
ニュース	BBC News - Home	Cardiff head teacher who faced racism fights for change	https://www.bbc.co.uk/news/uk-wales-63473792?at_medium=RSS&at_campaign=KARANGA	ethnic	2022-11-06 07:12:27
ニュース	BBC News - Home	Cost of living: Pub halves beer and cider choice to survive	https://www.bbc.co.uk/news/uk-wales-63501972?at_medium=RSS&at_campaign=KARANGA	bills	2022-11-06 07:09:03
ビジネス	不景気.com	週刊不景気ニュース11/6、破産申請が多い1週間 - 不景気com	https://www.fukeiki.com/2022/11/week-report-221106.html	破産申請	2022-11-06 07:39:01
北海道	北海道新聞	ペルー先住民、観光客ら一時監禁　１００人超、河川汚染に抗議	https://www.hokkaido-np.co.jp/article/756416/	河川汚染	2022-11-06 16:03:00