投稿時間:2021-06-12 14:19:15 RSSフィード2021-06-12 14:00 分まとめ(22件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Engadget Japanese	アップル、「Apple Design Awards 2021」の受賞者を発表。「原神」や「HoloVista」などが受賞	https://japanese.engadget.com/apple-design-awards-2021-044541835.html	appledesignaward	2021-06-12 04:45:41
TECH	Techable（テッカブル）	空中ドローンが水中ドローンを運ぶ！ 世界初の「水空合体ドローン」	https://techable.jp/archives/156349	株式会社	2021-06-12 04:00:06
python	Pythonタグが付けられた新着投稿 - Qiita	NO.3取得したいろが　何色なのか　区別する	https://qiita.com/otoboke162/items/c4130653bec267e7e11c	データにないものは色を返さないので精度はかなりよくなりますがそうとうなデータが必要になります。	2021-06-12 13:57:40
python	Pythonタグが付けられた新着投稿 - Qiita	PyAutoGUIでお絵描き	https://qiita.com/shirokumaneko/items/09d1eb7317974d6ea579	PyAutoGUIでお絵描きペイントで正弦波を描きます。	2021-06-12 13:09:05
python	Pythonタグが付けられた新着投稿 - Qiita	dockerでpythonの開発環境を作成し、requests-htmlでのスクレイピング結果をslackに送信する	https://qiita.com/ryasuna/items/ab2a8fa8a1c594505a70	dockerでpythonの開発環境を作成し、requestshtmlでのスクレイピング結果をslackに送信するはじめにスクレイピングを行うにあたりこちらの注意事項まとめを参考にさせていただきました。	2021-06-12 13:03:16
js	JavaScriptタグが付けられた新着投稿 - Qiita	【アルゴリズム】JavaScriptで部分配列問題を解く	https://qiita.com/suzuki0430/items/06bf70370c71d84c1f6b	chunkgtchunkgtchunkgtchunkgtchunkgt解答以下の処理を考えて実装します。	2021-06-12 13:56:46
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	VS Code のインタプリンタのPythonのバージョンを変更したい	https://teratail.com/questions/343601?rss=all	VSCodeのインタプリンタのPythonのバージョンを変更したい前提・実現したいことVSnbspCodeのターミナルを開いてPythonのバージョンを確認してみるとnbspvnbspがデフォルトになっています。	2021-06-12 13:59:58
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	CSSで指定した画像幅が端まで表示されない	https://teratail.com/questions/343600?rss=all		2021-06-12 13:41:57
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	autometorのシェルスクリプトで起動したい	https://teratail.com/questions/343599?rss=all		2021-06-12 13:32:37
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	vscodeでアナコンダとpython,kiviyを使おうとしていますが、コマンドプロトでconnda -Vを入力しても認識されません	https://teratail.com/questions/343598?rss=all	vscodeでアナコンダとpythonkiviyを使おうとしていますが、コマンドプロトでconndaVを入力しても認識されません前提・実現したいこと題名の通り、VScodeとanacondaを使おうとしています。	2021-06-12 13:15:49
Ruby	Rubyタグが付けられた新着投稿 - Qiita	Ruby on Rails 6のbundle installが重すぎる	https://qiita.com/croquette0212/items/d2f48f30c3ed7dcd0e3c	UseSCSSforstylesheetsgemsasscgemsassrails結果CloudBuildでのビルド時間は分から分に短縮sasscのバージョンをに下げたことで、bundleinstallにかかる時間が大幅に短くなった。	2021-06-12 13:44:32
AWS	AWSタグが付けられた新着投稿 - Qiita	AWSs3上でお名前.comで取得した独自ドメインを反映させる手順	https://qiita.com/surasurag/items/306a982c513617fb6e71	AWSs上でお名前comで取得した独自ドメインを反映させる手順何の記事かAWSのS上で構築したサイトを、お名前comで取得した独自ドメインにしようと思ったものの、意外と情報がまとまっておらずメモに残そうと思いました。	2021-06-12 13:10:51
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS Data Analytics - Specialty 合格記録	https://qiita.com/shinon_uk/items/b1d3510ee5fa452d91f1	※Analyticsの主要なサービス部分何もわからない状態で問題集をやるよりは、公式ドキュメントで「見たことある」状態にしてから演習すると、Input効率が格段に上がります。	2021-06-12 13:05:14
Docker	dockerタグが付けられた新着投稿 - Qiita	DockerでNode.jsのインストールに失敗する	https://qiita.com/matsu1207/items/003befa0b65ee44a149c	DockerでNodejsのインストールに失敗するDockerでdockercomposeupbuildした際にnodejsをインストールするとこでエラーが出たので、再発用に残しておきます。	2021-06-12 13:26:36
Docker	dockerタグが付けられた新着投稿 - Qiita	dockerでpythonの開発環境を作成し、requests-htmlでのスクレイピング結果をslackに送信する	https://qiita.com/ryasuna/items/ab2a8fa8a1c594505a70	dockerでpythonの開発環境を作成し、requestshtmlでのスクレイピング結果をslackに送信するはじめにスクレイピングを行うにあたりこちらの注意事項まとめを参考にさせていただきました。	2021-06-12 13:03:16
Ruby	Railsタグが付けられた新着投稿 - Qiita	Ruby on Rails 6のbundle installが重すぎる	https://qiita.com/croquette0212/items/d2f48f30c3ed7dcd0e3c	UseSCSSforstylesheetsgemsasscgemsassrails結果CloudBuildでのビルド時間は分から分に短縮sasscのバージョンをに下げたことで、bundleinstallにかかる時間が大幅に短くなった。	2021-06-12 13:44:32
Ruby	Railsタグが付けられた新着投稿 - Qiita	再生数が多いもの上位5件をViewに表示したい。	https://qiita.com/hedgehog-genki/items/351e09503e6a93c2109e	再生数が多いもの上位件をViewに表示したい。	2021-06-12 13:43:00
海外TECH	DEV Community	What's new in React 18 ?	https://dev.to/muditdev/what-s-new-in-react-18-32m4	What x s new in React While there is still a lot more to come I thought may be fascinating to share its top new features Automatic batchingBatching in React is whenever multiple state updates are combined into a single re render function App const count setCount useState const flag setFlag useState false function handleClick setCount c gt c Does not re render yet setFlag f gt f Does not re render yet React will only re render once at the end that s batching return lt div gt lt button onClick handleClick gt Next lt button gt lt h style color flag blue black gt count lt h gt lt div gt In this example the component would only be rendered once after handleClick is called Although we might think setCount and setClicked would trigger two re renders Now while this works well at the moment if you re calling multiple state updates in a different context such as a promise or a callback PromisefetchSomething then gt setCount count setFlag true callback or timeoutsetTimeOut gt setCount count setFlag true React won t batch these two updates into one and you ll get two re renders when only one would have been needed With React all these use cases will now be covered and state updates will be batched automatically no matter what s the context import unstable batchedUpdates from react dom unstable batchedUpdates gt setCount count setFlag true React will do it for you by default This might remind you of unstable batchedUpdates that was doing exactly this well now React will do it for you by default How to stop batching If you happen not to want these updates to be batched you ll need to use flushSync that will re render your component every time it s done running the function you re passing it to import flushSync from react dom function handleClick flushSync gt setCount count React has re render flushSync gt setFlag true React will re render So with the following your component would render twice instead of just one time TransitionsA really big new feature which allows you “to tell React which updates are urgent and which are not A good example of that is a search input that should filter out a list of elements So if you re updating a search input you d want its value to change as we type Although the search results might appear in a secondphase when we re done typing import startTransition from react Urgent Update input value as typesetInputValue input startTransition gt Secondary Show the search results setSearchQuery input This is where we could mark the input value change as an urgent update and the elements filtering as secondary also called now a transition Transitions can be interrupted by urgent updates and previous transitions that are no longer relevant will be dismissed This allows the user interface to only show its most up to date state and skip secondary updates transitions that might be slowerto compute and sometimes return intermediate states that are irrelevant As you can see here we re marking the input value change as urgent and run our secondary update inside a transition as it might trigger slow computations and could freeze or slow down the whole user experience as we type startTransition is great for any update “you want to move to the background such as slow and complex rendering tasks or whenupdates rely on fetching data that might take time due to a slow network Suspense and Server Side RenderingThe way SSR Server side rendering works is by rendering all thecomponents on the server first then sending the result as HTML to the browser After that the JavaScript is loaded as usual and the HTML magically becomes interactive by what is called hydration This turns your static HTML elements into your dynamic React components as you know them Problem The main problem with this approach is that as long as the JavaScript hasn t been fetched loaded and your HTML hydrated your page won t be interactive To solve this waterfall issue React now offers two new features for SSR Streaming HTML and Selective Hydration Streaming HTMLStreaming HTML means that the server can send pieces of your components as they get rendered This works by using Suspense where you d say which parts of your application will take longer to load and which ones should be rendered directly lt Page gt lt Article gt lt Suspense fallback lt Loader gt gt lt Comments gt lt Suspense gt lt Page gt If you think of an article with comments where the article is the critical part of the page you could say load the article but don twait for the comments to be ready to send HTML to the browser You could show a spinner instead using Suspense and once the comments are ready React will send new bits of HTML that will replace the spinner in place Selective hydrationSelective hydration is awesome Where before you d have to wait for every component to be rendered to begin hydration but now components wrapped with Suspense won t block hydration anymore if we go back to our article page the comments that we wrapped with Suspense won t block the article and other components to be hydrated Every ready component will start hydrating and the comments will too once the browser gets both its content and JavaScript code The most important feature of selective hydrationis that if you happen to interact with one of the components before it s been fully hydrated meaning you click somewhere for example React will prioritize this component s hydration This ensures that the most critical interactions are to be repeated as soon as we can hydrate the related component making sure it shydrated before the others Thank you for reading If you really learned something new with this article save it and share it with your colleagues I am also writing tech blogs on makewebhappy This is my first tech article in Dev to You can reach me out on twitter muditit	2021-06-12 04:21:41
金融	ニュース - 保険市場TIMES	SBIいきいき少短のペット保険、24時間無料ペット健康相談開始、キャンペーンも！	https://www.hokende.com/news/blog/entry/2021/06/12/140000		2021-06-12 14:00:00
ニュース	BBC News - Home	Hong Kong activist Agnes Chow released from prison	https://www.bbc.co.uk/news/world-asia-china-57450592	democracy	2021-06-12 04:24:29
ニュース	BBC News - Home	The Papers: 'Summer freedom on hold' and EU trade war threat	https://www.bbc.co.uk/news/blogs-the-papers-57449963	front	2021-06-12 04:21:13
ニュース	BBC News - Home	Bellator 260: Amosov beats Lima to clinch welterweight title	https://www.bbc.co.uk/sport/av/mixed-martial-arts/57450835	bellator	2021-06-12 04:06:59