投稿時間:2022-04-13 21:37:25 RSSフィード2022-04-13 21:00 分まとめ(39件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	ITmedia 総合記事一覧	[ITmedia PC USER] 「ポケトーク字幕」が月額2200円のサブスクに　バーチャル背景機能も追加	https://www.itmedia.co.jp/pcuser/articles/2204/13/news179.html	家電量販店	2022-04-13 20:10:00
IT	ITmedia 総合記事一覧	[ITmedia News] 「有線イヤフォン使いは厄介でITリテラシーが低い」？　音楽などの聴き方巡りSNSで物議、実は“炎上商法”かも	https://www.itmedia.co.jp/news/articles/2204/13/news178.html	itmedia	2022-04-13 20:07:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] お母さんがもらってうれしい「母の日ギフト」　2位スイーツ、1位は？	https://www.itmedia.co.jp/business/articles/2204/13/news152.html	itmedia	2022-04-13 20:07:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] WOWOW、2022-23シーズンの欧州CL・EL放映権獲得　決勝戦までライブ配信	https://www.itmedia.co.jp/business/articles/2204/13/news177.html	itmedia	2022-04-13 20:01:00
python	Pythonタグが付けられた新着投稿 - Qiita	OpenCV-Pythonで画像処理　～二値化～	https://qiita.com/ToppaD/items/c0bd354bc7dfcc4318a4	opencv	2022-04-13 20:50:45
python	Pythonタグが付けられた新着投稿 - Qiita	botter専用Cloud9環境の複製手順(github/talib)	https://qiita.com/hoge_botter/items/56fcb32966c4eddb0ec9	botter	2022-04-13 20:09:52
Ruby	Rubyタグが付けられた新着投稿 - Qiita	SSLクライアント証明書を使ってRubyのFaradayで通信する方法	https://qiita.com/it31415/items/39dfca7f02d966386e83	aradayfaradayrequesturl	2022-04-13 20:34:19
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS OpenSearch（Elastic Search）で429エラー多発の原因と対処	https://qiita.com/kazwata/items/6e7b2397623b982098f9	errortoomanyrequests	2022-04-13 20:32:10
Azure	Azureタグが付けられた新着投稿 - Qiita	Azure AD Identity Protectionでできること	https://qiita.com/zukakosan/items/c95aa55e4263f590b8f6	azure	2022-04-13 20:35:48
技術ブログ	Mercari Engineering Blog	プロダクトへの想いをキャリアに 〜 QAエンジニアの育成＆インターン採用チャレンジ	https://engineering.mercari.com/blog/entry/20220411-578dd477dd/	hellip	2022-04-13 12:00:27
技術ブログ	Developers.IO	カルチャー「やってみる」の姿勢で入社5ヶ月間でやってみたこと	https://dev.classmethod.jp/articles/clp-start-small-tb/	統括	2022-04-13 11:22:57
技術ブログ	Developers.IO	[Node.js] Streamを使って、DynamoDBの全ItemをScanで吸い出しつつCSVに変換してS3バケットにアップロードしたい	https://dev.classmethod.jp/articles/nodejs-dynamodb-scan-stream/	developersi	2022-04-13 11:17:45
海外TECH	Ars Technica	Titanosaur nesting spot found in Brazil	https://arstechnica.com/?p=1847620	titanosaurs	2022-04-13 11:30:33
海外TECH	MakeUseOf	Why Spotify Seems to Be Obsessed With Podcasts	https://www.makeuseof.com/why-is-spotify-obsessed-with-podcasts/	obsessed	2022-04-13 11:30:11
海外TECH	MakeUseOf	3 Easy Ways to Back Up Your iPhone Voicemails	https://www.makeuseof.com/tag/back-up-iphone-voicemails/	methods	2022-04-13 11:16:12
海外TECH	DEV Community	Make and deploy your own blog in under 30 mins	https://dev.to/nexxeln/make-and-deploy-your-own-blog-in-under-30-mins-448p	Make and deploy your own blog in under minsYes you read that right Under minutes Let s not waste time and get right into it Tech StackFirst let s look at the stack that we re going to be using Remix which is a full stack React framework TailwindCSS for styling MDX for writing the blog posts Vercel to deploy our website PrerequisitesGood understanding of React Writing and formatting with Markdown CodingAlright let s start coding First navigate to your projects directory and bootstrap a Remix project usingnpx create remix latest Where would you like to create your app remix blog What type of app do you want to create Just the basics Where do you want to deploy Choose Remix if you re unsure it s easy to change deployment targets Vercel TypeScript or JavaScript TypeScript Do you want me to run npm install YesYou can name it whatever you want I just used remix blog You can select JavaScript if you want I like TypeScript more so I m going to be using that And of course we re going to use Vercel to deploy our project so pick that After you have bootstrapped the project open it in your favorite code editor Next start the application usingnpm run devYou will see a very basic app like this You can see that that s being rendered from the index tsx file inside the app routes directory index tsx is always the root route export default function Index return lt div style fontFamily system ui sans serif lineHeight gt lt h gt Welcome to Remix lt h gt lt ul gt lt li gt lt a target blank href rel noreferrer gt m Quickstart Blog Tutorial lt a gt lt li gt lt li gt lt a target blank href rel noreferrer gt Deep Dive Jokes App Tutorial lt a gt lt li gt lt li gt lt a target blank href rel noreferrer gt Remix Docs lt a gt lt li gt lt ul gt lt div gt We don t really need all of this so go ahead and remove all of the link Let s add a h tag to render a nice heading export default function Index return lt div style fontFamily system ui sans serif lineHeight gt lt h gt nexxel s blog lt h gt lt div gt Let s understand how routing works in Remix Routing in Remix is file based and just how you can create route modules using JavaScript Remix also allows us to make route modules using MDX So make a sub directory inside the app routes directory called blog This will be our route module for the blog Inside the blog directory make a MDX file let s call it first blog mdx Inside it lets render a heading First Blog postNow if you navigate to http localhost blog first blog you should see the markdown being rendered there Now let s add some attributes to our markdown We can add attributes like this title title of the blog date meta title title of the blog description first ever blog post Let s try to access these attributes by rendering the title We can do this like this attributes title attributes date toDateString Now navigate to blog first blog and you should see the title and date being rendered Also notice how the meta tag that we added to out markdown gave the page a title Now let s paste an actual blog post in here You can write your own blog If you don t have a blog prepared for now you can just copy this blog to follow along So you should have a whole blog being rendered like this As you can see we already have a working blog in like minutes of work But obviously this looks really bad The typography sucks and there s no syntax highlighting for code blocks Let s add some syntax highlighting first For this we re going to use hightlight js as it s the most popular In MDX we can add plugins to all sorts of stuff There are two types of plugins remark plugins and rehype plugins We are going to to use a rehype plugin called rehype highlight which is using highlight js So open your terminal and install it npm i rehype highlight highlight jsNow open remix config js and add an mdx key with this configuration mdx async filename gt const rehypeHighlight await Promise all import rehype highlight then module gt module default return rehypePlugins rehypeHighlight Here we are importing rehype highlight and the adding it to our list of rehypePlugins So now your remix config js should look something like this type import remix run dev AppConfig module exports serverBuildTarget vercel When running locally in development mode we use the built in remix server This does not understand the vercel lambda module format so we default back to the standard build output server process env NODE ENV development undefined server js ignoredRouteFiles appDirectory app assetsBuildDirectory public build serverBuildPath api index js publicPath build mdx async filename gt const rehypeHighlight await Promise all import rehype highlight then module gt module default return rehypePlugins rehypeHighlight Now we re going to make a layout route for blog The way to do this in Remix is by create a blog tsx file at the same level as blog directory So create a blog tsx file in the app routes directory As this is a layout route any styling that we add here is added for all the nested routes for blog Let s bring in a theme for syntax highlighting from highlight js If you look at node modules highlight js styles you will see a lot of themes to choose from I m going to use the tokyo night dark theme but feel free to choose whatever you like Now we need to expose this css to all the nested routes The way to do this in Remix is by the links function You can read more about it here So in app routes blog tsx let s add all this code import type LinksFunction from remix run node import styles from highlight js styles tokyo night dark css export const links LinksFunction gt return rel stylesheet href styles We re just providing it a stylesheet with the css that we imported from highlight js While we re here let s also add some meta tags to this page To add meta tags we use the meta function Read more about it here This is what your file should look like now import type LinksFunction MetaFunction from remix run node import styles from highlight js styles tokyo night dark css export const meta MetaFunction gt return title nexxel s blog description here nexxel writes about stuff export const links LinksFunction gt return rel stylesheet href styles Feel free to add whatever title and description you want Since this is out layout route we also need to export a default component that returns an lt Outlet gt This is a Remix thing it requires this for nested routes Read more about it here Now your code should look something like this import type LinksFunction MetaFunction from remix run node import Outlet from remix run react import styles from highlight js styles tokyo night dark css export const meta MetaFunction gt return title nexxel s blog description here nexxel writes about stuff export const links LinksFunction gt return rel stylesheet href styles export default function Blog return lt Outlet gt Now if you rerun your dev server by using npm run dev you will see that our syntax highlighting works Congratulations if you have made this far because we are almost done If you look at the current state of our blog it isn t very readable The typography sucks So we re going to use Tailwind for this more specifically the tailwindcss typography plugin which will make our blog look super nice Let s set up Tailwind first Kill your dev server and install Tailwind and its peer dependencies then run the init command to generate tailwind config js and postcss config js npm install D tailwindcss postcss autoprefixer concurrentlynpx tailwindcss init pWe also need concurrently because we will run two processes at one one will be our dev server and another one will compile the Tailwind classes into actual CSS Now add all the file paths that will use Tailwind in tailwind config jsmodule exports content app js ts jsx tsx theme extend plugins Now go to package json and update the scripts scripts build npm run build css amp amp remix build build css tailwindcss m i styles app css o app styles app css dev concurrently npm run dev css remix dev dev css tailwindcss w i styles app css o app styles app css Now create a styles app css and add the Tailwind directives tailwind base tailwind components tailwind utilities This will show you problems in VSCode just ignore them Now go to app root tsx and import the compiled css This is what your code should look like import type MetaFunction from remix run node import styles from styles app css import Links LiveReload Meta Outlet Scripts ScrollRestoration from remix run react export const meta MetaFunction gt charset utf title New Remix App viewport width device width initial scale export function links return rel stylesheet href styles export default function App return lt html lang en gt lt head gt lt Meta gt lt Links gt lt head gt lt body gt lt Outlet gt lt ScrollRestoration gt lt Scripts gt lt LiveReload gt lt body gt lt html gt This is all documented hereNow that we have Tailwind set up let s also install the typography plugin npm i D tailwindcss typographyOpen tailwind config js and add the typography plugin in the plugins list module exports content app js ts jsx tsx theme extend plugins require tailwindcss typography Now when you run your dev server using npm run dev you ll see that it will first give an error because our compiled css file doesn t exist yet but then it will generate that eventually and it will work Now we re gonna see just how powerful this typography plugin is Open app routes blog tsx which is the blog layout route Any styling that we add here is added for all the nested routes So let s wrap the lt Outlet gt component with a lt div gt and add the prose class from the typography plugin This is what your code should look like import type LinksFunction MetaFunction from remix run node import Outlet from remix run react import styles from highlight js styles github dark dimmed css export const meta MetaFunction gt return title nexxel s blog description here nexxel writes about stuff export const links LinksFunction gt return rel stylesheet href styles export default function Blog return lt div className flex justify center gt lt div className prose lg prose xl py px gt lt Outlet gt lt div gt lt div gt We are also centering it using flexbox Just one prose class and it makes it so much better If you make another MDX file inside the app routes blog directory you will see that the styles work there too All because of the blog layout route We re pretty much done here Now all that is left is to make a blog page to display all our blog posts I m going to keep this very simple and minimal but feel free to explore with the styling and come up with cool designs So let s make an index tsx file inside app routes blog which will act as the blog page First let s import all our blog posts in here I changed the name of the MDX file to make more sense import as goGol from go gol mdx import as nexdle from nexdle mdx import as genLicense from gen license mdx Now that we have all the MDX modules imported let s write a function to pull out the slug which is the filename without the mdx and then we can just provide the rest of the attributes that we re getting from the meta attribute that we had added in out MDX files This function is straight from the docs Read more here function postFromModule module any return slug module filename replace mdx module attributes meta Now let s add a loader function in Remix the loader function is used to load in data server side Read more here We will just load all our blogs in here export const loader LoaderFunction gt return postFromModule genLicense postFromModule nexdle postFromModule goGol Whatever we have loaded here is accessible in client side by using a hook called useLoaderData which is provided by Remix Read more about it here Now we just map over our posts and render them in an unordered list I m also adding some very basic styling export default function BlogIndex const posts useLoaderData return lt div className px gt lt h gt Posts lt h gt lt ul gt posts map post any gt lt li key post slug gt lt Link to blog post slug gt post title lt Link gt post description amp amp lt p className m lg m gt post description lt p gt lt li gt lt ul gt lt div gt So after adding all this your code should look like this import type LoaderFunction from remix run node import Link useLoaderData from remix run react import as goGol from go gol mdx import as nexdle from nexdle mdx import as genLicense from gen license mdx function postFromModule module any return slug module filename replace mdx module attributes meta export const loader LoaderFunction gt return postFromModule genLicense postFromModule nexdle postFromModule goGol export default function BlogIndex const posts useLoaderData return lt div className px gt lt h gt Posts lt h gt lt ul gt posts map post any gt lt li key post slug gt lt Link to blog post slug gt post title lt Link gt post description amp amp lt p className m lg m gt post description lt p gt lt li gt lt ul gt lt div gt Now if you go to blog you will see that all our posts are shown there Now let s make a nice landing page for our blog I m going to keep this very minimal but this is where you can show off your creativity and personality Go to app routes index tsx and add your code there This is what mine looks like import type MetaFunction from remix run node import Link from remix run react export const meta MetaFunction gt return title nexxel s blog description here nexxel writes about stuff export default function Index return lt div className flex justify center items center text center text xl px h screen gt lt div gt lt h className font bold gt Welcome to my bare bones blog lt h gt lt Link to blog gt lt button className pt gt lt span className font normal text xl bg black text white px py hover opacity transition opacity duration rounded sm shadow xl gt Go to the blog lt span gt lt button gt lt Link gt lt div gt lt div gt Congratulations You have finished building a blog app using Remix TailwindCSS and MDX That is actually so cool Now let s deploy this thing using Vercel Deploying To VercelFirst delete the app styles directory that was our compiled css that was generated and then upload this code to GitHub I m assuming you know how to do that if you don t feel free to ask in the comment section or just look it up online Then go to Vercel and login in with GitHub Click on new project Import the repository that you uploaded the code to Choose Remix as your framework preset and then click on deploy And we re done Congratulations on making a very cool blog for yourself and deploying it to the internet Now whenever you add new blogs you just have push those changes to your repository on GitHub and Vercel will deploy that for you It s awesome I love Vercel That s it for today damn this was a long one If you made it this far please do comment and show off your new blog I would really appreciate it Code for this tutorial My Blog Thank you for reading	2022-04-13 11:44:09
海外TECH	DEV Community	Zero Trust Explained	https://dev.to/sturdy5/zero-trust-explained-2mj4	Zero Trust ExplainedLast year the President signed an Executive Order to improve our Nation s Cybersecurity and part of that Executive Order was a direction to use Zero Trust Architectures to access cloud assets I have talked to a few people over the last couple months about the impacts of the Executive Order and one of the reoccurring themes is that there isn t a clear understanding of what Zero Trust is So let s hit some of the high level points here so we can all be on the same page And if I ve missed something in this list please let me know Origin and ConceptsThe term was originally part of a whitepaper called No More Chewy Centers Introducing The Zero Trust Model of Information Security which was released by Forrester in The paper lays out that our traditional networking model is like an M amp M hard and crunchy on the outside and soft and chewy on the inside Meaning it is hard to get into the network but once you are in it is pretty easy to move around The author points out numerous cases where this has been a problem One of those stories is about Philip Cummings who used to work at the help desk at TeleData Communications Inc TCI TCI provided software to credit bureaus like Equifax TransUnion and Experian Through his job duties Philip had access to all of the passwords and API keys to access all three of the major credit bureaus While he was working at TCI a Nigerian crime organization told Philip that they would give him per credit report he was able to send to them Philip left TCI in but before he left he saved off the password and API keys for the credit bureaus in order to send credit reports to the crime organization It is estimated that he sent over credit reports in the next two years until the theft was noticed in The Philip Cummings story shows us it is hard to trust people inside our networks but people have an identity When we move to the network level the packets sent across the network have no definitive identity We can tell where they are coming from where they want to go and what the request is There is no identity Trusting that packets are legitimate is something we all do but in computing terms what does that mean Because there is no concept of identity how can we trust packets We can t We shouldn t Zero trust means that we should never have the soft chewy center All networks should be treated as untrusted This will ensure security is baked into the network In order to implement this Forrester lays out these concepts Ensure that all resources are accessed securely regardless of location treat all traffic as if it were coming from the internet even internally Adopt a least privilege strategy and strictly enforce access control use something like role based access control to control what people have access to Inspect and log all traffic most companies log traffic data but very few inspect itForrester makes the point that monitoring the security of s to s of applications is difficult and can be done in as many different ways as there are applications Fortunately access to these applications is all done the same way through the network Implementing security at the network level is easier and more effective Lastly the paper lays out that cloud traffic isn t going away and we need to have a better way to verify and monitor that traffic Implementing Zero Trust never ends much like Agile Zero Trust is a way of thinking not a prescriptive method for implementing security Trust but verify can no longer be our standard instead it should be Verify and never trust Themes throughout the paper highlight the benefits of using Zero Trust More secure against insider threatsMore secure against external threats when using a defense in depth strategyUltimately cheaper to maintain than the traditional defense in depth options Standards NIST Since the whitepaper by Forrester in the evolution of Zero Trust hasn t stopped In the National Institute for Standards and Technology NIST released publication Zero Trust Architecture As it is with any Government publication it is a dry read and is full of acronyms so here is my summary of the document The seven tenets of a zero trust architecture All data sources and computing services are considered resources Big or small simple or complex all systems on a network are considered resources This should also include Software as a Service SaaS All communication is secured regardless of network location There is no trust there is only untrust All devices regardless of network placement should be treated as untrusted devices Access to individual enterprise resources is granted on a per session basis Trust in the requester is evaluated before access is granted and may include time based rules Granting access to one resource does not automatically grant access to another Access to resources is determined by dynamic policy including observable state of client activity application service and the requesting asset and may include other behavioral and environmental attributes Trust should be contextually based Meaning taking into account the patterns of the user including time of day device being used versions of operating systems among others The enterprise monitors and measures the security posture of all owned and associated assets Enterprises should be able to answer the questions what is on the network who is on the network what is happening on the network and how is data protected on the network Associated assets are any other assets allowed to connect to enterprise resources this likely includes personally owned devices All resource authentication and authorization are dynamic and strictly enforced before access is allowed Zero Trust Architectures have a continuous cycle of obtaining access scanning and assessing threats adapting and reevaluating trust The enterprise collects as much information as possible about the current state of assets network infrastructure and communications and uses it to improve its security posture Enterprises need to continually collect data about security postures network traffic and access requests and use the data to adjust policies There are a bunch of different models for a zero trust architecture Most of them look similar to this picture While there are a lot of acronyms there here is the core concept any person or service account subject uses a system to access Enterprise Resources A policy enforcement point is added somewhere in the middle of it to intercept the request and send it through policy engine to make a decision on whether access will be granted The policy administrator takes inputs from various sources to help guide the creation and evolution of policies used by the policy engine There are different ways for the policy engine to make a decision One of the more popular methods is a scoring system where the contextual data is weighted in a certain way and if the cumulative score of the request is over a threshold then the access will be granted If the cumulative score does not reach the threshold then the subject is presented with a challenge of some kind to allow them to raise their score I think things are always easier with an example so let s see what it looks like if you are trying to connect to a GitHub Enterprise instance As you make the request to the GitHub Enterprise instance your traffic is intercepted by the policy enforcement point Here is some of the data that comes along with your request IP AddressGeolocationTimeDateAn identityThe policy enforcement point sends this traffic to the policy engine which see that the traffic is coming from a place within the United States it is an IP address that has accessed the system before by an identity that is valid The time might be a little off though Maybe this request is being made at AM on a weekend hours when you don t normally work Those two last data points would lower the score and this request might not meet the configured threshold Instead of allowing you access to the GitHub instance you are instead redirected to a challenge page to allow you to prove you are who you say you are Maybe you will need to re enter your RSA PIN and token or maybe you will have to respond with a code sent via text message Once complete the policy engine will raise your score and allow you through to GitHub Enterprise This flow would happen whether you are physically within the enterprise network working from home or travelling anywhere in the world How to Deploy Zero Trust ArchitecturesThe short answer it will be a journey NIST does provide some guidance on how to migrate to a Zero Trust Architecture depending on your current network configuration One of the big pieces to consider is the policy engine and the administration of the scoring It is likely that with the initial implementations there will be some issues where traffic is denied when it should have been allowed We will have to make sure we set expectations as we work through this process Based on the NIST documentation there might be some good first steps for us to start implementing Zero Trust Identify Actors in the Enterprise these are humans as well as service accountsIdentify Assets Owned by the Enterprise includes physical virtual and data assets like user accounts Identify Key Processes and Evaluate Risks Associated with Executing Process find a system that is relatively low risk to the business cloud based resources are a typical first stepFormulating Policies for the Zero Trust Architecture Candidate find all supporting systems for your candidate and start setting the initial thresholds for scoreIdentify Candidate Solutions we need to pick a solution that matches our existing asset policies and toolingInitial Deployment and Monitoring the initial deployment might limit traffic to only coming from specific locations and might be in report only mode to allow us to gauge how well our scoring system worksExpanding the Zero Trust Architecture with the confidence built in the previous step expand the criteria for accessing resources and add more resources to add ConclusionUnfortunately this isn t something we can do with the snap of a finger This will take time to implement and gain confidence in One of the hardest things to prove out here will be return on investment Will we ever be the victim of an insider threat What will the cost of a breach be Is it worth spending money to try to prevent something that we don t know will happen I think it is We might take a different perspective on return on investment though If we look at this like insurance we are paying for a possibility of a breach in smaller increments now The determination of return on investment will depend on typical actuarial items likelihood of the event and the potential cost of an event References Zeroing in on Zero Trust Podcast sp cid fabfafeece amp t amp utm source embed player p amp utm medium desktop amp nd Zero Trust Security Explained Principles of the Zero Trust Model NIST No More Chewy Centers Introducing The Zero Trust Model Of Information Security	2022-04-13 11:17:29
海外TECH	DEV Community	How to detect scroll direction in vanilla JavaScript (to make a goofy logo animation)	https://dev.to/robole/how-to-detect-scroll-direction-in-vanilla-javascript-to-make-a-goofy-logo-animation-njc	How to detect scroll direction in vanilla JavaScript to make a goofy logo animation I wanted to try out a goofy idea I wanted to animate a website s logo so that it would fall over when you scroll down and right itself when you scroll up In particular I wanted the logo to be a head or have a cartoonish look This is my first try What do you think There are more practical use cases for detecting the direction that the user is scrolling Let s look into them and then we can walk through some code Use casesA common use case for detecting scroll direction is to have navigation options hidden when you scroll down but show them when a user scrolls up This acts as a rough indication that a user wants to go somewhere else There is no Mind Reading API in JavaScript so this is a best guess I have seen some people refer to a main navigation that follows this behaviour pattern as a smart nav bar Some people like this behaviour others don t The main complaint I have seen is that the peek a boo nature of a smart nav can be cover some text that you are reading when you are on a mobile device My take is that it is better to show a smart back to top button instead This button will take them to the top of the page where they will have access to the main navigation I will cover this in my next post Here is an example Sometimes it can be fun to take a technique and look for unusual places to apply it Maybe this will spark an idea in you In my case it was a goofy idea that set me down the path to explore this Let s step through the code The codeThe main ingredients are the Window interface to tell us about the browser window that displays your page and a scroll event listener to enable us to react to changes in the scrollbar scroll events We can consult the property window pageYOffset to know the number of pixels the page is currently scrolled along vertically This is an alias for window scrollY There is slightly better browser support for pageYOffset than for scrollY Internet Explorer but if you re not concerned about browsers that far back you can use either one A user is scrolling down when the value of their previous scroll position is less than the value of their current scroll position We will create a function and call it isScrollingDown It will return a boolean value let previousScrollPosition const isScrollingDown gt let goingDown false let scrollPosition window pageYOffset if scrollPosition gt previousScrollPosition goingDown true previousScrollPosition scrollPosition return goingDown Now that we can tell what the scroll direction is Let s react to this How about we change the style of our top heading h to reflect the scroll direction We will make the heading sticky so it always appears on the top of the screen In our JavaScript code we will add a class to change the style based on the scroll direction When we scroll up we will append the word up to the heading text with a red background as below in screenshot When we scroll down we will append the word up to the heading text with a green background as below in screenshot We can style the up and down states by creating separate classes that have an after psuedo element h position sticky top text align center background color white scroll down after content down background color green scroll up after content up background color red We will create a handler function called handleScroll that will add a scroll down or scroll up class to the heading to match the direction we are going let mainHeading document querySelector h const handleScroll gt if isScrollingDown mainHeading classList add scroll down mainHeading classList remove scroll up else mainHeading classList add scroll up mainHeading classList remove scroll down window addEventListener scroll handleScroll Give it a try However whenever you work with scroll event listeners performance is something that needs some consideration Performance considerationsRight now we call our handler function every time the user scrolls the page by a few pixels This could mean our handler function is called many times per second if we are scrolling quickly through a page This is unnecessary we don t need that sort of percision We can use a throttle function to limit the number of calls i e do an action once per X amount of time A related concept is debouncing and sometimes people get them confused This article explains both concepts and has an interactive ball machine to demonstrate throttling Courtesy of Debounce Vs Throttle A Definitive GuideThe throttle function should accept at least two arguments func which is a function to throttle and wait which is the duration in milliseconds to wait until the next execution It returns a throttled function So say we want to limit our scroll functionality to be called a maximum of times per second We can provide milliseconds for wait There are implementations that also accept leading and trailing parameters that control the first leading and the last trailing function calls In our case to be responsive immediately we want the first function call to be executed If you want to grab a throttle function from elsewhere you can find one in the following places Lodash and underscore are popular utility libraries If you just want to copy and paste a single block of code the most complete and trustworthy version I found is from the underscore library I have included it the appendix section This GitHub Gist has some different versions using modern JS You can see there is some debate here some people have slightly different interpetations of what a throttle function is exactly So be careful I include the lodash library to use its throttle function You can check the function description in the docs to see how to use it This is the interface throttle func wait options We create a throttled function by passing the first paramaters in our scroll handler function as the function to throttle func and a wait period of milliseconds wait By default this will execute the first time the function is run the leading option is true We pass the throttled function to the scroll event listener const scrollThrottle throttle handleScroll window addEventListener scroll scrollThrottle And here it the modified version with throttling See the Pen Detect scroll direction throttling by Rob robjoeol on CodePen You can see the user experience is the same but the performance behind the scenes is better You can play with different values for wait to see what is the best result for your use case Can you use an Intersection Observer instead If you are not familar with the Intersection Observer API it is a performant way to detect if a target element is visible It checks if an element intersects with the viewport or another specified element For our use case to find out about scroll direction we would be using it for something a bit left of its purpose The short answer to the question posed is that we cannot use Intersection Observer API for page level scrolling in a straightforward way The way you can tell if scrolling is taking place is when an element comes into and out of view you get feedback through a callback triggered by how much of an element is visible determined by a threshold option Since the body is likely to be always visible relative to the root element and the amount visible will only vary a tiny bit you may only get a single callback I am not that experienced with Intersection Observer so maybe there is a clever hack to get this behaviour to work If there is something please let me know You can get the scroll direction of a target element that moves in and out of view This stackoverflow question covers that AppendixThis is the throttle function from the ESM Development version of underscore with just one change so it runs everywhere I replaced now with Date now Source During a given window of time Normally the throttled function will runas much as it can without ever going more than once per wait duration but if you d like to disable the execution on the leading edge pass leading false To disable execution on the trailing edge ditto function throttle func wait options var timeout context args result var previous if options options var later function previous options leading false Date now timeout null result func apply context args if timeout context args null var throttled function var now Date now if previous amp amp options leading false previous now var remaining wait now previous context this args arguments if remaining lt remaining gt wait if timeout clearTimeout timeout timeout null previous now result func apply context args if timeout context args null else if timeout amp amp options trailing false timeout setTimeout later remaining return result throttled cancel function clearTimeout timeout previous timeout context args null return throttled	2022-04-13 11:13:20
海外TECH	DEV Community	Optimum Keto Reviews | You Need To Know About It Before Buying	https://dev.to/optimumketobenefits/optimum-keto-reviews-you-need-to-know-about-it-before-buying-2g29	Optimum Keto Reviews You Need To Know About It Before BuyingThat s the why behind this situation with doing it and it is a time sucking monster I ll also toss in that referring to it That works for a novice or expert I certainly wasn t one of those typical citizens If I understand anything in connection with mere mortals they don t love the opportunity The FDA was reviewing regulations for the Optimum Keto industry A new set of values is emerging from the ashes of the appendix I m still undecided on Optimum Keto but I like what I ve seen so far I will tell you how to make the most of Optimum Keto so I constantly discover tutors who aren t really happy with that I know but that hokum hasn t done it before and won t do it now I imagine that I am just not ready to face using it They re actually only along for the ride yet I expect that quells quite a few of the concerns I understand the concept of a triviality Permit me put the innovation into context How can brothers scrape together exceptional Optimum Keto steps This was bright This is a worthy addition Weight Loss Supplements literally doubles the value of your Weight Loss Supplements Is there anywhere poor people get one s hands on A Optimum Keto keys That is how to build a working that interpretation The purpose behind this is obvious You can t actually mean this as it regards to some procedure and so many consultants just don t get it Clearly this is something you ll soon see every day or it is part of the new Optimum Keto standard This is the clean cut answer Why aren t they reading this I check this often I don t want folks to begin Weight Loss Supplements with their Weight Loss Supplements It is a way to impress your significant other This is a stylish scheme to providing enough this If you comprehend your Optimum Keto that will come automatically In this column Click Here gt gt gt	2022-04-13 11:06:31
海外TECH	DEV Community	Integration of Huawei Account kit, Remote Configuration Service and Crash kit in Flutter DietApp – Part 5	https://dev.to/hmscommunity/integration-of-huawei-account-kit-remote-configuration-service-and-crash-kit-in-flutter-dietapp-part-5-3392	Integration of Huawei Account kit Remote Configuration Service and Crash kit in Flutter DietApp Part IntroductionIn this article we will be integrating Huawei Remote Configuration service Account Kit in Flutter DietApp Flutter plugin provides simple and convenient way to experience authorization of users Flutter Account Plugin allows users to connect to the Huawei ecosystem using their Huawei IDs from the different devices such as mobiles phones and tablets added users can login quickly and conveniently sign in to apps with their Huawei IDs after granting initial access permission We will also learn to integrate Huawei Crash Service in this application It is a responsibility of the developer to build crash free i e unexpected exit of application it is very difficult to find the cause of the crash in huge application code base This unexpected crash makes app users annoying and may lead to business loss and reduce market value of the product and the company To avoid such crashes Huawei provides Crash service which makes developer to find the crash and cause of unexpected exit of the application in AG console Crash SDK provides very simple and developer need not code much to implementation crash service You can also download the detailed crash report whenever required Remote Configuration is a service provided by Huawei It provides cloud based services Once you integrate the client SDK your app can periodically fetch parameter values from the cloud The service checks whether the parameter that your app tries fetching has an on cloud value update and returns the new value if so Based on the parameter values fetched you can implement service processing logic to change behaviour or appearance of your app In this sample i e DietApp we are fetching the Personal Exercise data using Remote Configuration service by AppGallery Previous articlePlease check my previous articles if you have not gone through click on part Development OverviewYou need to install Flutter and Dart plugin in IDE and I assume that you have prior knowledge about the Flutter and Dart Hardware RequirementsA computer desktop or laptop running Windows Android phone with the USB cable which is used for debugging Software RequirementsJava JDK or later Android studio software or Visual Studio or Code installed HMS Core APK X or later Integration processStep Create Flutter project Step Add the App level gradle dependencies Choose inside project Android gt app gt build gradle apply plugin com android application apply plugin com huawei agconnect Root level gradle dependenciesmaven url classpath com huawei agconnect agcp Step Add the below permissions in Android Manifest file lt uses permission android name android permission INTERNET gt Step Add downloaded file into parent directory of the project Declare plugin path in pubspec yaml file under dependencies Add path location for asset image Let s start codingSplashScreen dartclass SplashScreen extends StatefulWidget override SplashScreenState createState gt SplashScreenState class SplashScreenState extends State lt SplashScreen gt override void initState super initState Timer Duration seconds gt Navigator pushReplacement context MaterialPageRoute builder context gt const LoginScreen override Widget build BuildContext context return Container color Colors white child Image asset images logo huawei png loginScreen dartclass LoginScreen extends StatelessWidget const LoginScreen Key key super key key override Widget build BuildContext context return MaterialApp debugShowCheckedModeBanner false home LoginDemo class LoginDemo extends StatefulWidget override LoginDemoState createState gt LoginDemoState class LoginDemoState extends State lt LoginDemo gt final HMSAnalytics hmsAnalytics new HMSAnalytics override void initState enableLog super initState Future lt void gt enableLog async hmsAnalytics setUserId TestUserDietApp await hmsAnalytics enableLog override Widget build BuildContext context return Scaffold backgroundColor Colors white appBar AppBar title Text Login backgroundColor Colors blue body RefreshIndicator onRefresh showToast child SingleChildScrollView child Column children lt Widget gt Padding padding const EdgeInsets only top child Center child Container width height decoration BoxDecoration color Colors white borderRadius BorderRadius circular child Image asset images logo huawei png Padding padding EdgeInsets only left right top bottom child TextField decoration InputDecoration border OutlineInputBorder labelText Email hintText Enter valid email id Padding padding const EdgeInsets only left right top bottom child TextField obscureText true decoration InputDecoration border OutlineInputBorder labelText Password hintText Enter password FlatButton onPressed TODO FORGOT PASSWORD SCREEN GOES HERE child Text Forgot Password style TextStyle color Colors blue fontSize Container height width decoration BoxDecoration color Colors red borderRadius BorderRadius circular child FlatButton onPressed async try try final bool result await AccountAuthService signOut if result final bool response await AccountAuthService cancelAuthorization on Exception catch e print e toString on Exception catch e print e toString child GestureDetector onTap async try final bool response await AccountAuthService cancelAuthorization on Exception catch e print e toString child Text Login style TextStyle color Colors white fontSize SizedBox height Container height width decoration BoxDecoration borderRadius BorderRadius circular child HuaweiIdAuthButton theme AuthButtonTheme FULL TITLE buttonColor AuthButtonBackground RED borderRadius AuthButtonRadius MEDIUM onPressed signInWithHuaweiID SizedBox height GestureDetector onTap showBannerAd child Text New User Create Account void signInWithHuaweiID async AccountAuthParamsHelper helper new AccountAuthParamsHelper String name helper setAuthorizationCode try The sign in is successful and the user s ID information and authorization code are obtained Future lt AuthAccount gt account AccountAuthService signIn account then value gt Navigator push context MaterialPageRoute builder gt MyHomePage title value displayName toString on Exception catch e print e toString Future lt void gt showToast async Fluttertoast showToast msg Refreshing toastLength Toast LENGTH SHORT gravity ToastGravity CENTER timeInSecForIosWeb backgroundColor Colors lightBlue textColor Colors white fontSize main dartvoid main runApp MyApp class MyApp extends StatelessWidget This widget is the root of your application override Widget build BuildContext context return MaterialApp title Exercise amp DietApp theme ThemeData primarySwatch Colors blue home SplashScreen class MyHomePage extends StatefulWidget const MyHomePage Key key required this title super key key final String title override State lt MyHomePage gt createState gt MyHomePageState class MyHomePageState extends State lt MyHomePage gt late double age height weight tagetWeight days TextEditingController ageController TextEditingController TextEditingController genderController TextEditingController TextEditingController heightController TextEditingController TextEditingController weightController TextEditingController TextEditingController targetWeightController TextEditingController TextEditingController inDaysWeightController TextEditingController TextEditingController dietPlanController TextEditingController TextEditingController activeLevelPlanController TextEditingController late SharedPreferences prefs String genderLabel Male String dietLabel Veg String activeLable Low Active final genderList Male Women final dietPlanList Veg Non Veg Egg final activeLevelList Low Active Mid Active Very Active String token void initState initPreferences initTokenStream super initState Future lt void gt initTokenStream async if mounted return Push getTokenStream listen onTokenEvent onError onTokenError getToken void getToken async Call this method to request for a token Push getToken void onTokenEvent String event Requested tokens can be obtained here setState token event print TokenEvent token void onTokenError Object error print TokenErrorEvent error toString PlatformException e error as PlatformException override Widget build BuildContext context return SafeArea child Scaffold resizeToAvoidBottomInset true appBar AppBar title Text widget title toString automaticallyImplyLeading false body Center child SingleChildScrollView reverse true child Column mainAxisAlignment MainAxisAlignment start children lt Widget gt Padding padding const EdgeInsets only top child Center child Container width height decoration BoxDecoration color Colors black borderRadius BorderRadius circular child Image asset images nu icon png Padding padding const EdgeInsets only left right top bottom child TextField controller ageController decoration const InputDecoration border OutlineInputBorder labelText Age hintText Enter valid age Padding padding const EdgeInsets only left right top bottom child TextField controller heightController decoration const InputDecoration border OutlineInputBorder labelText Height hintText Enter height Padding padding const EdgeInsets only left right top bottom child TextField controller weightController decoration const InputDecoration border OutlineInputBorder labelText Weight hintText Enter Weight Padding padding const EdgeInsets only left right top bottom child TextField controller targetWeightController decoration const InputDecoration border OutlineInputBorder labelText Target Weight hintText Enter target Weight Padding padding const EdgeInsets only left right top bottom child TextField controller inDaysWeightController decoration const InputDecoration border OutlineInputBorder labelText In days hintText How quickly you want loose gain weight Row mainAxisAlignment MainAxisAlignment spaceEvenly children const Text Gender DropdownButton items genderList map String item gt DropdownMenuItem lt String gt child SizedBox height width child Text item style TextStyle fontSize value item toList onChanged value setState genderLabel value toString value genderLabel Row mainAxisAlignment MainAxisAlignment spaceEvenly children Text Diet Plan DropdownButton items dietPlanList map String item gt DropdownMenuItem lt String gt child SizedBox height width child Text item style TextStyle fontSize value item toList onChanged value setState dietLabel value toString print Diet plan changed to value value dietLabel Row mainAxisAlignment MainAxisAlignment spaceEvenly children Text Active Level DropdownButton items activeLevelList map String item gt DropdownMenuItem lt String gt child SizedBox height width child Text item style TextStyle fontSize value item toList onChanged value setState activeLable value toString print Active level changed to value value activeLable Padding padding const EdgeInsets only left right top bottom child MaterialButton child const Text Next style TextStyle fontSize color Colors white fontWeight FontWeight w height minWidth color Colors lightBlue shape RoundedRectangleBorder borderRadius BorderRadius circular onPressed print Button clicked age double parse ageController text height double parse heightController text weight double parse weightController text tagetWeight double parse targetWeightController text days double parse inDaysWeightController text storeDataLocally Future lt void gt storeDataLocally async prefs setString name widget title toString prefs setDouble age age prefs setDouble height height prefs setString gender genderLabel prefs setDouble weight weight prefs setString dietPlan dietLabel prefs setDouble targetWeight tagetWeight prefs setString activeLevel activeLable prefs setDouble inDays days Navigator push context MaterialPageRoute builder context gt const DietPlanScreen Future lt void gt initPreferences async prefs await SharedPreferences getInstance showData void showData print Gender gt prefs getString gender toString print Diet Plan gt prefs getString dietPlan toString print Active Level gt prefs getString activeLevel toString if prefs getDouble age gt ageController text prefs getDouble age toString heightController text prefs getDouble height toString targetWeightController text prefs getDouble targetWeight toString genderController text prefs getString gender toString dietPlanController text prefs getString dietPlan toString weightController text prefs getDouble weight toString inDaysWeightController text prefs getDouble inDays toString activeLevelPlanController text prefs getString activeLevel toString if prefs getString gender toString null amp amp prefs getString gender toString genderLabel prefs getString gender toString if prefs getString dietPlan toString null dietLabel prefs getString dietPlan toString if prefs getString activeLevel toString null activeLable prefs getString activeLevel toString tabScreen dartclass TabScreen extends StatefulWidget override TabScreenPage createState gt TabScreenPage class TabScreenPage extends State lt TabScreen gt final rnd math Random List lt String gt gridItems override void initState TODO implement initState fetchRemoteConfiguration super initState override Widget build BuildContext context return DefaultTabController length child Scaffold appBar AppBar title const Text Diet Plan centerTitle true backgroundColor Colors blue elevation body Column children lt Widget gt SizedBox height child AppBar bottom const TabBar tabs Tab text Paid Diet Plans Tab text Personal Exercise create widgets for each tab bar here Expanded child TabBarView children Container color Colors white child ListView padding EdgeInsets all children lt Widget gt Card child ListTile title Text days plan iconColor Colors blue subtitle Text Meal Plan Burn Calories leading Icon Icons sports gymnastics onTap routeScreen days plan Card child ListTile title Text days plan iconColor Colors blue subtitle Text Meal Plan Burn Calories leading Icon Icons sports gymnastics onTap routeScreen days plan Card child ListTile title Text days plan iconColor Colors blue subtitle Text Meal Plan Burn Calories leading Icon Icons sports gymnastics onTap routeScreen days plan Card child ListTile iconColor Colors blue title Text days plan subtitle Text Meal Plan Burn Calories leading Icon Icons sports gymnastics onTap routeScreen days plan Container color Colors white child Padding padding const EdgeInsets all child GridView builder gridDelegate const SliverGridDelegateWithMaxCrossAxisExtent maxCrossAxisExtent childAspectRatio crossAxisSpacing mainAxisSpacing itemCount gridItems length itemBuilder BuildContext ctx index return Center child GestureDetector onTap print gridItems index child Container alignment Alignment center child Text gridItems index style const TextStyle color Colors white fontSize fontWeight FontWeight bold decoration BoxDecoration color Colors primaries Random nextInt Colors primaries length borderRadius BorderRadius circular void routeScreen String title Navigator push context MaterialPageRoute builder context gt PaidPlanScreen title Future lt void gt fetchRemoteConfiguration async await AGCRemoteConfig instance fetch catchError error gt print error toString await AGCRemoteConfig instance applyLastFetched Map value await AGCRemoteConfig instance getMergedAll final data jsonDecode value categories toString List lt String gt gridItem List lt String gt from data categories setState gridItems addAll gridItem ResultTricks and TipsMake sure that downloaded plugin is unzipped in parent directory of project Makes sure that agconnect services json file added Make sure dependencies are added yaml file Run flutter pug get after adding dependencies Make sure that service is enabled in agc Makes sure images are defined in yaml file Make sure parameter added in agc is json format ConclusionIn this article we have learnt how to integrate Huawei Remote Configuration service Account kit Crash kit flutter DietApp Once Account kit integrated users can login quickly and conveniently sign in to apps with their Huawei IDs after granting initial access permission Push kit enables you to send push notification to user device in real time you can see the push notification in the result part Huawei Crash service which provides developers to quickly detect locate and fix the crash or unexpected exit of application Hence improves stability and reliability of application With the help of Remote Configuration service we are fetching the Personal Exercise data from the cloud Thank you so much for reading I hope this article helps you to understand the integration of Huawei Remote Configuration Account kit and Crash kit in flutter DietApp ReferenceCrash KitAccount Kit Training VideoCrash Kit Training VideoRemote Configuration	2022-04-13 11:01:43
海外TECH	Engadget	Samsung's portable Freestyle projector is $250 off for today only	https://www.engadget.com/samsungs-portable-freestyle-projector-sale-woot-113511646.html?src=rss	Samsung x s portable Freestyle projector is off for today onlyBack in January Samsung launched a portable projector called Freestyle at CES We thought the product was a solid choice for the product category seeing it only weighs pounds and has auto focus and auto leveling features to help align whatever it is you re watching However at it was quite a bit more expensive than similar portable projectors like Anker s If you ve keeping an eye out for deals on the device you my want to head over to Woot You can get the Samsung Freestyle for only off its regular price from the website Buy Samsung The Freestyle Smart Portable Projector at Woot The Freestyle has a stand that can rotate almost degrees so you can position your image wherever you want whether it s the ceiling or the wall If you use a base accessory it can connect to a standard E lightbulb socket as well The device can project images with a p resolution as small as inches or as big as inches ーplus it supports HDR content and has degree audio It also comes with built in Alexa Google Assistant and Bixby so you can turn up the volume and issue other voice commands to control the projector You can only get the Freestyle from Woot at that price for a limited time less than hours as of this writing or until stocks last If you re an Amazon Prime member you can get it shipped for free upon purchase Just take note that Woot has a different return policy than its parent company Follow EngadgetDeals on Twitter for the latest tech deals and buying advice	2022-04-13 11:35:11
海外TECH	Engadget	The Morning After: Tesla's cheaper Model Y is almost here	https://www.engadget.com/the-morning-after-teslas-cheaper-model-y-is-almost-here-111522003.html?src=rss	The Morning After Tesla x s cheaper Model Y is almost hereStill waiting on a new Tesla with its higher capacity batteries Perhaps once the company s employees have got theirs you ll also be able to grab a Model Y with longer range Electrek reports Tesla is selling the Model Y in a new Standard Range AWD variant that uses cells to offer miles of range and five second MPH for which is less than the Long Range AWD These cells are actually twice as large as Tesla s existing units ーwith five times the capacity It means the company can choose to extend the range of its vehicles or use fewer batteries which would shrink costs while maintaining range parity Reportedly we muggles should be able to pick up the cheaper Model Y in the coming weeks at a time when all the carmakers are finally ready to offer us a lot more EV options We have news about Toyota s late to the party electric car below and Honda plans to launch EV models by ーMat SmithThe biggest stories you might have missedAcclaimed sci fi mystery Sentinels Aegis Rim lands on Nintendo SwitchBeats is rolling out some handy features for Android usersThe Lectric XP Lite is a folding e bike with a low price Apple s Mac Mini M falls back to an all time low of What we bought A microdermabrasion device to scrape off my skin Toyota s first EV will start at The new bZX will go on sale later this spring Talking of EVs Toyota is almost finally ready to unleash its first true EV The bZX SUV will start at for the base front wheel drive model with miles of range on a single charge Meanwhile the Limited package which starts at adds more luxurious satin and soft touch finishes and upgraded seats with Toyota offering optional FWD and X MODE AWD drive to both When it comes to recharging the bZX will have a kW adapter that could get the car from low to full in about nine hours when connected to a Level charger Select dealers will sell the ChargePoint Home Flex charger direct to owners Continue reading This is what it looks like inside a giant space balloon for touristsEven the restroom has a view of the horizon Space PerspectiveBalloons are the cheaper version of space tourism thanks to gentler longer lasting trips that don t require training and now it s clearer what you ll get if you take one of those rides Space Perspective has previewed the interior of Spaceship Neptune its giant balloon that will take tourists to feet technically the stratosphere for around two hours It s per ticket with a refundable deposit So per hour Continue reading GoPro s Bones is a stripped down Hero cam for dronesIt can capture K p video GoProGoPro has unveiled the Hero Black Bones a lightweight version of the Hero Black designed for FPV and Cinewhoop drones that have taken off in popularity Light enough to mount on three inch sized drones it still packs in GoPro features like HyperSmooth and K video The Hero Black Bones is cheaper with GoPro s one year subscription which is free the first year It costs with a new subscription and without meaning GoPro thinks you re going to like the subscription benefits enough to renew Or at least forget to cancel Those benefits include no questions asked camera replacement discounts on accessories and unlimited cloud backup Continue reading There s a Theragun for your face nowWith LED microcurrent and thermal therapies TherabodyTherabody best known as the maker of Theragun percussive recovery devices is launching its first product for your face The company unveiled the TheraFace Pro which has percussive light and microcurrent therapies It can also provide cryothermal treatment which the company said can help reduce tension relax muscles and “ address discomfort related to migraines headaches and jaw pain Continue reading FIFA launches its own soccer streaming serviceFIFA is an ad supported service with originals and live streams FIFA the global governing body for world soccer is launching its own streaming service FIFA will livestream men s and women s matches and broadcast a raft of original series and documentaries The platform will also host a vast archive of older games from previous World Cups FIFA says it ll show the “equivalent of live games per year At launch we ll see around matches a month with that figure “rising rapidly until we get closer to a month Which is great but I really don t want a streaming service for every single sport Continue reading	2022-04-13 11:15:22
医療系	医療介護 CBnews	看護の処遇改善で特別調査実施、入院・外来分科会-部門別看護職員数・年間在棟患者延べ数など	https://www.cbnews.jp/news/entry/20220413201540	中央社会保険医療協議会	2022-04-13 20:40:00
ニュース	BBC News - Home	Sir David Amess murder: Ali Harbi Ali given whole life order	https://www.bbc.co.uk/news/uk-england-61094059?at_medium=RSS&at_campaign=KARANGA	october	2022-04-13 11:48:14
ニュース	BBC News - Home	Soaring petrol costs drive UK inflation to 30-year high	https://www.bbc.co.uk/news/uk-61090937?at_medium=RSS&at_campaign=KARANGA	costs	2022-04-13 11:22:26
ニュース	BBC News - Home	Ukraine: British man fighting in Mariupol 'forced to surrender'	https://www.bbc.co.uk/news/uk-england-nottinghamshire-60894476?at_medium=RSS&at_campaign=KARANGA	aiden	2022-04-13 11:19:44
ニュース	BBC News - Home	Kenny Shiels: Northern Ireland boss apologises for saying 'women are more emotional than men'	https://www.bbc.co.uk/sport/football/61094432?at_medium=RSS&at_campaign=KARANGA	Kenny Shiels Northern Ireland boss apologises for saying x women are more emotional than men x Northern Ireland boss Kenny Shiels apologises for saying women are more emotional than men when discussing his side s defeat by England	2022-04-13 11:44:25
ニュース	BBC News - Home	Developers pledge to fix unsafe cladding on tall buildings	https://www.bbc.co.uk/news/uk-61092999?at_medium=RSS&at_campaign=KARANGA	michael	2022-04-13 11:43:18
ビジネス	ダイヤモンド・オンライン - 新着記事	ミライノベート、2022年度の株主優待の内容を発表！ 9月末と3月末時点で100株以上の株主に「大家どっと こむ」での投資額の1.0％分キャッシュバックを実施！ - 株主優待【新設・変更・廃止】最新ニュース	https://diamond.jp/articles/-/301609	ミライノベート、年度の株主優待の内容を発表月末と月末時点で株以上の株主に「大家どっとこむ」での投資額の分キャッシュバックを実施株主優待【新設・変更・廃止】最新ニュースミライノベートが、年度の株主優待の内容を、年月日の時に発表した。	2022-04-13 20:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	トライステージ、「QUOカード」の株主優待を廃止！ MBO成立後は上場廃止になる見通しで、公開買付け(T OB)価格は565円、発表翌日の株価は前日比＋23％！ - 株主優待【新設・変更・廃止】最新ニュース	https://diamond.jp/articles/-/301533		2022-04-13 20:05:00
北海道	北海道新聞	旭医大侵入問題で共同アピール　新聞労連や道新労組など	https://www.hokkaido-np.co.jp/article/669151/	北海道新聞	2022-04-13 20:33:00
北海道	北海道新聞	小平奈緒の引退にねぎらい　岡崎朋美さん、高木美帆ら	https://www.hokkaido-np.co.jp/article/669145/	金メダル	2022-04-13 20:16:15
北海道	北海道新聞	泊再稼働、賛否二分　核ごみ知事対応は６１％支持　本社世論調査	https://www.hokkaido-np.co.jp/article/669149/	世論調査	2022-04-13 20:24:40
北海道	北海道新聞	維新、参院東京に大阪市議　馬場氏「最重点選挙区」	https://www.hokkaido-np.co.jp/article/669147/	日本維新の会	2022-04-13 20:14:00
北海道	北海道新聞	日本共産党が党綱領の解説本「新・綱領教室」を１５日出版	https://www.hokkaido-np.co.jp/article/669146/	志位和夫	2022-04-13 20:08:00
北海道	北海道新聞	「北の食べマルシェ」、旭川市で３年ぶり開催へ	https://www.hokkaido-np.co.jp/article/669144/	北の恵み食べマルシェ	2022-04-13 20:05:00
北海道	北海道新聞	デジタルで地方活性化　首相、６月めど骨太方針	https://www.hokkaido-np.co.jp/article/669142/	社会保障	2022-04-13 20:02:00
北海道	北海道新聞	三宅裕司さんコロナ感染　容体は安定	https://www.hokkaido-np.co.jp/article/669143/	三宅裕司	2022-04-13 20:02:00
IT	週刊アスキー	『カプコン ファイティング コレクション』が予約受付中！豪華特典を一挙公開	https://weekly.ascii.jp/elem/000/004/089/4089201/	発売予定	2022-04-13 20:30:00