投稿時間:2021-10-12 15:43:22 RSSフィード2021-10-12 15:00 分まとめ(56件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	InfoQ	Google CloudがGoogle Kubernetes Engine向けのバックアップを発表	https://www.infoq.com/jp/news/2021/10/google-backup-gke/?utm_campaign=infoq_content&utm_source=infoq&utm_medium=feed&utm_term=global	backupforgke	2021-10-12 05:02:00
TECH	Engadget Japanese	Uber Eats、絵文字でメニュー検索が可能に	https://japanese.engadget.com/uber-eats-054513497.html	ubereats	2021-10-12 05:45:13
TECH	Engadget Japanese	新「Amazon Mastercard」11月から提供開始、コンビニでの還元率がアップ	https://japanese.engadget.com/amazon-mastercard-053655532.html	amazonmastercard	2021-10-12 05:36:55
TECH	Engadget Japanese	Instagram、サービス停止時にアプリ内で通知する新機能のテストを開始	https://japanese.engadget.com/instagram-test-notifications-outages-053018542.html	instagram	2021-10-12 05:30:18
TECH	Engadget Japanese	プーチン大統領、向こう3年間の宇宙開発予算を16%削減へ。SpaceXらとの競争激化	https://japanese.engadget.com/putin-slashes-space-budget-050036994.html	roscosmos	2021-10-12 05:00:36
ROBOT	ロボスタ	日本化薬が産業用ドローン向け緊急パラシュートシステム「PARASAFE」の実証実験 国家戦略特区指定の養父市で実施	https://robotstart.info/2021/10/12/drone-parachute-system-parasafe.html	parasafe	2021-10-12 05:42:38
IT	ITmedia 総合記事一覧	[ITmedia Mobile] 「iOS 15.0.2」配信　AirTagや“既に悪用された可能性のある脆弱性”などの修正	https://www.itmedia.co.jp/mobile/articles/2110/12/news115.html	airtag	2021-10-12 14:50:00
IT	ITmedia 総合記事一覧	[ITmedia News] 盛り上がる「テーブルトークRPG」に二次創作ガイドライン、KADOKAWAなど6社が策定	https://www.itmedia.co.jp/news/articles/2110/12/news114.html	itmedia	2021-10-12 14:46:00
IT	ITmedia 総合記事一覧	[ITmedia News] Amazon「プライムワードローブ」、「プライムトライ　ビフォアユーバイ」に名称変更	https://www.itmedia.co.jp/news/articles/2110/12/news112.html	amazon	2021-10-12 14:30:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 1日3時間以上スマホを見ている人は53％　何をしているのか	https://www.itmedia.co.jp/business/articles/2110/12/news110.html	itmedia	2021-10-12 14:16:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] ガリガリ君の新商品はりんごヨーグルト味　看護師志望の姉シャキ子を採用	https://www.itmedia.co.jp/business/articles/2110/12/news101.html	itmedia	2021-10-12 14:04:00
TECH	Techable（テッカブル）	「バーチャル渋谷 au 5G ハロウィーンフェス 2021」、10月16日より開催！	https://techable.jp/archives/164301	一般社団法人	2021-10-12 05:00:53
AWS	AWS Machine Learning Blog	Build conversational experiences for credit card services using Amazon Lex	https://aws.amazon.com/blogs/machine-learning/build-conversational-experiences-for-credit-card-services-using-amazon-lex/	Build conversational experiences for credit card services using Amazon LexNew trends are shaping the credit card industry as shopping habits have rapidly evolved over the last months The pandemic has accelerated the move away from cash towards cards Card issuers are transforming their products to better serve cardmembers through innovations such as contactless payments and mobile wallet The rapid change in consumer behavior …	2021-10-12 05:04:28
python	Pythonタグが付けられた新着投稿 - Qiita	【AI・機械学習入門】初心者のためのPythonライブラリ紹介	https://qiita.com/katzed/items/658752d17491ee35de59	【AI・機械学習入門】初心者のためのPythonライブラリ紹介はじめにPythonの紹介に入っていきますが、まずはPythonの機械学習でよく使用されるライブラリを身近なものに例えてみます。	2021-10-12 14:55:03
python	Pythonタグが付けられた新着投稿 - Qiita	ABC195 C - Comma を解いた	https://qiita.com/AKpirion/items/1ef8994a61beaffefa3b	tniflenstrngtcntnprintcnt	2021-10-12 14:44:10
python	Pythonタグが付けられた新着投稿 - Qiita	LightGBMのカスタムメトリック	https://qiita.com/ground0state/items/1b7cf1977426bd8f0f28	ytrueypredを引数に持つ関数を作ればよいです。	2021-10-12 14:20:48
python	Pythonタグが付けられた新着投稿 - Qiita	a = (1 and 2 or 3 and 4)を説明できますか？	https://qiita.com/tacky_Quartile/items/a359825c9612cbed7be2	複数のandor演算子さてタイトルのandorandですが、先程のルールだけで愚直に左から順に読むと、and→or→and→という演算が行われそうですが、python上で実行してみると結果はです。	2021-10-12 14:19:42
python	Pythonタグが付けられた新着投稿 - Qiita	ABC203 C - Friends and Travel costs	https://qiita.com/AKpirion/items/feed551853c7bf4b1d16	ABCCFriendsandTravelcosts約半年前、難解な問題文だと嘆き、悶絶しながらコードを書いていたころが懐かし良い。	2021-10-12 14:12:29
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Couldn't find User with 'id'=6　を解消したい。	https://teratail.com/questions/364014?rss=all	CouldnxtfindUserwithxidxを解消したい。	2021-10-12 14:55:14
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	現在選択されている範囲を取得したい	https://teratail.com/questions/364013?rss=all	この原因を知り、このコードを修正したいと思います。	2021-10-12 14:52:30
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	webアプリをherokuにデプロイしたが、505severエラーが出る。	https://teratail.com/questions/364012?rss=all	webアプリをherokuにデプロイしたが、severエラーが出る。	2021-10-12 14:48:16
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Next.jsで作成しているアプリで、いいね機能を実装したい	https://teratail.com/questions/364011?rss=all	Nextjsで作成しているアプリで、いいね機能を実装したい実現したいこと・いいね機能の実装詳細・ボタンを押下した際にLikesコレクションから、押下した業務データと、ログインしているユーザーの情報が格納されているドキュメントを探し、それがなければ新たにドキュメントを作成、あれば既に存在しているドキュメントを削除する。	2021-10-12 14:38:53
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	クリックした要素が自分を含む親要素から見て、n番目の子要素である「n」を取得したい	https://teratail.com/questions/364010?rss=all		2021-10-12 14:34:27
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	cmdからwordでpdfファイルを開いてdocx形式で保存したい	https://teratail.com/questions/364009?rss=all	cmdからwordでpdfファイルを開いてdocx形式で保存したいタイトル通りです。	2021-10-12 14:28:13
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Google search consoleのエラーの解決方法	https://teratail.com/questions/364008?rss=all	Googlesearchconsoleのエラーの解決方法前提・実現したいことwordpress初心者です。	2021-10-12 14:20:23
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	jspでObject型から取得して表示する方法	https://teratail.com/questions/364007?rss=all	jspでObject型から取得して表示する方法eclipseでjavaを使って作成しています。	2021-10-12 14:09:53
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Excel「関数でシート名を指定せずにシート指定をしたい」	https://teratail.com/questions/364006?rss=all	excel	2021-10-12 14:01:30
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ExcelScriptまたはPower Automate(ブラウザ版)でブックをまたいだコピーをしたいです	https://teratail.com/questions/364005?rss=all	ExcelScriptまたはPowerAutomateブラウザ版でブックをまたいだコピーをしたいですExcelScriptまたはPowernbspAutomateWeb版を利用してブックをまたいだコピーampペーストを行いたいです。	2021-10-12 14:00:32
Ruby	Rubyタグが付けられた新着投稿 - Qiita	仕事で使うREDMINEに関する考察(6)	https://qiita.com/EasyCording/items/c2c3a5850941f45d1317	同様に部屋の整理も同じで、いつでも物を引き出せるようにしなければならない今のところファイルのエクスプローラにも、ブラウザのブックマークにも、整理機能はついておらず、唯一、デスクトップアイコンを整列する機能ぐらいしか、PCは提供してくれない。	2021-10-12 14:49:34
Ruby	Rubyタグが付けられた新着投稿 - Qiita	カラム数に制限を設ける	https://qiita.com/daigo01090118/items/60562a3bcfb7e915b2cb	Commentモデル内に個くらいデータがあったとして、そのうちpostidがのものがいくつあるか知りたい場合はcommentsCommentwherepostidとすることでpostidがのものが帰ってきます。	2021-10-12 14:34:51
Ruby	Railsタグが付けられた新着投稿 - Qiita	カラム数に制限を設ける	https://qiita.com/daigo01090118/items/60562a3bcfb7e915b2cb	Commentモデル内に個くらいデータがあったとして、そのうちpostidがのものがいくつあるか知りたい場合はcommentsCommentwherepostidとすることでpostidがのものが帰ってきます。	2021-10-12 14:34:51
技術ブログ	Developers.IO	【10/28（木）ウェビナー】ビジネスを推進するIT人材を育成しよう！	https://dev.classmethod.jp/news/211028-training/	人材育成	2021-10-12 05:53:22
技術ブログ	Developers.IO	AWS IAM: การใช้งาน Switch Role	https://dev.classmethod.jp/articles/how-to-switch-role-on-aws-iam/	AWS IAM การใช้งานSwitch RoleAWS IAM คืออะไร เป็นบริการจัดการสิทธิ์ของAWS สามารถกำหนดสิทธิและจัดการใช้งานเข้าสู่AWS Management Console	2021-10-12 05:15:26
海外TECH	DEV Community	Nim -- a modern "glue" language like Python	https://dev.to/xflywind/nim-a-modern-glue-language-like-python-3270	Nim a modern quot glue quot language like PythonNim is a statically typed compiled systems programming language It supports various backends it compiles to C C or JavaScript so that Nim can be used for all backend and frontend needs Via importc importcpp importjs pragmas Nim can import C C JS ObjC methods or symbols in general You can refer to the manual of Nim cnim is a tool to translate ANSI C code to Nim The output is human readable Nim code that is meant to be tweaked by hand after the translation process If you are tired of wrapping C library you can try futhark which supports simply import C header files directly into Nim Similar to futhark cinterop allows one to interop with C C code without having to create wrappers nimLUA is a glue code generator to bind Nim and Lua together using Nim s powerful macro nimpy and nimporter is a bridge between Nim and Python rnim is a bridge between R and Nim nimjl is a bridge between Nim and Julia Last but not least genny generates a shared library and bindings for many languages such as Python Node js C	2021-10-12 05:47:45
海外TECH	DEV Community	React basics: Creating our first React app	https://dev.to/dailydevtips1/react-basics-creating-our-first-react-app-1m7o	React basics Creating our first React appI m a firm believer in learning by doing For this series we ll be going through React step by step In this part we ll create our first app and have a basic look at creating components that we can use Creating our first React appTo create our first app we need to run the following command The my app part is the name of your app npx create react app my app Note are reading it right It s npx not npm for this commandWe can also start as a typescript app by running the following command npx create react app my app template typescriptHowever for this application we ll use the plain version Now run the following command in the my app folder to fire up the application npm startThis command will open up a browser and you should see the basic React boilerplate Creating our first componentReact is a component based system meaning everything you see is made up of components Open your project in your favorite editor and let s see how we can start creating our components Let s open the src App js file and start from a clean slate function App return lt div className App gt My react app lt div gt export default App This will render the text My react app Nothing fancy yet but that s ok Let s add our first ever custom component which will be a bookshelf const Bookshelf gt return lt div gt Bookshelf lt div gt I ve chosen to place this code above our function App declaration to keep things simple for now To use this component we need to modify our app to render the following function App return lt div className App gt lt Bookshelf gt lt Bookshelf gt lt div gt If we reload our page now we should see the word Bookshelf This might not sound fancy yet but you might be starting to grasp the concept of how to use components here Let s also create a book component const Book gt return lt div gt Book lt div gt However instead of the fixed name Book we want to give this book a title when we use it Let s add a title property for that const Book title gt return lt div gt title lt div gt We can now import this book in our app like so function App return lt div className App gt lt Bookshelf gt lt Bookshelf gt lt Book title Laravel collections gt lt div gt And you should see a book with the title Laravel collections show up You might see where we are going with this as we want the book to be inside a bookshelf Let s change that and add some more books lt Bookshelf gt lt Book title Laravel collections gt lt Book title Ruby for beginners gt lt Book title CSS is awesome gt lt Bookshelf gt But if we now refresh we don t get to see anything That s because our bookshelf doesn t know how to render child components For that to work we need to define our bookshelf to accept children and render them like so const Bookshelf children gt return lt div gt children lt div gt Now we should be able to see all our books Extracting componentsIf we add some more stuff to our page we quickly end up with a massive file that contains all kinds of components And that s where React is super strong We can simply move these components to their respective files Let s see how that would work by creating a components folder in your src Then add Bookshelf js as a file and add the Bookshelf code like so export default function Bookshelf children return lt div gt children lt div gt Then we can use this component in our App js file like so import Bookshelf from components Bookshelf Go ahead and try the same for the Book component By extracting these components we get much cleaner and maintainable code I hope you enjoyed building your first React app You can find the complete code example on GitHub Thank you for reading and let s connect Thank you for reading my blog Feel free to subscribe to my email newsletter and connect on Facebook or Twitter	2021-10-12 05:42:13
海外TECH	DEV Community	How to Add @Mentions to a React Chat App	https://dev.to/cometchat/how-to-add-mentions-to-a-react-chat-app-37gm	How to Add Mentions to a React Chat AppWhat you ll be building Git Repo Here IntroductionApp and web development have come a long way over the last few years We use a lot of chat applications every day including Facebook Messenger WhatsApp Snapchat and so on One of the most widely used features is live chat Whenever the symbol is typed in the message composer of a group you can show a list of users in that group On clicking of a particular user s name in that list a text with the user s name and uid gets inserted in the composer Using the CometChat communications SDK CometChat React UI Kit Firebase backend services you will learn how to add mentions to react chat app with minimal effort Follow along the steps to add mentions to React chat app that will provide A way for end users to signup email password and user s name are required A way for users to log in and have a short profile Name UID Photo About List of Users Contacts is visible to all users with a search bar All users can send and receive text messages to individual users and groups Users can create exit groups and add remove other users Users can tag or mention other users in personal and group chat When a user types in the chatbox a list of all users in the group must be displayed to select from Login the logged in user to CometChat High Quality UI by using React UI Kit Add API call when a user registers so that the user is created in CometChat This tutorial will use React Firebase and CometChat to add mentions to React chat application PrerequisitesTo follow this tutorial you must have a degree of understanding of the general use of React js This will help you to improve your understanding of this tutorial Installing the App DependenciesStep you need to have Node js installed on your machineStep create a new project with the name react mention chat app by running the following statement npx create react app react mention chat appStep you need to install some dependencies such as CometChat Firebase Validator Uuid Tribute npm install cometchat pro chat firebase uuid validator tributejs save oryarn add cometchat pro chat firebase uuid validator tributejs Configuring CometChat SDKHead to CometChat and create an account From the dashboard add a new app called react mention chat app Select this newly added app from the list From the Quick Start copy the APP ID REGION and AUTH KEY which will be used later Navigate to the Users tab and delete all the default users and groups leaving it clean very important Create a file called env in the root folder of your project Import and inject your secret keys in the env file containing your CometChat and Firebase in this manner REACT APP FIREBASE API KEY xxx xxx xxx xxx xxx xxx xxx xxxREACT APP FIREBASE AUTH DOMAIN xxx xxx xxx xxx xxx xxx xxx xxxREACT APP FIREBASE DATABASE URL xxx xxx xxx xxx xxx xxx xxx xxxREACT APP FIREBASE STORAGE BUCKET xxx xxx xxx xxx xxx xxx xxx xxxREACT APP FIREBASE PROJECT ID xxx xxx xxx xxx xxx xxx xxx xxxREACT APP COMETCHAT APP ID xxx xxx xxx xxx xxx xxx xxx xxxREACT APP COMETCHAT REGION xxx xxx xxx xxx xxx xxx xxx xxxREACT APP COMETCHAT AUTH KEY xxx xxx xxx xxx xxx xxx xxx xxxMake sure to include env in your gitIgnore file from being exposed online Setting Up Firebase ProjectHead to Firebase to create a new project and activate the email and password authentication service This is how you do it To begin using Firebase you ll need a Gmail account Head over to Firebase and create a new project Figure FirebaseFirebase provides support for authentication using different providers For example Social Auth phone numbers as well as the standard email and password method Since we ll be using the email and password authentication method in this tutorial we need to enable this method for the project we created in Firebase as it is by default disabled Under the authentication tab for your project click the sign in method and you should see a list of providers currently supported by Firebase Figure Firebase Authentication Next click the edit icon on the email password provider and enable it Figure Enable Firebase Authentication with Email and Password Now you need to go and register your application under your Firebase project On the project s overview page select the add app option and pick web as the platform Figure Firebase Dashboard Once you re done registering the application you ll be presented with a screen containing your application credentials Figure Firebase credentials Please update your created “config js file with the above corresponding information If you do not see the information for the “databaseUrl field in the config js file Please do not worry we will discuss it in the “Configuring the Firebase section Congratulations now that you re done with the installations let s do some configurations Configuring Styling for the ApplicationInside your project structure open the index css files and paste the codes here index css file will contain all CSS of the application Initializing CometChat for the Application The below codes initialize CometChat in your app before it spins up The App js file uses your CometChat API Credentials We will get CometChat API Credentials from the env file Please do not share your secret keys on GitHub Actually App js does not contain only the above code It also contains other business logic of the application The full source code of App js file can be found here Configuring the Firebase FileYou need to create a “firebase js file inside the “src folder and you need to enable Firebase realtime database by following the below steps Figure Choose “Realtime Database option Figure Click on “Create Database Figure Select location where you realtime database will be stored Figure Select “Start in test mode for the learning purpose Please follow the guidance from Firebase After following all steps you will see the database URL If you just need to update the “databaseUrl field in your “config js file with that value Figure Database Url On the other hand your Firebase real time database will be expired in the future To update the rules you just need to select the “Rules tab and update the date time in milliseconds as you can see in the image below While developing the application you may see a warning message on the console firebase database FIREBASE WARNING Using an unspecified index Your data will be downloaded and filtered on the client Consider adding indexOn email at users to your security rules for better performance To resolve the issue you need to update the rules for your real time database as follow For more information about the warning message and how to fix you can refer to this link This file is responsible for interfacing with Firebase authentication and database services Also it makes ready our google authentication service provider enabling us to sign in with google Secret keys will be stored in the env file As mentioned above please do not share your secret keys on GitHub The below images demonstrate the data structure of the application A user should have an avatar an email an id a user s name Project StructureThe image below reveals the project structure Make sure you see the folder arrangement before proceeding Now let s make the rest of the project components as seen in the image above Figure Project Structure The App js FileThe App js file is responsible for rendering different components by the given routes For example it will render the login page if the user has not logged in yet or it renders the home page if the user has signed in to the system On other hand it will be used to initialize CometChat The full source code of the App js file can be found here The Loading ComponentThe loading component will be shown when the system performs some side effects such as interacting with Firebase or calling CometChat APIs and so on This component will be used to increase user experience If we do not have this component the end users cannot know when the data is loaded successfully The full source code of the loading component can be found here The Login ComponentThis component is responsible for authenticating our users using the Firebase google authentication service It accepts the user credentials and either signs him up or in depending on if he is new to our application See the code below and observe how our app interacts with Firebase and the CometChat SDK The full source code can be found here The above code indicates that we are using withModal as a higher order component This higher order component will be used to reuse the code of showing and hiding the custom modal In this case we want to show the sign up modal to let end users register new accounts We will discuss the sign up component in the following section The Sign Up ComponentThe sign up component will help end users to register new accounts This component will do two things The first thing is to register new accounts on Firebase by using the Firebase authentication service Aside from that it also registers new accounts on CometChat by using the CometChat SDK The full source code can be found here Add The CometChat UI To Our ApplicationBefore adding Mentions to our React chat app we need to set up the chat feature first Fortunately CometChat team provides React UI Kit that contains full features for our chat application Therefore in this section we are using React UI Kit v To do that follow the next steps Step Clone the CometChat React UI Kit Repository like so git clone https github com cometchat pro cometchat pro react ui kit git b vStep Copy the folder of the CometChat Pro React UI Kit you just cloned into the src folder of your project Figure Copy the cloned folder in to the src folder Figure React UI Kit Dependencies Step Copy all the dependencies from the package json file of the CometChat Pro React UI Kit folder and paste them in the dependencies section of the package json file of your project Step Save the file and install the dependencies like so npm installAs soon as the installation is completed you now have access to all the React UI Components The React UI kit contains different chat UI components for different purposes as you can see in the documentation here It includes CometChatUICometChatUserListWithMessagesCometChatGroupListWithMessagesCometChatConversationListWithMessagesCometChatMessagesCometChatUserListCometChatGroupListCometChatConversationList The Home ViewThis is where all the magic happens This component embodies other sub components like the Header Chat etc As intuitive as they sound the above sub components can be best observed in the image below Figure Header Component Chat Component amp Home Component The Header ComponentFigure Header ComponentThe header component will be used to demonstrate the header of the page It contains the logo the greeting and the logout button The full source code of the header component can be found here The Chat ComponentFigure Chat ComponentThis component will use CometChat React UI Kit As mentioned above CometChat React UI Kit provides many cool features that we need for our React chat application The full source code can found from here Enable The Mention Extension According to the CometChat documentation you need to follow the below steps to enable the mentions extension Step Login to the CometChat dashboard Step Select one of your apps In this case I will select “mention chat app Figure Select one of your apps Step Select “Extensions to open the Extensions page Figure Select “Extensions to open the “Extensions page Step Enable “Mentions Figure Enable “Mentions Customize React UI KitIt is time to add mentions to our React chat application We need to achieve the below requirements Users can tag or mention other users in personal and group chat When a user types in the chatbox a list of all users in the group must be displayed to select from To implement the above requirements we need to follow the below steps Step We are focusing when building chat feature For example we will turn off some features and focus on what we would like to build In order to achieve that you just need to update the “UIKitSettings js file The full source code can be found here Step As mentioned above we need to create the “tribute css file inside the “CometChatMessageComposer folder Because we are using the tribute library to show list of users when typing “ on the chat box The full source code of the “tribute css file can be found from here Step Import the tribute library and the “tribute css file in the index js file which is inside the “CometChatMessageComposer folder Step Inside that index js file we need to write the logic to attach the tribute to the chatbox We need to create the “groupListenerId and then use it in the “onNewMemberJoined function because we want to update the list of members for the tribute when the group s members have been changed For example when a member has been clicked or a new member joins the group and so on On the other hand we define the “tributeRef to store the list of values for the tributes It means that when the user is typing this list will be used to find the suggested members Following that the “prevItemType ref is defined to compare with the current type of the selected conversation This part will be used in the “componentDidUpdate method and will help us to re initialize the list of values for the tribute when the user changes the conversation type such as changes between the private chat and the group chat When the user inputs the message composer In the case the user is mentioned someone We need to convert the input text message into the fomat “ username uid The formatted message will be used to call the API The “transformTextMessage and “processTransformMessageInput help us to achieve that The “enableMentions function needs to be called in the componentDidMount function and the “componentDidUpdate function We need to check whether the mentions extension was enabled or not If it was enabled we will continue to set up the mentions feature We will reuse the existing “getReceiverDetails function to determine a current receiver is a group or a user If the current receiver is a group we will call the “initTributeForGroup function and if the current receiver is a user we will call the “initTributeforUser function the “initTributeForGroup function and the “initTributeForUser have the same purpose They are created to initialize the list of suggested users for the tribute when typing “ on the chatbox in the “initTributeForUser we will the CometChat service to get the user s information and we get the information of users for the selected group in the “initTributeForUser function When fetching the list of users from the selected group the CometChat API will return a response including much data inside it However to initialize the tribute we just need the name of each user For this reason the “transformGroupMembers “function is created to transform the response before setting the data for the tribute The full source code can be found here Step To increase our user experience we need to show a toast when an user was tagged by another user We find the “setToastMessage function in the “CometChatContext js file if it is commented we need to uncomment it Step Find the index js inside the “CometChatMessageList folder and update the “messageUpdated function The below code snippet determines that we will call the “showToastForMentionMessage after receiving a text message The “showToastForMentionMessage takes responsibility for showing a toast so a user can know whenever he or she was mentioned by another user For simplicity the “showToastForMentionMessage will show a toast whenever the text message contains “ username For example if the text message contains “ david the user whose user s name is David will see a toast The full source code can be found here Step When fetching the messages from the server Each message which is from the server will have “ username uid format We cannot show that format on the UI of course To increase the UX we need to transform the message to “ username format For this reason we need to update the “CometChatMessages and “CometChatMessageList components After the user has sent the input message We need to convert it into the appropriate format before rendering it on the list Therefore we need to modify the two above functions the “appendMessage function and the “messageSent function Both of them will call transformSingleMessage function from the “CometChatMessageList component by using the “messageListRef The full source code of the “CometChatMessages component can be found here The above code snippet will help us to transform the list of messages when fetching from the server or the message that will be received while talking to other users the “transformSingleMessage helps us to achieve that The full source code of the “CometChatMessageList component can be found here ConclusionIn conclusion we have done an amazing job in adding mentions for a React chat app by leveraging React js Firebase CometChat SDK and React UI Kit You ve been introduced to the chemistry behind adding mentions You have seen how to build most of the chat functionalities such as real time messaging using CometChat I hope you enjoyed this tutorial and that you were able to successfully add mentions into your React chat app Jump in to the comments and let me know your experience	2021-10-12 05:08:34
海外TECH	DEV Community	Divtober Day 11: Squeak	https://dev.to/alvaromontoro/divtober-day-11-squeak-2bp1	mouse	2021-10-12 05:01:55
金融	ニッセイ基礎研究所	カナダの分離ファンドの動向－はたして契約者は合理的に解約しているのか?	https://www.nli-research.co.jp/topics_detail1/id=69020?site=nli	目次ーはじめにー分離ファンドの特徴分離ファンドは一般ファンドと分離して運用される分離ファンドには保険性があり、保険料の全額または一部の額が保証される分離ファンドには保険監督の枠組みが適用されるー分離ファンドの動向近年、カナダの個人年金市場は、分離ファンドの販売が中心分離ファンドの資産は、年に増加ー報告書のサマリー解約率は、解約保証がある契約のほうが低かった死亡率は、高額契約ほど高かったーおわりに私見カナダでは、個人年金として、生命保険会社が販売する分離運用ファンド商品以下、「分離ファンド」が浸透している。	2021-10-12 14:54:50
金融	ニッセイ基礎研究所	今週のレポート・コラムまとめ【10/5～10/11】：コロナ禍でも巨大ホテルグループはさらに成長－2022年には国内旅行客の回復がホテル市場をけん引か	https://www.nli-research.co.jp/topics_detail1/id=69021?site=nli	今週のレポート・コラムまとめ【】コロナ禍でも巨大ホテルグループはさらに成長ー年には国内旅行客の回復がホテル市場をけん引かNo岸田新政権によるスタートアップ支援への期待nbspNoコロナ禍における家計消費の変化ウィズコロナの現状分析とポストコロナの考察nbspNo新型コロナ社会的終息に向かうー楽観バイアスでコロナ禍への順化が進んでいるがhellipnbspNoアセットオーナーとESG投資GPIFのESG活動報告を読むNoコロナ禍を上手く乗り切っているのはどの国かーか国ランキング年月更新版研究員の眼nbsp交通とジェンダー交通事業者で働く女性は少なく、性犯罪対策に遅れ。	2021-10-12 14:22:11
金融	ニュース - 保険市場TIMES	ビバビーダメディカルライフ、「LCI家財総合保険」の価格を改定	https://www.hokende.com/news/blog/entry/2021/10/12/150000		2021-10-12 15:00:00
海外ニュース	Japan Times latest articles	China’s response to U.S. trade talks shows gap between two rivals	https://www.japantimes.co.jp/news/2021/10/12/world/china-us-trade-talks-gaps/	china	2021-10-12 14:37:39
海外ニュース	Japan Times latest articles	How Japan and the U.S. should approach Taliban-ruled Afghanistan	https://www.japantimes.co.jp/opinion/2021/10/12/commentary/japan-commentary/japan-us-afghanistan/	assistance	2021-10-12 14:26:51
ニュース	BBC News - Home	Footballers threaten legal action over 'data misuse'	https://www.bbc.co.uk/news/uk-wales-58873132?at_medium=RSS&at_campaign=KARANGA	action	2021-10-12 05:03:52
ニュース	BBC News - Home	'I can't leave people without a tree at Christmas'	https://www.bbc.co.uk/news/uk-scotland-edinburgh-east-fife-58847229?at_medium=RSS&at_campaign=KARANGA	corrie	2021-10-12 05:07:15
ニュース	BBC News - Home	The Papers: 'Damning' Covid report, and gas crisis loans	https://www.bbc.co.uk/news/blogs-the-papers-58879001?at_medium=RSS&at_campaign=KARANGA	covid	2021-10-12 05:16:43
ニュース	BBC News - Home	From a Borders village to the Royal Swedish Ballet	https://www.bbc.co.uk/news/uk-scotland-south-scotland-58869474?at_medium=RSS&at_campaign=KARANGA	person	2021-10-12 05:07:49
ビジネス	ダイヤモンド・オンライン - 新着記事	アップルストア立役者、小売りで再び改革に挑む - WSJ発	https://diamond.jp/articles/-/284612	立役者	2021-10-12 14:19:00
GCP	Google Cloud Platform Japan 公式ブログ	Etsy が reCAPTCHA Enterprise を使用してお客様に負担をかけずに不正行為を防止した方法	https://cloud.google.com/blog/ja/products/identity-security/online-retailer-etsy-stops-fraud-with-recaptcha-enterprise/	Etsyでは主にリスクスコアを使用していますが、reCAPTCHAEnterpriseでは理由コードや、情報漏洩した別のサイトで使われていたパスワードをユーザーが使い回していないかどうかを安全に確認する追加の機能も提供しています。	2021-10-12 06:00:00
IT	週刊アスキー	冬季ならではのアフタヌーンティーを楽しもう　ザ・カハラ・ホテル＆リゾート 横浜からウィンターシーズン限定「アフタヌーンティー」11月1日より提供開始	https://weekly.ascii.jp/elem/000/004/071/4071790/	提供開始	2021-10-12 14:50:00
IT	週刊アスキー	スポーツの秋を満喫しよう！ 最旬アイテムを紹介する「ハルクスポーツファッションフェスタ」10月13日から開催	https://weekly.ascii.jp/elem/000/004/071/4071792/	開催	2021-10-12 14:30:00
IT	週刊アスキー	協力型ゾンビFPS『Back 4 Blood（バック・フォー・ブラッド）』本日発売	https://weekly.ascii.jp/elem/000/004/071/4071796/	backblood	2021-10-12 14:30:00
IT	週刊アスキー	ママもパパもちょっと一息。こまちカフェにて10月18～10月23日「緊急企画！こまちカフェで一息ついてね♪セット（ドリンクスイーツ）」提供	https://weekly.ascii.jp/elem/000/004/071/4071785/	緊急	2021-10-12 14:10:00
マーケティング	AdverTimes	名古屋「CCN賞」最高賞にフンドーキン醤油の160周年テレビCM	https://www.advertimes.com/20211012/article364998/	bbdojwest	2021-10-12 05:56:15
マーケティング	AdverTimes	シソンヌじろうが演じる「さっぱりしたい」人々、青森米「青天の霹靂」の動画公開	https://www.advertimes.com/20211012/article364945/	シソンヌじろうが演じる「さっぱりしたい」人々、青森米「青天の霹靂」の動画公開青森県は月日、ブランド米「青天の霹靂」の年度産米の発売に合わせ、Web動画「さっぱりしたいね」篇を公開した。	2021-10-12 05:25:08
マーケティング	AdverTimes	巨大二次元コードの新聞広告 目の愛護デーとデジタルの日で	https://www.advertimes.com/20211012/article364999/	二次元コード	2021-10-12 05:05:15
GCP	Cloud Blog JA	Etsy が reCAPTCHA Enterprise を使用してお客様に負担をかけずに不正行為を防止した方法	https://cloud.google.com/blog/ja/products/identity-security/online-retailer-etsy-stops-fraud-with-recaptcha-enterprise/	Etsyでは主にリスクスコアを使用していますが、reCAPTCHAEnterpriseでは理由コードや、情報漏洩した別のサイトで使われていたパスワードをユーザーが使い回していないかどうかを安全に確認する追加の機能も提供しています。	2021-10-12 06:00:00