投稿時間:2021-09-24 01:36:50 RSSフィード2021-09-24 01:00 分まとめ(42件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	｢iOS 15｣では国内版｢iPhone｣を海外に持っていくとシャッター音が鳴らない仕様になった模様	https://taisy0.com/2021/09/24/146372.html	iphon	2021-09-23 15:39:03
IT	気になる、記になる…	EU、スマホなどの充電機器の端子を｢USB-C｣に統一へ − 早ければ2023年にもLightningは廃止か	https://taisy0.com/2021/09/24/146364.html	lightning	2021-09-23 15:17:32
AWS	AWS News Blog	New for AWS Distro for OpenTelemetry – Tracing Support is Now Generally Available	https://aws.amazon.com/blogs/aws/new-for-aws-distro-for-opentelemetry-tracing-support-is-now-generally-available/	New for AWS Distro for OpenTelemetry Tracing Support is Now Generally AvailableLast year before re Invent we introduced the public preview of AWS Distro for OpenTelemetry a secure distribution of the OpenTelemetry project supported by AWS OpenTelemetry provides tools APIs and SDKs to instrument generate collect and export telemetry data to better understand the behavior and the performance of your applications Yesterday upstream OpenTelemetry announced tracing stability …	2021-09-23 15:35:41
AWS	AWS Mobile Blog	Integrating Amazon Location Service with AWS AI/ML services	https://aws.amazon.com/blogs/mobile/integrating-amazon-location-service-with-aws-ai-ml-services/	Integrating Amazon Location Service with AWS AI ML servicesThis post was written by Kiranpreet Chawla Solutions Architect SMB UK amp IR and Matteo Gabrielli Solutions Architect SMB UK amp IR Amazon Location announced in re Invent is a service that lets you add location data to your applications including maps points of interests geocoding and tracking It provides cost effective location based service using high quality data from trusted …	2021-09-23 15:48:51
Google	Official Google Blog	Bring performance and privacy together with Server-Side Tagging	http://feedproxy.google.com/~r/blogspot/MKuf/~3/ohyMEHg8_C8/	Bring performance and privacy together with Server Side TaggingIt s important for businesses to have the insights they need to drive more conversions on their websites But rising expectations and regulations around user privacy can make it hard to meet both performance and privacy needs We re continuing to invest in solutions to help you find that balance Server Side Tagging in Google Tag Manager allows you to move measurement and advertising tags off your website and into a secure server container This helps protect your customers by restricting access to their information and helps increase conversion rates on your site by reducing page load times To ensure all businesses can use this feature Server Side Tagging now works with any cloud or server provider that supports Docker ーan open source platform for developing and running applications We ve also integrated Server Side Tagging into more Google products and services to help you move more tags off your website and achieve better site performance With these improvements we re moving Server Side Tagging out of beta and making it generally available to all customers in Tag Manager and Tag Manager Support for more Google advertising productsServer Side Tagging now supports Google Ads and Google Marketing Platform products including Campaign Manager Display amp Video and Search Ads Previously you had to continue using a client side tag for each marketing product you use and keep them all running directly on your site Now when customers interact with your site a single client side tag can activate multiple tags for these products directly in your server container This means you ll have fewer tags on your site which can help improve your site s page load time A slide that reads “What s the difference between client side tagging and server side tagging with a blue price tag within a circle Learn the difference between client side tagging and server side tagging  A slide that explains client side tagging using images of a consumer shopping site and tags on the site sending data directly to respective platforms Client side tagging implementation when consumer is shopping online  A slide that explains server side tagging using images of a consumer shopping site using one tag to send data to a server container then the secure server sending the data to respective platforms Server side tagging implementation when consumer is shopping online  Integration with other privacy solutionsMarketers often ask us how to use Server Side Tagging with other privacy solutions like Consent Mode and enhanced conversions Consent Mode helps you customize how Google tags behave before and after users make their consent decisions and enhanced conversions help you use consented first party user provided data to better understand how users convert after engaging with your ads We re now making it simpler to use these products together Advertisers with Google Analytics on their sites will soon be able to use enhanced conversions in Google Ads without needing to add additional tags to their site And once you ve set up Consent Mode any Google tags implemented in your server container will automatically respect consent choices that users have made on your website We re also making it easier for you to ensure that user data is handled according to your security preferences Server Side Tagging automatically anonymizes your users IP addresses before the information is shared with Google s reporting tools And in cases where you need more control you have the option to eliminate users IP addresses from your data completely before they re shared Success with Server Side TaggingSince launching Server Side Tagging last year we ve seen businesses around the world use this feature to uphold higher expectations around user privacy and drive better marketing performance Nemlig Denmark s leading online grocer saw a large rise in visitors to its site as people turned to online shopping and home delivery for their daily essentials last year This resulted in longer page load times which negatively impacted conversion rates on Nemlig s site After adopting Server Side Tagging the company was able to move tags from the browser into its secure server container improving its page load time by Read the full story here Square has also found success with Server Side Tagging The San Francisco based company helps businesses of all sizes reach buyers online and in person manage their business and access financing Since implementing Server Side Tagging Square has seen a increase in reported conversions Server Side Tagging is our preferred method for sending measurement data to our marketing partners It allows us to collect data from the website in a secure manner while improving data collection and enabling event enrichment Doug Logue Sr Product Manager of Marketing Technology SquareWith Server Side Tagging you can improve both user trust and website performance As we continue to work on new features and updates our goal is to help you achieve your privacy and performance goals across all of your measurement needs Related ArticleImprove performance and security with Server Side TaggingWe re introducing Server Side Tagging to Google Tag Manager and Tag Manager You will now be able to move many third party tags off y Read Article	2021-09-23 15:49:00
python	Pythonタグが付けられた新着投稿 - Qiita	AzureのFaceAPIの出力結果を色々試してみた	https://qiita.com/akahira/items/d2634244318ee45253f7	AzureのFaceAPIの出力結果を色々試してみたはじめに先日、赤ちゃんの感情を読み取るベビーカメラを作った際に、AzureのFaceAPIを使ったのですが、感情以外にもいろいろな情報を読み取ることができそうなので、どんな情報があるのか試しに使ってみようと思いました。	2021-09-24 00:23:19
js	JavaScriptタグが付けられた新着投稿 - Qiita	Node.js で発生させた乱数で自動で音を鳴らす（Sonic Pi に OSC通信でデータを送信して音を出す）	https://qiita.com/youtoy/items/25c923e9747b21ed6283	Nodejsで発生させた乱数で自動で音を鳴らすSonicPiにOSC通信でデータを送信して音を出す今回の内容は、以下の記事の続きです。	2021-09-24 00:05:39
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	関数アドレスを渡す方法	https://teratail.com/questions/361026?rss=all	関数アドレスを渡す方法MetaEditorMQLで関数に引数として関数アドレスを渡し、関数を呼び出す方法を教えてください。	2021-09-24 00:45:20
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	matplotlibcpp を Visual Studio Code で使いたいが，エラーが解消しない	https://teratail.com/questions/361025?rss=all	matplotlibcppをVisualStudioCodeで使いたいがエラーが解消しない実現したいことPythonではなくCで点やグラフの描画がしたいと思いそのような機能を探してみるとmatplotlibcppという有志によるライブラリが見つかりました。	2021-09-24 00:41:31
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	electron-builderでラズパイ用のdebファイルを作成し、実行させたい。	https://teratail.com/questions/361024?rss=all	前提・実現したいことmacもしくはwindowsを使用し、ラズパイ用のdebファイルを作成→ラズパイへdebファイルを持っていきインストールして実行画面を開きたいです。	2021-09-24 00:35:51
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ライブリロードの調整	https://teratail.com/questions/361023?rss=all	ライブリロードの調整下記をダウンロードし、webpackdevserverを使用してライブリロードをさせたいのですが、どうもうまくいきません。	2021-09-24 00:35:33
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	phpファイルにcssが適用されない	https://teratail.com/questions/361022?rss=all	最近、PHPの勉強をしたいと思い、XAMMPからApacheを起動してプログラムの動きを確認しようとしていたのですがファイルを開いたところ、ltlinkgtで読み込んだcssが適用されていませんでした。	2021-09-24 00:30:56
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Django テンプレート内での条件分岐について, {% if {{ var }} < 100 %} のような処理をしたい	https://teratail.com/questions/361021?rss=all	Djangoテンプレート内での条件分岐についてifvarltのような処理をしたいDjangoを使用したWebアプリの開発を行なっております。	2021-09-24 00:27:05
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Vega-LiteでWARN Infinite extent for field "Time_Seriesl": [Infinity, -Infinity]の警告が表示される	https://teratail.com/questions/361020?rss=all	VegaLiteでWARNInfiniteextentforfieldquotTimeSerieslquotInfinityInfinityの警告が表示される前提・実現したいこと加速度センサーから取得した値を、VegaLiteを使って可視化させようとしたのですが、画面には描画されず、エラーを確認したところWARNnbspInfinitenbspextentnbspfornbspfieldnbspquotTimeSerieslquotnbspInfinitynbspInfinityと表示されていました。	2021-09-24 00:21:16
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	VBA の文字列結合について	https://teratail.com/questions/361019?rss=all	VBAの文字列結合についてVBAで複数のセルの文字列を結合して一つの文にしたいのですがmargeを使ったところ結合はされますが一つにはまとまらないし中の文も消えてしまいます。	2021-09-24 00:14:56
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	【XDデータからコーディング】要素をデザイン通りに並べられない	https://teratail.com/questions/361018?rss=all	【XDデータからコーディング】要素をデザイン通りに並べられない前提・実現したいことWebサイトをAdobenbspXDデータを見ながらコーディングしています。	2021-09-24 00:12:09
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	[Rails]フォーム入力時のundefined method `each' for ...エラーについて	https://teratail.com/questions/361017?rss=all	Railsフォーム入力時のundefinedmethodeachxforエラーについてやりたいこと最近Railsnbsptutorialをやってみたので、簡単なクラウドファウンディングの画面を設計しています。	2021-09-24 00:03:15
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	意味のあるテストコード、意味のないテストコードの区切れ目はどこだとおもいますか？	https://teratail.com/questions/361016?rss=all	意味のあるテストコード、意味のないテストコードの区切れ目はどこだとおもいますか先日コードを書いて先輩にコードレビューをしてもらっていたところ「テストコードが無いから書いて」と言われました。	2021-09-24 00:03:04
Ruby	Rubyタグが付けられた新着投稿 - Qiita	[SQL]基礎的なこと	https://qiita.com/mkato1013/items/d1e081deb8cd972e8abe	これらの操作は、最終的にSQLという言語が実行されて実現する仕組みになっており、SQLを直接使用せずに、「特定のコマンドの実行」や「GUI操作」を実現できます。	2021-09-24 00:59:25
Ruby	Rubyタグが付けられた新着投稿 - Qiita	rails s を実行した際に`Gem Load Error is: AddDllDirectory failed for C:/Ruby30-x64/lib/ruby/gems/3.0.0/gems/pg-1.2.3/lib/x64-mingw32`が発生した時の解決方法	https://qiita.com/michiya0509/items/93b3dc73777c5b3a88a8	railssを実行した際にGemLoadErrorisAddDllDirectoryfailedforCRubyxlibrubygemsgemspglibxmingwが発生した時の解決方法はじめにRailsで簡単なsnsアプリを作成している際に以下の問題が発生して日沼にはまったのでそれの過程と、同じようなことが起きても忘れないよう記録として残しておきます。	2021-09-24 00:30:53
AWS	AWSタグが付けられた新着投稿 - Qiita	【AWS/EC2】本番環境と同様のエラーを表示する	https://qiita.com/ysdiary/items/a369a5ef00fdc99dd15f	【AWSEC】本番環境と同様のエラーを表示するはじめにエラー画面の編集を行うにあたり、cloud環境でも本番のエラー文が表示したい場合に使用しました。	2021-09-24 00:14:19
Azure	Azureタグが付けられた新着投稿 - Qiita	AzureのFaceAPIの出力結果を色々試してみた	https://qiita.com/akahira/items/d2634244318ee45253f7	AzureのFaceAPIの出力結果を色々試してみたはじめに先日、赤ちゃんの感情を読み取るベビーカメラを作った際に、AzureのFaceAPIを使ったのですが、感情以外にもいろいろな情報を読み取ることができそうなので、どんな情報があるのか試しに使ってみようと思いました。	2021-09-24 00:23:19
Ruby	Railsタグが付けられた新着投稿 - Qiita	[SQL]基礎的なこと	https://qiita.com/mkato1013/items/d1e081deb8cd972e8abe	これらの操作は、最終的にSQLという言語が実行されて実現する仕組みになっており、SQLを直接使用せずに、「特定のコマンドの実行」や「GUI操作」を実現できます。	2021-09-24 00:59:25
Ruby	Railsタグが付けられた新着投稿 - Qiita	rails s を実行した際に`Gem Load Error is: AddDllDirectory failed for C:/Ruby30-x64/lib/ruby/gems/3.0.0/gems/pg-1.2.3/lib/x64-mingw32`が発生した時の解決方法	https://qiita.com/michiya0509/items/93b3dc73777c5b3a88a8	railssを実行した際にGemLoadErrorisAddDllDirectoryfailedforCRubyxlibrubygemsgemspglibxmingwが発生した時の解決方法はじめにRailsで簡単なsnsアプリを作成している際に以下の問題が発生して日沼にはまったのでそれの過程と、同じようなことが起きても忘れないよう記録として残しておきます。	2021-09-24 00:30:53
海外TECH	Ars Technica	Diablo II: Resurrected impressions: Maybe not the best time to bring back evil	https://arstechnica.com/?p=1797098	quality	2021-09-23 15:16:04
海外TECH	DEV Community	✅INCREASE the Security of your .NET Applications 🏅(5 Tips to follow RIGHT NOW)	https://dev.to/dotnetsafer/increase-the-security-of-your-net-applications-5-tips-to-follow-right-now-3888	INCREASE the Security of your NET Applications Tips to follow RIGHT NOW When programming one of the aspects that we must take into account is the security of our code we must maintain a balance between good practices software performance and software security From Dotnetsafer we want to give you some basic advice to start paying attention to the security of the code you program and make your NET applications secure Avoid direct connections to databases Many times our applications require databases the easiest way to use these databases is to use a connector from our application In this example of a C application in NET we will show the MySqlConnection connector To make a connection we would use a code like this string connectionString datasource dev dotnetsafer com port username root password secret database test MySqlConnection databaseConnection new MySqlConnection connectionString In this way we are exposing our server port username and password to anyone who has access to the application How can we fix it Here we must take into account several aspects one of them being how our application is structured and its needs In a simple way we could apply the following measures Don t use Universal Data Link UDL filesEncrypt the configuration filesUsing Windows AuthenticationUsing Azure Key Vault SecretWARN If we need complete and advanced security we recommend outsourcing the connections Data encryption in NETWhenever we work with data whether it is application settings or user information we must keep the data encrypted at all times With this class you will be able to manipulate files with a little more security for example To save a file DotnetsaferSecureFile WriteAllText example txt The user Pedro has registered in passwordSecurity To load this file var data DotnetsaferSecureFile ReadAllText example txt passwordSecurity This is a small example to start integrating security and encryption into the data handled by our application both files and strings connections documents etc In this example we have seen that the password “passwordSecurity is in the code at first sight that should not be so the best option would be to outsource this password and load it in a secure way As we did for example with the MySQL connection strings using Azure Key Vault Secret Using the Data Protection API in ASP NET CoreIn ASP NET Core we could use IDataProtector to protect the information and documents that we manipulate in our applications This method is very simple to implement and has several features that make it really good In order to use it in the StartUp cs class of our ASP NET Core application in the ConfigureServices method we will add public void ConfigureServices IServiceCollection services services AddDataProtection services AddTransient lt ProtectorHelper gt Then we ll load it as a parameter in the constructor of the classes in which we want to implement it so we can use it to encrypt the information for example public Class ProtectorHelper protectionHelper This will cause a user s file to be encrypted and expire in hours i e after hours it cannot be decrypted by anyone var usferFile protectionHelper Encrypt fileData TimeSpan FromHours Only with these measures our application will be much safer now we need to implement it correctly to ensure the safety of our customers Update the external dependencies and libraries This recommendation may be obvious but not many people take it into account when programming in NET We make use of many libraries usually many of them offered by Microsoft others developed by users or companies like many of the NuGet packages It is important that we check which libraries are using our application and inform us of any known vulnerabilities or possible security risks they may cause It is also important to take into account the versions of the Framework we are using for our application since it could have become obsolete and without maintenance and could be a security risk Here we provide you with information about the current framework versionsIn addition a table with the known vulnerabilities of the most common NET libraries Use security systems and code obfuscation One of the most effective and simple solutions is to use a tool that takes care of protecting your application The above mentioned security best practices are important for keeping your NET application secure but are not sufficient to ensure the integrity of methods connections and other vulnerabilities At Dotnetsafer we offer you the possibility of protecting your applications for free and we provide you with more advanced protections and features so that you can adapt the security to the needs of your applications Advantages of using a security system for NETAvoid wasting time protecting your applications No security knowledge required It allows you to use various protections and features Incorporate the latest security techniques into your application with a couple of clicks Detects and corrects vulnerabilities automatically It allows you to focus on development and continuous integration without worrying about security as it will run on its side And other advantages that make a security system save you time and money with the publication of your software Another important aspect is that the performance of the team development can be very reduced if we implement the protection manually Because every time there is an update we will have to protect the application again and the development can become very tedious because the code is more difficult to understand less practical and less optimal In addition many of the protections that we can incorporate manually are at the level of connections file manipulation encryption and good practices in development But for the software to be secure and to be able to guarantee the integrity of our intellectual property it is necessary to use more advanced methods and algorithms For example Dotnetsafer offers protections such as Control flow Modifies the flow of methods and disorders them so that they cannot be represented Constants protection Encrypts and protects the application constants so that sensitive information cannot be obtained Rename Renames all types classes methods and variables of our application so that the operation cannot be understood And many more protections if you want to know about all the protections that Dotnetsafer offers we recommend you go to the Protections section And as always if you are reading this it means that you belong to the of people who read the articles UNTIL THE END I want you to comment me with locks from to how much you want to read the second part If I see many I will upload more advanced tips	2021-09-23 15:37:34
海外TECH	DEV Community	How to not become a better developer	https://dev.to/byteslash/how-to-not-become-a-better-developer-597h	How to not become a better developerThe world has plenty of good programmers So how can you stand out and be the worst one So here are some points on how not to become a better developer Learn multiple programming languages at onceGood programmers focus only on one language and try to learn it properly Learning one language at once helps you focus on it properly and know what exactly is going on Shoot first think laterWhy think about the problem solve it and then type the code when you can type gibberish again and again and pray it works the nth time Watching tutorials than doing ProjectsDo you know how fun it is to just watch countless tutorials on a sofa without taking notes Stay in your cocoonSocializing building networks joining communities NAH Better stay in my cocoon and game all day Just never touch social media platforms like discord Instagram Twitter for good use Don t Accept FeedbackOnly good programmers ask others from various communities to give feedback on what they made This is precisely what you should avoid Think you know everythingAlways think you know everything and never Google a problem or try to research about it You know it spend days on a bug instead of getting the answer in minutes Don t contribute to open sourceWhy contribute to the open source projects and have a look at how their code Just look at your code and follow your code practice Don t document your journeyA great thing that good devs do is documenting their journey Teaching is a great way to keep learning But this is what are we are trying not to do Finally Don t follow me for more awesome tips and tutorialsUseful links Join the Byteslash CommunityAll socials	2021-09-23 15:20:44
海外TECH	DEV Community	Just Redux: The Complete Guide	https://dev.to/thesanjeevsharma/just-redux-the-complete-guide-44d5	Just Redux The Complete GuideHey If you re a Front end developer or aspiring to become one I am sure you might have come across Redux by now Maybe you probably know what Redux is maybe you don t Maybe you have been using it for quite a while but you don t fully understand it You start a new project and then just copy a bunch of stuff from somewhere and just get it set up TBH I ve done this before I had slight idea of everything and what should be in place for Redux to work That has worked for me until now but sometimes I d run into issues that would require a little more knowledge ‍ ️Therefore I decided to study the Redux API I watched a bunch of videos online and read the docs Along with that I wrote this article To my surprise I found that of the things we do in Redux is just plain JS It s just objects and functions If it feels complicated you might wanna go back to JS basics But if you re confident on the JS part Redux won t be tough ️Before starting I would like to mention that this article covers Redux only It does not talk about React or any other framework or their interactions with Redux ‍To make the most out of this article you can code along I have added snippets for everything we re going to discuss What is Redux Well if you clicked on this article I am pretty sure you already know the answer But just for the sake of answering the question let s do it Redux is a state management library It stores the state of your app and provides methods to interact with that state It can be used with any framework like React Angular Vue etc Installationnpm install reduxFor this article we d only need to install redux nothing else Redux API surface comes with only methods We ll study each one of these in detail composeThis method doesn t even have anything to do with Redux The purpose of this method is to bundle multiple functions into one Let s say we have mathematical functions half square and double If we want to apply all three operations in order we d need to do something like this const double num gt num const square num gt num num const half num gt num const halfSquareDouble num gt half square double num console log halfSquareDouble But we can achieve the same thing in a much cleaner way using compose import compose from redux const double num gt num const square num gt num num const half num gt num const halfSquareDouble compose half square double console log halfSquareDouble compose will combine all our functions into a single function Note compose will start picking up functions from the right end That means if the order was compose half double square then the result for the same call would have been createStoreThis methods creates the Redux store It takes one mandatory argument reducer and two optional arguments preloadedState also know as initialState and enhancer So what is a Reducer In simple terms Reducer is just a pure function which takes two arguments state and action and returns one value which is the new state Understand it like this there is a perfect world simulation which is in some state X Something happens some action is taken We don t care where the action took place or who was responsible for it All we know that something happened and that might change the state of our world It is the reducers job to figure out the new state Y const reducer state action gt return state This is the simplest reducer you can create When we call createStore method it returns an object import createStore from redux const reducer state action gt return state const initialState value const store createStore reducer initialState That object has methods ️⃣getState This method is used to get the state of your app console log store getState value ️⃣subscribe This method is used for subscribing to the changes on our store Pass a function to this method and it will get called anytime state changes store subscribe gt console log State changed ️⃣dispatch This method is used for dispatching actions Actions go inside reducers with the current state of your app and might update the state ️‍ ️We ve introduced one more term here action so let s talk about it If you remember reducer takes action to update the state It s the action that tells the reducer that something just happened It can be user clicking on a button user logging in user adding a product etc Anything that is meant to change the state of our app is an action Of course we ve full control over them We re the ones defining them How do create them Well there s a specific style you should follow const incrementAction type INCREMENT Actions are basically objects that have a type key That s it It can have additional keys too but type is mandatory Let s refactor our reducer now to make use of this action const reducer state initialState action gt if action type INCREMENT return value state value return state On line we ve added intialState as a default argument By doing this we can remove it from the createStore call This is actually a best practice On line we re checking if the action that we received is of type INCREMENT On line we re preparing our new state This is important Never modify your state directly Always return a newly created object If you don t do so the reference to the state object won t change and your app wouldn t get notified of the changes state value ‍ ️DON T DO THISreturn value state value WORKS FINEOn line we finally return our old state in case we didn t find a matching action This is important too Your reducer should always return a state Now that our reducer is updated let s dispatch an action import createStore from redux const initialState value const incrementAction type INCREMENT const reducer state initialState action gt if action type INCREMENT return value state value return state const store createStore reducer console log store getState value store dispatch incrementAction console log store getState value What if we want to increment by I cannot do that right now But if we see carefully all we have written up until now is basic JavaScript Stuff that you probably know We can extend our code a bit and achieve our goal Remember action can have additional keys We ll create one more action import createStore from redux const initialState value const incrementAction type INCREMENT const addAction type ADD payload const reducer state initialState action gt if action type INCREMENT return value state value if action type ADD return value state value action payload return state const store createStore reducer store dispatch addAction console log store getState value Okay So far so good But is not enough let s create one for too and then one for too Feels stupid We cannot cover every number out there Okay What if we do something like this store dispatch type ADD payload store dispatch type ADD payload store dispatch type ADD payload Yes this gets the job done but this is not scalable If later we decide to call it INCREASE BY instead of ADD then we ll have to update it everywhere Also there s a chance that we might make a type and end up writing INCRAESE BY Good luck finding that typo There s an elegant way to solve this using Action Creators Action Creators are just functions that create actions for you const add number gt return type ADD payload number store dispatch add store dispatch add store dispatch add We created a function add that returns action object We can call it anywhere and it will create an action object for us This solution is much cleaner and it is widely used Our updated code now looks like this import createStore from redux const initialState value constantsconst INCREMENT INCREMENT const ADD ADD action creatorsconst increment gt type INCREMENT const add number gt type ADD payload number const reducer state initialState action gt if action type INCREMENT return value state value if action type ADD return value state value action payload return state const store createStore reducer console log store getState value store dispatch increment store dispatch add console log store getState value Notice that we ve stored INCREMENT and ADD as constants That s because we were repeating them in our reducers and there was a chance for typo It s a good practice to store action types as constants in one place If you ve made it this far congratulations With all the knowledge you have right now you can start creating apps with Redux Of course there s more left but you ve covered a significant part of the API Well done ️⃣replaceReducer This method is used for replacing the current root reducer function with a new one Calling this method will change the internal reducer function reference This comes into play when you re splitting your code for performance const newRootReducer combineReducers existingSlice existingSliceReducer newSlice newSliceReducer store replaceReducer newRootReducer bindActionCreatorsNow that we have some idea about action creators and dispatch we can talk about this method dispatch increment dispatch add This is how we ve dispatched actions until now But there s a simpler way to do this const actions bindActionCreators add increment store dispatch actions increment actions add bindActionCreators takes two arguments An object with all the action creators inside it The method we want to bind our action creators to It returns an object which looks identical to the first argument we passed in The only difference is now we can call those methods directly without calling dispatch explicitly What s the benefit of doing this The only use case for bindActionCreators is when you want to pass some action creators down to a component that isn t aware of Redux and you don t want to pass dispatch or the Redux store to it Redux DocsAlso note that what we did is just plain JS we could ve achieved the same result by writing our own function that binds action creators to dispatch without calling bindActionCreators combineReducersWhen you re developing a huge app where you can segregate data it makes sense to have multiple reducers to reduce complexity This method will combine all those multiple small reducers and return one reducer generally called as root reducer that our createStore method can use First let s see why do we wanna have multiple reducers Consider the following code import createStore from redux constantsconst CHANGE USER EMAIL CHANGE USER EMAIL const ADD PRODUCT ADD PRODUCT action creatorsconst changeUserEmail email gt type CHANGE USER EMAIL payload email const addProduct product gt type ADD PRODUCT payload product const initialState user name Mark email mark facebook com cart products const reducer state initialState action gt if action type CHANGE USER EMAIL return state user state user email action payload email if action type ADD PRODUCT return state cart state cart products state cart products action payload product return state const store createStore reducer console log store getState user name Mark email mark facebook com cart products store dispatch changeUserEmail mark instagram com console log store getState user name Mark email mark instagram com cart products As we can see this reducer is already looking a bit complex As our app grows data will be nested to deeper levels and size of the reducer will grow as well If we think about it user and cart are two entirely different data points We can split them into two different reducers Let s do it const initialState user name Mark email mark facebook com cart products const userReducer user initialState user action gt if action type CHANGE USER EMAIL return user email action payload email return user const cartReducer cart initialState cart action gt if action type ADD PRODUCT return cart products cart products action payload product return cart Now we have two simple reducers and even the code looks clean But createStore only takes a single reducer which one should we pass Both Using combineReducers const rootReducer combineReducers user userReducer cart cartReducer const store createStore rootReducer This method takes an object where keys can be anything but values should be our reducers It will return a single reducer that can be passed to createStore Our complete code looks like this now import combineReducers createStore from redux constantsconst CHANGE USER EMAIL CHANGE USER EMAIL const ADD PRODUCT ADD PRODUCT action creatorsconst changeUserEmail email gt type CHANGE USER EMAIL payload email const addProduct product gt type ADD PRODUCT payload product const initialState user name Mark email mark facebook com cart products const userReducer user initialState user action gt if action type CHANGE USER EMAIL return user email action payload email return user const cartReducer cart initialState cart action gt if action type ADD PRODUCT return cart products cart products action payload product return cart const rootReducer combineReducers user userReducer cart cartReducer const store createStore rootReducer console log store getState user name Mark email mark facebook com cart products store dispatch changeUserEmail mark instagram com console log store getState user name Mark email mark instagram com cart products Store EnhancersIf you remember createStore takes an optional argument enhancers Enhancers are nothing but higher order functions They add some extra functionality to our store For example Redux dev tools is an enhancer We won t talk much about enhancers here because we will rarely create any new enhancers Let s discuss this in detail in a separate article MiddlewaresMiddlewares provide us with the ability to intercept actions and do something we want to before that action reaches the reducers We can log actions log store state log crash reports etc Let s create a middleware for logging actions when they get dispatched const logger store gt next gt action gt console log DISPATCHED ACTION action next action This is one of the simplest middlewares you can create It logs the actions and then forwards the call to the rest of the middlewares and reducers that are in the pipeline But how do we use our new created middleware applyMiddlewareThis method will take a bunch of middlewares and return an enhancer And enhancers go into the createStore function call import applyMiddleware createStore from redux const logger store gt next gt action gt console log DISPATCHED ACTION action next action const store createStore rootReducer applyMiddleware logger Now every time we dispatch an action we ll have a log in our console With this we ve covered out final method from Redux That s all there is in the Redux API I understand you won t get of the things right now but it s good to be aware of all the tools you have under your belt This article can act as guide for you when you want to revise something just before an interview or when you re implementing something Save it If you d like to read more of my upcoming articles you can connect with me on LinkedIn or Twitter Thank you for reading	2021-09-23 15:13:12
Apple	AppleInsider - Frontpage News	Apple didn't start with a goal for Cinematic Mode, but worked hard to get it right	https://appleinsider.com/articles/21/09/23/apple-didnt-start-with-a-goal-for-cinematic-mode-but-worked-hard-to-get-it-right?utm_medium=rss	Apple didn x t start with a goal for Cinematic Mode but worked hard to get it rightIn a recent in depth interview a pair of Apple executives have shed more light on the goals and creation of the new Cinematic Mode on the iPhone lineup Credit AppleKaiann Drance Apple s vice president of Worldwide Product Marketing and Johnnie Manzari an Human Interface Team designer spoke with TechCrunch about Cinematic Mode ーand how the company ran with the idea despite not having a clear goal Read more	2021-09-23 15:03:40
海外TECH	Engadget	‘Star Wars: Visions’ breaks from canon while Marvel’s ‘What If…?’ refuses to	https://www.engadget.com/star-wars-visions-marvel-studios-what-if-season-one-153109359.html?src=rss	Star Wars Visions breaks from canon while Marvel s What If… refuses toThe following contains spoilers for episode three of Star Wars Visions and episode seven of What If Back in the days when DVD was king I remember there was a trend of making animated tie ins for live action franchises There were direct to video features for Chronicles of Riddick Van Helsing and the most famous project of them all The Animatrix Nearly years later streaming reigns supreme and services like Disney seem to be returning to the idea but bigger and grander with shows like Marvel s What If… and Star Wars Visions Visions premiering this week is probably the more ambitious of the two enlisting talent from various Japanese anime studios to create short films about different aspects of the Star Wars universe The list includes juggernauts like Trigger Kill la Kill Promare Production I G Ghost in the Shell Stand Alone Complex Haikyu and Science SARU Devilman Crybaby Keep Your Hands Off Eizouken Unlike The Animatrix Lucasfilm was content to mostly hand over the reins to these studios creating shorts that differ in tone style and most notably continuity Robot Jedi Sith twins Intergalactic rock band whose members include a Hutt and a former Jedi padawan It s an intriguing array of concepts but as a long time Star Wars fan I couldn t tell you how they fit into the timeline If they fit in at all Visions is more about taking some base concepts ーthe Force the Jedi the Sith ーand playing around with them in each studio s unique style It reminds me the most of Batman Gotham Knight from a collection of shorts also by various anime studios including Production I G The one thing that DC Entertainment has always had going for it is the variety of TV and movie adaptations it s had going on independently of each other where audiences just understood that these weren t meant to be connected in any way LucasfilmHowever even for DC things have been changing in that regard especially after last year s “Crisis on Infinite Earths crossover For years now the TV “Berlanti verse has been flirting with continuity not just in how The Flash was a spinoff of Arrow and Legends of Tomorrow was a spinoff of both but even having the Flash and Supergirl meet up even though they were on different networks and in different universes DC“Crisis upped the ante by merging these separate worlds in the end while also confirming almost every other DC based TV show as part of the bigger multiverse It was great for fans who obsessively watch every comic book program they can but less so for people who would rather keep their viewing limited and compartmentalized On the other side Marvel didn t have the same deep catalog as DC did with its live action MCU franchise only taking off years ago Marvel Studios was perfectly happy to wipe the slate clean of everything that had come before from the Punisher film to s Ghost Rider with Nicolas Cage Since then everything live action has tied into the universe somehow including Netflix shows like Daredevil Hulu shows like Runaways and the Freeform show Cloak amp Dagger This was great for someone committed to the franchise but could be daunting to casual viewers It also presented some creative constraints Everything Marvel now had to fit in with the larger MCU somehow so once a character appeared another movie or show couldn t present its own take on the same person alas poor Inhumans They couldn t have world shaking events outside of say the Avengers films ーat least not without making some kind of excuse why Captain America or Thor couldn t just come charging in Everything had to be carefully planned out as the universe expanded and connected internally That s partly why the show What If… exists Sure it s based on a pre existing comic series but what both show and comic do is allow creators free rein with the characters and events of the Marvel Universe experimenting to see what would happen if you change one or two things Though this week s is hardly a “slight difference Marvel StudiosThe point of divergence here is that Odin doesn t adopt Loki as his son leaving Thor to become an arrogant spoiled child who prefers to party rather than take his duties as the would be king of Asgard seriously How is he still worthy of Mjolnir We have no idea and the episode isn t interested in telling us Instead we re shown how Thor likes to take the Warriors Three on long benders across the galaxy with his next destination being the “backwater of Earth And everyone s invited ーDrax Rocket Howard the Duck the Grandmaster and even Loki and the other ice giants who somehow are friends with Thor anyway in this reality When you consider why and how these characters got involved in the “main timeline in the first place it really doesn t add up Marvel StudiosYou could just try to enjoy it at face value as just a silly story with no larger bearing on continuity However the point has been made repeatedly that this show is technically in continuity and not just in the sense that the Marvel Universe consists of many realities and everything is valid somewhere While other comics and shows can be given an official universe “number like or and just written off as a huge divergence from what we know the concept of What If… is that it shows us incremental changes from the MCU in particular But the divergences shown in this week s episode are far more than incremental with an offbeat cartoonish tone to match It s the least What If like What If… installment so far Unfortunately like most of the episodes so far it still ends on a downbeat one that s sort of rushed in and not explained I can t even imagine how we ended up with a Vision Ultron hybrid in possession of the Infinity Stones and unless this episode gets a sequel it doesn t really matter The ending is just a non sequitur to affirm as every episode does that the regular MCU sequence of events is the “correct one It s tacked on and makes what was already a messy adventure even worse LucasfilmThis is where the strength of Star Wars Visions lies There s no attempt to tie the episodes to each other or the larger Star Wars universe It lets each installment stand on its own as an homage to the larger “ideas of Star Wars while also showcasing the idiosyncrasies of each studio The third episode “The Twins is a great example of this in action There s a lightsaber fight on the hull of a Star Destroyer No one is wearing environmental suits They re yelling at each other despite a lack of air People s clothes explode off their bodies It doesn t make a damn lick of sense but it doesn t have to because it s not meant to be more than a bit of fun	2021-09-23 15:31:09
海外TECH	Network World	Nutanix offers virtual private cloud HCI, multicloud workload managemant	https://www.networkworld.com/article/3634409/nutanix-offers-virtual-private-cloud-hci-multicloud-workload-managemant.html#tk.rss_all	Nutanix offers virtual private cloud HCI multicloud workload managemant Nutanix is releasing enhancements to its AOS operating system and Era database management service designed to make it easier for enterprises to manage data workloads and business continuity security tools in hybrid cloud environments via software defined networking capabilitiesAOS and Era are both components of the Nutanix Cloud Platform AOS the new version of Nutanix s hyperconverged infrastructure HCI software is designed to simplify network management across multiple clouds and enable enterprises to build virtual private clouds Nutanix announced the updates at its NEXT event this week To read this article in full please click here	2021-09-23 15:28:00
海外TECH	CodeProject Latest Articles	DIY Mars Probe: AWS Greengrass IoT v2 with a Raspberry Pi (Part 2)	https://www.codeproject.com/Articles/5313472/DIY-Mars-Probe-AWS-Greengrass-IoT-v2-with-a-Rasp-2	DIY Mars Probe AWS Greengrass IoT v with a Raspberry Pi Part In this two part series you ll learn how to turn a Raspberry Pi into a flexible and powerful Internet of Things device with AWS Greengrass v ultimately creating an off grid remote tasked data and image collection device	2021-09-23 15:49:00
海外TECH	CodeProject Latest Articles	TomTom Search API: Implementing Fuzzy Search	https://www.codeproject.com/Articles/1262039/TomTom-Search-API-Implementing-Fuzzy-Search	TomTom Search API Implementing Fuzzy SearchIn this article we will take an in depth look at the Fuzzy Search API call defining some ways in which this API call can be leveraged to bolster an application s functionality	2021-09-23 15:31:00
金融	◇◇　保険デイリーニュース　◇◇（損保担当者必携！）	保険デイリーニュース(09/24)	http://www.yanaharu.com/ins/?p=4713	損保ジャパン	2021-09-23 15:33:40
ニュース	BBC News - Home	Ministers prepare for worst in gas price crisis	https://www.bbc.co.uk/news/business-58668594?at_medium=RSS&at_campaign=KARANGA	prices	2021-09-23 15:32:50
ニュース	BBC News - Home	Woman with Down's loses abortion law fight	https://www.bbc.co.uk/news/uk-england-coventry-warwickshire-58662846?at_medium=RSS&at_campaign=KARANGA	current	2021-09-23 15:05:32
ニュース	BBC News - Home	US Haiti envoy quits over 'inhumane' deportations	https://www.bbc.co.uk/news/world-us-canada-58667660?at_medium=RSS&at_campaign=KARANGA	haiti	2021-09-23 15:24:16
ニュース	BBC News - Home	Apple bans Fortnite from App Store during Epic Games legal battle	https://www.bbc.co.uk/news/technology-58669512?at_medium=RSS&at_campaign=KARANGA	apple	2021-09-23 15:37:35
ニュース	BBC News - Home	Strange ankylosaur dinosaur bone excites scientists	https://www.bbc.co.uk/news/science-environment-58668134?at_medium=RSS&at_campaign=KARANGA	ankylosaur	2021-09-23 15:14:23
ニュース	BBC News - Home	I doubt I'd have taken Derby job if I'd known about crisis but I won't walk away - Rooney	https://www.bbc.co.uk/sport/football/58665019?at_medium=RSS&at_campaign=KARANGA	I doubt I x d have taken Derby job if I x d known about crisis but I won x t walk away RooneyWayne Rooney reiterates he will not quit Derby County despite the club being placed in administration	2021-09-23 15:02:10
サブカルネタ	ラーブロ	西葛西「らーめん・つけめん 山」汁なし担々麺	http://feedproxy.google.com/~r/rablo/~3/2OaFsEf3_qU/single_feed.php	東京都江戸川区	2021-09-23 16:00:49
北海道	北海道新聞	北海製缶第３倉庫　保全・活用策　概要版を公開　２７日に小樽市長に提言	https://www.hokkaido-np.co.jp/article/592256/	北海製缶	2021-09-24 00:18:08