投稿時間:2022-03-15 13:25:26 RSSフィード2022-03-15 13:00 分まとめ(28件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Engadget Japanese	米国で17年ぶりにCD売上げが増加、前年比21%増を記録	https://japanese.engadget.com/cd-sales-increase-for-the-first-time-in-17-years-033042447.html	記録	2022-03-15 03:30:42
TECH	Engadget Japanese	160個のインテルCPUを身体に装着した「CPUマン」、中国の税関で捕まる	https://japanese.engadget.com/160-intel-cpu-man-caught-030043211.html	関税	2022-03-15 03:00:43
ROBOT	ロボスタ	ドリンクを乗せたロボットが店内を巡回してPR　Pudu Roboticsが中国で蒙牛乳業との戦略的提携の事例を発表	https://robotstart.info/2022/03/15/pudu-robotics-mengniu-dairy.html	ドリンクを乗せたロボットが店内を巡回してPRPuduRoboticsが中国で蒙牛乳業との戦略的提携の事例を発表シェアツイートはてブ商用サービスロボットの大手企業「PuduRobotics」は蒙牛乳業との戦略的提携を発表した。	2022-03-15 03:31:02
IT	ITmedia 総合記事一覧	[ITmedia News] シャープ、スキンケア商品に参入　「マスク生活を応援」　EC限定で	https://www.itmedia.co.jp/news/articles/2203/15/news103.html	cocorostore	2022-03-15 12:49:00
IT	ITmedia 総合記事一覧	[ITmedia News] M1 Ultra搭載Mac Studioの性能、RyzenやRadeonだとどのあたり？	https://www.itmedia.co.jp/news/articles/2203/15/news100.html	bench	2022-03-15 12:44:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] アマゾンが熱視線　まちの牛乳屋さんの超アナログ商法	https://www.itmedia.co.jp/business/articles/2203/15/news097.html	ITmediaビジネスオンラインアマゾンが熱視線まちの牛乳屋さんの超アナログ商法各家庭に牛乳を宅配するまちの牛乳屋さん。	2022-03-15 12:23:00
IT	ITmedia 総合記事一覧	[ITmedia PC USER] デル、17型ノートの収納が可能なバックパックを発売	https://www.itmedia.co.jp/pcuser/articles/2203/15/news094.html	dellecolooppro	2022-03-15 12:03:00
IT	情報システムリーダーのためのIT情報専門サイト IT Leaders	NEC、クラウド型メールセキュリティにPPAP代替機能を追加、受信者がWebアップロードして復号 | IT Leaders	https://it.impress.co.jp/articles/-/22841	NEC、クラウド型メールセキュリティにPPAP代替機能を追加、受信者がWebアップロードして復号ITLeadersNECは年月日、クラウド型メールセキュリティサービス「ActSecureクラウドメールセキュリティサービス」を強化し、メールの暗号化によってPPAPを代替する機能をオプションとして搭載した。	2022-03-15 12:05:00
python	Pythonタグが付けられた新着投稿 - Qiita	GitHubとHerokuを連携してDjangoアプリをデプロイする（2022.3.15）	https://qiita.com/tan0ry0shiny/items/149179d3d6a3f6c5aa73	GitHubとHerokuを連携してDjangoアプリをデプロイする背景先日は単にあるファイルをGitHubに上げるだけの記事を書きました。	2022-03-15 12:05:02
js	JavaScriptタグが付けられた新着投稿 - Qiita	JavaScriptで作る、リロードごとに問題がシャッフルされるクイズ。	https://qiita.com/mkunu/items/48e95c68295c5d151098	JavaScriptで作る、リロードごとに問題がシャッフルされるクイズ。	2022-03-15 12:06:14
Linux	Ubuntuタグが付けられた新着投稿 - Qiita	Ubuntuで複数のNICを束ねる方法	https://qiita.com/go_new_innov/items/8938f9587082ac7d202c		2022-03-15 12:35:05
AWS	AWSタグが付けられた新着投稿 - Qiita	Amazon CloudWatch Syntheticsでシンセティック監視する（CloudFormationテンプレートで構築）	https://qiita.com/ta__k0/items/148c7dc59aade2a6d966	AmazonCloudWatchSyntheticsでシンセティック監視するCloudFormationテンプレートで構築はじめにシステムを構築した後、運用の中でいろいろな指標値を基に「そのシステムが正常に動作しているか」を継続的にモニタリングする必要があります。	2022-03-15 12:12:02
Linux	CentOSタグが付けられた新着投稿 - Qiita	ConoHa VPSでマイクラ鯖を立てた時の話(バックアップとかOS再起動とか)	https://qiita.com/tarpon2525/items/1e173bfee286d9339557	バックアップOS再起動をしてくれるシェルを作りたいやりたいことバックアップ実行前にサーバー内に向けて指定時間後に再起動がされることを通知直前のカウントダウンサーバーサービスを停止してバックアップ過去日分くらいバックアップがあればいいので日以降のバックアップデータを削除バックアップが完了したらOSごとreboot必要なファイルってことで、データバックアップ及び再起動処理はシェルで作った。	2022-03-15 12:48:19
技術ブログ	Developers.IO	[アップデート] RDS for Oracle で Oracle Database 21c が利用可能になりました	https://dev.classmethod.jp/articles/rds-for-oralce-supports-oracle21c/	注意事項	2022-03-15 03:58:32
技術ブログ	Developers.IO	データ分析のメトリクスレイヤーを実現するサービス「Transform」を紹介しました #AKIBASaaS	https://dev.classmethod.jp/articles/akibasaas_transform/	akibasaas	2022-03-15 03:00:47
海外TECH	DEV Community	useReducer in react: Everything you need to know	https://dev.to/therajatg/usereducer-in-react-everything-you-need-to-know-5b5i	useReducer in react Everything you need to knowprerequisites Grasp of reduce method in JavaScript anduseState in reactFor reduce method I recommend you to read my blog here Ok Let s get started The useReducer Hook is similar to the useState Hook We use useReducer because managing multiple states like more than using useStates is a hassle that s all Since talk is cheap let me show you the code Let s make a simple counter to increment the value by with useState then I ll show you how to do it with useReduce and some more complex examples import styles css import useState from react export default function App const counter setCounter useState return lt div className App gt lt h gt counter lt h gt lt button onClick gt setCounter counter gt lt button gt lt div gt Now let me show you how to do it with useReducer Just see the code import styles css import useReducer from react export default function App function reducerFunc state action return state Syntax const state dispatch useReduce theReducerFunction initialValueOfState const state dispatch useReducer reducerFunc return lt div className App gt lt h gt state lt h gt lt button onClick gt dispatch gt lt button gt lt div gt Done Now let s hear the conversation between Ravi and Rajat to understand how the above code is working Rajat As soon as the user will click on the button the dispatch function will be called and yes dispatch is a function Ravi Ok I get it but what is the role of dispatch Rajat Listen very carefully this is the most important part You can see the dispatch function in the useReducer syntax and as soon as the dispatch is called it will further call the reducerFunc Ravi ok but the reducerFunc takes parameters where we ll get them Rajat Good question man The reducerFunc will automatically be called with arguments The st one is which you can see as the nd parameter inside useReducer useReducer reducerFunc and it goes to the state parameter in reducerFunc and the nd one is which is being picked up from onClick lt button onClick gt dispatch gt lt button gt and goes to the action parameter in reducerFunc Ravi That s too much information to wrap my head around Rajat No it s not read it again and one more thing the parameters you see in the reducerFunc that is state and action will behave similarly to accumulator and initialValue that we provide in the reduce method in JavaScript because the reducerFunc will behave like the function that we pass inside the reduce method in JavaScript that used to return the accumulator does the above conversation made sense If it still does not make much sense don t worry let s move on to the next example and make a simple counter but this time there will be states one to increment and another one to decrement the counter value The increment counter will increment the counter value by and the decrement counter will decrease it by import styles css import useState from react export default function App const counter setCounter useState return lt div className App gt lt h gt counter lt h gt lt button onClick gt setCounter counter gt lt button gt lt button onClick gt setCounter counter gt lt button gt lt div gt Now let s make it using useReducer import styles css import useReducer from react export default function App function reducerFunc state action switch action type case INCREMENT return state counter state counter action payload case DECREMENT return state counter state counter action payload default return state const state dispatch useReducer reducerFunc counter return lt div className App gt lt h gt state counter lt h gt lt button onClick gt dispatch type INCREMENT payload gt lt button gt lt button onClick gt dispatch type DECREMENT payload gt lt button gt lt div gt Again let s hear the conversation between Ravi and Rajat Ravi I understood what you told about the previous code but here you did some changes such as instead of passing a value such as you passed an object in dispatch in the onClick statement why Rajat Remember I told you at the start of this blog that useReducer is used to manage multiple states Ravi yesRajat In order to manage multiple states with a single useReducer we need to differentiate between the states and based on type we do that Rajat Let me tell you what s happening in the above code As soon as the user clicks any button or dispatch is called which in turn calls the reducerFunc with state and counter as argument and state and action as the corresponding parameters Further as I told you before imagine state and action as accumulator and current value respectively that we used to use in simple reduce in JavaScript Ravi Ok so the reducerFunc is called what is happening inside reducerFunc Rajat Well that is simple Rajat If user click the objects counter and type INCREMENT payload are passed as state and action respectively then we see the value of action type and since it is INCREMENT the first case runs and state counter state counter action payload is returned in which state counter is the previous value of counter and action payload is If you do not know what is state read my blog about spread operator here Rajat similarly the DECREMENT case is executed when the user clicks on Ravi and what is the state counter that you are rendering Rajat Think logically bro the value of state is getting updated and by state I mean the number in counter number is getting updated and in order to access this number we have to do state counter Ravi Awesome I understood Just need to practice this problem once on my own and I recommend the ones reading this blog to do the same and then come back to read further Many of you must be thinking that why all this hassle when we can use useState This is because in the above ️example we are managing only states but what if we have a complex app and there are states to manage then useState will be a hassle As a rule of thumb I suggest using useReducer when there are more than states to manage Ok now let s get to the next example and make this On clicking Add to Cart button items should be added in the cart and Items in Cart and Total Price should increase However on clicking Remove from Cart button the opposite should happen I expect you try this on your own using useReducer and give this problem at least minutes and after that if you can t figure it out then jump to below code import useReducer from react import styles css const itemsInCart id name kala chasma price id name rumali roti price id name jalebi price id name joota price export default function App const state dispatch useReducer state action gt switch action type case ADD TO CART return state totalItems state totalItems totalPrice state totalPrice action payload case REMOVE FROM CART return state totalItems state totalItems totalPrice state totalPrice action payload default return state totalItems totalPrice return lt div className App gt lt h gt Items in Cart state totalItems lt h gt lt h gt Total Price state totalPrice lt h gt lt hr gt itemsInCart map name price gt lt div gt lt h gt Product name Price price lt h gt lt button onClick gt dispatch type ADD TO CART payload price gt Add to Cart lt button gt lt button onClick gt dispatch type REMOVE FROM CART payload price gt Remove from Cart lt button gt lt div gt lt div gt I wanna end this blog here as the logic of the above code is the same as the example before it but it does not feel complete without explaining the above code So here we go customer clicks on the Add to Cart button As soon as the click happens the dispatch function is called which in turn calls the function defined inside useReducer here I did not define the reducerFunc separately and used the arrow function inside useReducer as this way I like the code more which in turn calls the function defined inside useReducer with state and action as a parameter where the state is totalItems totalPrice and action is type ADD TO CART payload price From the above assignment you can get the values of state totalItems state totalPrice and action payload which are further used to update the value of state after every click Finally we render state totalItems and state totalPrice Now wrestle with the above code fro sometime and you ll get a better understanding Just one more thing The names we gave that are state action type payload and dispatch are not keywords You can give any name you want It s just out of the convention that we used these names and I like conventions since I don t have to think about trivial stuff and It brings people on the same page in terms of understanding the code If you like this blog and have some confusion about useEffect or any other react hooks then read my blogs here That s all folks If you have any doubt ask me in the comments section and I ll try to answer as soon as possible I write articles every week related to web development Hence you should subscribe to my newsletter if you are learning web developmentIf you love the article follow me on Twitter therajatgIf you are the Linkedin type let s connect Have an awesome day ahead	2022-03-15 03:49:11
海外科学	NYT > Science	New ‘Deltacron’ Variant Is Rare and Similar to Omicron, Experts Say	https://www.nytimes.com/2022/03/11/science/deltacron-coronavirus-variant.html	New Deltacron Variant Is Rare and Similar to Omicron Experts SayScientists have found a handful of cases of a new hybrid variant in Europe and the United States It s unlikely to cause trouble they say	2022-03-15 04:00:09
海外ニュース	Japan Times latest articles	U.S. warns that Russia wants armed drones from China	https://www.japantimes.co.jp/news/2022/03/15/asia-pacific/politics-diplomacy-asia-pacific/us-china-russia-ukraine-meeting/	adviser	2022-03-15 12:56:40
海外ニュース	Japan Times latest articles	Bank of Japan chief risks hitting inflation goal in a way he doesn’t want	https://www.japantimes.co.jp/news/2022/03/15/business/economy-business/boj-inflation-goal/	Bank of Japan chief risks hitting inflation goal in a way he doesn t wantEconomists are predicting core consumer prices will rise at a pace of or more this year as surging energy prices a weakening yen and	2022-03-15 12:44:07
海外ニュース	Japan Times latest articles	Diplomacy quickens to halt Ukraine war or stop its expansion	https://www.japantimes.co.jp/news/2022/03/15/world/ukraine-russia-diplomacy/	crisis	2022-03-15 12:39:28
海外ニュース	Japan Times latest articles	China sees at least one winner emerging from Ukraine war: China	https://www.japantimes.co.jp/news/2022/03/15/asia-pacific/politics-diplomacy-asia-pacific/china-winner-ukraine-war/	China sees at least one winner emerging from Ukraine war ChinaWith a strategy to shield itself from the worst economic and diplomatic consequences it could face China seeks to benefit from geopolitical shifts once the	2022-03-15 12:23:53
ビジネス	ダイヤモンド・オンライン - 新着記事	ふるさと納税の8大サイトの特徴やメリットを比較！ 最も便利なサイトはどこ？取扱い自治体数や特典は？ ザイがおすすめする「ふるさと納税サイト」を紹介！ - ふるさと納税おすすめ特産品情報	https://diamond.jp/articles/-/108715	ふるさと納税の大サイトの特徴やメリットを比較最も便利なサイトはどこ取扱い自治体数や特典はザイがおすすめする「ふるさと納税サイト」を紹介ふるさと納税おすすめ特産品情報【年月日更新】おすすめの「ふるさと納税」サイトはココだマネー誌・ダイヤモンドZAi編集部が、掲載している自治体の数やお得なサービスなどを比較して、おすすめの「ふるさと納税サイト」を紹介「ふるさと納税」をすると決めたら、どの自治体に寄附をするのがいいのかを探すのが、一番楽しい作業だろう。	2022-03-15 12:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	中国の5Gインフラ、産業用で世界をリード - WSJ発	https://diamond.jp/articles/-/299190	産業	2022-03-15 12:18:00
ビジネス	ダイヤモンド・オンライン - 新着記事	欧州エネルギー安全保障、高くつくロシア脱却 - WSJ発	https://diamond.jp/articles/-/299191	脱却	2022-03-15 12:04:00
北海道	北海道新聞	東証、午前終値２万５３８５円　一進一退、原油相場下落は好材料	https://www.hokkaido-np.co.jp/article/656996/	一進一退	2022-03-15 12:16:00
北海道	北海道新聞	道南中心に風雨、雪崩や浸水に注意　美笛峠近くで国道通行止め	https://www.hokkaido-np.co.jp/article/656954/	通行止め	2022-03-15 12:16:43
北海道	北海道新聞	まん延防止「解除」要請　道が１５日夕に正式決定	https://www.hokkaido-np.co.jp/article/656989/	新型コロナウイルス	2022-03-15 12:11:00
IT	週刊アスキー	不動産MaaSサービス「&MOVE」とニアミーのタクシー相乗りサービス「nearMe.Town」が連携を開始	https://weekly.ascii.jp/elem/000/004/086/4086135/	ampmove	2022-03-15 12:30:00