投稿時間:2022-02-12 04:22:12 RSSフィード2022-02-12 04:00 分まとめ(30件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWS Database Blog	IAM authentication with Amazon RDS for MariaDB	https://aws.amazon.com/blogs/database/iam-authentication-with-amazon-rds-for-mariadb/	IAM authentication with Amazon RDS for MariaDBIn we introduced the ability to use AWS Identity and Access Management IAM authentication to manage database access for Amazon Relational Database Service for MySQL Amazon RDS for MySQL Amazon Relational Database Service for PostgreSQL Amazon RDS for PostgreSQL Amazon Aurora MySQL Compatible Edition and Amazon Aurora PostgreSQL Compatible Edition This feature allows you to use …	2022-02-11 18:20:51
AWS	AWS Machine Learning Blog	Apply profanity masking in Amazon Translate	https://aws.amazon.com/blogs/machine-learning/apply-profanity-masking-in-amazon-translate/	Apply profanity masking in Amazon TranslateAmazon Translate is a neural machine translation service that delivers fast high quality affordable and customizable language translation This post shows how you can mask profane words and phrases with a grawlix string “ Amazon Translate typically chooses clean words for your translation output But in some situations you want to prevent words that are commonly …	2022-02-11 18:55:34
AWS	AWS Machine Learning Blog	How Süddeutsche Zeitung optimized their audio narration process with Amazon Polly	https://aws.amazon.com/blogs/machine-learning/how-suddeutsche-zeitung-optimized-their-audio-narration-process-with-amazon-polly/	How Süddeutsche Zeitung optimized their audio narration process with Amazon PollyThis is a guest post by Jakob Kohl a Software Developer at the Süddeutsche Zeitung Süddeutsche Zeitung is one of the leading quality dailies in Germany when it comes to paid subscriptions and unique users Its website SZ de reaches more than million monthly unique users as of October Thanks to smart speakers and …	2022-02-11 18:37:04
python	Pythonタグが付けられた新着投稿 - Qiita	【PythonでExcel操作】すべてのExcelファイル・シートに対して処理を実行	https://qiita.com/AkioTakamoto/items/9d2ff4c7cc077d59d607	ここでは以下のを紹介します。	2022-02-12 03:02:09
Linux	Ubuntuタグが付けられた新着投稿 - Qiita	CTF用にDockerでUbuntu環境作ってみた	https://qiita.com/masanari9256/items/a25c196cfe312c509112	CTF用にDockerでUbuntu環境作ってみた作ることになった経緯CTFを知る最近CTFというものの存在を知って、CpawCTFというものに挑戦中ですCTFとは、情報セキュリティの知識を使って解くパズルゲームのようなものです詳しくはこちらを読んでくださいやってみるCpawCTFにこんな問題がありました。	2022-02-12 03:16:42
Docker	dockerタグが付けられた新着投稿 - Qiita	docker-composeを使わないで同じことをする	https://qiita.com/kanchi/items/03dc45e71080f6788062	個にも纏められますがあんまり複雑にしたくないのでdockerは停止、削除のコマンドはrmfで一括で出来たりもするんですが、dockercomposeに合わせて分けて記載しました。	2022-02-12 03:57:20
Docker	dockerタグが付けられた新着投稿 - Qiita	CTF用にDockerでUbuntu環境作ってみた	https://qiita.com/masanari9256/items/a25c196cfe312c509112	CTF用にDockerでUbuntu環境作ってみた作ることになった経緯CTFを知る最近CTFというものの存在を知って、CpawCTFというものに挑戦中ですCTFとは、情報セキュリティの知識を使って解くパズルゲームのようなものです詳しくはこちらを読んでくださいやってみるCpawCTFにこんな問題がありました。	2022-02-12 03:16:42
海外TECH	MakeUseOf	How to Make the Most of the Nike Run Club App	https://www.makeuseof.com/make-the-most-of-nike-run-club-app/	features	2022-02-11 18:30:23
海外TECH	MakeUseOf	7 Different Ways to Uninstall Software in Windows 11	https://www.makeuseof.com/windows-11-different-ways-to-uninstall-software/	windows	2022-02-11 18:17:03
海外TECH	DEV Community	My terminal code snippets essentials	https://dev.to/davidmimay/my-terminal-code-snippets-essentials-1351	My terminal code snippets essentials disable enable SIP on mac when csrutil disablecsrutil enablecsrutil enable without kext without fs install google fonts form github when you want to use locally the entire google font library first time cd Library Fonts git clone google fonts update google fonts cd Library Fonts google fonts amp amp git pull amp amp cd hide folders files chflags hidden dragyourfolderherechflags nohidden dragyourfilecmd shift period shows hide elements on finder vscode shortcut cntrl space shows available phrases download audio files from chrome On Chrome open developer mode View Developer Inspect Elements And paste on console var audio document getElementsByTagName audio window open audio src force quit not workingsudo pkill loginwindow clean node modules foldercd demofind name node modules type d prunefind name node modules type d prune exec rm rf	2022-02-11 18:42:33
海外TECH	DEV Community	Hello..👋Guys ..! Today i recevied my HacktoberFest 2021 SWAGS.!	https://dev.to/shakthiraj9426/helloguys--3opm	Hello Guys Today i recevied my HacktoberFest SWAGS Today I received my HacktoberFest SWAGS stickers and t shirt for making successful PR s on GitHub	2022-02-11 18:24:42
海外TECH	DEV Community	Using Custom Cursors with Javascript for a Better User Experience	https://dev.to/israelmitolu/using-custom-cursors-with-javascript-for-a-better-user-experience-1n0b	Using Custom Cursors with Javascript for a Better User ExperienceHave you seen the popular trend where websites use a customized cursor that is different from the standard cursor and makes the site stand out from other websites You might even be curious about how those cursors are created That s something I ve had a lot of experience with starting when I visited the website for the creative and expressive Studio Job I was really sucked in It was unlike anything I d ever seen before And in this article I ll show you how to make your own custom cursors and discuss when you should use one for your next project But before we get started making custom cursors let s define what they are Why use a Custom Cursor Custom cursors are used in web design to add more personality to your website and also to give the users an awesome experience This simple addition makes your website stand out Consider the following scenario You ve been given the task of creating a modern website such as a portfolio site with animations parallax effects and moving items Using a standard cursor on the design will most likely seem out of place This is a great example of how a custom cursor may improve the user experience You can also use them to direct visitors to where they should go and what they should do providing a more engaging experience With that in mind we will create a custom cursor on a landing page to learn how we can maximise this feature for better UX User Experience The image below shows a preview of the final design PrerequisitesThis article assumes that you have Knowledge of HTML Knowledge of CSS SCSS Knowledge of Javascript ES A code editor and browser How do custom cursors work We use a custom cursor by changing the default cursor to the image that we want Like so body cursor url image path png auto The next value of the property is a fallback auto which sets the cursor to the default just in case the image hasn t loaded or if it can t be found Adding this fallback is important so your website won t be cursor less The cursor property can also be added to different elements and is not restricted to just the body For example check out the codepen below Creating the Custom cursorThis section has been broken down into different steps to make it easier to understand Step Set up the ProjectTo code along with me you can clone or download the landing page design which is located in the starter folder To begin start the development server in the IDE and open up your browser This is the resulting layout where the custom cursor will be placed Step Add the cursor divsIn the index html add the following code immediately after the lt body gt tag lt div class cursor ball gt lt div gt lt div class cursor outline gt lt div gt The first div represents the ball cursor while the second represents the larger cursor Next we would style these empty divs in CSS Step Style the cursor divsIn the scss cursor folder inside cursor scss we will add the styling for the cursor First we style the two cursors cursor ball width px height px background color cursor outline width rem height rem border px solid transition all s ease As we progress you ll see the effect of the transition The output Isn t that going to make a terrible cursor It s all square shaped and boxy As a result we ll add some styles that are shared by both cursors cursor ball cursor outline border radius position absolute z index pointer events none transform translate The code block above contains a border radius which makes the divs into circles We add a position of absolute so that we can alter the mouse cursors top and left locations in Javascript The z index of makes the two cursors to be on top of any other element on the web page Note Make sure the mouse has the highest z index in any project you implement a custom cursor so that the cursor won t be hidden at any point in time The pointer events of none disables any pointer events on the divs in this case so that we can select other elements behind the cursor divs To understand better see the documentationThe transform property moves the element to the centre Now you should see a bit of the cursor at the top left corner of the screen Step Move the cursor around the screenNow let s get this cursor moving In the app js file we will start by grabbing the elements we need let cursorBall document querySelector cursor ball let cursorOutline document querySelector cursor outline Now let s add an event listener to get the exact coordinates of the mouse ーwhen the mouse moves document addEventListener mousemove e gt cursorBall style top e pageY px cursorBall style left e pageX px cursorOutline style top e pageY px cursorOutline style left e pageX px Because we styled the cursors with a position of absolute we can now modify the top and left properties of both the cursorBall and cursorOutline dynamically using Javascript e pageY returns the coordinates on the Y axis vertical for every event e of a mouse moving on the screen While e pageX returns the coordinates on the X axis horizontal for every event e of a mouse move Here s the result You d notice that there is a delay in how the bigger cursor cursorOutline catches up to the smaller cursor And that is because of the transition of all s ease that we added when styling the cursor outline Side note You can experiment with different values for the animation duration Here we used s and you can even try without any transition property Furthermore to completely remove the default pointer cursor we would add the following code into the body tag found in the stylesheet cursor none This will make sure that only our custom cursor shows We can afford to do this because we re working with pure CSS which loads and renders quickly However if we choose an image that may not load up in time due to a network fault the User Experience would be poor In such scenarios add the image location url and the fallback of auto as we discussed in an earlier section Great job so far This is how our web page should look now Now what we ve done so far is fine but I d like to see us take it a step further by adding more functionality depending on mouse events More Event ListenersTo make the webpage more interesting let s add more functionality to the cursor Mouseup and MousedownIn the app js file we will utilise the mousedown and mouseup event types which will listen for when the mouse button is being pushed document addEventListener mousedown e gt if e button cursorOutline classList add cursor mousedown document addEventListener mouseup gt cursorOutline classList remove cursor mousedown For the mousedown effect to work on only the left mouse is clicked we use the button property to select what part of the mouse will be used Check the documentation for more info on the button property The code then translates to “If the left mouse is being clicked add the class of cursor mousedown to the cursorOutline And on the event of mouseup when the mouse is released from being pushed remove the cursor mousedown class Then head over to the scss cursor cursor scss to add the styling for this new effect cursor mousedown width rem height rem border px solid background color f This is the resulting effect Mouseover and MouseleaveIn the app js file to get all the social media links from the DOM use a querySelectorAll on the parent element of the links let links document querySelectorAll social links a Now using the ES syntax the forEach method to listen for events on each social link link links forEach link gt link addEventListener mouseover gt cursorOutline classList add scale link link classList add hovered link In the code above We re listening for a mouseover event on each of the link We re adding a class of scale link to the cursorOutline in Javascript and later set it up in SCSSWe re adding a class of hovered link to the link to change the appearance of the individual links when the cursor hovers over them The styling for the new classes scale link transform scale background hovered link color fff This means that when the cursor hovers over any of the link the cursorOutline will expand scale to times its original size The hovered link will change the text colour of the links This is the result we have The scaling works alright but there are a few things you ll notice The cursorOutline still remains active even though the links were no longer being hovered on The cursor is no longer centred The link does not turn white Did the hovered link class not work The link goes under the mouse These were the challenges I discovered while working on it and you may experience them as well here s how I dealt with them To solve issue This is where we introduce the mouseleave event which is fired when the cursor moves out of the target element Still in the forEach block add the following code link addEventListener mouseleave gt cursorOutline classList remove scale link link classList remove hovered link Basically we just remove the scale link and hovered link when the mouse moves out of the link To solve issue The problem here is that the cursorOutline does not scale as it should We ll experiment with the transfom origin property here transform origin This defines the point around which a transformation is applied In this case we set it to on the left and right and on the top and bottom Check out MDN to learn more about this property Here s what we get after solving issues and Side note If you want the pointer cursor to be displayed add cursor none to the specific element s To solve issue The hovered link does work but if we take a look using Chrome Dev Tools the actual source of the problem is that the link s colour takes precedence over this new class To fix this we can use the important property and it will work But using this property isn t advisable to use because it generally breaks the natural cascading of stylesheets It should be used sparingly A better option is to be more specific with the styling by usinga hovered link color fff To learn more about specificity and the important property here To solve issue If you recall we gave our cursors a z index of so that they would be on top of every element on the page including the links So here s a quick fix Add a z index of to the elements to which you want to apply the effect such as the social media links Final Result Awesome We were able to resolve the issues we were having We re also done adding the custom cursor and we have explored several interactions using the mouse event listeners ResponsivenessLastly before we can deploy the project we need to add a media query that prevents the custom cursor from appearing on devices without a pointing device Because not everyone uses a mouse or trackpad forcing them to use a custom cursor is pointless thus we must disable it In scss responsive responsive scss We will create a mixin that we will then include in the cursor scss mixin anyPointer media any pointer fine content Let s include the mixin to cursor scss where we ve already applied styling for both cursors We would set the display to none by default and using the include rule we set the display to block so that the cursor will be displayed only if the user is using a pointing device such as mouse or trackpad cursor ball cursor outline display none include anyPointer display block pointer events none ConclusionFinally a big yay We ve created a cool custom cursor and you ve learned about custom cursors and how they can impact your website s user experience If you found this post useful and I m sure you did do well to share this resource with your friends and co workers and follow me for more content If you have a question or find an error or typo kindly leave your feedback in the comments section Also kindly share what you think Do you think it s a good idea to have a custom cursor Are there any other instances when it won t be required Leave your response in the comments section Inspirations from the webIara Grinspun PortfolioUnami WareMubienDenton Design	2022-02-11 18:05:38
Apple	AppleInsider - Frontpage News	'The Problem with Jon Stewart' returning to Apple TV+ on March 3	https://appleinsider.com/articles/22/02/11/the-problem-with-jon-stewart-returning-to-apple-tv-on-march-3?utm_medium=rss	x The Problem with Jon Stewart x returning to Apple TV on March The Problem with Jon Stewart is set to return to Apple TV on Thursday March with a new slate of four episodes that will debut weekly Jon StewartStewart announced the new episodes of his Apple TV show in a Twitter post on Friday adding that the new episodes would focus on Wall Street climate race and the media Read more	2022-02-11 18:59:53
Apple	AppleInsider - Frontpage News	Zoom users report Mac microphone staying on after calls	https://appleinsider.com/articles/22/02/11/zoom-users-report-mac-microphone-staying-on-after-calls?utm_medium=rss	Zoom users report Mac microphone staying on after callsAn apparent bug in the Zoom video conference app has reportedly seen Mac users on macOS Monterey spotting that their microphones do not switch off Zoom s enormous growth during the coronavirus pandemic has previously uncovered problems that were only noticeable when the app was used at scale Following the company s efforts and Apple s intervention those issues appeared to be resolved Now however The Register reports that an unknown number of users are finding their microphone stay on after a Zoom call It is being spotted because of Apple s controversial orange dot icon that means a microphone is in use Read more	2022-02-11 18:02:07
海外TECH	Engadget	Amazon is reportedly fast tracking a live-action Blade Runner series	https://www.engadget.com/blade-runner-live-action-series-amazon-182855264.html?src=rss	Amazon is reportedly fast tracking a live action Blade Runner seriesA few months back Blade Runner director Ridley Scott said a live action series set in that universe is in the works The project looks to be a step closer to reality as Amazon Studios has reportedly put it in development Amazon s TV and film production arm is said to be fast tracking scripts and looking at possible production dates The show is called Blade Runner according to both Deadline nbsp and Variety While no details about the plot have been revealed as yet the title suggests the show will be set years after Blade Runner the sequel to Scott s original film Scott is said to be an executive producer and may direct some episodes if the series gets the green light Silka Luisa who wrote the upcoming Apple TV time travel thriller series Shining Girls is reportedly onboard as a writer and executive producer It s still early days for Blade Runner but the smart money is on Amazon bringing the series to Prime Video The streaming service has a decent track record when it comes to sci fi with shows like The Expanse under its belt Like Blade Runner Amazon anthology series Electric Dreams is based on the works of sci fi author Philip K Dick Another show set in the Blade Runner universe Blade Runner Black Lotus debuted on Adult Swim and Crunchyroll last year though that s an anime series rather than a live action project	2022-02-11 18:28:55
Cisco	Cisco Blog	Francisco Market: A Cisco Retail Story	https://blogs.cisco.com/retail/francisco-market-a-cisco-retail-story	Francisco Market A Cisco Retail StoryThis story illustrates Cisco s use cases and solutions in retail and provides a glimpse into the business needs retailers currently have the capabilities that Cisco and its partners provide and the outcomes that can be achieved through digital transformation	2022-02-11 18:28:31
海外科学	NYT > Science	James Webb Telescope Sends Home a Selfie and 18 Images of Starlight	https://www.nytimes.com/2022/02/11/science/webb-telescope-selfie-pictures.html	research	2022-02-11 18:48:12
海外科学	NYT > Science	Luc Montagnier, Nobel-Winning Co-Discoverer of H.I.V., Dies at 89	https://www.nytimes.com/2022/02/10/science/luc-montagnier-dead.html	Luc Montagnier Nobel Winning Co Discoverer of H I V Dies at He helped find the virus that causes AIDS fell into a feud over it and later turned controversial taking an anti vaccine stance during the Covid crisis	2022-02-11 18:20:50
ニュース	BBC News - Home	Russia-Ukraine crisis: UK nationals told to leave Ukraine	https://www.bbc.co.uk/news/uk-60355311?at_medium=RSS&at_campaign=KARANGA	british	2022-02-11 18:53:24
ニュース	BBC News - Home	Trucker protests: Ontario calls state of emergency	https://www.bbc.co.uk/news/world-us-canada-60352980?at_medium=RSS&at_campaign=KARANGA	border	2022-02-11 18:32:21
ニュース	BBC News - Home	Lassa fever: Patient dies at Bedfordshire hospital	https://www.bbc.co.uk/news/uk-england-beds-bucks-herts-60353207?at_medium=RSS&at_campaign=KARANGA	africa	2022-02-11 18:54:04
ビジネス	ダイヤモンド・オンライン - 新着記事	お金が貯まらない人は見直して！ キッチンそうじの盲点とは？ - どんな運も、思いのまま！　李家幽竹の風水大全	https://diamond.jp/articles/-/293337	お金が貯まらない人は見直してキッチンそうじの盲点とはどんな運も、思いのまま李家幽竹の風水大全「どんな人でも運がよくなれる」、それが風水の持つ力です。	2022-02-12 03:50:00
ビジネス	ダイヤモンド・オンライン - 新着記事	夫婦ゲンカで妻が傷ついた、たった1つの理由とは？ - 大丈夫じゃないのに大丈夫なふりをした	https://diamond.jp/articles/-/294423	話題	2022-02-12 03:40:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【1日1分強運貯金】 見るだけで、突然、みるみる開運力が目覚める！ 【大日如来】のあったか御利益パワーとは？ - 1日1分見るだけで願いが叶う！ふくふく開運絵馬	https://diamond.jp/articles/-/293622	【日分強運貯金】見るだけで、突然、みるみる開運力が目覚める【大日如来】のあったか御利益パワーとは日分見るだけで願いが叶うふくふく開運絵馬Amazonランキング第位祭祀・、楽天ブックスランキング第位民俗・、。	2022-02-12 03:35:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【出口学長・哲学と宗教特別講義】 80歳まで生きたプラトンが ピュタゴラス教団から受けた トテツモナイ影響 - 哲学と宗教全史	https://diamond.jp/articles/-/293546		2022-02-12 03:30:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【「お金と時間の自由」を実現した7つのステップ（3）】 会社を辞めて“小さな起業”をする - 投資をしながら自由に生きる	https://diamond.jp/articles/-/294735		2022-02-12 03:25:00
ビジネス	ダイヤモンド・オンライン - 新着記事	気持ちいいだけじゃない!?「ヘッドスパ」の意外な効果 - 髪が増える術	https://diamond.jp/articles/-/294283	気持ちいいだけじゃない「ヘッドスパ」の意外な効果髪が増える術薄毛、白髪、フケ、かゆみ…。	2022-02-12 03:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	「おかしな文章を書いてしまう人」と「文章がうまい人」の決定的な差 - 独学大全	https://diamond.jp/articles/-/295932	読書	2022-02-12 03:15:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【イギリスの元スパイが説く】 どんな状況の予測にも使える考え方とは？ - イギリス諜報機関の元スパイが教える 最強の知的武装術――残酷な時代を乗り切る10のレッスン	https://diamond.jp/articles/-/294526	スパイがどのように情報を収集し、分析し、活用しているのかそのテクニックをかつての実例を深堀りしながら「のレッスン」として解説している。	2022-02-12 03:10:00
ビジネス	ダイヤモンド・オンライン - 新着記事	“予約の取れない家政婦”が教える「片づけない家族」への対処法 - 家じゅうの「めんどくさい」をなくす。	https://diamond.jp/articles/-/294942	「大掃除で片づけたのに、あっという間に散らかってしまった」「このままでは新年度を迎えられない」という人からの依頼が増えるためだ。	2022-02-12 03:05:00