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

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWS Big Data Blog	How Cynamics built a high-scale, near-real-time, streaming AI inference system using AWS	https://aws.amazon.com/blogs/big-data/how-cynamics-built-a-high-scale-near-real-time-streaming-ai-inference-system-using-aws/	How Cynamics built a high scale near real time streaming AI inference system using AWSThis post is co authored by Dr Yehezkel Aviv Co Founder and CTO of Cynamics and Sapir Kraus Head of Engineering at Cynamics Cynamics provides a new paradigm of cybersecurity ーpredicting attacks long before they hit by collecting small network samples less than inferring from them how the full network behaves and predicting threats …	2022-02-21 18:29:38
AWS	AWS - Webinar Channel	AWS ML short clips: unlock the potential of audio with Amazon Transcribe	https://www.youtube.com/watch?v=OyhVZPhW7jw	AWS ML short clips unlock the potential of audio with Amazon TranscribeAmazon Transcribe is an automatic speech recognition service that makes it easy for developers to add speech to text capabilities to their applications Amazon Transcribe can be used to transcribe customer service calls to automate closed captioning and subtitling and to generate metadata for media assets to create a fully searchable archive You can also use Amazon Transcribe Medical to add medical speech to text capabilities to clinical documentation applications	2022-02-21 18:36:42
python	Pythonタグが付けられた新着投稿 - Qiita	Lambda関数のプロジェクトを外部モジュール含めZip化する	https://qiita.com/ogty/items/696fd6aba3f3faef46ce	Lambda関数のプロジェクトを外部モジュール含めZip化する指定されたlambdafunctionpyのあるディレクトリのパスから、その直下にあるrequirementstxtに書かれた外部モジュールをこのディレクトリにインストールします。	2022-02-22 03:33:29
海外TECH	Ars Technica	Report: Qualcomm will support AV1 video codec in 2023	https://arstechnica.com/?p=1835623	android	2022-02-21 18:44:07
海外TECH	Ars Technica	GM seeks US approval to deploy self-driving car without a steering wheel	https://arstechnica.com/?p=1835644	deployment	2022-02-21 18:21:10
海外TECH	MakeUseOf	How to Clean the Dust From a Noisy PS4: A Step-by-Step Guide	https://www.makeuseof.com/tag/clean-dust-playstation-4/	clean	2022-02-21 18:31:12
海外TECH	MakeUseOf	How to Fully Customize Your Windows 10's Sleep Settings	https://www.makeuseof.com/windows-10-sleep-settings-guide/	customize	2022-02-21 18:15:12
海外TECH	DEV Community	Git, GitHub - Ultimate developer tools	https://dev.to/itsrakesh/git-github-ultimate-developer-tools-32kb	Git GitHub Ultimate developer toolsAs the title says these tools help you throughout your project development life cycle Almost every developer on the planet at least heard about these And if you don t know these yet you are in trouble So in this blog I will introduce you to Git and will share some amazing resources to master git and GitHub Let s dive inLet s Git before GitHub What is Git Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency So it is a tool to control and manage your code like tracking changes keeping the history of all changes switching versions and lots of things Some important concepts you should learn Making and committing changesStagingStashingBranchingSquashing What is GitHub So git is a tool to manage your project Now imagine if you want to add invite others to collaborate on your project and build together What will you do Share your computer No you have to share your code through some medium and others will make some changes and then they share updated code with you and then you make some changes and so on What if there is someplace to host your code and everyone work together Here comes GitHub into action GitHub is a place for collaboration If you prefer a video tutorial Learn interactively Learn with diagrams and conceptually Learn git concepts not commands Nico Riedmann・Jun ・ min read git tutorial beginners Git branching is one of the main features of Git Learn it interactively Learn how to deploy your project with GitHub pages How to put your website online in under minutes Rakesh Potnuru・Nov ・ min read github beginners webdev Learn GitHub actions Make an awesome GitHub profile Mine here GitHub profiles are now Resumes portfolios and everything Try GitHub copilot Are you a student Get GitHub Student Developer Pack Build your community with the help of GitHub training and resources Apply for GitHub externship ️Tool of the week ️Haikei Generate SVG designsHope you like this Follow for more	2022-02-21 18:29:57
海外TECH	DEV Community	Front-End Web Development with React #CompleteRoadMap	https://dev.to/freaking_wish/front-end-web-development-with-react-completeroadmap-1m3j	Front End Web Development with React CompleteRoadMapBetter you Practice Better you React to itThe goal of this chapter is to provide you with an understanding of the Frontend Development that focuses on the React ecosystem and to assist you in guiding your study if you are puzzled   What is ReactJs ReactJs is an open source JavaScript package used to create user interfaces for single page apps Is React a Library or a Framework Before jumping to concluusion lets know about Library A library is a set of methods that enable us to easily construct web apps So when you use a library to develop web apps your code is in charge and just calls on the library s methods to achieve some recurring common action Framework A framework is a specific implementation of a web application in which the framework offers general functionality and your code fills in the specifics to modify that framework for the unique application functionality that you wish to implement Finally coming back to question React is a JavaScript library for building user interfaces Why React Declarative React makes it simple to design interactive user interfaces Create basic views for each state of your application and React will update and render only the necessary components when your data changes Declarative views improve the predictability and debugability of your code Component Based Create enclosed components that handle their own state then combine them to create complicated user interfaces Because component logic is implemented in JavaScript rather than templates it is simple to transfer rich data around your app while keeping state out of the DOM Learn Once Write AnywhereReact may also be used to render on the server with Node and to power mobile apps with React Native React allows you to create new features without having to rewrite current code Mind Map for React till Framework Selection weeks React Topics WeekTopicWeek Introduction to ReactWeek React Router and Single Page ApplicationsWeek React Forms Flow Architecture and Introduction to ReduxWeek More Redux and Client Server Communication Detailed Weekwise Topics to be coveredWhatever library or framework you choose to study for web development you must first master the fundamentals of the web which include HTML CSS and JavaScript There are a lot of common skills that you will need to master in order to become a developer including ‍GIT Version Control System ‍HTTP HTTPS Protocol‍Terminal Usage‍Data Structures amp Algorithm‍Design Patterns Knowledge You Need Have To Become a React Developer‍Build tools are software or programmes that automate the creation of executable applications from source code It converts code into an executable format by linking compiling and packaging it ‍A system s state is its representation at a specific point in time It refers to the data in the programme that is saved as an array objects or strings ‍Routing is the method of selecting a path for traffic across networks ‍API clients provide an interface for different applications to communicate with each other when a request is made ‍It s crucial to understand how to integrate backend frameworks with frontend frameworks so that they can operate together Burn it Down To Know more about me Click here	2022-02-21 18:21:38
海外TECH	DEV Community	Portals in React.js with a practical example	https://dev.to/jordandev/portals-in-reactjs-with-a-practical-example-1id4	Portals in React js with a practical examplePortals provide a first class option to render children into a DOM node that exists outside of the parent component s DOM hierarchy as stated in the official React js documentation Portals are useful when we want to render components but our parent has a hidden overflow or a defined width and height modals are an ideal example so we are going to build a modal from scratch and apply good user accessibility practices You can see the complete code of the example here in this github repositoryFirst we are going to create a component which is going to be called src Components Modal index js export const Modal props gt let children close rest props if children children lt p gt This is a example modal lt p gt return lt div id modal dialog rest gt lt div className flex flex col justify center items center gt children lt button onClick close gt Close this modal lt button gt lt div gt lt div gt In the src styles css file we will have the following code import url wght amp display swap font size font family Roboto margin padding App overflow hidden height vh background color ccc App gt h font size rem div modal dialog background color rgba position fixed z index height vh width vw top left display flex align items center justify content center div modal dialog gt div background color fff padding rem border radius rem p margin rem font size rem button padding rem border radius rem border none background color bb color fff cursor pointer transition all s ease in out button hover background color ead flex display flex flex col flex direction column flex row flex direction row justify center justify content center items center align items center Here we are going to have several styles for our modal and we have also defined some standard classes for our application Now in the modal we will receive several props such as children close function to close the modal and the rest of the props that we may have we also have a fixed element that is the button to close the modal and there we will pass the function of close on click event We will go on to create a div in our index html file which will be the sibling element of the parent div of our application and the file would be as follows lt DOCTYPE html gt lt html lang en gt lt head gt lt meta charset utf gt lt meta name viewport content width device width initial scale shrink to fit no gt lt meta name theme color content gt lt link rel manifest href PUBLIC URL manifest json gt lt link rel shortcut icon href PUBLIC URL favicon ico gt lt title gt React App lt title gt lt head gt lt body gt lt noscript gt You need to enable JavaScript to run this app lt noscript gt lt div id root gt lt div gt lt div id modals gt lt div gt lt body gt lt html gt To this div we will put the id of modals which is in which the modal component will be injected thanks to the portals This benefits us so that our component is not affected by the styles of our parent that has overflow hidden and height and width defined since it would not be displayed correctly Now we will go on to create the src App js import useState from react import ReactDOM from react dom import Modal from Components Modal import styles css const domElement document getElementById modals export default function App const stateModal setStateModal useState false const openModal gt setStateModal true const closeModal gt setStateModal false return lt div id App className flex flex col justify center items center gt lt h gt Portals Example lt h gt lt div className flex flex col items center justify center gt lt p gt This is a div with a defined height and overflow hidden lt p gt lt button onClick openModal gt Open modal lt button gt lt div gt stateModal amp amp ReactDOM createPortal lt Modal close closeModal gt lt p gt Modal from App js lt p gt lt Modal gt domElement lt div gt First we have the imports and on line we have a reference to the div modal getting it withconst domElement document getElementById modals Reference to div modals for create portalWe need to have this stored in a variable since we will need it to create the portal Then we have the state of openModal to be able to know if the modal is open or closed we also have the respective functions to open and close the modal We have the button to open the modal below this we have the most important thing which is a conditional that when the modal s state is true we will use the ReactDOM createPortal function and as the first parameter we will pass the element that we want to render and how second parameter we will pass the reference of the div where we are going to inject said component so we have something like this stateModal amp amp ReactDOM createPortal lt Modal close closeModal gt lt p gt Modal from App js lt p gt lt Mode gt domElement Having this we will be able to see how the modal will be rendering inside the div modals that is outside the parent container of our app all this thanks to the portals and thus we had no problems with our styles or even having the modal elements separated from the dom Improving our accessibility with good practicesNote When working with portals remember that managing keyboard focus is very important For dialogs make sure everyone can interact with them by following the WAI ARIA Modal Creation Practices Programmatically managing the focus Our React apps continually modify the HTML DOM at runtime sometimes causing keyboard focus to be lost or set to an unexpected element To fix this we need to programmatically push the keyboard focus in the correct direction For example resetting keyboard focus to a button that opened a modal window after that modal window is closed Then we are going to improve our components so that there are no errors What would happen if for some reason you have a modal to delete something and when the modal is opened the focus is sent to the confirm button this is bad accessibility management because it can be activated inadvertently by keyboard input so it is It is always better to leave the focus on the action of closing the modal and return it to the button that activated the modal so that it does not get lost in some non existent element of it For this we must block the scroll and also prevent the focus from leaving our component we will use dependencies which we are going to install through npm i no scroll focus trap reactWe are going to improve our modal component by redirecting the focus to the cancel button and we will do this thanks to React s useRef hook src Components Modal index js import noScroll from no scroll import useEffect useRef from react import FocusTrap from focus trap react export const Modal props gt let children openButtonRef close rest props if children children lt p gt This is a example modal lt p gt let buttonRef useRef useEffect gt buttonRef buttonRef current focus null noScroll on return gt openButtonRef openButtonRef current focus null noScroll off return lt FocusTrap gt lt div id modal dialog rest gt lt div className flex flex col justify center items center gt children lt button ref buttonRef onClick close gt Close this modal lt button gt lt div gt lt div gt lt FocusTrap gt First we do the imports of our new dependencies import FocusTrap from focus trap react import noScroll from no scroll Then we create a reference that we will use in our button let buttonRef useRef and we make the reference as follows with our close button modal lt button ref buttonRef onClick close gt Close this modal lt button gt We will also add a new property that is the reference of our button to open our modal in order to return the focus when this modal is closed let children openButtonRef close rest props With useRef we will know when this modal is rendered which will indicate that it is open we will verify that there are references to the close button if there is a reference we will focus it with openButtonRef openButtonRef current focus null and we will also block the scroll to our application with noScroll off and most importantly when this component is unmounted we are going to give focus back to the button that opened the modal and we will unlock the scroll again with the following codeopenButtonRef openButtonRef current focus null noScroll off For which the useEffect would be as follows useEffect gt buttonRef buttonRef current focus null noScroll on return gt openButtonRef openButtonRef current focus null noScroll off Finally we will wrap our modal with the component lt FocusTrap gt lt FocusTrap gt In our src App js component we are going to create a reference to our open button and pass it to our modal so our file would look like this import useRef useState from react import ReactDOM from react dom import Modal from Components Modal import styles css const domElement document getElementById modals export default function App const stateModal setStateModal useState false let openButtonRef useRef const openModal gt setStateModal true const closeModal gt setStateModal false return lt div id App className flex flex col justify center items center gt lt h gt Portals Example lt h gt lt div className flex flex col items center justify center gt lt p gt This is a div with a defined height and overflow hidden lt p gt lt button ref openButtonRef onClick openModal gt open modal lt button gt lt div gt stateModal amp amp ReactDOM createPortal lt Modal close closeModal openButtonRef openButtonRef gt lt p gt Modal from App js lt p gt lt Mode gt domElement lt div gt In this way we have applied good accessibility practices the scroll will be blocked and also the focus will only be limited to our modal we can test using the Tab button in this example we have learned about react portals and to create a modal with good practices Now all that remains is to practice and continue investigating what we can improve on this modal component Tell me in what other example would you use react portals	2022-02-21 18:00:59
Apple	AppleInsider - Frontpage News	Apple still hasn't made Dutch App Store changes despite $28M in fines	https://appleinsider.com/articles/22/02/21/apple-still-hasnt-made-dutch-app-store-changes-despite-28m-in-fines?utm_medium=rss	Apple still hasn x t made Dutch App Store changes despite M in finesApple has yet to implement ーor even respond to ーApp Store feedback from Dutch regulators despite the country s antitrust watchdog levying a million fine for the fifth consecutive week App Store on iPhoneOn Monday the Authority for Consumers and Markets again fined Apple million euros for refusing to change its in app subscription policy to allow outside payment methods The ACM has been levying weekly fines since Apple missed a Jan deadline to make the changes Read more	2022-02-21 18:08:27
海外TECH	CodeProject Latest Articles	CodeProject SenseAI Server: AI the easy way.	https://www.codeproject.com/Articles/5322557/CodeProject-SenseAI-Server-AI-the-easy-way	artificial	2022-02-21 18:02:00
海外TECH	WIRED	The 31 Best Presidents’ Day Sales on Home Goods and Tech	https://www.wired.com/story/presidents-day-sales-2022	weekend	2022-02-21 18:30:00
金融	金融庁ホームページ	金融庁職員の新型コロナウイルス感染について公表しました。	https://www.fsa.go.jp/news/r3/sonota/20220221.html	新型コロナウイルス	2022-02-21 18:15:00
ニュース	@日本経済新聞 電子版	プーチン氏、ウクライナ親ロシア地域の独立を承認へ https://t.co/8rMw1eqAFt	https://twitter.com/nikkei/statuses/1495824542564249600	親ロシア	2022-02-21 18:15:36
ニュース	BBC News - Home	Covid: PM sets out end of legal restrictions in England	https://www.bbc.co.uk/news/uk-60467183?at_medium=RSS&at_campaign=KARANGA	incomes	2022-02-21 18:43:52
ニュース	BBC News - Home	Storm Eunice: Baby born on hard shoulder near Felixstowe	https://www.bbc.co.uk/news/uk-england-suffolk-60465311?at_medium=RSS&at_campaign=KARANGA	florence	2022-02-21 18:27:52
ニュース	BBC News - Home	What is England's 'Living with Covid' plan and what are the rules in the rest of the UK?	https://www.bbc.co.uk/news/explainers-52530518?at_medium=RSS&at_campaign=KARANGA	covid	2022-02-21 18:19:31
ビジネス	ダイヤモンド・オンライン - 新着記事	糖質制限ダイエットが合わない人は「おにぎり」を食べるべし - 仕事脳で考える食生活改善	https://diamond.jp/articles/-/296949	糖質制限ダイエットが合わない人は「おにぎり」を食べるべし仕事脳で考える食生活改善世間ではさまざまなダイエット法が話題になりますが、誰でもうまくいくダイエットというのはそうそうありません。	2022-02-22 04:00:00
ビジネス	ダイヤモンド・オンライン - 新着記事	真剣勝負を“楽しむ”ことは本当にNG？学生スポーツが「笑顔作戦」で甦る理由 - 識者に聞く「幸せな運動」のススメ	https://diamond.jp/articles/-/296914		2022-02-22 03:55:00
ビジネス	ダイヤモンド・オンライン - 新着記事	ダイエットに実は悪影響!? 「ノンオイルドレッシング」の罠とは - やせたい人はカロリー制限をやめなさい	https://diamond.jp/articles/-/296032	購入	2022-02-22 03:50:00
ビジネス	ダイヤモンド・オンライン - 新着記事	エルメス成長鈍化も買い時か、高級品銘柄に明暗 - WSJ PickUp	https://diamond.jp/articles/-/296950	wsjpickup	2022-02-22 03:45:00
ビジネス	ダイヤモンド・オンライン - 新着記事	羽振りのいい暗号資産投資家、支出額は不明 - WSJ PickUp	https://diamond.jp/articles/-/296951	wsjpickup	2022-02-22 03:40:00
ビジネス	ダイヤモンド・オンライン - 新着記事	首都圏「中学受験2022」を総括、史上最高水準の受験比率となった2月1日入試 - 中学受験への道	https://diamond.jp/articles/-/296964	中学受験	2022-02-22 03:35:00
ビジネス	ダイヤモンド・オンライン - 新着記事	米中摩擦に慣れた投資家、中印緊張リスクも浮上 - WSJ PickUp	https://diamond.jp/articles/-/296952	wsjpickup	2022-02-22 03:35:00
ビジネス	ダイヤモンド・オンライン - 新着記事	ひろゆきが語る「仕事ができる人、できない人」の決定的な違い - 1％の努力	https://diamond.jp/articles/-/295650	youtube	2022-02-22 03:30:00
ビジネス	ダイヤモンド・オンライン - 新着記事	FIREすれば、お金を節約できる - 年収300万円からのFIRE入門	https://diamond.jp/articles/-/296405	人間関係	2022-02-22 03:25:00
ビジネス	ダイヤモンド・オンライン - 新着記事	頭がいい人と悪い人「面接で足りない部分を指摘されたとき」の対応の差 - 転職が僕らを助けてくれる	https://diamond.jp/articles/-/290431	山下さんは月に出版した初の著書『転職が僕らを助けてくれるー新卒で入れなかったあの会社に入社する方法』で、自らの転職経験を全て公開している。	2022-02-22 03:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【最速で経済的自立を果たす！ FIRE2.0】 会社を辞めたら待ち受ける現実とは？ - 投資をしながら自由に生きる	https://diamond.jp/articles/-/296093		2022-02-22 03:15:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【現役サラリーマンが株式投資で2.5億円】 割安成長株を探し出す手っ取り早い方法とは？ - 割安成長株で2億円 実践テクニック100	https://diamond.jp/articles/-/296119	【現役サラリーマンが株式投資で億円】割安成長株を探し出す手っ取り早い方法とは割安成長株で億円実践テクニック定年まで働くなんて無理……生涯賃金億円を株式投資で稼いでしまおうそう決意した入社年目、知識ゼロの状態から株式投資を始めた『割安成長株で億円実践テクニック』の著者・現役サラリーマン投資家の弐億貯男氏。	2022-02-22 03:10:00
ビジネス	ダイヤモンド・オンライン - 新着記事	「本を読んでも記憶に残らない」を解決する驚きの方法 - 独学大全	https://diamond.jp/articles/-/296960	驚き	2022-02-22 03:05:00
IT	IT号外	モラージュ菖蒲への久喜駅からバスを使っての行き方と乗り方。バス停、バス乗り場の場所。	https://figreen.org/it/%e3%83%a2%e3%83%a9%e3%83%bc%e3%82%b8%e3%83%a5%e8%8f%96%e8%92%b2%e3%81%b8%e3%81%ae%e4%b9%85%e5%96%9c%e9%a7%85%e3%81%8b%e3%82%89%e3%83%90%e3%82%b9%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%ae%e8%a1%8c/	モラージュへ行くバスは、モラージュ菖蒲中央口行きと、菖蒲仲橋行きの二本の路線があり、この二路線の久喜駅前の乗車場所は同じようだ乗り場は上記地図参照。	2022-02-21 18:54:33