投稿時間:2022-04-20 02:34:59 RSSフィード2022-04-20 02:00 分まとめ(48件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWS Machine Learning Blog	Integrate ServiceNow with Amazon Lex chatbot for ticket processing	https://aws.amazon.com/blogs/machine-learning/integrate-servicenow-with-amazon-lex-chatbot-for-ticket-processing/	Integrate ServiceNow with Amazon Lex chatbot for ticket processingConversational interfaces or chatbots can provide an intuitive interface for processes such as creating and monitoring tickets Let s consider a situation in which a recent hire on your team is required to cut tickets for office equipment To do so they have to interact with a ticketing software that the organization uses This often requires …	2022-04-19 16:55:07
AWS	AWS Media Blog	Part 1: How to optimize ad delivery with AWS Elemental MediaTailor	https://aws.amazon.com/blogs/media/part-1-how-to-optimize-ad-delivery-with-aws-elemental-mediatailor/	Part How to optimize ad delivery with AWS Elemental MediaTailorThis how to blog series in three parts walks through the configuration of advanced features for ad insertion available with AWS Elemental MediaTailor Links to each post are available and cross referenced as the series progresses Return to the AWS Media Blog in the coming days for additions to the series Introduction How to configure advanced features …	2022-04-19 16:03:32
AWS	AWS Government, Education, and Nonprofits Blog	How students help modernize rocket launches at the Western Range with the AWS Cloud	https://aws.amazon.com/blogs/publicsector/students-help-modernize-rocket-launches-western-range-aws-cloud/	How students help modernize rocket launches at the Western Range with the AWS CloudVandenberg Space Force Base VSFB also known as the Western Launch and Test Range is one of only two U S Space Force launch ranges A safe rocket launch relies on the ability of Western Range meteorologists to gather and analyze weather data in real time The Western Range team wanted to switch to an agile cloud based solution that would streamline data analysis and keep operators safeーwhich prompted them to call on students and AWS Cloud experts at the California Polytechnic State University Cal Poly Digital Transformation Hub DxHub powered by AWS to help VSFB prototype a solution	2022-04-19 16:49:19
python	Pythonタグが付けられた新着投稿 - Qiita	% python したら command not found を突きつけられました	https://qiita.com/ninjaninja/items/5b1463a724ff29fce908	commandnotfound	2022-04-20 01:50:33
python	Pythonタグが付けられた新着投稿 - Qiita	【高速なnumpy】WindowsでJAXを使おう【Python】	https://qiita.com/FORETUNE/items/a7d39eb9ab4c48d6b4dd	https	2022-04-20 01:11:37
js	JavaScriptタグが付けられた新着投稿 - Qiita	jQueryを使用して全ての項目にチェックを入れるチェックボックスを作成する	https://qiita.com/philosophy_note/items/e7dc6ca2831a13fc561d	gtltjquerygtltscriptsrc	2022-04-20 01:20:05
js	JavaScriptタグが付けられた新着投稿 - Qiita	npmパッケージのコードリーディングを100倍しやすくする方法	https://qiita.com/nozomi_i/items/1fb4c8cb3247d896299e	表現	2022-04-20 01:04:27
Ruby	Rubyタグが付けられた新着投稿 - Qiita	プロジェクトへテストコードを導入する(計画編)	https://qiita.com/naruneko_eng/items/fdf57b817589383db661	項目	2022-04-20 01:33:12
Ruby	Railsタグが付けられた新着投稿 - Qiita	プロジェクトへテストコードを導入する(計画編)	https://qiita.com/naruneko_eng/items/fdf57b817589383db661	項目	2022-04-20 01:33:12
技術ブログ	Developers.IO	Performing SQL queries on DynamoDB table using PartiQL	https://dev.classmethod.jp/articles/performing-sql-queries-on-dynamodb-table-using-partiql/	Performing SQL queries on DynamoDB table using PartiQLAWS It is a secure cloud service platform that offers compute power and database storage content delivery n	2022-04-19 16:14:09
海外TECH	MakeUseOf	What Is an SOW (Statement of Work) in Project Management?	https://www.makeuseof.com/what-is-sow/	What Is an SOW Statement of Work in Project Management A Statement of Work outlines the scope of work to be performed and identifies the objectives tasks and schedule Here s what you need to know	2022-04-19 16:35:13
海外TECH	MakeUseOf	Grab the Jabra Elite 85t Noise-Canceling Earbuds for a Sweet Price	https://www.makeuseof.com/jabra-elite-85t-deal/	great	2022-04-19 16:15:15
海外TECH	MakeUseOf	How to Fix Your Bluetooth Disconnecting When Transferring Files From Your Phone to Windows	https://www.makeuseof.com/windows-phone-bluetooth-disconnect-file-transfer/	How to Fix Your Bluetooth Disconnecting When Transferring Files From Your Phone to WindowsDoes your Bluetooth connection fail when you send files from your phone to your Windows PC Here are the fixes	2022-04-19 16:15:14
海外TECH	DEV Community	I was leetcoding the wrong way	https://dev.to/ahmedouyahya/i-was-leetcoding-the-wrong-way-44pm	I was leetcoding the wrong wayWhat you read here are lessons learned after solving leetcode problems I have started my journey with Leetcode in mid May It was a long journey full of ups and downs Along the way I have committed mistakes and learned a lot from them In this article I m going to walk you through the lessons that I have learned and the mistakes behind them So let s get started Consistency it s a marathon not a sprintThe mistake that I made here is that one day I would solve questions the next day nothing the day after that I would solve one Where in fact it would be more beneficial to solve one problem daily as it refreshes your mind every day and is easier to keep on with And to be honest with you it s easier said than done especially when it comes to DSA But it s the key to success that s why I started with it Pattern recognition When I first started I was solving problems randomly instead of solving them topic wise Which in some ways ended up in me trying to memorize problems That s why I was not able to recognize patterns So my suggestion for you would be to pick one topic understand it and solve problems that fall under that topic Something that helped me a lot in gaining this skill is Kunal Kushwaha s DSA Bootcamp link at the end so huge shoutout to him for the amazing work that he is doing Quality over quantity Learn depth wise and not breadth wiseIn my case I was rushing towards hitting that “ problems solved which gave me a temporary satisfaction that I have achieved something However when looking at my skill set it s not proportional to my progress So my suggestion here is for every topic you should solve classic problems and take them as references whenever you are solving another similar problem And that s what I exactly did This brings us to the next point create a spreadsheet and document what you have solved As the title indicates it would be better to document the problems that you have solved how you solved them is it the optimal solution in terms of time and space complexity and what is the best solution That way you can go back to them from time to time and refresh yourself without the need to code them again Also it will help you in preparing for the next interview Don t compare yourself with others Seeing people solving all contest problems and seeing myself struggling to solve the first problem is really intimidating and discouraging However what I didn t realize is that it does not come overnight it requires a lot of dedication and consistency The only person you should compare yourself with is you yesterday Take a break I would suggest you take one day s rest That way you can refuel yourself Now we come to an end If you find it helpful drop me an emoji If you have any questions suggestions or improvements leave a comment below and I will get back to you Finally I would be pleased to connect with on Twitter here and LinkedIn here Kunal s DSA Bootcamp Here	2022-04-19 16:43:04
海外TECH	DEV Community	An Introduction to PCI Compliance	https://dev.to/mbogan/an-introduction-to-pci-compliance-4a7d	An Introduction to PCI ComplianceThere are plenty of reasons for enterprises that work with cardholder data to care about payment card industry PCI compliance For starters maintaining PCI compliance is an essential part of protecting cardholders reducing fraud and avoiding damage to your reputation Additionally if your organization is found not to be PCI compliant it will be subject to financial penalties and ultimately not allowed to process or handle card transactions Achieving PCI compliance can be complex and time consuming For businesses that want to launch and scale quickly the burden is onerous To help you navigate the challenges of PCI compliance here we ll provide a crash course on the topic We ll also take a look at how Marqeta can help enterprises meet PCI data security standard DSS requirements and go to market quickly What is PCI compliance PCI compliance is the process of adhering to PCI DSS requirements and security assessment procedures when processing transmitting or storing cardholder data CHD or sensitive authentication data SAD Understanding PCI DSSLet s run through a quick Q amp A to get up to speed on PCI DSS What is PCI DSS PCI DSS Data Security Standards is a payment industry standard It is mandatory for companies that process store or transmit cardholder data CHD or secure authentication data SAD to comply with PCI DSS requirements PCI DSS details specific technical and operational requirements effectively applicable to anyone that works with cardholder data or associated sensitive authentication data The current version of PCI DSS v was published in and is available for download in the PCI document library Version is expected to be released in early Who created PCI DSS The PCI Security Standard Council PCI SSC ーan organization created by Visa MasterCard American Express Discover Financial Services and JCB International in ーcreated and maintains the PCI DSS standards What s the purpose of PCI DSS PCI DSS aims to improve cardholders data security and facilitate consistency in the processes used to secure card transactions globally What is CHD Cardholder data CHD includes primary account number PAN cardholder name expiration date and service code PCI DSS allows secure storage of CHD when necessary What is SAD Secure authentication data SAD includes full magnetic stripe data or an equivalent such as EMV chip data CVV CVC CID number PIN or PIN block In most cases PCI DSS does NOT permit storage of SAD after authorization though we ll cover an exception in the section entitled “Are card issuers subject to PCI DSS compliance below Do I need to comply with PCI DSS If you process transmit or store cardholder data CHD or sensitive authentication data SAD then yes you need to comply with PCI DSS What is account data CHD and SAD are collectively referred to as account data What is CDE A cardholder data environment CDE consists of all the people processes and technologies that transmit store or process account data in a network What are the requirements to achieve PCI compliance The PCI SSC outlines high level requirements that businesses must meet in order to be PCI compliant The requirements are grouped under larger categories or goals and take a holistic end to end view of CDEs covering items such as firewall configuration default passwords encryption and even physical access At first glance that can be intimidating For many digital businesses however the steps are either consistent with best practices they should follow anyway By leveraging Marqeta s platform an organization can offload some of its compliance burden to Marqeta However that does not exempt the organization from doing its due diligence to meet any remaining requirements For example Requirement is “Assign a unique ID to each person with computer access A company may build its payment card program with the Marqeta platform but that company still needs to provide unique IDs to its users What are the PCI compliance levels Merchants organizations that accept payment cards and service providers organizations that process payments or provide services to acquiring banks and merchants have different validation requirements to achieve PCI compliance depending on their “level or “tier Typically an organization s level is tied to the number of transactions that it processes annually with Level being the highest The five major card networks Visa MasterCard American Express Discover Financial Services and JCB International set their own requirements for PCI levels Because most networks have similar requirements Visa s requirements are a good general reference to understand the basics What s the difference between PCI compliance and PCI certification The simple way to think about PCI compliance versus PCI certification is PCI compliance is your company s adherence to the twelve PCI DSS requirements PCI certification on the other hand is the verification and attestation that a company is PCI compliant Any organization that accepts or processes payment cards must be PCI compliant and have PCI certification On the surface this may sound intimidating and complicated However the complexity of the PCI certification process depends on each organization s PCI merchant level Level merchants are those that process more than million Visa Mastercard or Discover credit card transactions annually These merchants are required to complete an annual PCI DSS assessment by a PCI Qualified Security Assessor QSA which results in a final Report on Compliance The remaining merchant levels through can obtain their PCI Attestation of Compliance AoC ーwhich is ultimately their certificationーby completing a Self Assessment Questionnaire SAQ which documents an organization s self assessment of their PCI compliance Many companies that leverage the Marqeta platform to build payment card programs fall into the category of Level merchants and are required annually to complete an SAQ D Every company however should determine their compliance merchant level and their certification requirements by becoming familiar with documentation from the PCI Security Standards Council Are card issuers subject to PCI DSS compliance In many cases yes card issuers are subject to PCI DSS There was a common misconception that card issuers were exempt from PCI DSS because they have no choice but to store SAD However PCI DSS v at Section clarifies that card issuers with a legitimate business need can store SAD Issuers are still subject to all other relevant PCI DSS requirements Whether your card program is subject to PCI DSS depends on how you handle CHD and SAD Some of the typical card issuer use cases that require PCI compliance include Allow cardholders to activate cards in an app or webpageAllow cardholders to set PINs in an app or webpageDisplay sensitive account data in an app or webpageCard programs with cash withdrawalsCard programs with international spending Simplifying PCI complianceAchieving PCI compliance can be a complex and time consuming process for organizations standing up new card programs Ensuring account data is securely transmitted stored and processed across your CDE can be a nuanced process This is particularly true for card programs with cash withdrawals and multi use cards that require PCI Level compliance One solution the Marqeta platform helps organizations offload a significant portionーthough not the entiretyーof the PCI compliance burden In addition to maintaining strict security controls and a PCI DSS Level certification Marqeta provides companies with access to a PCI compliant JavaScript library and multiple PCI compliant widgets Let s take a closer look at those resources and their benefits Marqeta js A PCI compliant JavaScript libraryMarqeta js is a JavaScript framework that enables you to display sensitive card data in your apps while offloading this aspect of the compliance burden to Marqeta Marqeta js injects configurable iframes into HTML For mobile applications this requires using WebView As a result you can display a virtual card without processing storing or transmitting the data on your servers Additionally even though you re offloading the data handling to Marqeta you can control the styling of the HTML pages to match your app To get started with Marqeta js see Using Marqeta js PCI compliant widgetsSome of the most common use cases that make card issuers subject to PCI DSS involve transmitting account data in card and PIN activation workflows Marqeta offers customizable “Activate Card and “Set PIN widgets for these scenarios These widgets are designed to comply with PCI DSS as it pertains to the storage transmission and processing of CHD To use these widgets you simply embed the iframe within a parent page in your application and configure it by passing query parameters in the source URL All the processing is performed on Marqeta s servers For mobile applications native widgets aren t available yet but developers can still use embedded iframes in WebView Check out Using Activate Card and Set PIN Widgets to get started using these widgets To get a feel for how you can customize the widgets see the Marqeta Widget Style Preview In addition to the “Activate card and “Set PIN widgets Marqeta has an Add Payment Card Widget in beta This widget allows users to securely enter payment card data from cards not issued by Marqeta to enable push to card disbursements ConclusionEnsuring that your organization is PCI compliant is no small task It requires a strong understanding of what is required of your organization to be complaint and what is required to attest that you are compliant However the risks of being non compliant are too great to ignore Fortunately organizations who do their homework and seek help from experts will have a smoother and faster time getting to compliance One case study discusses how Marqeta helped Ramp to begin transacting over the Visa network within two months By offloading the complexity of PCI compliance to Marqeta businesses can go to market quickly without compromising security	2022-04-19 16:40:40
海外TECH	DEV Community	The machines have now also learned the grammar of the English language.	https://dev.to/jahongir2007/the-machines-have-now-also-learned-the-grammar-of-the-english-language-hm6	The machines have now also learned the grammar of the English language Grammar AI is new artificial intelligence that has studied English grammar It can determine the tenses of sentences It also finds modal verbs in sentences and can determine the construction of sentences Why Grammar AI This program is absolutely free Use of this program is not restricted Artificial intelligence learns and analyzes sentences of any difficulty Use this app very easy Try now this	2022-04-19 16:34:58
海外TECH	DEV Community	Amplication & React: Frontend Authentication	https://dev.to/amplication/amplication-react-frontend-authentication-3fkm	Amplication amp React Frontend AuthenticationWelcome to this tutorial on how to build a full stack application with Amplication What we will do is go step by step to create a Todos application using React for your frontend and Amplication for your backend If you get stuck have any questions or just want to say hi to other Amplication developers like yourself then you should join our Discord Table of ContentsStep axiosStep Authorization RequestsStep The Auth ComponentStep LoginStep Wrap Up Step axiosTo allow users to sign in to the Todos application we ll need to prompt them for the username and password and then verify it with the backend To make the HTTP request to the backend we ll use a library called axios First install axios as a dependency in the web subfolder cd webnpm install axiosWe ll want to configure axios to use a user s access token when making requests to the backend and have easy access to the axios library so we ll need to set up an interceptor as well as some other functions Create the following file web src lib http js and at the top of the file import axios import axios from axios Then paste in the following code Now every request that axios makes will take the user s JWT access token which will be stored in local storage and assign it to the Authorization header of every request const apiUrl http localhost const jwtKey accessToken axios interceptors request use config gt const origin new URL config url const allowedOrigins apiUrl const accessToken localStorage getItem jwtKey if allowedOrigins includes origin config headers authorization Bearer accessToken return config error gt return Promise reject error To simplify some tasks we ll add a function that generates the full URL of an API request when provided the endpoint a function that checks if an access token already exists in local storage and a function to save an access token in local storage export const createUrl endpoint gt new URL endpoint apiUrl href export const isStoredJwt gt Boolean localStorage getItem jwtKey export const setStoredJwt accessToken gt localStorage setItem jwtKey accessToken Finally we ll want to expose the get patch and post methods axios provides export const get axios get export const patch axios patch export const post axios post Step Authorization RequestsInstead of calling our API endpoints with axios directly from our components we will abstract the logic of the requests so if we ever need to make changes to the behavior of the code we can do it in just one place Create the following file web src lib auth js and at the top of the file we ll import some of the functions we created in the web src lib http js file import createUrl get isStoredJwt post setStoredJwt from http First add the me function me will check if we have an access token stored because if there is none then there is no way this request would succeed If the token exists it will make a GET request to the api me endpoint we created in Tutorial Step On the success of the request the current user s user object will be returned export const me async gt return isStoredJwt await get createUrl api me catch gt null data null Next add the login function login will make a POST request to the api login endpoint sending the username and password of our user If the request fails like when a user doesn t exist an alert will pop up notifying the user of the failure If the request succeeds the access token will be saved into local storage and then the me function will be called to return the current user s user object export const login async username password gt const result await post createUrl api login username password catch gt null data if result return alert Could not login setStoredJwt result accessToken return me Finally add the signup function signup will make a POST request to the api signup endpoint which we also created in Tutorial Step sending the username and password of our new user If the request fails like if the username is already used an alert will pop up notifying the user of the failure If the request succeeds the access token will be saved into local storage and then the me function will be called to return the current user s user object export const signup async username password gt const result await post createUrl api signup username password catch gt null data if result return alert Could not sign up setStoredJwt result accessToken return me Step The Auth ComponentWe need a component that can collect the username and password from the user and then make the appropriate request with the functions we just added Create web src Auth js and paste the following code import useState from react import login signup from lib auth export default function Auth setUser const isLogin setIsLogin useState true const username setUsername useState const password setPassword useState const confirm setConfirm useState const handleUsernameChange e gt setUsername e target value toLowerCase const handlePasswordChange e gt setPassword e target value const handleConfirmChange e gt setConfirm e target value const handleSubmit async e gt e preventDefault const func isLogin login signup if isLogin if password confirm return alert Passwords do not match const result await func username password setUser result return lt div gt lt form onSubmit handleSubmit gt lt h gt isLogin Login Sign Up lt h gt lt input name username type text placeholder username value username onChange handleUsernameChange required gt lt input name password type password placeholder password value password onChange handlePasswordChange required gt isLogin amp amp lt input name confirmPassword type password placeholder confirm password value confirm onChange handleConfirmChange required gt lt button type submit gt Submit lt button gt lt button type button onClick gt setIsLogin isLogin gt isLogin Need an account Already have an account lt button gt lt form gt lt div gt This component renders a form to the user prompting them for their username and password to log in If they don t have an account yet then a button on the bottom of the page will toggle the form to be for creating a new account which adds a new field for a user to confirm their password On submit the login or signup function from web src lib auth js is called and the result is passed into the setUser function Step LoginWith the authentication component created we just need to show it to users Start by replacing the imports at the top of web src App js with this import useState useEffect from react import App css import me from lib auth import Auth from Auth import CreateTask from CreateTask import Tasks from Tasks Then create a user and setUser and add the following useEffect hook We ve created our user variable and can update it with the setUser function We ve also implemented the useEffect hook which will allow code to be executed when the component mounts So when the App component mounts we call the me function from web src lib auth js to set the current user to our user variable function App const user setUser useState const tasks setTasks useState useEffect gt async function getUser const result await me setUser result getUser setUser Finally replace the return with below Now if a user object exists which only occurs when they re logged in the application will show the user s tasks If a user object doesn t exist they are shown the auth screen which when a user logs in or signs up will set the user variable with the setUser function that is passed into it return lt div gt user lt div gt lt CreateTask addTask addTask gt lt Tasks tasks tasks toggleCompleted toggleCompleted gt lt div gt lt Auth setUser setUser gt lt div gt Step Wrap UpRun the application and try creating a new account Users are now able to login to the Todos application but we re not saving their tasks in our backend yet That ll have to be next Check back next week for step five or visit the Amplication docs site for the full guide now To view the changes for this step visit here	2022-04-19 16:24:23
海外TECH	DEV Community	Hathora: Multiplayer Made Easy	https://dev.to/hathora/hathora-multiplayer-made-easy-36cl	Hathora Multiplayer Made EasyMore multiplayer games are being developed than ever before but building amp launching a successful online multiplayer game remains one of the most notoriously difficult endeavors in the software world The biggest challenges developers face are choosing and correctly implementing the technologies to enable multiplayer and ending up with an architecture that you can operate and scale If you are starting a new game from scratch you are inundated by a multitude of choices How should I set up my project structure Should I use peer to peer or client server architecture TCP UDP WebSockets or WebRTC for networking How should I implement authentication How do I persist data For the amount of demand for multiplayer games the development process should not be as hard as it is today Armed with a passion for multiplayer games and extensive experience building amp operating scalable systems we have been working on a solution Enter Hathora a framework for building multiplayer games Hathora can be used for Turn based multiplayer games Examples Chess Words with Friends Codenames etcRealtime multiplayer games Examples Among Us Agar io Slither io etcRealtime amp social applications Examples chat apps delivery tracking apps etcWe ve built Hathora to provide the most streamlined development experience when starting a multiplayer game from scratch The framework provides the right abstractions such that a game can be prototyped in minutes and scaled to millions of users Prototype in MinutesHathora s philosophy is to minimize the burden on the developer by allowing them to focus only on functionality specific to their game while the framework serves as the engine to power the remaining machinery We are pushing the limits of game development to drastically reduce the time it takes to ship a game Autogenerate type safe data model and clientsAll Hathora projects start by defining their API using Hathora s language agnostic declarative API format From this definition Hathora generates typesafe data models and clients for the language of your choice Hathora frees you from the extensive boilerplate normally required for client server applications Write server logic in x fewer lines of codeWrite backend logic seamlessly in the language of your choice Just read and update in memory state no database queries or ORMs needed Hathora automatically manages persistence behind the scenes Iterate faster with the Prototype UITest your backend logic without writing any frontend code using the built in Prototype UI Create amp join rooms call server methods and interact with live data all from within your browser Hathora enables play testing from the first minute Flexible cross platform client supportOnce the backend functionality has been verified it s easy to use the generated client to build your UI in your platform and technologies of choice and share the game with the world The Hathora client fully handles networking and easily integrates into any frontend technology platform of your choice Other features you get out of the box with Hathora Automatic state synchronizationOptimized networking binary protocol delta encoding Built in authenticationProject structure generation amp development server with hot reloading Scale to MillionsOnce you ve built amp released your game you don t want to spend the next months battling scaling issues and reworking the architecture to meet your user demand Hathora includes several key components that make it so you can be production ready from day Hathora CoordinatorCentral to the Hathora architecture is the managed Coordinator service which sits between Hathora clients and Hathora backends The coordinator plays several key roles in the architecture It ensures consistent routing so that clients playing the same game get routed to the same backend instance It load balances games between backend instances to ensure an even distribution of traffic It reduces latency by dynamically assigning games to instances based on the geographic distribution of the connecting users It handles backend failover by automatically migrating the games from the failed instance to a new instance all of which is transparent to clients Hathora ProtocolThe Hathora Protocol governs the communication between clients and servers It is flexible lightweight platform amp transport agnostic At the core of the protocol lies a highly optimized serialization format All data is binary encoded and servers send only delta updates to clients after the initial snapshot The encoding decoding code is generated from the API definition and is incredibly efficient so as to minimize latency while sending and receiving messages Hathora CloudAlthough it will always remain possible to self host your backend instances for those who do not wish to manage their own infrastructure we have built Hathora Cloud Hathora Cloud is a platform for running Hathora applications at scale It has features like autoscaling multi region deployments monitoring amp analytics and migration management Hathora Cloud makes it simple to deploy your game servers globally and scale to millions of users Hathora Cloud is currently in private alpha sign up using this form Get started with Hathora today	2022-04-19 16:21:16
海外TECH	DEV Community	React 18 Whats New	https://dev.to/andrewbaisden/react-18-whats-new-2b1f	React Whats NewThe latest version of React version has been officially available since March It brought along many new features and behind the scenes changes which have made the framework even more powerful React continues to be the first and preferred framework of choice for JavaScript developers and is always highly sought after in companies Many new features were introduced in React and today we will cover some of the more popular ones because those features are likely to get used the most by developers in their projects I will cover the following React SuspenseThe New Root APIThe New useId hookThe New useTransition hook React SuspenseWhen using a REST API there are two ways to retrieve data You can do them synchronously or asynchronously Synchronous API calls are known as blocking calls because they are unable to return anything until the request has completed or there was some error returning the data This type of API call locks up the application and prevents the user from doing anything until the action is done On the other hand an Asynchronous API call does the complete opposite to this It is non blocking and the response is returned immediately while the request continues to process in the background Your application remains responsive and does not lock up waiting for something to happen so you can continue to use it while the data is retrieved in the background This gives the user a much better experience on the frontend Essentially React Suspense is asynchronous because it forces your components to wait for something to happen before they can render the data inside of the API or data structure The components must wait for an asynchronous API call to complete fetching some data before it is rendered on a screen Behind the scenes the data is loading and it is possible to show a fallback preloader to the user so that they are aware that something is happening on the frontend React Suspense ExampleThis is the the new syntax which uses React Suspense combined with the React lazy API App js The new syntax for React using React lazy to delay loading the component so that Suspense works properly import Suspense lazy from react const Pokemon lazy gt return import Pokemon const App gt return lt Suspense fallback lt h gt Loading pokemon lt h gt gt lt Pokemon gt lt Suspense gt export default App Pokemon js The new syntax for React import React useEffect useState from react const Pokemon gt useEffect gt const getPokemons gt const API fetch API then response gt console log response return response json then data gt console log data results setData data results catch err gt console log err getPokemons const data setData useState return lt gt You don t need a ternary operator with a variable for loading anymore data map pokemon gt lt div key pokemon name gt lt h gt pokemon name lt h gt lt div gt lt gt export default Pokemon Ternary Operator ExampleThis is the old syntax which uses the JavaScript Ternary Operator combined with a variable state that checks if the data is loading or has loaded It displays a preloader when the data has yet to be loaded and the data when it is complete App js The old syntaximport Pokemon from Pokemon const App gt return lt gt lt Pokemon gt lt gt export default App Pokemon js The old syntaximport React useEffect useState from react const Pokemon gt useEffect gt const getPokemons gt const API fetch API then response gt console log response return response json then data gt console log data results setLoading false setData data results catch err gt console log err getPokemons const data setData useState const loading setLoading useState true return lt gt The old syntax using ternary operators with a variable for loading loading lt h gt Loading pokemon lt h gt lt div gt data map pokemon gt lt div key pokemon name gt lt h gt pokemon name lt h gt lt div gt lt div gt lt gt export default Pokemon The New Root APIReact has new syntax for the root index js file which gives you access to new features and improvements The previous syntax will give you a red warning message in the console because ReactDOM render is no longer supported in React Use the new syntax to clear the warning message You are now required to use createRoot instead and until you switch to the new API your app will behave as if it s running React The new root API has a cleaner and clearer syntax and the new concurrent renderer becomes enabled so you can now access concurrent features which the previous API could not New Syntaximport ReactDOM from react dom client import App from App const root ReactDOM createRoot document getElementById root root render lt App gt Old Syntaximport React from react import ReactDOM from react dom import App from App ReactDOM render lt App gt document getElementById root The New useId hookReact gives you a useful way for generating id s when creating DOM elements with the new useId hook If you have multiple id s you can even append a suffix like twitter to make it unique Bonus Tip You can make the label clickable by adding the htmlFor tag for example App jsimport useId from react const App gt const id useId return lt gt lt div gt lt label htmlFor id twitter gt Do you have a Twitter lt label gt lt input id id twitter type checkbox name twitter gt lt div gt lt div gt lt label gt Do you have a Instagram lt label gt lt input id id instagram type checkbox name instagram gt lt div gt lt div gt lt label gt Do you have a YouTube lt label gt lt input id id type checkbox name youtube gt lt div gt lt gt export default App The New useTransition hookIn React you can use the new useTransition hook to load data before rendering it to the screen When you use the return value isPending you can create a preloader for each loading transition You can see it in action in this custom carousel slider App jsimport useState useEffect useTransition from react const App gt useEffect gt mountain then data gt console log data setLoading false setData data let data setData useState let loading setLoading useState true let count setCount useState let index setIndex useState let isPending startTransition useTransition const showNext gt startTransition gt setCount count setIndex count console log Count count const showPrevious gt startTransition gt setCount count setIndex count console log Count count const mountain loaded gt return new Promise resolve reject gt setTimeout gt if loaded reject new Error Failed to load data else resolve id name Mountain img ixid MnwxMjAfDBMHxwaGbywYWdlfHxfGVufDBfHx amp auto format amp fit crop amp w amp q id name Mountain img ixid MnwxMjAfDBMHxwaGbywYWdlfHxfGVufDBfHx amp auto format amp fit crop amp w amp q id name Mountain img ixid MnwxMjAfDBMHxwaGbywYWdlfHxfGVufDBfHx amp auto format amp fit crop amp w amp q return lt gt loading lt h gt Loading lt h gt lt div gt isPending lt div gt lt h gt Loading the next image lt h gt lt div gt lt div gt lt h gt data index name lt h gt lt img src data index img alt Mountain style width height px maxWidth px gt lt div gt lt div gt lt button onClick showPrevious disabled count true false gt Previous lt button gt lt button onClick showNext disabled count true false gt Next lt button gt lt gt export default App Final ThoughtsThis was a brief introduction into the new features inside of React Take a look at the official blog to see all of the new documentation React v	2022-04-19 16:19:28
海外TECH	DEV Community	I want to start writing about development, but I’m a beginner. Is this is a bad idea?	https://dev.to/sloan/i-want-to-start-writing-about-development-but-im-a-beginner-is-this-is-a-bad-idea-3363	I want to start writing about development but I m a beginner Is this is a bad idea This is an anonymous post sent in by a member who does not want their name disclosed Please be thoughtful with your responses as these are usually tough posts to write Email sloan dev to if you d like to leave an anonymous comment or if you want to ask your own anonymous question I would really like to begin posting about software development but I m brand new to all of this and don t know if my posts will be welcomed shunned or ignored completely I really like the idea of learning in the open but it can feel so daunting and I m a bit worried that the community will be annoyed or harsh with me for posting about things that I don t yet fully know I want to post about the problems I m facing the solutions I m coming up with and the different concepts I m learning but I don t know if I can speak with enough authority on these topics yet to do so What do you think When is the best time to begin posting about development Do devs generally expect writers in these communities to know exactly what they re talking about or is it okay to just go for it and lean on the community for support	2022-04-19 16:18:00
海外TECH	DEV Community	Getting Started with MongoDB & Mongoose	https://dev.to/codestackr/getting-started-with-mongodb-mongoose-2h6a	Getting Started with MongoDB amp MongooseIn this article we ll learn how Mongoose a third party library for MongoDB can help you to structure and access your data with ease What is Mongoose Many who learn MongoDB get introduced to it through the very popular library Mongoose Mongoose is described as “elegant MongoDB object modeling for Node js Mongoose is an ODM Object Data Modeling library for MongoDB While you don t need to use an Object Data Modeling ODM or Object Relational Mapping ORM tool to have a great experience with MongoDB some developers prefer them Many Node js developers choose to work with Mongoose to help with data modeling schema enforcement model validation and general data manipulation And Mongoose makes these tasks effortless If you want to hear from the maintainer of Mongoose Val Karpov give this episode of the MongoDB Podcast a listen Why Mongoose By default MongoDB has a flexible data model This makes MongoDB databases very easy to alter and update in the future But a lot of developers are accustomed to having rigid schemas Mongoose forces a semi rigid schema from the beginning With Mongoose developers must define a Schema and Model What is a schema A schema defines the structure of your collection documents A Mongoose schema maps directly to a MongoDB collection const blog new Schema title String slug String published Boolean author String content String tags String createdAt Date updatedAt Date comments user String content String votes Number With schemas we define each field and its data type Permitted types are StringNumberDateBufferBooleanMixedObjectIdArrayDecimalMap What is a model Models take your schema and apply it to each document in its collection Models are responsible for all document interactions like creating reading updating and deleting CRUD An important note the first argument passed to the model should be the singular form of your collection name Mongoose automatically changes this to the plural form transforms it to lowercase and uses that for the database collection name const Blog mongoose model Blog blog In this example Blog translates to the blogs collection Environment setupLet s set up our environment I m going to assume you have Node js installed already We ll run the following commands from the terminal to get going mkdir mongodb mongoosecd mongodb mongoosenpm init ynpm i mongoosenpm i D nodemoncode This will create the project directory initialize install the packages we need and open the project in VS Code Let s add a script to our package json file to run our project We will also use ES Modules instead of Common JS so we ll add the module type as well This will also allow us to use top level await scripts dev nodemon index js type module Connecting to MongoDBNow we ll create the index js file and use Mongoose to connect to MongoDB import mongoose from mongoose mongoose connect mongodb srv lt username gt lt password gt cluster eyhty mongodb net myFirstDatabase retryWrites true amp w majority You could connect to a local MongoDB instance but for this article we are going to use a free MongoDB Atlas cluster If you don t already have an account it s easy to sign up for a free MongoDB Atlas cluster here And if you don t already have a cluster set up follow our guide to get your cluster created After creating your cluster you should replace the connection string above with your connection string including your username and password The connection string that you copy from the MongoDB Atlas dashboard will reference the myFirstDatabase database Change that to whatever you would like to call your database Creating a schema and modelBefore we do anything with our connection we ll need to create a schema and model Ideally you would create a schema model file for each schema that is needed So we ll create a new folder file structure model Blog js import mongoose from mongoose const Schema model mongoose const blogSchema new Schema title String slug String published Boolean author String content String tags String createdAt Date updatedAt Date comments user String content String votes Number const Blog model Blog blogSchema export default Blog Inserting data method Now that we have our first model and schema set up we can start inserting data into our database Back in the index js file let s insert a new blog article import mongoose from mongoose import Blog from model Blog mongoose connect mongodb srv mongo mongo cluster eyhty mongodb net myFirstDatabase retryWrites true amp w majority Create a new blog post objectconst article new Blog title Awesome Post slug awesome post published true content This is the best post ever tags featured announcement Insert the article in our MongoDB databaseawait article save We first need to import the Blog model that we created Next we create a new blog object and then use the save method to insert it into our MongoDB database Let s add a bit more after that to log what is currently in the database We ll use the findOne method for this Find a single blog postconst firstArticle await Blog findOne console log firstArticle Let s run the code npm run devYou should see the document inserted logged in your terminal Because we are using nodemon in this project every time you save a file the code will run again If you want to insert a bunch of articles just keep saving Inserting data method In the previous example we used the save Mongoose method to insert the document into our database This requires two actions instantiating the object and then saving it Alternatively we can do this in one action using the Mongoose create method Create a new blog post and insert into databaseconst article await Blog create title Awesome Post slug awesome post published true content This is the best post ever tags featured announcement console log article This method is much better Not only can we insert our document but we also get returned the document along with its id when we console log it Update dataMongoose makes updating data very convenient too Expanding on the previous example let s change the title of our article article title The Most Awesomest Post await article save console log article We can directly edit the local object and then use the save method to write the update back to the database I don t think it can get much easier than that Finding dataLet s make sure we are updating the correct document We ll use a special Mongoose method findById to get our document by its ObjectId const article await Blog findById bceebdbb exec console log article Notice that we use the exec Mongoose function This is technically optional and returns a promise In my experience it s better to use this function since it will prevent some head scratching issues If you want to read more about it check out this note in the Mongoose docs about promises There are many query options in Mongoose View the full list of queries Projecting document fieldsJust like with the standard MongoDB Node js driver we can project only the fields that we need Let s only get the title slug and content fields const article await Blog findById bceebdbb title slug content exec console log article The second parameter can be of type Object String Array lt String gt to specify which fields we would like to project In this case we used a String Deleting dataJust like in the standard MongoDB Node js driver we have the deleteOne and deleteMany methods const blog await Blog deleteOne author Jesse Hall console log blog const blog await Blog deleteMany author Jesse Hall console log blog ValidationNotice that the documents we have inserted so far have not contained an author dates or comments So far we have defined what the structure of our document should look like but we have not defined which fields are actually required At this point any field can be omitted Let s set some required fields in our Blog js schema const blogSchema new Schema title type String required true slug type String required true lowercase true published type Boolean default false author type String required true content String tags String createdAt type Date default gt Date now immutable true updatedAt Date comments user String content String votes Number When including validation on a field we pass an object as its value value String is the same as value type String There are several validation methods that can be used We can set required to true on any fields we would like to be required For the slug we want the string to always be in lowercase For this we can set lowercase to true This will take the slug input and convert it to lowercase before saving the document to the database For our created date we can set the default buy using an arrow function We also want this date to be impossible to change later We can do that by setting immutable to true Validators only run on the create or save methods Other useful methodsMongoose uses many standard MongoDB methods plus introduces many extra helper methods that are abstracted from regular MongoDB methods Next we ll go over just a few of them exists The exists method returns either null or the ObjectId of a document that matches the provided query const blog await Blog exists author Jesse Hall console log blog where Mongoose also has its own style of querying data The where method allows us to chain and build queries Instead of using a standard find methodconst blogFind await Blog findOne author Jesse Hall Use the equivalent where methodconst blogWhere await Blog where author equals Jesse Hall console log blogWhere Either of these methods work Use whichever seems more natural to you You can also chain multiple where methods to include even the most complicated query select To include projection when using the where method chain the select method after your query const blog await Blog where author equals Jesse Hall select title author console log blog Multiple schemasIt s important to understand your options when modeling data If you re coming from a relational database background you ll be used to having separate tables for all of your related data Generally in MongoDB data that is accessed together should be stored together You should plan this out ahead of time if possible Nest data within the same schema when it makes sense If you have the need for separate schemas Mongoose makes it a breeze Let s create another schema so that we can see how multiple schemas can be used together We ll create a new file User js in the model folder import mongoose from mongoose const Schema model mongoose const userSchema new Schema name type String required true email type String minLength required true lowercase true const User model User userSchema export default User For the email we are using a new property minLength to require a minimum character length for this string Now we ll reference this new user model in our blog schema for the author and comments user import mongoose from mongoose const Schema SchemaTypes model mongoose const blogSchema new Schema author type SchemaTypes ObjectId ref User required true comments user type SchemaTypes ObjectId ref User required true content String votes Number Here we set the author and comments user to SchemaTypes ObjectId and added a ref or reference to the user model This will allow us to “join our data a bit later And don t forget to destructure SchemaTypes from mongoose at the top of the file Lastly let s update the index js file We ll need to import our new user model create a new user and create a new article with the new user s id import User from model User js const user await User create name Jesse Hall email jesse email com const article await Blog create title Awesome Post slug Awesome Post author user id content This is the best post ever tags featured announcement console log article Notice now that there is a users collection along with the blogs collection in the MongoDB database You ll now see only the user id in the author field So how do we get all of the info for the author along with the article We can use the populate Mongoose method const article await Blog findOne title Awesome Post populate author console log article Now the data for the author is populated or “joined into the article data Mongoose actually uses the MongoDB lookup method behind the scenes MiddlewareIn Mongoose middleware are functions that run before and or during the execution of asynchronous functions at the schema level Here s an example Let s update the updated date every time an article is saved or updated We ll add this to our Blog js model blogSchema pre save function next this updated Date now update the date every time a blog post is saved next Then in the index js file we ll find an article update the title and then save it const article await Blog findById cbabfaef exec article title Updated Title await article save console log article Notice that we now have an updated date Besides pre there is also a post mongoose middleware function Next stepsI think our example here could use another schema for the comments Try creating that schema and testing it by adding a few users and comments There are many other great Mongoose helper methods that are not covered here Be sure to check out the official documentation for references and more examples ConclusionI think it s great that developers have many options for connecting and manipulating data in MongoDB Whether you prefer Mongoose or the standard MongoDB drivers in the end it s all about the data and what s best for your application and use case I can see why Mongoose appeals to many developers and I think I ll use it more in the future Thanks for reading Say Hello YouTube Twitter Instagram	2022-04-19 16:12:37
海外TECH	DEV Community	Terminal komandalar | Part 1	https://dev.to/aliyevakumush77/terminal-komandalar-part-1-485g	Terminal komandalar Part pwdjoriy papka manzilini chop etadi clearterminaldagi hamma tekstni tozalab yuboradi lsjoriy papka ichidagi hamma narsani chop etadils a yashirin fayllarni ham chop etadi mkdir dir name make directory papka yaratadi cdchange current directorycd Foundationcd bitta orqaga qaytadi tepa strelkaeski komandalarni qaytaradi cat file name faqatgina tekst faylni kontentini print qila oladicat main cpp	2022-04-19 16:10:12
海外TECH	DEV Community	Solutions for storing state in a database	https://dev.to/ddarrko/solutions-for-storing-state-in-a-database-4n5i	Solutions for storing state in a databaseWhen designing an application you will often need to model state State in this sense is related directly to a single entity An example may be I have an order and the possible status of the order can be PendingPaidDispatchedDeliveredCancelledRefundedThe order may only be associated with a single state at any time It would not make logical sense for an order to both be delivered and returned Transitioning between these states will drive the behaviour of your service For example when an order transitions to dispatched it is an ideal time to notify the customer of the delivery tracking details When modelling this type of solution engineers are often tempted by the simplicity of having a single column on the original entities table to describe the current state This can be achieved in a few different ways First Solution and the worst As we just discussed the easiest solution is to add a column to the Orders table This column can store the current state of order It can be achieved by storing the state as a string CREATE TABLE orders id INT unsigned NOT NULL AUTO INCREMENT customer id INT unsigned NOT NULL order value INT NOT NULL state VARCHAR NOT NULL created at DATE NOT NULL updated at DATE NOT NULL PRIMARY KEY id This isn t good for a lot of reasons The most obvious one is that the application can submit any string to the state column even one that has not been designed for in the application This can break the application and cause problems for the service We could solve that issue by making the state column an enum and only allowing expected values ALTER TABLE orders ADD state enum pending paid This is still a bad solution We have to run an ALTER on the table every time we wish to add new states We cannot store additional metadata about the state as we are limited to a single column with a specific string stored It can be challenging to disable values What if the store is no longer offering refunds ENUM datatype is not standard SQL and is not supported by many ORM It is complicated if we wish to output the list of possible values for state in our application Slightly Better SolutionIt is clear from the previous approaches that having a single column denoting the state is not ideal The next logical solution we could design is creating an order states table and referencing it from the orders table via a foreign key CREATE TABLE order states id INT NOT NULL AUTO INCREMENT key name VARCHAR NOT NULL created at DATE NOT NULL updated at DATE NOT NULL PRIMARY KEY id INSERT INTO order states key name VALUES pending paid ALTER TABLE orders ADD CONSTRAINT FK OrderState FOREIGN KEY state id REFERENCES id order states This solves some of the previous issues There is no need to run ALTER on the table when adding new states and any additional metadata that needs to be stored against the state can be added as a new column in the order states table If a state needs to be disabled removed it is easy to select orders by state id and we also get the protection of valid states via foreign key constraints Best SolutionThe solution we just implemented has solved most of our problems but we have issues with the visibility of an entities state over time Because the order is assigned a state via a single FK reference it means we only have information about the current state of the order If the order is currently in a state of Cancelled there is no easy way for me to tell when it was Paid We can solve this by adding another pivot table CREATE TABLE order state history id INT NOT NULL AUTO INCREMENT order id INT unsigned NOT NULL order state id INT NOT NULL PRIMARY KEY id In addition to creating this table we will remove the state id column from the Orders table This pivot table works as follows Any time you wish to change the state of an order you INSERT a new record into this table You never need to UPDATE any rows here You will also likely never need to DELETE any rows unless you are purging records The current state of an order is the most recent record in this table associated with the order id You can get the order with its latest state by using the query below SELECT orders order state history FROM orders OJOIN order state history OSH ON O id OSH order id LEFT OUTER JOIN order state history OSH ON O id OSH order id AND OSH created at lt OSH created at OR OSH created at OSH created at AND OSH id lt OSH id WHERE OSH id IS NULL DrawbacksIt would not be completely if I did not at least point out some of the drawbacks of the above solution Additional pivot table required linking Order to StateSelecting data from Orders requires a more complex query including JOINs You will end up having to store additional rows for each order Worst case is Orders count possible state values SummaryThe last solution discussed is more robust because it is INSERT only We do not need to worry about race conditions If we receive a stream of updates we simply write each record in the order we receive it It also ensures we have a complete historical record of an order and the states it held This makes it trivial to look at the data set and ask questions like How many orders did I dispatch between and the What was the total value of orders refunded during AugustThese questions would have been impossible to answer with the other solutions because we did not retain the history of state movements   only the current one The additional code to be written is minimal and any performance hit from using JOINs is trivial when using proper indexing Any concerns about the additional data stored can easily be rectified by running a simple query to remove unneeded state history items In pseudocode terms   Delete all order state history items IF created at gt year ago ANDorder state history id lt MAX order state history id for any given recordRunning a query like this would remove historical items more than one year old but retain the latest state for each Order as this will remain important In conclusion it is a much better and more complete way of managing the state in your application and should be utilised where plausible	2022-04-19 16:08:55
海外TECH	DEV Community	Authentication vs Authorization: What’s the Difference?	https://dev.to/malgasm/authentication-vs-authorization-whats-the-difference-3o67	Authentication vs Authorization What s the Difference They sound similar but they re fundamentally different So what s the difference between the two Consider boarding a flight in order to board the plane you ll need to successfully make it through the gauntlet of the airport s authentication and authorization procedures It s worth noting that the processes in an airport often combine both authorization and authentication together but we ll do our best to illustrate the difference through two specific examples The first part of the process is to enter a queue for the security line After entering the correct airport terminal building you d locate your gate walk to it and begin the first of the two steps AuthenticationThe very first step that occurs just before going through security at an airport is authentication You furnish your identification and boarding pass and present it to the line attendant The attendant scans your boarding pass and your identification and ensures that you are who you are At this point the agent is checking to ensure that your boarding pass is valid and that your form of identification is valid both of which are are required to prove that you re the same person that is on your identification and boarding pass The goal of this step is to ensure that you are who you say you are and the TSA uses multi factor authentication to perform this task they inspect your supplied form of identification combined with your boarding pass At this point the folks at the airport don t know whether you re able to sit in economy class business class or first class or whether you re able to access the executive lounge but they know that you are who you are and that you re able to be in the airport This step is like logging in to an application submitting your boarding pass and identification is like submitting your username and password once submitted and verified the application can know that you are indeed who you say you are The application doesn t know what you re able to do yet if you re able to simply make posts or if you can also access an admin area but it knows that you re a valid user Once through the authentication step and through security you walk over to your gate until the airline employees begin to announce over the loudspeaker “now boarding for flight to Honolulu… AuthorizationAt your gate you listen to the announcer begin to call the passengers by group “Those in first class can now begin boarding This process can be thought of as authorization For example if you stand in that line and don t have a first class ticket you ll be denied entry until it is your turn You re authorized for one seat and that seat does not grant you the ability to enter the line for the plane at that point The attendant doesn t need to know who you are at that point they can simply look at your boarding pass which also has your seat row and number on it the required information for this step The seat number indicated on your boarding pass also does not allow you to sit in the front of the plane If you try to sit in a different seat especially if you don t have a first class ticket and you try to sit in first class you ll be asked to leave and to sit in your seat This can also be thought of as the process of authorization The flight attendants are ensuring that those with authorization to do so can sit in the upgraded seats Similarly your application might have the concept of upgraded seats or perhaps an admin area which would be akin to an airplane s cockpit Only authorized users should be able to access those areas Furthermore let s consider a situation where you have a highly privileged account for Service A and want to use that account to log into Service B You probably would not want to give Service B permission to perform the highly privileged functions from Service A You might want to only give Service B access to your email address That would be authorization s concern This would be like a pilot boarding a plane as a civilian they wouldn t have access to the cockpit because they wouldn t be there in a formal capacity and wouldn t have authorization to enter Why is Authorization and Authentication Important A web application when faced with a request needs to answer the question “what is the true identity of the actor making this request This question is arguably the most important question that a web application has to answer and drives the authentication process Similarly modern web applications demand granular access to resources Our modern culture encourages sharing and sharing demands limits to sensitive resources for example if you use facebook to sign into another site you probably wouldn t want to authorize that site to read your DMs The OAuth protocol allows applications to define those permissions in a way that s clear to everyone involved the application developers and the users OAuth is the web s version of the TSA but far more effective It s worth noting that the processes of authentication and authorization in web apps like the same processes in an airport are often deeply connected Authorization often doesn t make sense without authentication Authentication is useless without authorization Both are concepts that must work in concert to deliver a functional application want to learn more i stream on twitch malgasm and i tweet at malgasmtvcome say hi	2022-04-19 16:07:11
海外TECH	DEV Community	HackerRank — Problem Solving — JavaScript — Simple Array Sum	https://dev.to/abusalehfaysal/hackerrank-problem-solving-javascript-simple-array-sum-4g7p	HackerRank ーProblem Solving ーJavaScript ーSimple Array SumGiven an array of integers find the sum of its elements For instance if the array then it will return Solution Explanation Step Take a variable named sum and store an initial value as Step Iterate a for loop through the given array Step Add up each array element in the sum variable Step Return the sum variable after adding all the array element	2022-04-19 16:06:10
Apple	AppleInsider - Frontpage News	Video editors demand Apple be more proactive about Final Cut Pro	https://appleinsider.com/articles/22/04/19/video-editors-demand-apple-be-more-proactive-about-final-cut-pro?utm_medium=rss	Video editors demand Apple be more proactive about Final Cut ProA collection of video editors have written an open letter to Apple CEO Tim Cook accusing Apple of letting Final Cut Pro fall behind rival editing tools and demanding the company puts more effort to promote it as a professional filmmaking application Apple s video production tools including Final Cut Pro received updates in April at around the same time as other more major changes to Adobe s tools and Blackmagic Design s DaVinci Resolve However in a letter to Apple editors suggest that Apple isn t pulling its weight to keep Final Cut Pro relevant for professional productions The open letter published on Tuesday and addressed to Cook is said to be from professionals working in Hollywood and other high profile movie and TV markets around the world Read more	2022-04-19 16:39:26
Apple	AppleInsider - Frontpage News	Astropad turns iPad into graphics tablet for PCs as well as Macs	https://appleinsider.com/articles/22/04/19/astropad-turns-ipad-into-graphics-tablet-for-pcs-as-well-as-macs?utm_medium=rss	Astropad turns iPad into graphics tablet for PCs as well as MacsAstropad Studio is now available for Windows meaning artists can now use iPad as a graphics tablet for Macs and PCs plus control devices using Apple Pencil Five years after launching for the Mac and more recently being updated for Apple Silicon artists iPad app Astropad Studio is now on Windows too With Astropad Studio artists can use an iPad as a second or mirrored screen on Windows as they can with Mac Any desktop app running on either platform can now be shown on the iPad ーand controlled on it Read more	2022-04-19 16:20:44
Apple	AppleInsider - Frontpage News	Demand for iPhone 13 tracking higher than past cycles, iPhone SE demand muted	https://appleinsider.com/articles/22/04/19/demand-for-iphone-13-tracking-higher-than-past-cycles-iphone-se-demand-muted?utm_medium=rss	Demand for iPhone tracking higher than past cycles iPhone SE demand mutedApple s iPhone is still selling better than past cycles though demand for the iPhone SE is weaker than expected according to new carrier data iPhone Pro modelsIn a note to investors seen by AppleInsider JP Morgan analyst Samik Chatterjee takes a look at new Wave Research data into carrier channels in the U S As with past notes detailing carrier data the information can give a hint at current supply and demand of iPhones Read more	2022-04-19 16:02:32
Apple	AppleInsider - Frontpage News	Nomad 65W GaN charger review: More power in your socket	https://appleinsider.com/articles/22/04/19/nomad-65w-gan-charger-review-more-power-in-your-socket?utm_medium=rss	Nomad W GaN charger review More power in your socketNomad continues to roll out new GaN chargers with the most recent addition a dual USB C output W power adapter Nomad W Dual USB C outputAn emphasis on GaN Read more	2022-04-19 16:20:00
海外TECH	Engadget	Amy Hennig's studio is making a Star Wars game	https://www.engadget.com/amy-hennig-star-wars-game-announced-164331233.html?src=rss	Amy Hennig x s studio is making a Star Wars gameAmy Hennig s Skydance New Media studio is working on not one but two new games with Disney Following last year s Marvel announcement Hennig and company revealed today they re working on a AAA Star Wars game with Lucasfilm Games And just like the studio s Marvel collaboration fans can expect a “narrative driven action adventure experience Lucasfilm Games said the title would tell a new original story set within the Star Wars galaxy but offered few other details on the project including a release date or target platforms Never tell me the odds ーAmy Hennig amy hennig April “I ve often described how seeing Star Wars in essentially rewired my year old brain shaping my creative life and future indelibly said Hennig whose previous credits include the Uncharted series from Naughty Dog “I m elated to be working with Lucasfilm Games again to tell interactive stories in this galaxy that I love For Hennig Tuesday s announcement marks a return to the Star Wars franchise Before founding Skydance New Media she worked at EA s Visceral Games studio on a Star Wars game that was ultimately canceled by the publisher Her game is one of a handful of new Star Wars titles currently in development Respawn Entertainment is working on three new games including a sequel to Star Wars Jedi Fallen Order Fans can also look forward to Star Wars Eclipse from Detroit Become Human developer Quantic Dream	2022-04-19 16:43:31
海外TECH	Engadget	Instagram brings its fundraiser tool to Reels	https://www.engadget.com/instagram-reels-fundraiser-earth-day-meta-161500770.html?src=rss	Instagram brings its fundraiser tool to ReelsInstagram is rolling out the option to create and donate to fundraisers through Reels Users in more than countries can now add a link for people to donate to more than million nonprofits The fundraiser tool has been available in Stories and on livestreams for the past couple of years The feature was announced as part of Meta s Earth Day efforts Meta says that more than million people have donated over million through Instagram and Facebook to support environmental protection and nonprofits fighting against climate change The most popular environmental causes based on the overall number of donors are The Ocean Cleanup World Wildlife Fund and one that s close to my heart Sheldrick Wildlife Trust Most donations made on Instagram last year were under Meta covers the payment processing fees for charitable fundraisers so every penny that users donate goes to nonprofits Elsewhere Meta announced that it s adding more features to its Climate Science Center It will highlight actions people can take in their day to day lives to combat climate change The center will also shine a spotlight on data visualizations showing country level emissions The Climate Science Center is now available in countries Across Instagram Facebook and Messenger Meta has released stickers and profile frames to help people show their support for environmental causes In addition the company revealed the nine organizations that will receive funding from a million grant program to help them fight climate misinformation Meta also announced the Sustainability Media Academy a project to help Asia based journalists build expertise and develop authority on sustainability issues	2022-04-19 16:15:00
海外TECH	Engadget	Apple workers at New York store call for minimum wage of $30 per hour	https://www.engadget.com/apple-grand-central-terminal-store-wage-request-160656059.html?src=rss	Apple workers at New York store call for minimum wage of per hourApple Store employees attempting to form a union at the company s flagship Grand Central Terminal location in New York City want the tech giant to pay workers at least per hour According to CNBC the group leading the effort Fruit Stand Workers United made the request on Monday in an update posted to its website “For pay we seek a minimum for all workers built up on a matrix based on role tenure and performance the group said “For benefits we seek more robust changes like increased tuition reimbursement faster accrued and more vacation time and better retirement options including higher match rates for k and enrollment into pension plans According to TheWashington Post the first outlet to report on the Grand Central Terminal unionization effort Apple pays retail employees between and up to per hour depending on their role experience and location “We are fortunate to have incredible retail team members and we deeply value everything they bring to Apple the company said “We are pleased to offer very strong compensation and benefits for full time and part time employees including health care tuition reimbursement new parental leave paid family leave annual stock grants and many other benefits Organizers with Fruit Stand Workers United recently began collecting signatures from their co workers If at least percent of the approximately eligible employees at the store express interest in forming a union the group can file with the National Labor Relations Board to hold an election At least three other stores are attempting to form a union according to The Post At the start of the year Apple announced it would offer additional benefits to all of its US retail employees As of April th the company s expanded benefits include increased vacation and sick days paid parental leave and more Like many other retailers throughout the pandemic Apple has had a time tough hiring and retaining frontline workers Over that same period the company s retail employees have complained of difficult working conditions including issues with low pay stressful workloads due to staffing shortages and poor morale	2022-04-19 16:06:56
Cisco	Cisco Blog	IP for Broadcasters: Broadcasters Get Enhanced and Simplified Operations with Cisco and Nevion	https://blogs.cisco.com/sp/ip-for-broadcasters-broadcasters-get-enhanced-and-simplified-operations-with-cisco-and-nevion	IP for Broadcasters Broadcasters Get Enhanced and Simplified Operations with Cisco and NevionThe transition to internet protocol IP networks from SDI Serial Digital Interface has been underway in the broadcast industry for some time Nevion now a Sony Group company and Cisco have partnered to deliver world class future proof and multi location IP based Media Solutions to support both studio production and remote production use cases	2022-04-19 16:39:59
海外科学	NYT > Science	Biden Restores Climate to Environmental Law, Reversing Trump	https://www.nytimes.com/2022/04/19/climate/biden-climate-nepa-trump.html	Biden Restores Climate to Environmental Law Reversing TrumpA new rule requires agencies to analyze the climate impacts of proposed highways pipelines and other projects and gives local communities more input	2022-04-19 16:15:03
金融	RSS FILE - 日本証券業協会	パブリックコメントの募集について	https://www.jsda.or.jp/about/public/bosyu/index.html	パブリックコメント	2022-04-19 17:00:00
金融	金融庁ホームページ	入札公告等を更新しました。	https://www.fsa.go.jp/choutatu/choutatu_j/nyusatu_menu.html	公告	2022-04-19 16:30:00
ニュース	ジェトロ ビジネスニュース（通商弘報）	3月の米小売売上高は前月比0.5％増、ガソリン価格の高騰などが寄与	https://www.jetro.go.jp/biznews/2022/04/d8c7ae320841fcc2.html	高騰	2022-04-19 16:40:00
ニュース	ジェトロ ビジネスニュース（通商弘報）	米NY州、州北部やカナダからNY市への再エネ送電網の敷設承認	https://www.jetro.go.jp/biznews/2022/04/b6fc2c3be64f9dee.html	送電	2022-04-19 16:30:00
ニュース	ジェトロ ビジネスニュース（通商弘報）	台湾企業の域内投資が7兆円を突破、炭素排出削減対応も活発に	https://www.jetro.go.jp/biznews/2022/04/4200b25478ccb060.html	台湾企業	2022-04-19 16:20:00
ニュース	ジェトロ ビジネスニュース（通商弘報）	3月の失業率は横ばいの4.0％	https://www.jetro.go.jp/biznews/2022/04/940f1e38cd857600.html	失業率	2022-04-19 16:10:00
ニュース	BBC News - Home	Rwanda asylum seeker policy: Ex-PM Theresa May criticises government plan	https://www.bbc.co.uk/news/uk-61153677?at_medium=RSS&at_campaign=KARANGA	people	2022-04-19 16:34:22
ニュース	BBC News - Home	Minister compares PM party penalty to speeding fine	https://www.bbc.co.uk/news/uk-politics-61151734?at_medium=RSS&at_campaign=KARANGA	comments	2022-04-19 16:38:36
ニュース	BBC News - Home	Ukraine war: Russia bombards cities as eastern offensive begins	https://www.bbc.co.uk/news/world-europe-61145578?at_medium=RSS&at_campaign=KARANGA	russia	2022-04-19 16:17:29
ニュース	BBC News - Home	Johnny Depp to testify at defamation trial	https://www.bbc.co.uk/news/world-us-canada-61154559?at_medium=RSS&at_campaign=KARANGA	amber	2022-04-19 16:36:30
北海道	北海道新聞	「クマ目撃」と通報　札幌市北区あいの里	https://www.hokkaido-np.co.jp/article/671627/	札幌市北区	2022-04-20 01:08:00
北海道	北海道新聞	鳥インフル、白老の殺処分７割完了　防疫終了前倒しへ	https://www.hokkaido-np.co.jp/article/671602/	胆振管内	2022-04-20 01:05:00
北海道	北海道新聞	エフエム東京が損賠提訴　旧経営陣に４・８億円求め	https://www.hokkaido-np.co.jp/article/671605/	不適切会計	2022-04-20 01:06:13
北海道	北海道新聞	カーリング松村、谷田組が意欲　「世界の強豪との対戦楽しみ」	https://www.hokkaido-np.co.jp/article/671523/	混合ダブルス	2022-04-20 01:04:13