投稿時間:2023-06-01 23:24:56 RSSフィード2023-06-01 23:00 分まとめ(33件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	CIO、｢Amazon タイムセール祭り｣で対象製品を最大34%オフで販売中	https://taisy0.com/2023/06/01/172393.html	amazon	2023-06-01 13:40:44
IT	気になる、記になる…	2023年5月のWebブラウザやOSのシェア	https://taisy0.com/2023/06/01/172390.html	statcounter	2023-06-01 13:16:05
python	Pythonタグが付けられた新着投稿 - Qiita	マスク着用をAIで判定するやつを簡易的に作ってみた話	https://qiita.com/CinnamonSea2073/items/6d71f060585624048133	https	2023-06-01 22:51:01
python	Pythonタグが付けられた新着投稿 - Qiita	LINEAPI×CHATGPTAPI×DOCKER×CLOUDRUN×PYTHONで爆速でchatbotを作ってみる	https://qiita.com/Kobajun0219/items/191dd5bfc248a7d77677	chatbot	2023-06-01 22:36:33
python	Pythonタグが付けられた新着投稿 - Qiita	海洋の等温線の深さを求める(python, xarray)	https://qiita.com/tmiyama/items/e6c2d771bc07a7fe12de	pythonxarray	2023-06-01 22:22:09
js	JavaScriptタグが付けられた新着投稿 - Qiita	V3系symbol-sdkを速習Symbol風にブラウザコンソールから使用する	https://qiita.com/nem_takanobu/items/6ca95d07f62cb4fbbea0	broserify	2023-06-01 22:43:57
js	JavaScriptタグが付けられた新着投稿 - Qiita	【JavaScript】innerHTMLを利用した言語切り替え機能	https://qiita.com/Takahiro_Nago/items/f4b833885aaa5a267aa0	innerhtml	2023-06-01 22:33:38
Docker	dockerタグが付けられた新着投稿 - Qiita	【Docker】ArgumentError: Missing `secret_key_base` for 'production' environment, set this string with `bin/rails credentials:edit`の解消法	https://qiita.com/30113011tr/items/189a825584380db2ffa1		2023-06-01 22:32:11
Ruby	Railsタグが付けられた新着投稿 - Qiita	【Docker】ArgumentError: Missing `secret_key_base` for 'production' environment, set this string with `bin/rails credentials:edit`の解消法	https://qiita.com/30113011tr/items/189a825584380db2ffa1		2023-06-01 22:32:11
海外TECH	Ars Technica	Millions of PC motherboards were sold with a firmware backdoor	https://arstechnica.com/?p=1943487	downloads	2023-06-01 13:04:17
海外TECH	MakeUseOf	Italian Plug-In Hybrid Supercars: Lamborghini Revuelto vs. Ferrari SF90 Stradale	https://www.makeuseof.com/phev-supercars-lamborghini-revuelto-ferrari-sf90/	Italian Plug In Hybrid Supercars Lamborghini Revuelto vs Ferrari SF StradaleThe two plug in hybrid supercars from Italy are blurring the lines between supercars and hypercars with their electrified powertrains	2023-06-01 13:30:18
海外TECH	MakeUseOf	Best 12.9-Inch iPad Pro Cases in 2023	https://www.makeuseof.com/best-129-inch-ipad-pro-cases/	great	2023-06-01 13:16:17
海外TECH	MakeUseOf	Higround Opal Base 65 Review: Who Is This Keyboard For?	https://www.makeuseof.com/higround-opal-base-65-review/	higround	2023-06-01 13:05:18
海外TECH	DEV Community	PayPal Has Updated Its Webhook Verification Endpoint	https://dev.to/paypaldeveloper/paypal-has-updated-its-webhook-verification-endpoint-n6l	PayPal Has Updated Its Webhook Verification Endpoint TL DR PayPal requires that all the webhook notification messages it sends be verified by the webhook listener receiving these messages This requirement enhances security by ensuring that your webhook listener is receiving authentic PayPal webhook messages PayPal has updated its endpoint for verifying PayPal webhook notification messages and its old webhook verification method is now deprecated The updated endpoint simplifies the process of verifying PayPal webhook messages which improves the developer experience The update also incorporates a lot more of our REST APIs such as the Orders API You may learn more about the update rationale here A webhook is an automated HTTP request sent from an application when triggered by an event This request carries a message called a payload to a unique destination URL called a webhook listener and the receiving application can take further actions based on the payload content Webhooks allow applications to communicate seamlessly with each other and enable speed in processing and service delivery PayPal s REST APIs use webhooks to notify your application that an event has occurred for example a new order has been placed or a payment has been processed You can create a webhook associated with an event in your PayPal Developer Portal account PayPal webhooks support an extensive list of event types An unscrupulous player could spoof a webhook notification message and attempt to make the message appear as it originated from PayPal Therefore to ensure security PayPal requires that applications verify all webhook notifications received from PayPal To verify the PayPal webhook message your application sends a POST request to PayPal s verify webhook signature endpoint with a payload containing several required parameters auth algo extracted from the PAYPAL AUTH ALGO value in the webhook response header cert url extracted from the PAYPAL CERT URL value in the webhook response header transmission id extracted from the PAYPAL TRANSMISSION ID value in the webhook response header transmission sig extracted from the PAYPAL TRANSMISSION SIG value in the webhook response header transmission time extracted from the PAYPAL TRANSMISSION TIME value in the webhook response header webhook id The ID of the webhook as configured in your PayPal Developer Portal account webhook event This is the webhook notification response received from PayPal which you are now verifying Here is a sample webhook verification payload auth algo SHAwithRSA cert url cert url transmission id cdf da e baa bfae transmission sig lmIJxYnhRSJWlHVIWpgAgFknbCHSRxbrdAzrhdurMyFrmz ZjhsboXBVXCXUZy UFzUlnGJnwDugtFlSvdKeIJenLRemUxYCPVoEZzgVFNqOagMkvF XTpxBeUx kWyBcpGkT pOowfRKOaynuxUoKWJcMWwVKjLTtTAShnclatGF rxytKNZIIqxNMJRDZheGUwnpudZHnPgTXBiomeVRoDO jhRpnKsGrDschyNdkehBJJMHCtclnCCquoP GzCzzMMsNdidvL NIWaCsekQpWFpWPi tfjnLA transmission time T Z webhook id JEC webhook event id PTXLKGECATA create time T Z resource type authorization event type PAYMENT AUTHORIZATION CREATED summary A payment authorization was created resource id DCEKB create time T Z update time T Z state authorized amount total currency USD details subtotal parent payment PAY YDCKHFAAY valid until T Z links href rel self method GET href rel capture method POST href rel void method POST href rel parent payment method GET Here is a sample POST request verifying a PayPal webhook notification sent from a NodeJS application var fetch require node fetch fetch method POST headers Content Type application json Authorization Bearer ECvJ yBNz UfMmCvWEbT ZWXdzbFFQZ YKNGgeHn body JSON stringify transmission id cdf da e baa bfae transmission time T Z cert url cert url auth algo SHAwithRSA transmission sig lmIJxYnhRSJWlHVIWpgAgFknbCHSRxbrdAzrhdurMyFrmz ZjhsboXBVXCXUZy UFzUlnGJnwDugtFlSvdKeIJenLRemUxYCPVoEZzgVFNqOagMkvF XTpxBeUx kWyBcpGkT pOowfRKOaynuxUoKWJcMWwVKjLTtTAShnclatGF rxytKNZIIqxNMJRDZheGUwnpudZHnPgTXBiomeVRoDO jhRpnKsGrDschyNdkehBJJMHCtclnCCquoP GzCzzMMsNdidvL NIWaCsekQpWFpWPi tfjnLA webhook id JEC webhook event id PTXLKGECATA create time T Z resource type authorization event type PAYMENT AUTHORIZATION CREATED summary A payment authorization was created resource id DCEKB create time T Z update time T Z state authorized amount total currency USD details subtotal parent payment PAY YDCKHFAAY valid until T Z links href rel self method GET href rel capture method POST href rel void method POST href rel parent payment method GET When your webhook verification request is successful PayPal responds with the following payload and an HTTP status of verification status SUCCESS PayPal has a webhook simulator with which you can quickly test your webhook listener Grab the URL of your webhook listener or grab a mock listener URL from services like In the webhook simulator enter this URL in the Webhooks URL field select the Event Type for which you want a notification message then click Send Test Your webhook listener should receive a mock payload from PayPal that resembles the examples provided earlier in this post PayPal takes the security of our products very seriously with this update to our webhook verification endpoint we continue to provide seamless payment integrations coupled with mission critical quality security standards Join the PayPal Developer CommunityOur Developer Community members support each other in integrating PayPal technologies contributing to open source expanding knowledge and networks and improving PayPal s products and documentation We d love to have you join us Website Twitter paypaldevGitHub paypal	2023-06-01 13:48:48
海外TECH	DEV Community	How to create a notification provider with react-toastify	https://dev.to/refine/how-to-create-a-notification-provider-with-react-toastify-206k	How to create a notification provider with react toastifyAuthor Joseph Mawa IntroductionReact and its derivative frameworks such as refine make building data intensive front end applications a breeze When dealing with data intensive applications such as admin panels dashboards and internal tools it is necessary to set up a robust and effective notification system An effective notification system ensures timely notification whenever changes happen in the database It keeps users informed about changes in the database especially when dealing with distributed systems Any refine project that uses a supported design system or component libraries such as Material UI Chakra UI and Ant Design comes with a customizable built in notification provider However you can also build a custom notification system from the ground up or use one of the react toast libraries In the react ecosystem there are several notification packages to choose from React toastify is one of the popular toast packages you can use to integrate a custom notification system in a React or refine project In this article you will create a custom notification provider in a refine application using react toastify lt img src alt react toastify gt What we ll cover in this article What is refineWhat is react toastifyNotification providers in refineCreate a notification provider with react toastify What is refinerefine is a free open source MIT licensed React based framework refine is a feature packed library It ships with features for user authentication routing internalization and networking out of the box The built in features make refine a suitable package for building data intensive front end applications such as dashboards admin panels storefronts and internal tools Additionally the feature rich refine ecosystem makes it easy to bootstrap a refine application and integrate popular design systems and component libraries such as Material UI Chakra UI and Ant design in your refine project If you are not interested in the design systems and component libraries highlighted above you can bootstrap a headless refine application How to create a refine appWhen looking to start using refine you can bootstrap a refine application using the refine command line tool or the refine new platform The refine dev platform makes it easy to create a new refine project with all the necessary configurations in your browser Follow the steps below to bootstrap a new refine application using the refine new platform Navigate to the refine new platform and log in using your GitHub or Google account After logging into the refine new platform create a new refine project by following the steps or clicking the Create New Project button if you re on the projects page Be sure to use Vite Select Headless as your UI framework REST API as a back end service and no authentication provider After creating a project in the previous step build and download it to your local machine as a compressed Gzipped project You need to give your project an appropriate name After downloading and extracting the compressed Gzipped project open it in a text editor of your choice Run one of the commands below to install the project dependencies npm installAfter successfully installing the project dependencies described in the previous step run the command below on the terminal to preview the project It will launch the development server on localhost on port npm run devYour project should look like the image below The refine new platform is one way of creating a refine application You can also use the refine command line tool What is react toastifyReact toastify is a free open source MIT licensed toast package you can use to provide temporary unobtrusive and auto expiring notifications in your React or refine application You can use it with react or react based frameworks like refine React toastify is a simple but powerful package The main building blocks of react toastify you will interact with most are the ToastContainer component and the toast object The ToastContainer component accepts several props for positioning the toast specifying the theme type of notification and several other configuration options The code below shows some props you can pass to the ToastContainer component For complete documentation of its props read the react toastify documentation lt ToastContainer position top right autoClose hideProgressBar false newestOnTop false closeOnClick rtl false pauseOnFocusLoss draggable pauseOnHover theme light gt You can trigger a notification by invoking the toast function It takes the message and configuration object as arguments Invoking toast with the arguments below will display a notification with the specified message at the top left toast Successfully updated blog post position top left autoClose hideProgressBar false closeOnClick true pauseOnHover true draggable true progress undefined theme light Some of the properties of the configuration object above are similar to the props we passed to the ToastContainer The options you specify using the toast function supersede those you pass as props to the ToastContainer Notification providers in refineAs hinted above refine offers out of the box support for several design systems and UI libraries such as Material UI Ant design Mantine and Chakra UI If you use any of these design systems or component libraries the refine command line tool or the refine dev platform will create a project with an out of the box notification setup For a built in notification provider you need to import the notification provider and pass it as a prop to the Refine component like so src App tsx import notificationProvider from refinedev chakra return lt Refine notificationProvider notificationProvider gt The refine notification feature is customizable You can also pass a custom notification implementation as the value of the notificationProvider prop if the built in notification provider of a design system or UI library doesn t meet your needs In refine a notification provider is an object with two properties These properties are open and close whose values are functions with the shapes below interface NotificationProvider open params OpenNotificationParams gt void close key string gt void interface OpenNotificationParams key string message string type success error progress description string cancelMutation gt void undoableTimeout number const notificationProvider NotificationProvider open gt close gt You don t need to declare the NotificationProvider interface because you can import it from refine core import NotificationProvider from refinedev core In the sub sections below we will explore the open and close methods of the notification provider to understand how they work The open methodrefine invokes the open method of the notification provider when it wants to display a toast after the user performs an operation that requires notification such as updating or deleting a record The open method takes an object with the shape below as an argument As the code below illustrates the OpenNotificationParams interface has several properties interface OpenNotificationParams key string message string type success error progress description string cancelMutation gt void undoableTimeout number Though the object passed to the open method has several properties it has two required properties message and type The other properties are optional The message property is the message to display on the notification On the other hand the type property describes the type of the notification A refine notification can be of type success error or progress The screenshot below shows a success notification with the message Successfully edited Blog Posts that refine displays after successfully editing a blog post Similarly the screenshot below shows an error message with the text Oops failed to update blog post that refine displays after failing to update a record The close methodUnlike the open method refine invokes the close method when closing a notification It takes the notification key as an argument You can then use the notification key to close the notification The useNotification hookThe section above describes the contents of a notification provider You need the useNotification hook to trigger a notification from within a component The useNotification hook returns the open and close methods of the notification provider highlighted above You can then invoke the open method to display the notification and the close method to close it The code below illustrates the useNotification hook at a very basic level import useNotification from refinedev core const open close useNotification open notificationopen key notification key type success message Successfully updated Blog Post description This is a success message close notificationclose notification key Create a notification provider with react toastifyIn one of the sections above we created a refine application using the refine new platform In this section you will learn to create a custom notification provider using react toastify Follow the steps below Step ーInstall react toastifyOur goal in this article is to create a custom notification system using react toastify Open the refine project you created above in your favorite text editor and depending on your package manager use one of the commands below to install react toastify from the NPM package registry npm install react toastify Step ーSet up the notification providerAs explained above the lt Refine gt component is one of the main components of a refine application You will almost always use it to configure the settings for your application Let s start by creating a dedicated file for our notification provider Inside the src directory create a new directory and name it providers Inside the providers directory create the notificationProvider tsx file Copy and paste the code below into it src notifications notificationProvider tsximport React from react import NotificationProvider from refinedev core import toast from react toastify export const notificationProvider NotificationProvider open key message type undoableTimeout cancelMutation gt if toast isActive key as React ReactText toast update key as React ReactText render message type default return toast message toastId key type default close key any gt toast dismiss key The toast isActive function takes the notification key as an argument It returns true if the notification is active and false otherwise In the code above we first checked whether the notification is active using toast isActive If there is an active toast with the specified key we update it instead of creating a new one If there is no active notification with the specified key we create a new toast Similarly you use the toast dismiss function to dismiss an open notification The toast dismiss function takes the notification key as an argument The code above is a simple notification provider setup to get us up and running We will add more functionality later We need to import the above notification provider into the App tsx file and pass it to the Refine component as the value of the notificationProvider prop Modify the App tsx file to include the following code src App tsx highlight startimport ToastContainer from react toastify import notificationProvider from providers notificationProvider import react toastify dist ReactToastify min css highlight endfunction App return lt BrowserRouter gt lt Refine highlight next line notificationProvider notificationProvider inProvider inProvider gt lt Routes gt lt Route element lt Layout gt lt Outlet gt highlight next line lt ToastContainer gt lt Layout gt gt lt Route gt lt Routes gt lt UnsavedChangesNotifier gt lt Refine gt lt BrowserRouter gt Your notification provider setup is now complete When you edit or create a new blog post refine will display a notification Step ーCreate custom Undoable notification componentYou can apply mutations or updates in refine in three modes These three modes are the pessimistic optimistic and undoable modes You can set the notification mode of your refine application using the options prop of the Refine component src App tsxconst App React FC gt return lt Refine options mutationMode optimistic gt In the pessimistic mutation mode refine applies mutation immediately It then updates the UI and redirects after mutating successfully The pessimistic mode is the default Optimistic mode is where refine applies the mutation locally and immediately updates UI and redirects irrespective of whether the mutation is successful or not If the mutation fails it updates the UI with an appropriate notification message With the undoable mutation mode refine applies the mutation locally and immediately redirects and updates the UI as if the mutation is successful It then waits for a customizable timeout before applying the mutation During the timeout you can cancel the mutation and revert the UI Therefore when working with refine in the undoable mutation mode you display a notification informing the user of the time left and a button to cancel the mutation We need a custom component to display the countdown and button for canceling the mutation In the src component directory create a new directory and name it undoable notification In the undoable notification directory you have just created create the index tsx file Copy and paste the code below into it src component undoable notification index tsxtype UndoableNotification message string cancelMutation gt void closeToast gt void export const UndoableNotification React FC lt UndoableNotification gt closeToast cancelMutation message gt return lt div gt lt p gt message lt p gt lt button onClick gt cancelMutation closeToast gt Undo lt button gt lt div gt In the component above we display a message to indicate the time left and a button to cancel the mutation and close the notification When the mutation mode is undoable refine will invoke the open function and sets the notification type to progress It will also set the timeout as the value of the undoableTimeout property and the cancelMutation function for canceling the mutation within the timeout Every second refine will decrease the value of undoableTimeout by until its value reaches Import the UndoableNotification component you created above into the src providers notificationProvider tsx file Add the following changes to the notification provider Pay attention to the open method because its body has changed It will display a custom component when the refine mutation mode is undoable src providers notificationProvider tsximport React from react import NotificationProvider from refinedev core import toast from react toastify highlight next lineimport UndoableNotification from components undoable notification export const notificationProvider NotificationProvider open key message type undoableTimeout cancelMutation gt highlight start if type progress if toast isActive key as React ReactText toast update key as React ReactText progress undoableTimeout amp amp undoableTimeout render lt UndoableNotification message message cancelMutation cancelMutation gt type default return toast lt UndoableNotification message message cancelMutation cancelMutation gt toastId key updateId key closeOnClick false closeButton false autoClose false progress undoableTimeout amp amp undoableTimeout return if toast isActive key as React ReactText toast update key as React ReactText render message closeButton true autoClose type return toast message toastId key type highlight end close key gt toast dismiss key Step ーPreview notificationYou can preview the notification by editing a record refine will make updates and display a notification You can also change the mutation mode of the application to undoable using the options prop of the refine component to display the custom component above ConclusionHaving a notification system is inevitable when building complex distributed systems It notifies users when an event or changes occur in the database refine comes with a robust and customizable notification system when you use one of the supported UI or design systems like Material UI Chakra UI and Mantine refine gives you the flexibility to build a custom notification provider using a notification library like react toastify if the built in notification system of the supported UI or design system doesn t meet your needs	2023-06-01 13:47:25
海外TECH	DEV Community	Sorting Simplified: The Quirky World of Selection Sort	https://dev.to/capwellmurimi/sorting-simplified-the-quirky-world-of-selection-sort-3a87	Sorting Simplified The Quirky World of Selection SortSorting can be a perplexing ordeal like trying to find matching socks in a laundry basket Fear not We re here to unravel the secrets of the selection sort algorithm a peculiar creature that loves finding the most minor elements and putting them in their rightful places Get ready to embark on a comical journey through the whimsical world of selection sort Once upon a time in the kingdom of Arraysville there lived an algorithm called selection sort This quirky algorithm had a unique way of sorting arrays by repeatedly seeking out the tiniest elements and swapping them with the lucky residents of the sorted kingdom Let s delve into the peculiar steps of this delightful dance Step by Step Adventure Our adventure begins with a disorderly array It s like a group of mischievous cats each vying for attention The sorted kingdom starts at the beginning of the array sipping tea and waiting for the festivities to commence With a swish of its magical wand selection sort starts iterating through the array examining each cat ーI mean element ーone by one In each encounter selection sort identifies a potential candidate for the coveted “tiniest element title It has an eye for spotting those fluffy little integers Like a game show host selection sort challenges the remaining elements asking “Are you smaller than our esteemed candidate Show me what you ve got Whenever a smaller element is found selection sort joyfully adjusts its candidate eager to crown the new winner Talk about a competitive spirit After thoroughly inspecting the contestants selection sort confidently swaps the newly crowned tiniest element with the resident at the front of the sorted kingdom It s like sending a champion to reign in the right place With every successful swap the sorted kingdom expands and the boundary moves forward leaving behind a trail of harmonious integers Selection sort waves its wand again ready for the next round of the “find the tiniest game It repeats steps to until the entire array is sorted leaving no feline ーI mean element ーbehind Now let s address the elephant in the room ーtime complexity Brace yourself Selection sort has a bit of a dramatic side It performs a linear search in each iteration like a lost traveler searching for the perfect souvenir As a result the time required to sort grows exponentially with the array s size just like a magician pulling rabbits out of a hat It s a bit slow for large arrays but perfect for a leisurely stroll with smaller datasets ️Selection sort might not be the fastest horse in the race but it has its moments of glory It shines when the array is partially sorted or when you re feeling nostalgic for the good ol days of sorting It s like the reliable grandparent who tells stories of simpler times However for larger arrays consider enlisting the help of more efficient algorithms like merge sort or quicksort the speedsters of the sorting world ️In the wacky realm of sorting algorithms selection sort stands as an endearing character tirelessly searching for the tiniest elements and placing them in their rightful positions Although its time complexity might raise a few eyebrows it s a lovable choice for smaller arrays and a delightful introduction to the enchanting world of sorting So grab your popcorn and witness the whimsical dance of selection sort ーthe sorting algorithm that proves even the quirkiest creatures can bring order to chaos Remember sorting algorithms are like a circus of techniques each with its own charm and peculiarities Exploring the colorful world of sorting is not only educational but also an opportunity to embrace the humor and imagination that algorithms can inspire Happy sorting	2023-06-01 13:45:30
海外TECH	DEV Community	Moonly weekly progress update #51 - Happy birthday Moonly!	https://dev.to/moonly/moonly-weekly-progress-update-51-happy-birthday-moonly-b3a	Moonly weekly progress update Happy birthday Moonly Moonly weekly progress update ーHappy birthday Moonly Happy birthday Moonly One year ago on May th we successfully crashed Magice Eden s website and minted it out I will never forget those moments This is a marathon not a sprint Which means we are here for long term goals One year passed quickly and another will as well Right now at this moment we are preparing for better days so when they come we will be there and ready Here is a short bullet list of what is next Make an upgrade on our SaaS to support pNFTs and help Kaimana guys solve their issueFinish the WL flow that we have building “secretly for the last few weeks We gonna use it for our own purpose but I believe other projects will want that because it s gonna be super funny unique and useful More on that later and you gonna help us test Work on Moonly Discord bot to support new features Like SPL tokens but also different blockchains The future is cross chain Finalize and release our Raffle platform Role based functionality which means to wrap all our tools in packages for easier onboarding of our future partners and clients Finalize the Sniper bot We have a functional version but since some emerging things popped up we needed to put it on the side Integrate new UI layout to enhance the UX user experience and SEO presence This is for a long term goal We are also working on a few side projects related to Moonly Twitter Spaces Giveaway “Secret tool and some more experiments Come back to the portfolio tracker and utilize the big DB so we can display more valuable data for collections and wallets Weekly devs progress Updated Moonly bot API routers to retrieve collectionsStarted working on saving announcement settingsDesigning a database more efficientlyTwitter API experiments and discussionWorking on database changes on Discord announcementsWorking on the frontend part for Announcement SettingsPrepared backend for Announcement catcherWork on restrictions ー locking down some features for Visitors Users Non Holders etc Fixing UI for users packageTesting functionalities for User packages on the test serverSynchronizing the data from Moonly to the Big DBHolder Verification Bot HVB Researched dynamic role creation and tested itStats and Sale scrapers overhaul in progressPrepared backend for auto generating rules creationCreated the frontend part of auto generating rulesFixed edit cache issue ruleResolved z index issue at Select componentFixed bot API issue for a specific chainTwitter Space Giveaway Found a problem in database design amp made the Twitter space giveaway resolver from scratchFixed a few bugs while working with the backend resolver of twitter space giveawayBuilding the front end of the twitter space giveaway featureConverted the CSS to tailwind CSS of Twitter space giveaway front endConverting design of Twitter space giveawayFixing front end react bugCheck out our latest blog posts Upcoming NFT collections Minted projects worth mentioning	2023-06-01 13:44:30
海外TECH	DEV Community	Is "this" tricky in Javascript? No way!😎	https://dev.to/codecraftjs/is-this-tricky-in-javascript-no-way-f1l	Is quot this quot tricky in Javascript No way In JavaScript the this keyword is a special identifier that refers to the context in which a function is executed It plays a crucial role in determining how functions behave and which object they belong to However the behaviour of this can be confusing for many developers Simply this points to the context in which it is used We will explore various examples of this keyword and understand how it points to the context in which it is used We will also see examples where this can be explicitly bound to any specific object or a function call Global Context Default BindingWhen this is used outside of any function it refers to the global object In a web browser environment the global object is usually the window object Let s consider the following example console log this Output WindowIn this case this points to the window object because the code is executed in the global context Pointing to the window object specifies that this will have access to all the properties of the window object For example as window object has setTimeout property so here we can access it through this setTimeout as well It is that simple Object Method Implicit BindingWhen a function is called as a method of an object this refers to the object itself This behavior is known as implicit binding It s called Implicit because it is assigned by the javascript engine during the runtime Let s look at an example const person name Om greet function console log Hello my name is this name person greet Output Hello my name is Om In this example this inside the greet method refers to the person object It allows us to access the name property of the person object using this name Here this will only have access to the properties defined in the person object Event Handlers DOM BindingWhen an event handler is invoked this refers to the element that triggered the event Let s consider an HTML button element with an event handler function lt button onclick console log this gt Click me lt button gt In this case when the button is clicked this inside the event handler function refers to the button element itself It provides access to the element s properties and methods Constructor Functions New BindingWhen a function is used as a constructor with the new keyword this refers to the newly created object Constructor functions are used to create multiple objects with the same properties and methods Here s an example function Person name this name name can also be defined with class keyword class Person constructor name this name name const person new Person Om console log person name Output OmIn this example the Person function acts as a constructor to create a new Person object Inside the constructor this refers to the newly created object john allowing us to set the name property Explicit Binding Call Apply and BindJavaScript provides three methods call apply and bind that allows us to explicitly specify the value of this within a function Let s explore each of them with an example Note To understand these functions in detail you can check here function greet console log Hello this name const person name Om const person name Apurva greet call person Output Hello Om greet call person Output Hello Apurva greet apply person Output Hello Om greet apply person Output Hello Apurva const greetPerson greet bind person const greetPerson greet bind person greetPerson Output Hello Om greetPerson Output Hello Apurva In the above example we define a greet function that logs a greeting message By using call apply and bind we explicitly set this to the person object This allows us to access the name property of person within the greet function Arrow Functions Lexical BindingArrow functions do not bind their own this value Instead they inherit the this value from the enclosing context const person name Om greet function setTimeout gt console log Hello my name is this name person greet Output Hello my name is OmHere the callback function an arrow function in setTimeout will refer to the context of the object method greet As we know the object method will refer to the person object in which it is defined this we have already seen in the Object Method section and the callback will also refer to person object These examples demonstrate how the context of this can vary depending on the way a function is called or the surrounding code Understanding the different contexts of this is crucial for writing correct and maintainable JavaScript code	2023-06-01 13:12:16
Apple	AppleInsider - Frontpage News	Apple India's record-breaking sales revealed thanks to unprecedented leak	https://appleinsider.com/articles/23/06/01/apple-indias-record-breaking-sales-revealed-thanks-to-unprecedented-leak?utm_medium=rss	Apple India x s record breaking sales revealed thanks to unprecedented leakApple never shares sales figures for individual retail stores but two industry executives revealed that the new Apple stores in India have achieved record breaking monthly sales ーexceeding other retailers in the country Deirdre O Brien and Tim Cook at Apple BKCApple opened its first retail store in India on April followed by a store in New Delhi just two days later Their success has already propelled the company to the top Read more	2023-06-01 13:48:51
Apple	AppleInsider - Frontpage News	Microsoft launches online community for Mac admins	https://appleinsider.com/articles/23/06/01/microsoft-launches-online-community-for-mac-admins?utm_medium=rss	Microsoft launches online community for Mac adminsAn official Microsoft Mac Admins forum has been launched to support IT professionals using Microsoft or Intune on Macs Microsoft contains many widely used productivity apps The new forums are intended to become a central location for valuable resources and insights for people supporting Mac users with Microsoft apps in the enterprise Read more	2023-06-01 13:45:32
Apple	AppleInsider - Frontpage News	'No Man's Sky' now available on Mac via Steam	https://appleinsider.com/articles/23/06/01/no-mans-sky-now-available-on-mac-via-steam?utm_medium=rss	x No Man x s Sky x now available on Mac via SteamNo Man s Sky has finally launched on Mac via Steam and it has cross save functionality from PC cross platform play and runs on any Apple Silicon Mac No Man s Sky on MacApple introduced Metal and MetalFX during WWDC in and two games were set to take advantage of these systems No Man s Sky and Resident Evil Village While Resident Evil Village launched in October No Man s Sky remained absent until now Read more	2023-06-01 13:00:46
海外TECH	Engadget	The best password managers for 2023	https://www.engadget.com/best-password-manager-134639599.html?src=rss	The best password managers for You might ve seen password managers in the news recently because of the breach affecting LastPass customers We need to trust that all of our logins banking credentials and other sensitive information has been neatly locked away only accessible by us when we need it But most tech is fallible and the benefits of unique strong passwords across your online presence outweigh the risks Password managers remain a great way to securely store all of the credentials you need on a regular basis We tested out nine of the best password managers available now to help you choose the right one for your needs How do password managers work Think of password managers like virtual safe deposit boxes They hold your valuables in this case usually online credentials in a section of the vault only accessible to you by security key or a master password Most of these services have autofill features that make it convenient to log in to any site without needing to remember every password you have and they keep your credit card information close for impulse purchases But given that passwords are one of the top ways to keep your online identity secure the real value of password managers is staying safe online “It s just not possible without a password manager to have unique long and hard to guess passwords Florian Schaub an associate professor of information and of electrical engineering and computer science at the University of Michigan said Common guidance states that passwords should be unique with the longest number of characters allowed and uppercase letters lowercase letters numbers and special characters This is the exact opposite of using the same password everywhere with minor variations depending on a site s requirements Think of how many sites you have credentials on ーit s an impossible task to remember it all without somewhere to store them safely no a sticky note on your desk won t cut it Password managers are more readily accessible and offer the benefit of filling in those long passwords for you Are password managers safe It seems counterintuitive to store all your sensitive information in one place One hack could mean you lose it all to an attacker and struggle for months or even years to rebuild your online presence not to mention you may have to cancel credit cards and other accounts But most experts in the field agree that password managers are a generally secure and safe way to keep track of your data and the benefits of strong complex passwords outweigh the possible risks The mechanics of keeping those passwords safe differs slightly from provider to provider Generally you have a lengthy complex “master password that safeguards the rest of your information In some cases you might also get a “security key to enter when you log in to new devices This is a random string of letters numbers and symbols that the company will send you at sign up Only you know this key and because it s stored locally on your device or printed out on paper it s harder for hackers to find These multiple layers of security make it difficult for an attacker to get into your vault even if your password manager provider experiences a breach But the company should also follow a few security basics A “zero knowledge policy means that the company keeps none of your data on file so in the event of an attack there s nothing for hackers to find Regular pentests and security audits keep the company up to par on best practices and other efforts like bug bounty programs or hosting on an open source website encourage constant vigilance for security flaws Most password managers now also offer some level of encryption falling under the Advanced Encryption Standard AES AES bit is the strongest because there are the most number of possible combinations but AES bit or bit are still good Who are password managers for Given their universal benefit pretty much everyone could use a password manager They re not just for the tech savvy people or businesses anymore because so much sensitive information ends up online behind passwords from our bank accounts to our Netflix watch history That s the other perk of password managers safe password sharing Families friends or roommates can use them to safely access joint accounts Texting a password to someone isn t secure and you can help your family break the habit by starting to use one yourself Lisa Plaggemier executive director at National Cyber Security Alliance said Streaming is the obvious use case but consider the shared bills file storage and other sites you share access with the people around you as well Are password managers worth it You likely already use a password manager even if you wouldn t think to call it that Most phones and web browsers include a log of saved credentials on the device like the “passwords keychain in the settings of an iPhone That means you ve probably seen the benefits of not having to memorize passwords or even type them out already While that s a great way in the downfall of these built in options are that they tend to be device specific If you rely on an Apple password manager for example that works if you re totally in the Apple ecosystem ーbut you become limited once you get an Android tablet Lujo Bauer professor of electrical and computer engineering and of computer science at Carnegie Mellon University said If you use different devices for work and personal use and want a secure way to share passwords with others or just don t want to be tied to one brand forever a third party password manager is usually worth it How we testedWe tested password managers by downloading each of the nine contenders on iPhone Android Safari Chrome and Firefox That helped us better understand what platforms each manager was available on and see how support differs across operating systems and browsers As we got set up with each we took note of how they iterated on the basic features of autofill and password generators Nearly all password managers have these features but some place limits on how much you can store while others give more control over creating easy to type yet complex passwords From there we looked at extra features like data breach monitoring to understand which managers offered the most for your money Finally we reviewed publicly available information about security specs for each This includes LastPass which more experts are shying away from recommending after the recent breach For the sake of this review we ve decided not to recommend LastPass at this time as fallout from the breach still comes to light The company disclosed a second incident earlier this year where an unauthorized attack accessed the company s cloud storage including sensitive data Password managers we testedPasswordLastPassBitwardenDashlaneKeeperNordPassEnpassNorton password managerLogMeOnceBest password manager PasswordMany security experts trust Password with their private information and after testing it out it s clear why The service includes industry standard encryption a “secret key that only you know on top of your master password a zero knowledge policy that means it keeps no data and other security features like frequent audits and a bug bounty program Plus it has a pretty intuitive feel A tutorial at download helps you import passwords from other managers onto Password so that you don t feel like you re starting over from scratch It also clearly rates the strength of each password and has an “open and fill option in the vault so that you can get into your desired site even more quickly We also liked the option to scan a set up code to easily connect your account to your mobile devices without too much tedious typing At per month the individual subscription comes with unlimited passwords items and one gigabyte of document storage for your vault It also lets you share passwords credit card information and other saved credentials If you upgrade to the family plan for each month you ll get to invite up to five people plus more for each per month to be a part of the vault Number of tiers Pricing month for Individual month for Families month for Teams Starter Pack month per user for BusinessBest free password manager BitwardenBitwarden s free plan includes unlimited passwords on an unlimited number of devices which is more than we ve seen from some of its competitors There are drawbacks like you can only share vault items with one other user but we think that s a fair tradeoff Bitwarden is based on open source code meaning anyone on GitHub can audit it which is a good measure of security On a personal level it includes security audits of your information like a data breach report that can keep you in the know about when your passwords have been leaked and when it s time to change them Plus it s widely available across the platforms we tested with a level of customization options to access your vault and more Bitwarden may be the best free password manager but it does have a paid version and we do think it s worth it At annually for individuals or for families you unlock encrypted file storage emergency access unlimited sharing and more But the free version comes with the basics that can get anyone set up on password management easily Number of tiers Pricing Free month per user for Teams Organization month per user for Enterprise OrganizationBest cross platform availability NordPassAcross password managers we tested cross platform availability was relatively similar Most are widely available across web browsers and different operating systems including our other top picks on this list But we wanted to give a nod to NordPass here because of how easy the service makes it to access your vault from any platform NordPass has a free option with unlimited passwords and syncs across devices A per month premium subscription keeps you logged in when switching devices comes with security notifications and allows for item sharing A family subscription comes with six premium accounts and only costs per month This makes it a pretty good budget option as well Besides the pairing code to connect accounts NordPass is a pretty standard password manager Scanning a code gets me from my laptop to mobile device to work computer super easily If you re constantly switching devices and those extra few seconds save your sanity it s worth considering Number of tiers Pricing Free per month for Premium month for FamilyBest for shared access DashlaneDashlane has four subscription options A free user gets access to one device with unlimited passwords an advanced user pays per month to get upgraded to unlimited devices and dark web monitoring for per month a premium user also gets VPN access and an per month family plan includes access for up to people It met all the criteria we looked for but with a clear emphasis on sharing credentials Dashlane highlights “secure sharing starting at its free level which is a feature that some competitors keep behind a paywall Access for up to members in a family plan is one of the bigger plans we ve seen as well While we were testing it password sharing seemed front of mind with a tab dedicated to it in Dashlane s browser extension Arguably the biggest caveat here though is lack of Linux support Number of tiers Pricing Free month for Advanced month for Premium month for Friends and FamilyThis article originally appeared on Engadget at	2023-06-01 13:46:39
海外TECH	Engadget	BeReal is testing a direct messaging feature called RealChat	https://www.engadget.com/bereal-is-testing-a-direct-messaging-feature-called-realchat-132602404.html?src=rss	BeReal is testing a direct messaging feature called RealChatBeReal was Apple s iPhone app of the year for but buzz around the social media app that forces you to post daily selfies has died down of late Now the French company has introduced quot RealChat quot private messaging allowing it to boast a feature found on most major social media apps TechCrunch has reported nbsp The function is one of the most requested the company said You can only message another user if you re friends with them on the platform For a message to be deleted both parties have to do so ーdeleting your own message won t delete it from a friend s app The chat system will reportedly feature blocking and reporting features nbsp BeReal has an interesting and somewhat messy approach to social media It sends notifications at a different time each day prompting you to quickly share photos taken with your phone s front and rear cameras simultaneously You have a two minute window to do so forcing you to share spontaneous moments without spending extra time to make sure the photos are perfect Friends are notified when you re late or revise a post Earlier this year BeReal refuted an analytics report that engagement on the app had fallen significantly saying it still had million daily active users The company admitted that while it s been busy behind the scenes it hasn t released many new features of late so quot people have been guessing what we ve been up to and how things are going and not always accurately nbsp Over the past couple of months though it has launched an integration with Spotify showing what you re listening to when you post along with the Bonus BeReal feature that lets you post more than one BeReal if you post on time As with other social media apps the RealChat feature looks like a way to boost time spent on the app and allow friends to comment privately on posts This article originally appeared on Engadget at	2023-06-01 13:26:02
海外TECH	Engadget	Android can now 'remix' emojis and help with reading practice	https://www.engadget.com/android-can-now-remix-emojis-and-help-with-reading-practice-130053394.html?src=rss	Android can now x remix x emojis and help with reading practiceGoogle has listed a bunch of features rolling out to the Android ecosystem starting today June st and one of them can help new readers improve their diction and vocabulary The new reading practice tool for phones and tablets is available with thousands of compatible children s books on Play Books It challenges kids or people who ve only started to learn English to read sentences with the mic on The buttons that show up when they tap help allow them to quickly look up the definition of words or to hear the sentence be read out loud for guidance It s now available in the English language for users in the US as long as they have a device running Android and above nbsp The tech giant is also rolling out new widgets that show entertainment suggestions for Google TV stock trading information from Google Finance and curated stories from Google News These widgets will be available for everyone with devices running Android and later in all supported languages Meanwhile for those tired of the usual emoji options there s a new tool called quot Emoji Kitchen quot It lets users fuse and remix emoji available on Gboard ーso long as they have a compatible combination ーand then turn them into stickers they can send nbsp Users with devices running WearOS now have new Spotify tiles and watchface complications to choose from Spotify DJ available in US Canada UK and Ireland for premium subscribers can play a personalized selection of tracks or stream episodes from the user s favorite podcasts the moment they press play on the new smartwatch tile WearOS users can now also add a tile for a single to do list from Google Notes Those living in Washington DC and the San Francisco Bay Area are getting something extra They now have the option to load their SmartTrip and Clipper cards to their Google Wallet so they can tap and pay to ride local transportation using their smartwatches nbsp Aside from all these features which have only started rolling out Google has also announced that its One subscription service s dark web report is fully available in the US Subscribers will be able to run scans to check if their Gmail addresses have been exposed in the dark web They can also check if any sensitive information such as their social security numbers have been compromised Plus they can choose to start automatically monitoring the dark web for their personal information so they d get notified as soon as any of their details get posted Dark web monitoring is only available to Google One customers in the US at the moment but Google plans to expand its availability to more than countries in the coming months nbsp This article originally appeared on Engadget at	2023-06-01 13:00:53
Cisco	Cisco Blog	Grounded by Cybersecurity: Protecting the Aviation Industry from Digital Threats	https://feedpress.me/link/23532/16157683/grounded-by-cybersecurity-protecting-the-aviation-industry-from-digital-threats	Grounded by Cybersecurity Protecting the Aviation Industry from Digital ThreatsSecuring aviation systems involves proactively identifying assessing and addressing potential security vulnerabilities within aviation infrastructure The work entails simulating cyber attacks and exploiting weaknesses within the aviation ecosystem These include communication networks air traffic control systems and aircraft avionics By emulating the techniques tactics and procedures TTPs of real world threat actors cybersecurity professionals can uncover hidden vulnerabilities and evaluate the resiliency of aviation systems against cyber intrusions The findings from these tests can then be used to develop effective countermeasures enhance security policies and contribute to the safety of passengers crew and ground personnel	2023-06-01 13:58:15
Cisco	Cisco Blog	Nurturing the next generation of climate tech talent	https://feedpress.me/link/23532/16157614/nurturing-the-next-generation-of-climate-tech-talent	talent	2023-06-01 13:00:38
Cisco	Cisco Blog	AI and Flexible Hybrid Environments Key to Frictionless Engagement	https://feedpress.me/link/23532/16157615/ai-and-flexible-hybrid-environments-key-to-frictionless-engagement	AI and Flexible Hybrid Environments Key to Frictionless EngagementIs AI the key to delivering a user experience that feels frictionless but familiar to users helping increase student engagement Join education expert Neal Tilley as he explores technologies that are already doing so	2023-06-01 13:00:35
海外TECH	CodeProject Latest Articles	How to Add JS Version before referencing JS file to the Page	https://www.codeproject.com/Tips/802462/How-to-Add-JS-Version-before-referencing-JS-file-t	realtime	2023-06-01 13:19:00
海外科学	NYT > Science	An Appeals Court Gave the Sacklers Legal Immunity. Here’s What the Ruling Means.	https://www.nytimes.com/2023/05/31/health/sackler-family-immunity-opioids.html	An Appeals Court Gave the Sacklers Legal Immunity Here s What the Ruling Means In return for the shield the billionaire owners of Purdue Pharma are committed to paying up to billion to help compensate communities and individuals for the ravages of the opioid epidemic	2023-06-01 13:14:45
医療系	医療介護 CBnews	少子化対策、財源確保へ社会保障改革-年末に正式決定、工程表策定へ	https://www.cbnews.jp/news/entry/20230601213115	少子化対策	2023-06-01 22:10:00
ニュース	BBC News - Home	House prices fall at fastest pace in nearly 14 years, says Nationwide	https://www.bbc.co.uk/news/business-65774620?at_medium=RSS&at_campaign=KARANGA	mortgage	2023-06-01 13:21:46
ニュース	BBC News - Home	England v Ireland: Stuart Broad removes James McCollum for 36 to claim fourth wicket	https://www.bbc.co.uk/sport/av/cricket/65779569?at_medium=RSS&at_campaign=KARANGA	England v Ireland Stuart Broad removes James McCollum for to claim fourth wicketWatch as England s Stuart Broad removes Ireland opener James McCollum for to claim his fourth wicket on day one of the Test at Lord s	2023-06-01 13:28:50
ニュース	BBC News - Home	Ange Postecoglou: Celtic boss says Spurs' interest 'doesn't register'	https://www.bbc.co.uk/sport/football/65778760?at_medium=RSS&at_campaign=KARANGA	Ange Postecoglou Celtic boss says Spurs x interest x doesn x t register x Celtic manager Ange Postecoglou says reported interest from Tottenham doesn t register with him as he prepares for the Scottish Cup final	2023-06-01 13:39:42