投稿時間:2022-01-18 04:25:58 RSSフィード2022-01-18 04:00 分まとめ(26件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWS Partner Network (APN) Blog	How Pegasystems Manages Multi-Tenant WebSocket Rate Limiting Issues with Amazon API Gateway	https://aws.amazon.com/blogs/apn/how-pegasystems-manages-multi-tenant-websocket-rate-limiting-issues-with-amazon-api-gateway/	How Pegasystems Manages Multi Tenant WebSocket Rate Limiting Issues with Amazon API GatewayThe Pega Digital Messaging Service allows customer service applications to receive and send messages in a simplified consistent format over digital channels such as Apple Messages for Business Facebook SMS WhatsApp Twitter and web chat This post explores how Pegasystems built a solution to enable the Pega Digital Messaging service to manage inbound multi tenant WebSocket connection and message rates using Amazon API Gateway AWS Lambda SQS and Amazon DynamoDB	2022-01-17 18:42:22
AWS	AWS Database Blog	PostgreSQL bi-directional replication using pglogical	https://aws.amazon.com/blogs/database/postgresql-bi-directional-replication-using-pglogical/	PostgreSQL bi directional replication using pglogicalPostgreSQL supports block based physical replication as well as the row based logical replication Physical replication is traditionally used to create read only replicas of a primary instance and utilized in both self managed and managed deployments of PostgreSQL Uses for physical read replicas can include high availability disaster recovery and scaling out the reader nodes Although there is …	2022-01-17 18:27:08
海外TECH	Ars Technica	Dark matter asteroids (if they exist) may cause solar flares	https://arstechnica.com/?p=1826185	normal	2022-01-17 18:28:22
海外TECH	MakeUseOf	How Are NFTs Are Used for Wash Trading & Money Laundering?	https://www.makeuseof.com/how-nfts-used-wash-trading-money-laundering/	How Are NFTs Are Used for Wash Trading amp Money Laundering NFTs are controversial for so many reasons Their links to money laundering are just another problem but it s the same as regular art no	2022-01-17 18:30:12
海外TECH	DEV Community	Add bookmark links to your headings to make your blog easy to reference	https://dev.to/robole/add-bookmark-links-to-your-headings-to-make-your-blog-easy-to-reference-2dm7	Add bookmark links to your headings to make your blog easy to referenceIt is kind of an informal industry standard to have a bookmark link in the headings of a page The link text is typically a link icon or a hash symbol The idea is that you can click this link and get an URL that points to that section of the page It is a bit odd to click a link have the page scroll down to the section exactly and then copy the link from the address bar to share it with others But that is what is done usually You can see how some websites have implemented the links in figure below GitHub only shows the link when you hover on the heading CSS Tricks and Smashing Magazine always show the link however the link text has a lower color contrast ratio than the rest of the text but when you hover over it it gets brighter GitHub and CSS Tricks place the link at the very beginning of the heading Smashing Magazine places it right at the end of the heading Variations on the theme Figure Examples of bookmark links from around the web GitHub CSS Tricks Smashing Magazine Today I will show you how you can write some code to add these links to a page And I will offer an alternative version why not just add a button that will copy the URL to the system clipboard for you And now there is a web specification that adds some query powers to text fragments so you can reference any part of a webpage in an URL and you don t have to rely on the page author to do anything for you Let s explore these options The standard way a bookmark linkN B Codepen runs code in a iframe so the bookmark links don t point to a valid external URL If you run the same code in a page the links are perfectly valid To create a bookmark we add an unique ID to an element lt h id my bookmark gt How to create a bookmark lt h gt Remember that there are a few rules for a valid ID name it must contain at least one character it cannot start with a number andmust not contain whitespaces spaces tabs etc To create a link to that heading the URL must contain a text fragment that matches our ID A text fragment is specified by a hash lt a href my bookmark gt Jump to the heading lt a gt The above example is only valid within the same page You must use an absolute URL if you want to share it with others e g my bookmark So to create bookmark links for all of our headings we need to Add unique IDs to all of our headings except hInsert a link into these headings set the href to an absolute URL that includes the ID as a text fragment Let s write the code then We can get all of our headings with document querySelectorAll h h h h h We want to loop through each of these headings and add an id We must come up with a way to create an unique ID for each heading a common way to do this is to use the text of the heading to generate a slug that s what the cool kids call it We will discuss the slugify function in more detail below A slug is a human readable unique identifier used to identify a resource instead of a less human readable identifier like an id You use a slug when you want to refer to an item while preserving the ability to see at a glance what the item is What s a slug and why would I use one by Dave SagFor each heading we must create an anchor element a and set its href attribute to the current URL plus the slug as a text fragment We use the global object window location to get the page s URL info We build our own URL from the pieces rather than use window location href We do this because window location href includes the text fragment if someone were to follow a link with a text fragment to the page and we used window location href in our code we would create a bookmark link with text fragments Not the outcome we want Once the link is created correctly we append it to the heading let headings document querySelectorAll h h h h h we construct this URL ourselves to exclude the text fragmentconst currentURL window location protocol window location host window location pathname headings forEach heading gt let slug slugify heading innerText heading setAttribute id slug const bookmarkLink document createElement a bookmarkLink innerText bookmarkLink setAttribute href currentURL slug heading append bookmarkLink In our slugify function we want to generate a slug that has no whitespace and does not have any unwanted punctuation characters While all punctuation characters are allowed in an id name it is common practice to only include hyphens and underscores probably for the sake of readability We can use a regular expression regex in the replace function to remove the unwanted charcters and replace any spaces with hyphens I will use something similar to GitHub s algorithm which uses a weird looking regex but no doubt it has been battle tested by now function slugify text Everything except our safe characters const PUNCTUATION REGEXP p L p M p N p Pc gu let slug text trim toLowerCase slug slug replace PUNCTUATION REGEXP replace g return slug Here is a literal description of the PUNCTUATION REGEXP Globally match a single character not present in the list below p L any kind of letter from any language p M a character intended to be combined with another character e g accents umlauts enclosing boxes etc p N any kind of numeric character in any script p Pc a punctuation character such as an underscore that connects words a hyphen and an empty space which we replace later We use the regex to remove anything that is not in our character safe list When you use a regex which contains unicode properties any expression in the form of p you must use the u flag also We do a second replacement to replace spaces with a hyphen An alternative way a copy bookmark link to clipboard buttonMy proposed alternative is to use a button instead of a link The button copies the bookmark URL to the system clipboard A snackbar message informs the user that the URL has been copied to the clipboard I think this is a more convenient way of doings things N B Codepen runs code in a iframe so the bookmark links don t point to a valid external URL If you run the same code in a page the links are perfectly valid async function copyLink event const button event srcElement let text button getAttribute data href await navigator clipboard writeText text showSnackbar We can asynchronously write to the system clipboard through the Clipboard API using the writeText function The browser support is excellent for writing to the clipboard We show a snackbar message when the button is pressed We use the Web Animations API to fade in and move the snackbar further into view The Web Animations API is a cleaner of way of running a once off animation the alternative is to add a class that has an associated CSS animation and then remove it via setTimeout a few seconds later You can see the function showSnackbar for the details Text fragment directive specificationText fragments can now include a text query Upon clicking a link with a text query the browser finds that text in the webpage scrolls it into view and highlights the matched text This enables links to specify which portion of the page is being linked to without relying on the page author annotating the page with ID attributes The fragment format is text prefix textStart textEnd suffix In its simplest form the syntax is as follows The hash symbol followed by text and finally textStart which is the percent encoded text I want to link to Here is a simple example you can test in your browser to take you to the text how do we get the text of the code element from my last article text how do we get the text of the code element You can check out the article Boldly link where no one has linked before Text Fragments for further explanation and examples At the moment this feature is only available in Edge and Chrome It is still early days but I think this should be something that we start to use wholesale Final wordHaving the ability to cross reference specific parts of other webpages is an often overlooked feature of the web that is of great benefit to readers You are saving a reader from foraging through a page to find the right section themselves maybe they want to read more of the passage of text or maybe they want to verify the source of a quotation It does seem strange that we are still adding links to headings if the purpose is to provide someone with an URL to a section of a page Why not add a button that will copy it to the clipboard instead like I demonstrated Or is there something am I missing If there is fill me in I hope that more browsers implement the text fragment directive soon It would be great to break the dependence of the reader on the page author to add IDs to headings to enable referencing of sections And along with that it would be great if the awareness of this feature grew too so that people would start using it regularly I hope this article will go a little way to raising awareness	2022-01-17 18:40:33
海外TECH	DEV Community	The importance of using Server-Side Rendering with Next.JS	https://dev.to/ramonpereira88/the-importance-of-using-server-side-rendering-with-nextjs-16h	The importance of using Server Side Rendering with Next JSIntroductionServer Side Rendering SSR is a resource provided by Next JS meaning that for each request made by the user a server side HTML will be generated and that content will be pre rendered So when a request for a specific page is made the process of building that page done by the browser will be faster This set of steps of requesting content from the database building the page by the browsers and delivering it to the client is Client Side Rendering What are the advantages of using Server Side Rendering with Next JS The main advantages are the faster response in page loading the SEO Search Engine Optimization and the Web Crawlers that are the bots responsible for improving the indexing in the search engines of browsers such as Google Bing thus providing a better experience for the user who will have less waiting time and your page or site will probably appear at the top of searches Please have in mind that Next JS also offers SSG Static Site Generation which is more recommended for smaller projects and that will not have that many components which require so many specific requests to serve them this can affect the performance of your application How does the SSR happen Using a function called getServerSideProps by convention Next JS will understand that by using the above name in the function server side rendering should and will happen The data of the function is passed via props that can be consumed in the function below in the same JS or JSX file The content generated by the code above Terminal in VSCode What is Search Engine Optimization SEO Taking into account that this is the main reason for using Server Side Rendering with Next JS what is this Search Engine Optimization SEO Well that is a set of good practices that if executed make your page or WEB application better indexed in Google Bing or other search engines and that might lift your page or application to be in the first options to be shown for the user that makes the search for some content The better structured semantically organized with the correct tags meta tags titles sections alt attributes and ARIA Accessible Rich Internet Applications and that will provide a better experience when the subject is accessibility The better your page is structured the better it will be evaluated by these browser search engines Lighthouse How do I know if my page or site indexing is good Lighthouse is a tool developed by Google that analyzes web pages and applications providing metrics on performance best practices accessibility SEO or if the application or page is a PWA Progressive Web App and even simulates a desktop and mobile application It s worth checking out the results You can find Lighthouse in Chrome Dev Tools under one of the tabs but not just in Google Chrome in many browsers based on Google Chrome After clicking on Generate Report a page analysis process will be started and a report will be generated We analyzed Vercel s website which is the creator of the Next JS framework and these were the results References Ramon PereiraFrontend Developer	2022-01-17 18:30:34
海外TECH	DEV Community	ELI5: Reactivity in Vue 3	https://dev.to/morgenstern2573/eli5-reactivity-in-vue-3-4o40	ELI Reactivity in Vue Reactivity It s a popular buzzword It s also one of the most convenient features of front end frameworks What is it exactly and how does it work in Vue Prerequisite KnowledgeBasic JavaScript and JS objectsBasic knowledge of Vue js What is reactivity Reactivity is a programming paradigm that allows us to adjust to changes in a declarative manner Vue x documentationWe say a value is reactive when it can update itself in response to changes in values it depends on What do we mean by depends on Let s take an example let val let val let sum val valThe value of sum is always determined by the values of val and val so we say that sum depends on val and val What happens to sum when one of the values it depends on changes In regular JavaScript it stays the same console log sum val console log sum Still But if sum was reactive console log sum val console log sum Sum is The value of sum would change in response to the change in a value it depended on What does Vue need to make a value reactive Vue needs to know what dependencies that value has when those dependencies change Vue also needs to be able to re calculate values when their dependencies change How Vue knows when dependencies changeVue wraps the data object of all components with an ES Proxy A proxy is an object that wraps a target object This is important because all reactive values depend directly or not on the properties in a component s data object Proxies allow you to intercept all requests to get or set properties of the target They also let you run any code in response to those requests Thanks to this when code attempts to change one of the properties of a data object Vue intercepts it and is aware of it Vue can then re calculate any functions that depend on that value But how does Vue know which functions depend on which values How Vue knows which dependencies belong to a valueTo make our value reactive we need to wrap it in a function Using sum to illustrate again we need to go fromlet val let val let sum val val toconst updateSum gt sum val val Vue then wraps all such functions with an effect An effect is a function that takes another function as an argument Vue then calls the effect in place of that function When Vue calls an effect the effect Records that it s running Calls the function it received as an argument Removes itself from the list of running effects after the function ends Remember all source values come from a Proxy the data component While executing the function it wraps the effect will need a property from the data object and try to read it The Proxy will intercept that read request Vue checks which effect is currently running It then records that the effect depends on the property it tried to read This is how Vue knows which values depend on which properties So how does Vue know when to re run the functions that return dependent values The answer is once again the magic of Proxies Proxies can intercept requests to set property values too Remember we now have a record of effects as well as the values they depend on When the value of a property in data changes Vue needs to do one thing check that record and update the source value Vue can then re run all the effects that depend on it and thus update the values ConclusionThis article is a simplified overview of how reactivity works in Vue If you d like to read more on the subject here are some resources Understanding the New Reactivity System in Vue Reactivity in Depth	2022-01-17 18:22:22
Apple	AppleInsider - Frontpage News	Dutch regulator will examine Apple's App Store dating app payment proposal	https://appleinsider.com/articles/22/01/17/dutch-regulator-will-examine-apples-app-store-dating-app-payment-proposal?utm_medium=rss	Dutch regulator will examine Apple x s App Store dating app payment proposalThe Netherlands Authority for Consumers and Markets will be looking into Apple s proposal for how it plans to handle dating app alternative payment options to see if the company has sufficiently complied with the regulatory order In accordance with an order from the ACM to allow dating apps operating in the Netherlands to use third party payment mechanisms Apple said on Saturday that it would comply by providing more options to developers The ACM now wants to determine if Apple is fully complying with the order with its announcement In a statement published on Monday ACM confirms Apple has informed the regulator of policy changes for dating apps in the App Store and that it will now assess whether Apple meets the requirements that ACM had imposed Part of the assessment will involve the ACM talking to dating app providers and other interested parties about Apple s changes Read more	2022-01-17 18:58:37
Apple	AppleInsider - Frontpage News	OLED iPad panel production could start on Wednesday	https://appleinsider.com/articles/22/01/17/oled-ipad-panel-production-could-start-on-wednesday?utm_medium=rss	OLED iPad panel production could start on WednesdayThe iPad Air could arrive with an OLED display quicker than first thought with a report predicting production using the display technology could start on Wednesday On Tuesday it was claimed that Apple was considering launching an iPad with a Samsung produced display by via screen supplier Samsung In a new report about LG Display another Apple supplier it seems that the potential for an OLED iPad is growing The report by ETNews about LG Display s expansion plans for its OLED plant in Paju includes a reference to iPads Specifically that it is predicted that OLED application to iPads will also begin in two days referring to production but stayed light on details Read more	2022-01-17 18:05:02
Apple	AppleInsider - Frontpage News	New Mac Pro in Q4 2022 expected to cap off Apple Silicon transition	https://appleinsider.com/articles/22/01/17/apple-silicon-transition-rumored-to-end-in-q4-2022-with-new-mac-pro-release?utm_medium=rss	New Mac Pro in Q expected to cap off Apple Silicon transitionApple will reportedly complete its transition to Apple Silicon by the fourth quarter of with the release of a new Mac Pro Redesigned Mac ProIn a tweet on Monday leaker DylanDKT said that the Apple Silicon transition will officially end when Apple releases a Mac Pro equipped with an upgraded Apple Silicon chip Read more	2022-01-17 18:02:28
海外科学	NYT > Science	A California City Is Overrun by Crows. Could a Laser Be the Answer?	https://www.nytimes.com/2022/01/17/us/sunnyvale-california-crows-lasers.html	A California City Is Overrun by Crows Could a Laser Be the Answer In a move befitting its Silicon Valley setting the city of Sunnyvale Calif will aim a laser at birds that have overwhelmed the downtown area during the pandemic	2022-01-17 18:43:56
ニュース	BBC News - Home	BBC licence fee to be frozen at £159 for two years, government confirms	https://www.bbc.co.uk/news/entertainment-arts-60027436?at_medium=RSS&at_campaign=KARANGA	commons	2022-01-17 18:39:53
ニュース	BBC News - Home	Downing Street party: My constituents are 60 to one against Boris Johnson, says Conservative	https://www.bbc.co.uk/news/uk-politics-60028895?at_medium=RSS&at_campaign=KARANGA	hearing	2022-01-17 18:55:09
ニュース	BBC News - Home	Channel migrants: Armed forces set to take over English Channel operations	https://www.bbc.co.uk/news/uk-60021252?at_medium=RSS&at_campaign=KARANGA	channel	2022-01-17 18:40:03
ニュース	BBC News - Home	BBC TV licence fee: What is it and why is it under threat?	https://www.bbc.co.uk/news/explainers-51376255?at_medium=RSS&at_campaign=KARANGA	licence	2022-01-17 18:08:24
ニュース	BBC News - Home	Covid vaccines: How fast is progress around the world?	https://www.bbc.co.uk/news/world-56237778?at_medium=RSS&at_campaign=KARANGA	programmes	2022-01-17 18:02:43
ニュース	BBC News - Home	Covid-19 in the UK: How many coronavirus cases are there in my area?	https://www.bbc.co.uk/news/uk-51768274?at_medium=RSS&at_campaign=KARANGA	cases	2022-01-17 18:06:56
ビジネス	ダイヤモンド・オンライン - 新着記事	【改正間近】50歳からでも、iDeCoに加入すべき理由 - 自分だけは損したくない人のための投資心理学	https://diamond.jp/articles/-/293468	積み立て	2022-01-18 03:50:00
ビジネス	ダイヤモンド・オンライン - 新着記事	まだ本調子ではない「千葉・中学受験」の最新状況【2022年入試版】 - 中学受験への道	https://diamond.jp/articles/-/293477	中学受験	2022-01-18 03:45:00
ビジネス	ダイヤモンド・オンライン - 新着記事	サウジに米企業幻滅、「脱石油依存」に暗雲 - WSJ PickUp	https://diamond.jp/articles/-/293328	wsjpickup	2022-01-18 03:35:00
ビジネス	ダイヤモンド・オンライン - 新着記事	米国株、好調はいつまで続くのか - WSJ PickUp	https://diamond.jp/articles/-/293099	wsjpickup	2022-01-18 03:30:00
ビジネス	ダイヤモンド・オンライン - 新着記事	中国「影の教育」との戦い、親は規制回避に走る - WSJ PickUp	https://diamond.jp/articles/-/293467	wsjpickup	2022-01-18 03:25:00
ビジネス	ダイヤモンド・オンライン - 新着記事	ひろゆきが呆れる「情報弱者がニュースに踊らされる瞬間」ワースト1 - 1％の努力	https://diamond.jp/articles/-/292860	youtube	2022-01-18 03:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【カンタンなのに極上！ レンチンレシピ】 具材3つ、袋に入れて、チンするだけ！ 全部3つのステップで完成する料亭風レシピとは？ - 銀座料亭の若女将が教える 料亭レベルのレンチンレシピ	https://diamond.jp/articles/-/291245	【カンタンなのに極上レンチンレシピ】具材つ、袋に入れて、チンするだけ全部つのステップで完成する料亭風レシピとは銀座料亭の若女将が教える料亭レベルのレンチンレシピ『銀座料亭の若女将が教える料亭レベルのレンチンレシピ』から、煮ない・焼かない・炒めない【つの具材】と【つのステップ】で、すぐ美味しいレシピを紹介。	2022-01-18 03:15:00
ビジネス	ダイヤモンド・オンライン - 新着記事	「数学が今の事務の仕事に役立たないので、学ぶ気が起きない」への衝撃的に面白い回答 - 独学大全	https://diamond.jp/articles/-/293429	読書	2022-01-18 03:10:00
ビジネス	ダイヤモンド・オンライン - 新着記事	株で勝てる人は、株の買い時と売り時を熟知している - 株トレ	https://diamond.jp/articles/-/289474	運用	2022-01-18 03:05:00