投稿時間:2021-04-29 00:47:07 RSSフィード2021-04-29 00:00 分まとめ(56件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	Transformersの__init__() got an unexpected keyword argument 'prediction loss only'エラーを解決した件について	https://qiita.com/Sicut_study/items/dc7f729525653217149f	Transformersのinitgotanunexpectedkeywordargumentxpredictionlossonlyxエラーを解決した件についてはじめにHuggingfaceTransformersを勉強しているのですが、Transformersが新しくなったようで、公式に乗っているコードも動かないものが多く、そちらの対処をしましたので記事にします。	2021-04-28 23:09:07
python	Pythonタグが付けられた新着投稿 - Qiita	TransformersのAttributeError: 'Trainer' object has no attribute 'is_world_master'エラーを解決した件について	https://qiita.com/Sicut_study/items/d78ae98d7f4b909b3da7	TransformersのAttributeErrorxTrainerxobjecthasnoattributexisworldmasterxエラーを解決した件についてはじめにHuggingfaceTransformersを勉強しているのですが、Transformersが新しくなったようで、公式に乗っているコードも動かないものが多く、そちらの対処をしましたので記事にします。	2021-04-28 23:05:25
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ActionController::ParameterMissingで更新ができない	https://teratail.com/questions/335687?rss=all	ActionControllerParameterMissingで更新ができない現状現在、オリジナルアプリ作成中で、投稿機能と多対多の関係でタグ機能を実装中です。	2021-04-28 23:47:57
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	S3バケットから取得したオブジェクトが読み取れません	https://teratail.com/questions/335686?rss=all	Sバケットから取得したオブジェクトが読み取れません前提・実現したいことSへのCSVファイルのアップロードをトリガーにlambdaの関数を起動させ、lambdaの関数内でアップしたSのファイルの中身を読み取りたいです。	2021-04-28 23:45:51
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	dbのテーブル全てをajaxでhtmlファイルに返したい	https://teratail.com/questions/335685?rss=all	dbのテーブル全てをajaxでhtmlファイルに返したい現在自作apiでdbから取ってきたテーブル全てをajaxjsonでhtmlに返す機能を作っていますがfoeachで全件取ってきた後echonbspjsonencoderowgtfetchassocでhtmlに返すことができません。	2021-04-28 23:45:08
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	C++のλ関数を用いたソート	https://teratail.com/questions/335684?rss=all		2021-04-28 23:38:34
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	webサイトでボタンを押さずにログインしたい	https://teratail.com/questions/335683?rss=all	webサイトでボタンを押さずにログインしたい前提・実現したいことファイルをワンクリックするだけでログイン出来るようにしたいと考えています。	2021-04-28 23:29:57
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Blenderでのリギングもしくはウエイト	https://teratail.com/questions/335682?rss=all	頭部側面に頭同様後ろに伸びている装飾がついているのですが、ボーンを配置してウエイトを乗せても頭と装飾が完全に連動して動きません。	2021-04-28 23:28:26
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	MongoDBが起動できない	https://teratail.com/questions/335681?rss=all	MongoDBが起動できないGoアプリ開発中にMongoDBを使用したのですが、起動ができず詰まっております。	2021-04-28 23:25:26
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	swift tableviewの空白	https://teratail.com/questions/335680?rss=all		2021-04-28 23:25:01
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	変数a, bのアドレスを入れ替えたい	https://teratail.com/questions/335679?rss=all	変数abのアドレスを入れ替えたいmain関数で宣言したポインタの配列nbspintnbsppnbspに格納されている変数anbspbのアドレスを入れ替るプログラムを作りたいのですが、最後のvoidnbspswappointernbspintnbspppnbspforintnbspiiltnippiの部分を書き直したいです。	2021-04-28 23:23:27
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	object.__float__(self) とfloat.__float__(self)の違いについて	https://teratail.com/questions/335678?rss=all	objectfloatselfとfloatfloatselfの違いについて下記のコードでfloatselfは、objectのfloatselfとclassnbspfloatのfloatselfの両方が、builtnbspinnbspmethodsとして、Pythonインタプリタ内に存在していると理解しています。	2021-04-28 23:03:29
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	画面がスクロールされない	https://teratail.com/questions/335677?rss=all	画面がスクロールされない前提・実現したいこと画面を普通にスクロールしたい。	2021-04-28 23:02:37
Program	POSTD	POSTDをGatsby.jsベースに変更しました	https://postd.cc/postd-on-gatsbyjs/	gatsbyjs	2021-04-28 16:00:00
AWS	AWSタグが付けられた新着投稿 - Qiita	異なるアカウントのあるプロファイルで作業するためのaws-cli設定(備忘録)	https://qiita.com/bamboo-nova/items/1508e64a0188329493a0	対象の読者・既に自分のAWSアカウントでawscliの初期設定をしたことがある方・働いてる企業のAWSアカウントでawscliをローカルで操作する必要が出てきた方・複数のロール異なるAWSアカウントで行う必要がある方手順・アクセストークンとシークレットトークンを取得する取得方法についてですが、AWSのコンソールの右上のアカウント部分を選択して、マイセキュリティ視覚情報をクリックすると確認することができます。	2021-04-28 23:29:53
Docker	dockerタグが付けられた新着投稿 - Qiita	Spring boot + Gradle + Vue.js + MySql + VS Code + Docker (WSL2)で開発環境を構築する。	https://qiita.com/PoKoPoKoTa2ry/items/2f9b54518b8158809192	APIを作成起動がうまくいったかどうかの確認で疎通を取りたいため、javacomexamplespringprojectにAPIを作成。	2021-04-28 23:55:15
Azure	Azureタグが付けられた新着投稿 - Qiita	JavaでCognitive ServicesのText Analyticsを使う	https://qiita.com/kikutaro/items/fe0b8c466bfe2e16c2c1	ISOの言語コードはen、スコアはJavaプロジェクトの準備Mavenでプロジェクトを作成して、pomxmlに以下の依存性を追加します。	2021-04-28 23:36:25
Ruby	Railsタグが付けられた新着投稿 - Qiita	Rails6 デプロイ エラーのメモ	https://qiita.com/katafuchix/items/207f976f0e6d8a1e50da	Railsデプロイエラーのメモ急にデプロイできなくなった場合こういうエラーswarningwebpackdevservergtwebpackdevmiddlewarehasunmetpeerdependencywebpackwarningadminltegtbootstrapswitchhasincorrectpeerdependencybootstrapwarninggttempusdominusbootstraphasunmetpeerdependencymomentwarninggttempusdominusbootstraphasunmetpeerdependencymomenttimezonewarninggttempusdominusbootstraphasunmetpeerdependencytempusdominuscorewarninggtbootstrapdatetimepickerhasincorrectpeerdependencybootstrapalphawarninggtbootstrapdatetimepickerhasunmetpeerdependencymomentwarninggtbootstrapdatetimepickerhasunmetpeerdependencymomenttimezonewarninggtwebpackdevserverhasunmetpeerdependencywebpackwarningwebpackdevservergtwebpackdevmiddlewarehasunmetpeerdependencywebpackfromUsersXXXpathtoappvendorbundlerubygemssshkitlibsshkitrunnersparallelrbinblocklevelsinexecuteUsersXXXpathtoappvendorbundlerubygemssshkitlibsshkitrunnersparallelrbinrescueinblocklevelsinexecuteExceptionwhileexecutingasdeployuserrakeexitstatusSSHKitRunnerExecuteErrorrakestdoutyarninstallvwebpackcliFailedtoloadvarwwwappreleasesconfigwebpackproductionjsconfigwebpackcliTypeErrorCannotreadpropertypluginsofundefinedatObjectltanonymousgtvarwwwappreleasesconfigwebpackenvironmentjsatModulecompilevarwwwappreleasesnodemodulesvcompilecachevcompilecachejsatObjectModuleextensionsjsinternalmodulescjsloaderjsatModuleloadinternalmodulescjsloaderjsattryModuleLoadinternalmodulescjsloaderjsatFunctionModuleloadinternalmodulescjsloaderjsatModulerequireinternalmodulescjsloaderjsatrequirevarwwwappreleasesnodemodulesvcompilecachevcompilecachejsatObjectltanonymousgtvarwwwappreleasesconfigwebpackproductionjsatModulecompilevarwwwappreleasesnodemodulesvcompilecachevcompilecachejsCausedbySSHKitCommandFailedrakeexitstatusrakestdoutNothingwrittenrakestderrvarwwwappsharedbundlerubygemsfaradaylibfaradayoptionsrbwarningCapturingthegivenblockusingProcnewisdeprecateduseampblockinsteadvarwwwappsharedbundlerubygemsfaradaylibfaradayoptionsrbwarningCapturingthegivenblockusingProcnewisdeprecateduseampblockinsteadvarwwwappsharedbundlerubygemsfaradaylibfaradayoptionsrbwarningCapturingthegivenblockusingProcnewisdeprecateduseampblockinsteadvarwwwappsharedbundlerubygemsfaradaylibfaradayoptionsrbwarningCapturingthegivenblockusingProcnewisdeprecateduseampblockinsteadvarwwwappsharedbundlerubygemsfaradaylibfaradayoptionsrbwarningCapturingthegivenblockusingProcnewisdeprecateduseampblockinsteadTasksTOPgtdeployassetsprecompileSeefulltracebyrunningtaskwithtraceThedeployhasfailedwithanerrorExceptionwhileexecutingasdeployuserrakeexitstatusrakestdoutNothingwrittenrakestderrvarwwwappsharedbundlerubygemsfaradaylibfaradayoptionsrbwarningCapturingthegivenblockusingProcnewisdeprecateduseampblockinsteadvarwwwappsharedbundlerubygemsfaradaylibfaradayoptionsrbwarningCapturingthegivenblockusingProcnewisdeprecateduseampblockinsteadvarwwwappsharedbundlerubygemsfaradaylibfaradayoptionsrbwarningCapturingthegivenblockusingProcnewisdeprecateduseampblockinsteadvarwwwappsharedbundlerubygemsfaradaylibfaradayoptionsrbwarningCapturingthegivenblockusingProcnewisdeprecateduseampblockinsteadvarwwwappsharedbundlerubygemsfaradaylibfaradayoptionsrbwarningCapturingthegivenblockusingProcnewisdeprecateduseampblockinsteadbundlestdoutNothingwrittenbundlestderrmasterfailedtostartcheckstderrlogfordetailsfromUsersXXXpathtoappvendorbundlerubygemssshkitlibsshkitrunnersparallelrbinblocklevelsinexecuteUsersXXXpathtoappvendorbundlerubygemssshkitlibsshkitrunnersparallelrbinrescueinblocklevelsinexecuteExceptionwhileexecutingasdeployuserxxxxxxxxbundleexitstatusSSHKitRunnerExecuteErrorbundlestdoutNothingwrittenbundlestderrmasterfailedtostartcheckstderrlogfordetailsBacktracerestrictedtoimportedtaskscapabortedSSHKitRunnerExecuteErrorExceptionwhileexecutingasdeployuserxxxxxxxxbundleexitstatusbundlestdoutNothingwrittenbundlestderrmasterfailedtostartcheckstderrlogfordetailsCausedbySSHKitCommandFailedbundleexitstatusbundlestdoutNothingwrittenbundlestderrmasterfailedtostartcheckstderrlogfordetailsUsersXXXpathtoapplibcapistranotasksunicornrakeinblockinstartunicornUsersXXXpathtoapplibcapistranotasksunicornrakeinstartunicornUsersXXXpathtoapplibcapistranotasksunicornrakeinblocklevelsinlttoprequiredgtTasksTOPgtunicornforcerestartSeefulltracebyrunningtaskwithtraceThedeployhasfailedwithanerrorExceptionwhileexecutingasdeployuserbundleexitstatusbundlestdoutNothingwrittenbundlestderrmasterfailedtostartcheckstderrlogfordetailswebpacker再設定binrailswebpackerinstallidenticalconfigwebpackerymlCopyingwebpackcoreconfigexistconfigwebpackidenticalconfigwebpackdevelopmentjsconflictconfigwebpackenvironmentjsOverwriteUsersXXXpathtoappconfigwebpackenvironmentjsenterhforhelpYnaqdhmforceconfigwebpackenvironmentjsidenticalconfigwebpackproductionjsidenticalconfigwebpacktestjsCopyingpostcssconfigjstoapprootdirectoryidenticalpostcssconfigjsCopyingbabelconfigjstoapprootdirectoryidenticalbabelconfigjsCopyingbrowserslistrctoapprootdirectoryidenticalbrowserslistrcTheJavaScriptappsourcedirectoryalreadyexistsapplyUsersXXXpathtoappvendorbundlerubygemswebpackerlibinstallbinstubsrbCopyingbinstubsexistbinidenticalbinwebpackidenticalbinwebpackdevserver各ファイルが書き変わってしまうので注意。	2021-04-28 23:16:02
海外TECH	Ars Technica	SitRep: Is the F-35 now officially a failure?	https://arstechnica.com/?p=1760136	clean	2021-04-28 14:43:59
海外TECH	DEV Community	Add a Redis cache to your NestJS backend	https://dev.to/fastmodularproject/add-a-redis-cache-to-your-nestjs-backend-aog	Add a Redis cache to your NestJS backendHi Sparta In this article I will share with you how to use Redis as scalable cache system in your NestJS backend The full source code and the documentation is available here This cache system module will be added top of the React Node MySQL starter This starter has already been presented to you in this article Redis in wordsRedis is an open source in memory data structure store that can be used either as a cache either as a database or a message broker like JMS or RabbitMQ Even in critical applications Redis is used in production as it provides a high availability via the Redis Sentinels and a automatic partitioning thanks to the Redis Cluster Configure your NestJS backend to use RedisThis section is an overhead on top for the official documentation from NestJS to adapt it to the web starter You should install following packages npm install cache managernpm install cache manager redis storeYou should specify your backend environments variables export const environment redis host process env LOCAL IP port process env REDIS PORT defaultTtl You should now create a NestJS module MyRedisCacheModule with it s service MyRedisCacheService to interact with your cache through the cache manager set allows you to set a cached value get allows to retrieve the value will be undefined when TTL expired del allows you to deleted a stored key The controller and the service gets a cached value in Redisstores a value in Redisdeletes a stored key The controller and service are available here Setup Redis for dev environmentThe initial starter s docker compose file launches our local databases with a volume attached our backend and our frontend We ll modify it to also launch a redis server locally when starting our web app with docker compose up services db back cache image redis alpine ports REDIS PORT REDIS PORT env file env front optional to specify a password for this service you can add command redis server requirepass yourpassword in the docker compose yaml and add also the password in your backend redisStore auth pass password The environments variables in env are loaded by docker when launching your app with docker compose up You ll to add to this file the redis port you wanna use REDIS PORT Your redis cache system is now alive locally You can test the test endpoints created in last section with Postman You want to use a cache system in production Let s jump to the next section Setup Redis for prod environmentFrom your code point of view you ll only need to adapt your environment variables to route to a production AWS ElastiCache For your Redis instance the non clustered mode should be enough if not dealing with a large volume of datas The best documentation to be read for this step is the great one provided by AWS for ElastiCache ConclusionI hope this module will help you saving some time while trying to optimize your backend performance with a Redis cache If you have any question I ll be present as usual in the comment section Links The platform sharing the starter and it s modules Fast Modular ProjectModule Scalable caching system with Redis and NestJS is available here Do not hesitate to pin and like if you appreciated the article ️	2021-04-28 14:53:19
海外TECH	DEV Community	Windows 10 calendar hover effect using HTML, CSS, and vanilla JS	https://dev.to/jashgopani/windows-10-calendar-hover-effect-using-html-css-and-vanilla-js-57pb	Windows calendar hover effect using HTML CSS and vanilla JS Table of ContentsIntroductionObservationsGetting StartedFine Tuning Grid EffectAdditional Resources IntroductionWelcome back devs In this rd and final part of this series I will explain to you how you can create your own version of the windows calendar The implementation logic is similar to the grid hover effect logic So if at any point you feel as if you don t understand what s going on I recommend that you first read Part of this series and then return here With that said let us check the final output first This article is a little elaborative but that s for beginners if you are already good at JS and if you know the Grid hover logic you can quickly go through the code to understand what s going on ObservationsUndoubtedly the Grid hover effectis used here but more than one element s border is highlighted in each direction around the cursor i e element behind an element is also highlightedThe dates do not have Button hover effectThe grid hover effect does not apply to the active date today s date element The active Date has a gap between the border and background by default If some other date is selected the gap is eliminated Clicked date which is a non active date will have only a colored borderBorder of the active element is illuminated Getting StartedAs you might have guessed I will start with the grid effect code The First elements of the grid are week names and rest dates Since the calendar shows dates at once hence I have added win btn elements in win grid Some dates are inactive and one of them is active so I have added classes accordingly HTML lt html gt lt head gt lt title gt Windows calendar hover effect lt title gt lt head gt lt body gt lt h gt Windows Calendar hover effect lt h gt lt div class win grid gt lt p class week id gt Mo lt p gt lt p class week id gt Tu lt p gt lt p class week id gt We lt p gt lt p class week id gt Th lt p gt lt p class week id gt Fr lt p gt lt p class week id gt Sa lt p gt lt p class week id gt Su lt p gt lt div class win btn win btn inactive id gt lt div gt lt div class win btn win btn inactive id gt lt div gt lt div class win btn win btn inactive id gt lt div gt lt div class win btn id gt lt div gt lt div class win btn id gt lt div gt lt div class win btn id gt lt div gt lt div class win btn id gt lt div gt lt div class win btn id gt lt div gt lt div class win btn id gt lt div gt lt div class win btn id gt lt div gt lt div class win btn id gt lt div gt lt div class win btn id gt lt div gt lt div class win btn id gt lt div gt lt div class win btn id gt lt div gt lt div class win btn id gt lt div gt lt div class win btn id gt lt div gt lt div class win btn id gt lt div gt lt div class win btn id gt lt div gt lt div class win btn id gt lt div gt lt div class win btn win btn active id gt lt div gt lt div class win btn id gt lt div gt lt div class win btn id gt lt div gt lt div class win btn id gt lt div gt lt div class win btn id gt lt div gt lt div class win btn id gt lt div gt lt div class win btn id gt lt div gt lt div class win btn id gt lt div gt lt div class win btn id gt lt div gt lt div class win btn id gt lt div gt lt div class win btn id gt lt div gt lt div class win btn id gt lt div gt lt div class win btn id gt lt div gt lt div class win btn id gt lt div gt lt div class win btn win btn inactive id gt lt div gt lt div class win btn win btn inactive id gt lt div gt lt div class win btn win btn inactive id gt lt div gt lt div class win btn win btn inactive id gt lt div gt lt div class win btn win btn inactive id gt lt div gt lt div class win btn win btn inactive id gt lt div gt lt div class win btn win btn inactive id gt lt div gt lt div class win btn win btn inactive id gt lt div gt lt div class win btn win btn inactive id gt lt div gt lt div gt lt body gt lt html gt Inside CSS we change the number of columns in the grid to and add the following classes win btn inactive win btn active win btn selected CSS import url Sans JP wght amp display swap box sizing border box important color white text transform capitalize important font family Noto Sans JP sans serif letter spacing px body background color black display flex flex flow column wrap justify content center align items center win grid border px solid white display grid grid template columns repeat fr grid gap rem align items stretch text align center padding rem cursor default win btn padding rem text align center border radius px border px solid transparent Today s Date win btn active background red Other Month s Date win btn inactive color fffffff Clicked Date win btn selected border px solid red button focus outline none And the JS code will be almost the same except for the win btn event listeners We don t need those anymore Also since we added more classes to the elements we cannot just directly compare the className in the grid hover event We need to check if the class exists in the element s classList JSconst offset const angles in degfor let i i lt i angles push i Math PI let nearBy function clearNearBy nearBy splice nearBy length forEach e gt e style borderImage null const body document querySelector win grid body addEventListener mousemove e gt const x e x x position within the element const y e y y position within the element clearNearBy nearBy angles reduce acc rad i arr gt const cx Math floor x Math cos rad offset const cy Math floor y Math sin rad offset const element document elementFromPoint cx cy if element null console log cursor at x y element at cx cy element id if element classList contains win btn amp amp acc findIndex ae gt ae id element id lt const brect element getBoundingClientRect const bx x brect left x position within the element const by y brect top y position within the element if element style borderImage element style borderImage radial gradient offset px offset px at bx px by px rgba rgba transparent px px stretch return acc element return acc body onmouseleave e gt clearNearBy This is how our initial calendar looks like Fine Tuning Grid EffectAs you can see the grid effect works but we need to fix some bugs and do some state management Let us go through each bug and discuss its solution Problem Element very close to the cursor is not highlightedVery strange right When the cursor is very very close to an element its target is the win grid element only so ideally all the nearby elements must be highlighted But what is happening here can you guess the cause For those who still did not get it the offset value is larger than the nearby element and hence the element which is shown in blue is not getting highlighted To fix this we need to reduce the offset value to a closer one but if the offset is less than the element s dimensions how will it reach the nearby elements Solution What we can do is we can target points on each offset line instead of just targeting the endpoint The first point might be very near to the center and the second will be the endpoint only And while writing this article I just realized that there is room for some optimization also In grid effect we were calculating values according to my new approach we would have to calculate values As you can see we can skip some first point calculations i e the points that are near to the center and whose main purpose is to detect extremely nearBy elements So we will only calculate nearBy points hence total point calculations per mouse movement instead of Problem The gap between the border and background of active dateThis might not sound like a big problem but think about it How would you do it The most obvious thought that comes to our mind is that wrap each win btn element inside a div and apply border effects to the outer container element But doing this will increase the number of elements in our DOM moreover we will also have to change the elements which we are detecting in our code So every time we move the cursor we would get a nearby win btn element and then we would have to change the style of its parent Element We also need to add the scenario when the mouse moves over the container element and such minor event handling of new elements added to our DOM This way we are just adding more and more event listeners which can be avoided Solution There is a CSS property which helps us do exactly what we want It is called background origin According to MDN Docs The background origin CSS property sets the background s origin from the border start inside the border or inside the padding The default value is border box which means that the background starts from where the border ends We will use content box value because this will allow us to use the padding region of the box model as a gap between the border and the background Remaining logicNow the only thing remaining is the minor state handling for the selected date We need to remember the previously selected element so that when a new date is selected we first clear the border of the previous element and add then add the border to our new element What we will do is we will create a CSS class that has the border styling and add or remove the class from the element as required Clicked Date win btn selected border px solid red If any date other than the active date is selected the background of the active date expands till border like its usual behaviour So we will make a class for that also win btn active unselected which will change the background origin back to border box Today s Date when some other date is clicked win btn active unselected background origin border box The Final Code CSS import url Sans JP wght amp display swap box sizing border box important color white text transform capitalize important font family Noto Sans JP sans serif letter spacing px body background color black display flex flex flow column wrap justify content center align items center win grid border px solid white display grid grid template columns repeat fr grid gap rem align items stretch text align center padding rem cursor default win btn padding rem text align center border radius px border px solid transparent background origin content box Today s Date win btn active display flex justify content center align items center padding rem border px solid red background center linear gradient red red no repeat background origin content box Today s Date when some other date is clicked win btn active unselected background origin border box Other Month s Date win btn inactive color fffffff Clicked Date win btn selected border px solid red win btn hover border px solid rgba win btn active hover border px solid hsl win btn selected hover border px solid hsl important button focus outline none JSconst offset const borderWidth const angles in radfor let i i lt i angles push Math PI i let nearBy let activeBtn document querySelector win btn active let lastClicked null document querySelectorAll win btn forEach btn gt btn onclick e gt clear effects from last clicked date and set lastClicked to current item if lastClicked lastClicked classList remove win btn selected lastClicked e currentTarget activeBtn classList toggle win btn active unselected e currentTarget id activeBtn id e currentTarget classList add win btn selected function clearNearBy nearBy splice forEach e gt e style borderImage null const body document querySelector win grid body addEventListener mousemove e gt let x e clientX x position of cursor let y e clientY y position of cursor clearNearBy nearBy angles reduce acc rad index arr gt const offsets offset offset const elements offsets reduce elementAccumulator o i offsetArray gt if index amp amp i return elementAccumulator const cx Math floor x Math cos rad o const cy Math floor y Math sin rad o const element document elementFromPoint cx cy console log element at x y cx cy offsets rad Math PI if element amp amp element classList contains win btn amp amp element classList contains win btn active amp amp element classList contains win btn selected amp amp elementAccumulator findIndex ae gt ae id element id lt const brect element getBoundingClientRect const bx x brect left x position within the element const by y brect top y position within the element const gr Math floor offset if element style borderImage element style borderImage radial gradient gr px gr px at bx px by px rgba rgba transparent borderWidth px px stretch console log element at offsets rad Math PI element return elementAccumulator element return elementAccumulator return acc concat elements body onmouseleave e gt clearNearBy Quick Code ExplanationInstead of converting degrees to radians I am directly calculating angles in radians PI PI PI PI The win btn s event handler takes care of the currently selected element One small change I have done here is that I use theclassListproperty to add and remove classes instead of manually changing the CSS styles using thestyle property because the properties we want to change have static values unlike border image which has radial gradient at the cursor position classList toggle The classList toggle method removes the class from the element if the nd argument evaluates to false else adds the class to the element Since at a given angle we check for elements at points on the offset line green lines in the figure above I store the offset values into an array called offsets I did this so that we can iterate over the values and check for an element at each value This way we can extend this method to calculate more than points and detect more elements for a particular angle value for this case offset values are fine So the offsets reduce method returns those elements only I have shifted the element selection and styling code inside the offsets reduce method only to avoid another iteration over elements just for styling them If there are no elements at a particular angle then the elements array will be empty Note The offset values I have used give an almost an original like effect and are trial and error based You can play around with those values to get the look you like Finally just add the elements into the accumulator and return Thank you With this we come to the end of this series of Recreating Windows EffectsFeel free to post suggestions doubts or any other feedback in the comment section below Also please do let me know how much easy or difficult it was for you to understand all articles Additional ResourcesYou can refer to the additional resources mentioned below for a better understanding of CSS and JS MDN Docs CSSMDN Docs JavaScriptCSS Tricks	2021-04-28 14:35:10
海外TECH	DEV Community	🔥Machine Learning Complete Roadmap🔥	https://dev.to/expoashish/machine-learning-complete-roadmap-532l	Machine Learning Complete RoadmapDo you want to learn machine learning but don t know where to start Then you are on right track In this tutorial we will see complete roadmap for machine learning You can follow this roadmap to know basic to advance concept of machine learning Let s start Table Of Contents Step Introduction Step Basics of ML Step Supervised Learning Step Unsupervised Learning Step Reinforcement Learning Step Some Advance Concept Step NLP Step Evaluation Metrics for ML Step Deep Learning Step Machine Learning Projects AND Subscribe to Our YouTube Channel bestcodecreator AND Support Our Blogging site myblogs Conclusion Thank you for reading this blog I wish you the best in your journey in learning and mastering in Machine Learning	2021-04-28 14:29:54
海外TECH	DEV Community	Building a PHP CMS from Scratch without a Framework	https://dev.to/salilmittal2/building-a-php-cms-from-scratch-without-a-framework-17nl	Building a PHP CMS from Scratch without a FrameworkPHP is used by of all the websites whose server side programming language we know However it can be particularly complicated to create a scaled CMS application without a framework Although using right design practices it is possible to implement a solution I built a complete blogging platform for users called LuminosityYou can inspect the code here as you read along DesignThe project implements MVC Model View Controller design pattern The project has been built upon a Custom Framework Model view controller usually known as MVC is a software design pattern commonly used for developing user interfaces that divides the related program logic into three interconnected elements This is done to separate internal representations of information from the ways information is presented to and accepted from the user ModelThe Model component corresponds to all the data related logic that the user works with This can represent either the data that is being transferred between the View and Controller components or any other business logic related data For example a Customer object will retrieve the customer information from the database manipulate it and update it data back to the database or use it to render data ViewThe View component is used for all the UI logic of the application For example the Customer view will include all the UI components such as text boxes dropdowns etc that the final user interacts with ControllerControllers act as an interface between Model and View components to process all the business logic and incoming requests manipulate data using the Model component and interact with the Views to render the final output For example the Customer controller will handle all the interactions and inputs from the Customer View and update the database using the Customer Model The same controller will be used to view the Customer data A common example is ASP NET MVC Project Structureapp Contains Backend and Application LogicConfig Contains Config Files for projectLibraries Contains Basic Libraries extended by classes and units Look at Core php for routing based on request URIControllersAjax Controllers gt Internal API request logicController Traits gt Config values for controller logicView Controllers gt Setup View with data based on request MethodHelpers Helper Files for common methods used accross applicationSQL Contains SQL Dump and Procedures for ModelsViews Each Controller has a seperate view folder containing files for a specific view default index Vendor Packages used in PHPBootstrap php Load Configs Start Session and intanstiate autoloader publicApplication frontendIndex php is entry fileroot htaccessRoute requests through public folder FeaturesFeatures Read Articles of various topicsUse a Web Friendly interface to create postsComment and React on PostsBookmark and save articles Customize ProfileSite wide Dark Mode optionUser Interface Setting up LocallyIt is very easy to setup Luminosity locally if you have worked with xampp or any other stack Follow the given steps to test Luminosity locally Clone project in htdocs directory using git clone git github com cmdBOT Luminosity gitYour directory should look like C xampp or any other stack htdocs LuminosityCheck public htaccess so that project directories matchCreate Database in MySQL and load SQL dump sqlSetup app configs in Config ConfigDefault php Next rename to Config php Refer to IP Quality Score and Cloudinary to setup APIsBe sure to fill all configs carefully to prevent unexpected errors Be sure to star the repository and follow me on Github	2021-04-28 14:27:58
海外TECH	DEV Community	(2021) - Web Developer Full Course : HTML, CSS, JavaScript, Node.js and MongoDB	https://dev.to/thenerdydev/2021-web-developer-full-course-html-css-javascript-node-js-and-mongodb-27pb	Web Developer Full Course HTML CSS JavaScript Node js and MongoDBI recently started to create a Full Web Developer Course on my YouTube Channel and recently finished with the HTML and the CSS Section of this FREE course More videos will be up on upload HTML Section CSS Section JavaScript Section This section covers the basics of JavaScript along with the modern features that the language offers We cover concepts like JavaScript Basics variables loops conditionals functions JavaScript Types Strings Numbers Objects Booleans Functions Symbols Immediately Invoked Function Expressions Document Object Model DOM Querying Traversal Inserting and Removing Elements from the DOM Arrays and Iterables Mutator methods push pop shift unshift splice Other array methods like slice indexOf findIndex find sort reverseHigher Order Methods filter reduce map Split and Join Methods The spread operator Sets and Maps Understanding the this keyword in JavaScript Overview of Objects Constructor Functions Classes OOP Instance and Static Methods Inheritance Events Adding and Removing Event Listeners Event Capturing Bubbling Phases Propagation and Event DelegationAsynchronous JavaScript Event Loop Call Stack Message Queue Asynchronous JavaScript Understanding Promises and Error Handling Asynchronous JavaScript Promise race Promise all Promise allSettledDemystifying Async Await From Promises to Async Await Scopes in JavaScript ClosuresSymbols in JavaScript Iterators and Generators in JavaScript The Concept of Pure and Impure Functions in JavaScript Understanding Hoisting in JavaScript AND MORE A lot of exercises and projects were made in this section of the course Here are the Projects that we made in this JavaScript Section Building COVID Tracker Application using JavaScript and MapboxMaking a Todo List Application in JavaScript using Custom EventsImplementation of Infinite Scroll in JavaScript JavaScript Projects in HoursNode js SectionCOMING SOON MongoDB Section COMING SOONMake sure to subscribe to the channel for more such videos A lot of AWESOME videos are coming this month So make sure to SUBSCRIBE to the channel for more amazing videos Follow me on Twitter for more updates	2021-04-28 14:13:57
海外TECH	DEV Community	How to set up a PHP Console	https://dev.to/arwazkhan189/how-to-set-up-a-php-console-kbi	How to set up a PHP ConsoleHello Dev sIn this blog we will learn how to set up a PHP console Why we need this PHP is a server side language Backend of web development In general we don t require to take input from the console but sometimes for a small function or block of code we require this because we don t want to disturb our whole code It is also required to run some code that does not require a webpage Interface or sometimes we must require to take input from the console Requirements Server Xampp or WampServer How to set up this First we have to set up a path in our system environment variable Step Goto C drive where your Xampp is installedStep Goto php folder in Xampp folderStep Copy the path of that folderStep Now Goto System Properties then Advance System SettingsStep Goto Environment Variables and follow the below steps and paste the copied path and press ok ok ok Now How to run the php file Step open command prompt go to the directory where your code is saved you can use cd command like cd C xampp htdocsNow to run php code use this command gt php file name phpHope you will understand If you have any problem you can comment below Thankyou	2021-04-28 14:08:09
海外TECH	DEV Community	What are AWS Lambda triggers?	https://dev.to/dashbird/what-are-aws-lambda-triggers-1dhh	What are AWS Lambda triggers This is a basic introduction to Lambda triggers that uses DynamoDB as an event source example We talk a lot about the more advanced level of Lambda triggers in our popular two part series  Complete Guide to Lambda Triggers If you want to learn more read part one and part two We re going back to the basics this time because skipping some steps when learning something new might get you confused It tends to get annoying or it can even make you frustrated Why To understand how something works appropriately and later on to know how to apply your knowledge practically without stress  you must master the particular subject in a particular order Let me put it this way you can t calculate how fast is a subatomic particle moving in space if it s lightyears away from the closest planet if you don t know the basic math like times right So back to our topic here what are AWS Lambda triggers Lambda Triggers Explained with DynamoDB IntegrationDynamoDB is an AWS product just like Lambda and therefore you re able to create triggers with ease Triggers are pieces of code that will automatically respond to any events in DynamoDB Streams Triggers allow you to build applications that will then react to any data modification made in DynamoDB tables By enabling DynamoDB Streams on a table you will be able to associate an ARN with your Lambda function Instantly after an item in the table is modified a new record will appear in the table s stream When AWS Lambda detects a new stream record it will invoke your Lambda function synchronously Lambda functions can perform any actions you specify like sending notifications or a workflow initiation An example suppose you have a mobile gaming app that s writing on a GameScores table Each time the TopScore attribute of the GameScores table is updated a corresponding stream record will be written to the table s stream You can then set a Lambda function to post a message on social media sites once the event is triggered Event Driven Lambda And How To Trigger ItFor Lambda functions to execute an event must occur think If Then If an event happens then it will trigger Lambda Until recently our knowledge of triggering Lambda functions was based on API Gateway as a trigger but more AWS resources can trigger your Lambda functions Events can be anything happening with the resources within your AWS account Did somebody write a record to DynamoDB  This can trigger a Lambda function Did someone upload a file to S  This can be a Lambda trigger too Lambda Triggering Another Lambda A Bad Decision You can even call Lambda functions from other Lambda functions But this is generally seen as bad practice  If you don t finish your Lambda before you start the next one you pay for both running The first one that is waiting for the second one and the second one Think about optimizing your lambdas for performance and cost You should always put another service between your Lambda functions and don t call them directly SQS SNS and Step Functions are good ways to connect your Lambda functions without paying for two invocations at once How to Trigger a Lambda Manually If you ever want to trigger lambdas manually then simply create an event using one of the AWS resources How to Trigger a Lambda Function Common Ways To Trigger LambdaTo trigger a lambda function you can choose between many different ways The most common ways are API Gateways S and DynamoDB table streams API GatewayAPI Gateway event is one way to trigger Lambda These events are considered synchronous events Simply put it means that when somebody is calling an API Gateway it will trigger your Lambda function It s a synchronous event because your Lambda function has to respond to the client directly at the end of its invocation For Lambda to know which kind of event will trigger it you need to define it in the configuration or or serverless yml if you re using the Serverless Framework SS events occur when someone or something  modifies the content of an S bucket Altering the content can be achieved by either creating removing or updating a file While you re defining an event you re able to specify what sort of action will trigger the lambda function whether it s creating removing or updating a file S events are asynchronous which means your Lambda function only has to handle the event and doesn t have to respond with anything There is no client involved like with API Gateway so nobody is waiting for your function to send a response  S will send an event that triggers your Lambda function but it won t check what it did afterward DynamoDB Table StreamsDynamoDB events will be explained shortly but first let s start with DynamoDB table streams A DynamoDB table stream is like a line or a queue through which the data flows In this particular case the data is actually the change made to a specific table This means that when someone updates a record in a specific DynamoDB table it will instantly publish all of these changes in a stream and it further implies that the Lambda function will be triggered because there is data in the stream This way is a little bit more complicated since we need to connect the Lambda function to a DynamoDB stream When there is data in the stream there are two different ways Lambda will get triggered by it First when there is any kind of data in the stream which means a single change to the database at a certain time the lambda will be executed only once The second way table streams trigger Lambda functions is when there is a batch of events in the stream all processed together This way saves the execution time a lot since processing streams are pretty fast Like S events table stream events are asynchronous so you don t have to send a response from your Lambda function They differ from S events in their second way to trigger Lambda functions which allows you to batch multiple DynamoDB changes into one Lambda event Bonus List of Lambda Event SourcesHere is a small list of AWS services that can trigger events for AWS Lambda Let s start with the synchronous event sources These require your Lambda function to return a response when it s finished This is because the service that triggered the event sends the response to a client or uses it to check if the event was handled successfully Elastic Load Balancing Application Load Balancer Amazon Cognito Amazon connect Amazon Lex Amazon Alexa Amazon API Gateway Amazon CloudFront Lambda Edge Amazon Kinesis Data Firehose Amazon Simple Storage Service BatchAnd now the services that trigger asynchronous events  These are simply fire and forget the services that triggered the events don t care if your Lambda function handled them correctly If you need retry logic you have to implement it yourself with the help of SQS or Step Functions Amazon Simple Storage Service Amazon Simple Notification Service Amazon Simple Email Service AWS CloudFormation Amazon CloudWatch Logs Amazon CloudWatch Events AWS CodeCommit AWS Config AWS IoT AWS IoT Events AWS CodePipeline ConclusionAWS Lambda triggers are merely actions caused by specific AWS resources these actions generate events that will further execute Lambda functions that listen to them AWS Lambda is an event based system Lambda functions are associated with events that are triggered by other AWS resources like API Gateway S or DynamoDB Lambda functions will always react to these events Once you have finished reading about triggers you will probably start to wonder about the observability aspect of your serverless app or to put it better the lack thereof You wouldn t be the first one to think like that but luckily several services can help you in that regard Dashbird can help you monitor your AWS Lambdas with an all in one easy to understand dashboard Set up alerts get insights on what to improve and keep track of costs without adding any strain to your application You can sign up right now to start monitoring your serverless app for free No code changes and no credit card required Further reading The Complete AWS Lambda Handbook for Beginners part Using Lambda Layers for Better Serverless ArchitectureMonitoring vs Observability can you tell the difference AWS Lambda Error HandlingWhy AWS Console isn t Always the Best for Serverless Debugging	2021-04-28 14:05:26
海外TECH	DEV Community	Challenge 2: Add SQS + S3 Event Triggers for Lambda Apps	https://dev.to/raphael_jambalos/challenge-2-add-sqs-s3-event-triggers-for-lambda-apps-3ian	Challenge Add SQS S Event Triggers for Lambda Apps Quick RecapIn the previous post we have created a simple loyalty application It can create and display loyalty cards Your next challengeThe loyalty application you have made was a big hit New user s enrollment is now at an all time high However your old users are complaining They still are using the old paper based system and they refused to enroll as new users unless the points from their old loyalty card can be migrated to the new loyalty card system that you created The restaurants have a backlog of paper loyalty cards to be migrated to the new system With a booming business they can only do a day and your loyal customers are already complaining To help them your boss volunteered you ugh I know right to create a new module for the application The staff will just encode the paper loyalty cards in a CSV file And you will just collect the CSV file and upload it to S The new module will read the contents and create a unique loyalty card for each one and still maintain the points SpecificationIn order to do this you will have to Create an S bucket in your AWS AccountCreate a new lambda function L Lambda functions are off by default and are triggered by events In the previous challenge it was triggered by an API call For this function it is triggered by a file upload to an S bucket Once the file is uploaded in your S bucket a Lambda function is triggered In the event object of the Lambda function the S bucket and the file key of the file uploaded is given Use this information to download and read the file line by line Each line is created one job in an SQS queue An SQS queue is sort of like a line in a bank If we have a file with rows we would have jobs lined up for processing in the SQS queue Each job is represented by a JSON object sent to SQS The contents of the JSON object is the values of the row A sample job would look like card number first name Raphael last name Jambalos points At the end of the line is a teller processing the requests one after the other For this we create another Lambda function L L takes a request from SQS It receives a JSON object that has information about the job With this information create a loyalty card in your DynamoDB database HintsFor L you can begin by connecting the L to the S bucket by setting up its event property For an example start hereFor L you can begin by configuring the L function to connect to the SQS queue For an example you can start here This example automatically triggers a Lambda function when a request arrives in SQS ResourcesServerless Example for SQS L NodeJS Python Serverless Example for S L NodeJS Show off your work Comment a screencap of your work below Or better yet create a blog post here in dev to explaining how you did it If you have any questions or are stuck somewhere comment below or send me a pm and I d be happy to help you Photo by Tim Gouw on Unsplash	2021-04-28 14:02:40
Apple	AppleInsider - Frontpage News	Month-end M1 MacBook Pro price wars knock $150 off popular models	https://appleinsider.com/articles/21/04/28/month-end-m1-macbook-pro-price-wars-knock-150-off-popular-models?utm_medium=rss	Month end M MacBook Pro price wars knock off popular modelsDeals on M MacBook Pros are hitting a fever pitch as retailers issue month end sales on the latest inch models Save instantly on retail configs and up to on upgraded specs Month end M MacBook Pro specialsAfter issuing a price drop on Apple s M MacBook Air Apple resellers have moved to slashing prices on inch MacBook Pro models with Amazon and B amp H knocking off the M GB GB config and the M GB GB spec Units are in stock and ready to ship at both retailers putting the systems in your hands quickly with free expedited shipping within the contiguous U S at B amp H Read more	2021-04-28 14:51:50
Apple	AppleInsider - Frontpage News	How to report an accident, hazard, or speed check in Apple Maps for iOS 14.5	https://appleinsider.com/articles/21/04/28/how-to-report-an-accident-hazard-or-speed-check-in-apple-maps-for-ios-145?utm_medium=rss	How to report an accident hazard or speed check in Apple Maps for iOS When using iOS or later Apple Maps lets users report road hazards accidents or speed checks and here s how Report an incident in Apple MapsApple has been adding features to Apple Maps that bring it on par with offerings from Google though with more privacy in mind One popular feature Google inherited from its purchase of Waze was the ability to see crowdsourced traffic reports about accidents or police stops Read more	2021-04-28 14:02:39
Apple	AppleInsider - Frontpage News	Price wars heat up as Apple's M1 MacBook Air drops to $899 [u]	https://appleinsider.com/articles/21/04/22/price-wars-heat-up-as-apples-m1-macbook-air-drops-to-899?utm_medium=rss	Price wars heat up as Apple x s M MacBook Air drops to u As month end price wars heat up B amp H Photo has issued a standout deal on the standard M MacBook Air dropping the price to a record low And Amazon has followed suit M MacBook AirUpdate on April Only Silver and Gold remain on sale for at Amazon Both colors are on backorder but are in stock at B amp H Read more	2021-04-28 14:10:51
Apple	AppleInsider - Frontpage News	UK to decide whether Google tracking case can go to trial	https://appleinsider.com/articles/21/04/28/uk-to-decide-whether-google-tacking-case-can-go-to-trial?utm_medium=rss	UK to decide whether Google tracking case can go to trialThe UK s Supreme Court is to hear evidence alleging that Google bypassed security settings in Safari to gather sensitive information about users to sell to advertisers The court is not set to hear the case itself but rather to determine from the evidence whether the complainant Richard Lloyd will be allowed to bring the case to court at all The dispute primarily concerns a claim that Google had intentionally worked around security settings in Safari in one that blocked third party tracking cookies used for advertising among other potential purposes The UK s High Court had initially dismissed the case as they had determined it would be too difficult to assess how many people had been affected Read more	2021-04-28 14:14:50
海外TECH	Engadget	CES will return as an in-person event in 2022	https://www.engadget.com/ces-2022-in-person-las-vegas-143003027.html	pandemic	2021-04-28 14:30:03
海外TECH	Engadget	Microsoft’s five-year accessibility pledge begins with AI improvements for Office and more	https://www.engadget.com/microsoft-accessibility-pledge-ai-office-141527927.html	Microsoft s five year accessibility pledge begins with AI improvements for Office and moreMicrosoft has announced a new five year pledge to create more opportunities for disabled people across education product design and internally within its own workforce	2021-04-28 14:15:27
海外TECH	Engadget	Netflix finally rolls out its shuffle play feature	https://www.engadget.com/netflix-play-something-shuffle-play-feature-160057616.html	navigation	2021-04-28 14:00:57
海外TECH	Engadget	Samsung’s Galaxy Book Pro is a series of super thin, light AMOLED laptops	https://www.engadget.com/samsung-galaxy-book-pro-360-hands-on-amoled-price-specs-available-now-140057157.html	amoled	2021-04-28 14:00:57
海外科学	NYT > Science	India Blames Covid-19 Variant for its Pandemic Crisis	https://www.nytimes.com/2021/04/28/world/asia/india-covid19-variant.html	India Blames Covid Variant for its Pandemic CrisisDoctors the public and the media point to anecdotal evidence of infections even among the vaccinated Scientists say the data is too thin and cite other reasons behind the country s second wave	2021-04-28 14:29:58
海外TECH	WIRED	Melting Mountain Glaciers May Not Survive the Century	https://www.wired.com/story/melting-mountain-glaciers-may-not-survive-the-century	centuryscientists	2021-04-28 15:00:00
金融	RSS FILE - 日本証券業協会	株主コミュニティの統計情報・取扱状況	https://www.jsda.or.jp/shiryoshitsu/toukei/kabucommunity/index.html	株主コミュニティ	2021-04-28 15:30:00
金融	RSS FILE - 日本証券業協会	新型コロナウイルス感染症への証券関係機関等・各証券会社の対応について（リンク集）	https://www.jsda.or.jp/shinchaku/coronavirus/link.html	新型コロナウイルス	2021-04-28 15:00:00
金融	金融庁ホームページ	緊急事態宣言を踏まえた資金繰り支援と連休対応等について公表しました。	https://www.fsa.go.jp/news/r2/ginkou/20210428.html	緊急事態	2021-04-28 15:36:00
海外ニュース	Japan Times latest articles	Tokyo-area governors ask people to stay home during Golden Week holidays	https://www.japantimes.co.jp/news/2021/04/28/national/stay-home-golden-week/	Tokyo area governors ask people to stay home during Golden Week holidaysThe heads of Tokyo Saitama Kanagawa and Chiba prefectures also asked people to refrain from holding drinking parties at parks and roadsides	2021-04-29 00:44:32
海外ニュース	Japan Times latest articles	Tottori on top: Study says prefecture had best COVID-19 response, Osaka worst	https://www.japantimes.co.jp/news/2021/04/28/national/tottori-coronavirus-response-best-survey/	Tottori on top Study says prefecture had best COVID response Osaka worstKeio University research finds the country s most sparsely populated prefecture produced the most robust response to the pandemic among all of Japan s prefectures	2021-04-29 00:24:40
海外ニュース	Japan Times latest articles	Myanmar unity government tells ASEAN no talks until prisoners are freed	https://www.japantimes.co.jp/news/2021/04/28/asia-pacific/myanmar-unity-government/	Myanmar unity government tells ASEAN no talks until prisoners are freedThe pro democracy National Unity Government formed this month by opponents of the military said ASEAN should be engaging with it as the legitimate representative of	2021-04-28 23:57:16
海外ニュース	Japan Times latest articles	New Zealand Rugby mulls controversial U.S. investment	https://www.japantimes.co.jp/sports/2021/04/28/rugby/new-zealand-rugby-all-blacks-silver-lake/	New Zealand Rugby mulls controversial U S investmentThe offer from California based firm Silver Lake has raised concerns that the famous All Blacks side could potentially exploited for its commercial value	2021-04-29 00:26:06
海外ニュース	Japan Times latest articles	Sumo’s living history traced through its banzuke	https://www.japantimes.co.jp/sports/2021/04/28/sumo/banzuke-history-terunofuji/	changes	2021-04-29 00:06:10
海外ニュース	Japan Times latest articles	Australia to begin vaccinating Tokyo-bound athletes next week	https://www.japantimes.co.jp/sports/2021/04/28/olympics/summer-olympics/australia-athlete-vaccines-tokyo2020/	Australia to begin vaccinating Tokyo bound athletes next weekOfficials said that Olympic and Paralympic participants will be inoculated by private contractors in order to avoid burdening the public health system	2021-04-29 00:05:35
海外ニュース	Japan Times latest articles	Kenta Maeda takes loss as Twins lose fourth straight	https://www.japantimes.co.jp/sports/2021/04/28/baseball/mlb/maeda-twins-loss/	minnesota	2021-04-28 23:38:33
海外ニュース	Japan Times latest articles	The Cold War playbook won’t help Alexei Navalny	https://www.japantimes.co.jp/opinion/2021/04/28/commentary/world-commentary/alexey-navalny-russia-vladimir-putin-u-s-cold-war/	alexei	2021-04-29 00:45:17
海外ニュース	Japan Times latest articles	Social capital: The overlooked variable to economic growth	https://www.japantimes.co.jp/opinion/2021/04/28/commentary/world-commentary/covid-19-health-medicine-global-economy/	Social capital The overlooked variable to economic growthSocial capital is the glue that holds communities together Under the right conditions such mutually beneficial social interactions lead to economic growth and better health	2021-04-29 00:43:07
海外ニュース	Japan Times latest articles	India’s COVID-19 tsunami	https://www.japantimes.co.jp/opinion/2021/04/28/commentary/world-commentary/india-covid-19-vaccines-health/	cases	2021-04-29 00:38:09
海外ニュース	Japan Times latest articles	New Zealand: A weak link or clever player?	https://www.japantimes.co.jp/opinion/2021/04/28/commentary/world-commentary/new-zealand-china-five-eyes-quad-indo-pacific-south-china-sea/	china	2021-04-29 00:29:32
海外ニュース	Japan Times latest articles	Kick Russia out of the Iran nuclear talks	https://www.japantimes.co.jp/opinion/2021/04/28/commentary/world-commentary/russia-u-s-nuclear-weapons-iran-joe-biden-barack-obama/	interests	2021-04-29 00:18:12
ニュース	BBC News - Home	Electoral Commission to investigate Boris Johnson's Downing Street flat renovations	https://www.bbc.co.uk/news/uk-politics-56915307	grounds	2021-04-28 14:43:17
ニュース	BBC News - Home	Arlene Foster: DUP leadership remains in doubt after revolt	https://www.bbc.co.uk/news/uk-northern-ireland-56910046	leader	2021-04-28 14:50:06
ニュース	BBC News - Home	Fact-checking Prime Minister's Questions	https://www.bbc.co.uk/news/56915918	renovations	2021-04-28 14:07:59
ニュース	BBC News - Home	Covid: When, where and how can I go on holiday in the UK?	https://www.bbc.co.uk/news/explainers-52646738	covid	2021-04-28 14:18:06