投稿時間:2023-08-11 04:27:54 RSSフィード2023-08-11 04:00 分まとめ(29件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWS Partner Network (APN) Blog	Demystifying Mainframe Modernization with Best Practices from AWS and Accenture	https://aws.amazon.com/blogs/apn/demystifying-mainframe-modernization-with-best-practices-from-aws-and-accenture/	Demystifying Mainframe Modernization with Best Practices from AWS and AccentureVarious paths can be taken to address the perceived need for modernization Some consider moving existing mainframe applications to distributed or cloud platforms to reduce costs enhance performance and increase business agility as a form of modernization Learn how the Accenture AWS Business Group AABG simplifies mainframe modernization complexity with its Mainframe Zero Approach Accenture offers comprehensive solutions to migrate and manage operations on AWS	2023-08-10 18:32:05
AWS	AWS	Data import from Amazon S3 - Amazon DynamoDB Nuggets | Amazon Web Services	https://www.youtube.com/watch?v=x0nT0d5_FNo	Data import from Amazon S Amazon DynamoDB Nuggets Amazon Web ServicesImport from s DynamoDB Nuggets presented by Leonid Koren Pr DynamoDB SA AWS In this short video we discuss the DynamoDB ability of importing data from Amazon S including best practices for using the feature and a demo Learn more at Subscribe More AWS videos More AWS events videos Do you have technical AWS questions Ask the community of experts on AWS re Post ABOUT AWSAmazon Web Services AWS is the world s most comprehensive and broadly adopted cloud platform offering over fully featured services from data centers globally Millions of customers ーincluding the fastest growing startups largest enterprises and leading government agencies ーare using AWS to lower costs become more agile and innovate faster AWS AmazonWebServices CloudComputing	2023-08-10 18:09:44
js	JavaScriptタグが付けられた新着投稿 - Qiita	【Android】ローカルWebViewを使ってみた	https://qiita.com/mojapico/items/09cd43293e503e3b49d2	android	2023-08-11 03:01:55
海外TECH	MakeUseOf	The 10 Best Chrome Extensions to Use on Android	https://www.makeuseof.com/best-chrome-extensions-android/	chrome	2023-08-10 18:30:22
海外TECH	DEV Community	Supabase Integrations Marketplace	https://dev.to/supabase/supabase-integrations-marketplace-o9o	Supabase Integrations MarketplaceWe ve been running our Integrations Marketplace in “stealth mode for about a year now What started as a dog fooding project has now transformed into a marketplace with over integrations It s also an open source template that you can use yourself Supabase Integrations allows Partners to extend the Supabase platform with useful tooling Today we re adding OAuth Applications For Supabase users this makes it even easier to connect their favorite tools to their Supabase projects Within minutes you can Add your favorite Low Code tools on top of your Supabase database Integrate your favorite DevTools including secrets managers and database management tools Add caching to your Supabase database Not a fan of the Supabase admin dashboard Try one of these Try out a different SMS and email provider Featured PartnersFor the initial launch we ve started with a few partners to help us build and test the OAuth functionality CloudflareWe worked with Cloudflare to build support for databases inside Cloudflare Workers The Cloudflare integration makes it incredibly easy to connect to your Supabase database directly from the Cloudflare Dashboard Check out the latest episode on Cloudflare TV to see it in action ResendResend YC W is building the modern email sending platform If you re using Supabase for Auth then you ll know already that we handle all your Auth emails But did you know that the email configuration we provide you is only for testing purposes When you re going into production you need to integrate your own email provider That s where Resend come in They ve built a one click integration to add Resend as a custom SMTP provider for Supabase Read more on Resend s blog SnapletSnaplet is a tool for Typescript developers to copy your database transform sensitive data and share it with your team without worrying about PII If you followed our Tuesday launch you ll be familiar with Snaplet they are one of the best tools for generating seed data for your local development environment Now they are making it even easier with their official OAuth App to spin up production like development environments for your team Learn more on snaplet dev Trigger devTrigger dev YC W is the open source Background Jobs framework for Next js You can create long running Jobs directly in your codebase with features like API integrations webhooks scheduling and delays And today you can use their one click integration to trigger anything from a database change in Supabase Learn more about their integration at trigger dev supabaseVercelOne that requires no introduction since so many of you use Vercel we ve dedicated an entire blog post to the upgraded Vercel integration Learn more about the Vercel integration updates we re launching today WindmillWindmill YC S is an open source alternative to Retool and a modern Airflow They provide a developer platform to quickly build production grade complex workflows and integrations from minimal Python and Typescript scripts Their one click integration with Supabase makes it simple to launch new databases process large quantities of data maybe even convert them into embeddings and build internal dashboards Read the official blog post on windmill dev Building Supabase IntegrationsWe ve released full instructions in our Build with Supabase documentation so that you can build your own Supabase OAuth application for your users Simply visit your Organization settings and click “Add application to get started The Integrations marketplace is open to everyone After your submission is complete you can share the integration with your own users simply create a button to launch your new app We ve provided some brand assets so that developers can quickly identify the integration on your site Building custom integrationsYou don t actually need to build an OAuth Application to build an integration with Supabase If you re building something for yourself or your team the Management API is the way to go The Trigger dev team deserve a special shout out While developing their Integration they also developed supabase management js a Typescript library for the Supabase Management API This makes it even easier to get started with the Supabase API It s useful beyond just integrations Want to programatically spin up databases Easy import SupabaseManagementAPI from supabase management js const client new SupabaseManagementAPI accessToken lt access token gt const newProject await client createProject name staging db pass XXX organization id XXX plan free region us east Become a PartnerSupabase is a collaborative company We love working with other communities especially open source ones and we d love to work with you Get started today Build an OAuth integrationLearn more about our Management APIMore Launch Week Supabase Local Dev migrations branching and observabilityHugging Face is now supported in SupabaseLaunch Week Coding the stars an interactive constellation with Three js and React Three FiberWhy we ll stay remotePostgres Language Server	2023-08-10 18:46:03
海外TECH	DEV Community	Vercel Integration and Next.js App Router Support	https://dev.to/supabase/vercel-integration-and-nextjs-app-router-support-282g	Vercel Integration and Next js App Router SupportVercel s open source framework Next js is the most popular frontend framework for Supabase developers At Supabase we feel it s important to provide developers with the tools they need to build on the platforms they love So for the past few months we ve doubled down on the Vercel x Supabase experience Here are a few of the newest improvements The New Supabase x Vercel integrationOur new Vercel Integration streamlines the process of creating deploying and maintaining web applications Monorepo supportYou can now link multiple Vercel projects to a single Supabase project Previously we mapped each Vercel project to a single Supabase project With this release we re introducing the concept of project Connections Supabase projects can have an unlimited number of Vercel Connections This is especially useful for monorepos using Turborepo Automatically managed Supabase configWe ve improved the way we manage your Supabase environment variables Supabase keeps each of your Vercel Projects updated with Environment Variables managing your secrets like service role key and public variables like supabase url Importantly Supabase now updates the Auth Redirect URIs to match your main Vercel project domain and any preview deployment URLs We listen to your Vercel deployment webhooks and adjust your redirects accordingly Full list of environment variables POSTGRES URL URL of your Postgres database POSTGRES URL NON POOLING URL of your Postgres database without pooling POSTGRES USER Username for your Postgres database POSTGRES HOST Host for your Postgres database POSTGRES PASSWORD Password for your Postgres database POSTGRES DATABASE Name of your Postgres database SUPABASE SERVICE ROLE KEY Service role key for your Supabase project SUPABASE URL URL for your Supabase project SUPABASE ANON KEY Anonymous key for your Supabase project NEXT PUBLIC SUPABASE URL Publicly accessible URL for your Supabase project NEXT PUBLIC SUPABASE ANON KEY Publicly accessible anonymous key for your Supabase project We ve used the same naming convention as Vercel Postgres to make it easy to migrate between platforms Starter kitsDon t have a project to work on yet Not a problem Supabase has a range of Starter kits With the click of a button you can you have an full stack application running in less than a minute You can find a Vercel Starter kit by looking for Vercel s blue Deploy Button Clicking on any one of these buttons will Take you to Vercel to clone the repository to your own GitHub account organizationAuto install the Supabase Integration if not already done so Then we make things really easy Supabase checks for any migrations in the Starter kit and if so we ll run them in your new Supabase project After Vercel has deployed the app it works without any additional configuration Starter kits include everything from table schemas authentication and sample data from the seed sql file Database BranchingWe announced Database Branching on Tuesday We ve designed this to work perfectly with Vercel s Preview Deployments For now Branching in Supabase is limited to development partners We ll be rolling it out to everyone over the coming months If you re interested in testing the new features sign up for early access Next js App Router SupportThe new App Router in Next js adds a lot of exciting features like React Suspense and Streaming Supabase now fully supports the App Router in Next js The Next js App Router shifts a significant amount of your app development from the client to the server using Server Components Route Handlers and Server Actions This means Supabase Auth needs to be configured to store session data in cookies available in the browser and on the server rather than Local Storage We ve simplified this process for you with our new Next js Auth Helpers package This configures cookie based Auth making the user s session available throughout the entire Next js App Router stack Client Components ーcreateClientComponentClientServer Components ーcreateServerComponentClientServer Actions ーcreateServerActionClientRoute Handlers ーcreateRouteHandlerClientMiddleware ーcreateMiddlewareClient Scaffolding a new Next js app with Supabasecreate next app is one of the easiest way to get started with Next js We ve created a new template for create next app scaffolding Supabase projects npx create next app e with supabaseThis creates a new Next js app configured with Server side cookie based AuthTypeScriptTailwind CSSThis is the perfect starting point for any application built with Next js and Supabase Check out the app examples folder for an example of creating a Supabase client in Client ComponentsServer ComponentsRoute HandlersServer Actions More integrationsWe ve got plenty more in store for Next js developers which we will be rolling out over the next few months If you re looking for more integrations or you want to build your own we re also launching a new Supabase Integrations Marketplace More Launch Week Supabase Integrations MarketplaceSupabase Local Dev migrations branching and observabilityHugging Face is now supported in SupabaseLaunch Week Coding the stars an interactive constellation with Three js and React Three FiberWhy we ll stay remotePostgres Language Server	2023-08-10 18:31:13
海外TECH	DEV Community	How I Tackled the AWS Developer Associate Exam (DVA-C02)	https://dev.to/brandondamue/how-i-tackled-the-aws-developer-associate-exam-dva-c02-41hm	How I Tackled the AWS Developer Associate Exam DVA C So the story goes thus I just cleared the AWS Developer Associate Certification Exam with a score of after having cleared the Solutions Architect Associate exam as well Before taking this exam I kept on contemplating whether it is worth sharing my studying and exam preparation strategy That contemplation led me to sit down and write this article I hold a strong belief that this piece of writing has the potential to help someone out there in their certification exam preparation I ll try to go over the steps that make my strategy in successive order Disclaimer This article does not claim to be an ultimate guide for AWS Developer Associate certification exam success rather it simply documents my bona fide strategy for preparing for the exam I d like to presume that if you re reading this article you likely have already deduced the importance of studying and taking the DVA C exam However should you find yourself exploring this article out of mere curiosity without having given substantial consideration to the value of preparing for and ultimately succeeding in the DVA C or any other AWS certification exam here are a few of the advantages that come with attaining AWS certifications AWS certified individuals gain access to exclusive AWS resources training materials and communities Preparing for the exam involves hands on experience with AWS services enhancing your practical skills Certification provides a solid foundation of knowledge enabling you to work confidently on AWS projects Certifications validate your skills and expertise in using AWS services boosting your credibility as a professional AWS certified individuals gain access to exclusive AWS resources training materials and communities With that out of the way let s talk strategy pun intended Studying the exam guideReading through the exam guide gave me a lot of information on what was required of candidates for the DVA C exam With the exam guide I was able to understand how the exam was structured and the topics it focused on This helped me establish where I needed to direct my attention in preparation for the exam In the five weeks that I spent preparing for the exam I went back to the exam guide as much as I could to make sure my preparation was in line with the exam requirements Click here to access this exam guide I strongly recommend you go back to it from time to time as you prepare for the exam My Pool of ResourcesAlthough there are a plethora of formidable learning resources both free and paid resources out there these are the ones that I leveraged Stephane Maarek s AWS Certified Developer Associate courseStephane Maarek s AWS Certified Developer Associate Practice ExamNeal s Davis AWS Certified Developer Associate Practice ExamAWS Developer Associate Exam Prep MaterialChatGPTNow let me tell you how I used these resources To gain a basic understanding of the topics covered at the exam I used Stephane Maarek s Udemy course alongside ChatGPT When I found the video content of the course somewhat monotonous and lacking in depth ChatGPT proved to be an invaluable companion helping me delve deeper into the subject matter and broaden my knowledge base Shoutout to ChatGPT for being a wonderful learning buddy I also worked on loads of micro hands on projects as I came to realize that you ll fully understand some concepts only after having done some hands on work When I completed the course I moved on to taking the practice tests answering and reviewing them one after the other I answered each practice test at least three times to make sure I wasn t leaving any stone unturned and had a proper understanding of concepts It took me approximately two weeks to breeze through the practice tests After taking practice tests three times each I went on to answer and review the official exam practice test and sample questions to gain more confidence for the actual exam How I managed my timeImplementing proper time management strategies played a key part in my success in this exam Parkinson s law states that “Work expands so as to fill the time available for its completion With this in mind I set deadlines for myself Strangely setting these deadlines helped me stick to my study plan To make sure I used the time I set aside to the fullest I always kept my phone in another room while studying because it was a big distraction and so getting it out of the way helped me focus better My Exam Day ExperienceAfter scheduling my exams at half the cost thanks to exam vouchers I got from AWS I made sure I ran a system test to ascertain that my laptop was compatible with the testing software Also I chose morning hours when scheduling the exam because I believe that when my brain is operating at full throttle On the exam day I made sure the room in which I was going to take the exam was set according to exam specifications and checked in thirty minutes before the exam start time Final WordsI won t say I faced any major challenges other than myself while preparing for this exam There are times when I didn t feel motivated to study During times like this I strived to remind myself that motivation isn t the catalyst but the outcome emerging after you start taking action rather than preceding it Constantly reminding myself of the reason why I was taking this exam also boosted my morale I trust that the insights I have shared in this article will offer you meaningful direction for your own certification journey I urge you to remember that the journey of preparing for this exam encompasses more than just the outcome it entails acquiring knowledge honing skills and experiencing personal growth While you progress in your preparation welcome the challenges savour the victories and continue to push the boundaries of how much you can achieve Attaining this certification will stand as evidence of your dedication to remaining at the cutting edge of the dynamic landscape of cloud computing Good luck with your exam	2023-08-10 18:22:55
海外TECH	DEV Community	Networking - OSI	https://dev.to/scorcism/networking-osi-26ni	Networking OSIThe OSI Open Systems Interconnection Model is a standardised model which we use to demonstrate the theory behind computer networking In practice it s actually the more compact TCP IP model that real world networking is based off however the OSI model in many ways is easier to get an initial understanding from The OSI model consists of seven layers OSI layers are Application Presentation Session Transport Network Data Link PhysicalI have memorized the layers as Please Do Not Throw Sausage Pizza AwayLet s briefly take a look at each of these in turn Layer Application The application layer of the OSI model essentially provides networking options to programs running on a computer It works almost exclusively with applications providing an interface for them to use in order to transmit data When data is given to the application layer it is passed down into the presentation layer This layer is concerned with keeping track of therequirements of the application Layer Presentation The presentation layer receives data from the application layer This data tends to be in a format that the application understands but it s not necessarily in a standardised format that could be understood by the application layer in the receiving computer The presentation layer translates the data into a standardised format as well as handling any encryption compression or other transformations to the data With this complete the data is passed down to the session layer Presentation layer This layer is responsible for presenting the data toapplications in a syntax or language they understand This allows forthings like encryption and data compression Layer Session When the session layer receives the correctly formatted data from the presentation layer it looks to see if it can set up a connection with the other computer across the network If it can t then it sends back an error and the process goes no further If a session can be established then it s the job of the session layer to maintain it as well as co operate with the session layer of the remote computer in order to synchronise communications The session layer is particularly important as the session that it creates is unique to the communication in question This is what allows you to make multiple requests to different endpoints simultaneously without all the data getting mixed up think about opening two tabs in a web browser at the same time When the session layer has successfully logged a connection between the host and remote computer the data is passed down to Layer the transport Layer This layer is responsible for establishing and maintainingconnections between network applications Layer Transport The transport layer is a very interesting layer that serves numerous important functions Its first purpose is to choose the protocol over which the data is to be transmitted The two most common protocols in the transport layer are TCP Transmission Control Protocol and UDP User Datagram Protocol with TCP the transmission is connection based which means that a connection between the computers is established and maintained for the duration of the request This allows for a reliable transmission as the connection can be used to ensure that the packets all get to the right place A TCP connection allows the two computers to remain in constant communication to ensure that the data is sent at an acceptable speed and that any lost data is re sent With UDP the opposite is true packets of data are essentially thrown at the receiving computer if it can t keep up then that s its problem this is why a video transmission over something like Skype can be pixelated if the connection is bad What this means is that TCP would usually be chosen for situations where accuracy is favoured over speed e g file transfer or loading a webpage and UDP would be used in situations where speed is more important e g video streaming Transport layer This layer provides transparent transfer of data betweensystems By providing reliable data communication this layer allows thehigher layers to never worry about reliability or cost effectiveness of datatransmission With a protocol selected the transport layer then divides the transmission up into bite sized pieces over TCP these are called segments over UDP they re called datagrams which makes it easier to transmit the message successfully Layer Network The network layer is responsible for locating the destination of your request For example the Internet is a huge network when you want to request information from a webpage it s the network layer that takes the IP address for the page and figures out the best route to take At this stage we re working with what is referred to as Logical addressing i e IP addresses which are still software controlled Logical addresses are used to provide order to networks categorising them and allowing us to properly sort them Currently the most common form of logical addressing is the IPV format which you ll likely already be familiar with i e is a common address for a home router This layer works as a middle ground its primary role isto pass information between the lower and the higher layers It providesaddressing and routing Layer Data Link The data link layer focuses on the physical addressing of the transmission It receives a packet from the network layer that includes the IP address for the remote computer and adds in the physical MAC address of the receiving endpoint Inside every network enabled computer is a Network Interface Card NIC which comes with a unique MAC Media Access Control address to identify it MAC addresses are set by the manufacturer and literally burnt into the card they can t be changed although they can be spoofed When information is sent across a network it s actually the physical address that is used to identify where exactly to send the information Additionally it s also the job of the data link layer to present the data in a format suitable for transmission The data link layer also serves an important function when it receives data as it checks the received information to make sure that it hasn t been corrupted during transmission which could well happen when the data is transmitted by layer the physical layer This layer deals with actually transferring data betweentwo points In contrast with the physical layer which takes care of sending the raw bits this layer provides high level functions such as errorcorrection and flow control This layer also provides procedures for activating maintaining and deactivating data link connections Layer Physical The physical layer is right down to the hardware of the computer This is where the electrical pulses that make up data transfer over a network are sent and received It s the job of the physical layer to convert the binary data of the transmission into signals and transmit them across the network as well as receiving incoming signals and converting them back into binary data This layer deals with the physical connection betweentwo points This is the lowest layer whose primary role is communicatingraw bit streams This layer is also responsible for activating maintaining and deactivating these bit stream communications If the article helps you leave a like follow or anything You can follow me on LinkedIn and GitHub	2023-08-10 18:16:25
海外TECH	DEV Community	8 Ways to Improve Application Performance	https://dev.to/harperdb/8-ways-to-improve-application-performance-4i5h	Ways to Improve Application Performance IntroApplication performance is critical for delivering a fast and responsive user experience Slow performance or high latency can lead to frustrated users and lost revenue for the organization From a high level application latency refers to the delay between the user s request and the application s response Latency can not only impact the overall user experience and decrease engagement but it can be a costly and complicated problem as well App performance also impacts overall efficiency Slow applications can slow down business processes leading to decreased productivity and increased costs All of these factors can reduce a company s ability to compete in the market In today s world customers expect fast and responsive applications Businesses that are unable to deliver on this expectation risk losing customers to competitors who offer a better user experience ‍By implementing strategies and technologies that enable fast response times organizations can streamline processes improve productivity and reduce spend What causes application latency or performance issues Often we take advantage of just how much is happening behind the scenes to deliver lightning fast responses but we do notice immediately when there is a lag of more than just a few milliseconds So what s causing this latency Slow app performance can be caused by a variety of factors including ‍Network issues Slow network connectivity or high latency can cause app latency This is particularly true for mobile apps which often rely on cellular data connections that can be slower and less reliable than Wi Fi connections Server issues If an app relies on a server or cloud based infrastructure slow server response times or server downtime can cause app latency Inefficient code Inefficient code can lead to slow app performance This can be caused by factors such as poor algorithms excessive use of CPU or memory resources or inefficient use of network resources Too much data If an app is processing or transmitting too much data it can cause latency This can be caused by factors such as large files excessive requests or inefficient data processing Device issues Older or less powerful devices may struggle to run some apps leading to app latency External factors External factors such as interference or environmental factors can also contribute to app latency For example if an app relies on GPS data poor GPS signal or interference can cause latency ‍In his article on Geo Distributed Databases Jacob Cohen talks about some of the latency sensitive applications where high latency quickly leads to poor user experience Examples include Gaming IoT Robotics and Autonomous Vehicles Other examples of companies that clearly need to prioritize fast performance to keep users happy are apps like Netflix Google Uber and Instagram Here are ways to reduce application latency As with any solution the specific techniques and strategies that will work best will depend on the specific needs and requirements of your application or organization Below are some of the most common ways to improve your app s performance and keep your users happy ‍Use a distributed database or caching system to store and retrieve data more efficiently Optimize the network infrastructure to improve data transfer speeds and reduce bottlenecks Use a content delivery network CDN to distribute static and dynamic content to users more quickly Implement data compression techniques to reduce the amount of data that needs to be transferred Use load balancing and other techniques to distribute workloads across multiple servers and reduce the amount of time that each request takes to complete Optimize the application code to improve the efficiency and performance of the application Use in memory databases and other types of high speed storage to improve data access times Monitor and analyze application performance metrics to identify and address bottlenecks and other performance issues ‍Here at HarperDB we talk a lot about latency as it s one of the major challenges that we solve for organizations across the globe It s easy to see that application performance is important for user experience business efficiency customer satisfaction and competitiveness It s highly beneficial to take the time to address the root cause of the problem as soon as possible because by prioritizing fast application performance organizations can improve their bottom line and build a strong brand image	2023-08-10 18:09:20
海外TECH	DEV Community	A guide to the 4 new Array.prototype methods in JavaScript	https://dev.to/logrocket/a-guide-to-the-4-new-arrayprototype-methods-in-javascript-2mej	A guide to the new Array prototype methods in JavaScriptWritten by Ohans Emmanuel️The latest version of the JavaScript language standard is ECMAScript which is the th edition This update includes new methods on the Array prototype I ll guide you through the prominent four new methods in this article including their behavior with sparse arrays and array like objects If you re a fan of a declarative functional style of writing JavaScript programs you re in for a treat Dive in Is it important to preserve the original array without any mutations The toReversed method The toSorted method The toSpliced start deleteCount items method The with index value method Is it important to preserve the original array without any mutations A common theme with the four new array methods is the focus on not mutating the original array but returning a completely new array You may wonder why is this behavior significant Generally speaking there are numerous advantages to leaving data unmodified as demonstrated by these four new array methods These benefits are not limited to arrays but rather extend to all JavaScript objects Although there are many benefits some of the most significant ones are outlined below Pure functions In functional programming pure functions are functions that always produce the same output when given the same input they don t have any side effects and their behavior is predictable Working with this functional mental model is ideal when you re not modifying data and these four new array methods are a great addition for this reason Predictable state management Creating new copies of our state object or array makes state management more predictable by eliminating unexpected changes and representing the data at a specific point in time with new copies This simplifies managing the state at scale and improves reasoning about state management in general Change detection Frameworks like React use simplified change detection by comparing two copies of the state or props object to identify any alterations and render the user interface accordingly Detecting changes becomes simpler with these methods as we can compare the two objects at any given moment to identify any alterations The toReversed method The toReversed method is similar to the classic reverse method but with a significant distinction toReversed reverses the elements in an array without mutating the original array Consider the following array of fruits below const fruits apple orange banana Now reverse fruits with reverse Reverse the array const result fruits reverse console log result banana orange apple console log fruits banana orange apple ️original array is mutatedWith reverse the original array is mutated To reverse the array without mutating it we can use the toReversed method as demonstrated below Reverse the array const result fruits toReversed console log result banana orange apple console log fruits apple orange banana ️original array is preservedVoilà If you re using the latest version of a current browser like Chrome you can access your browser console and test out the code examples provided in the article Behavior with sparse arraysFor a quick refresher sparse arrays are arrays without sequential elements For example consider the following const numbers Assign an item to index numbers console log numbers empty × In the example above numbers has eight empty item slots numbers is a sparse array Now back to toReversed How does this work with sparse arrays toReversed never returns a sparse array If the original array had empty slots they would be returned as undefined Consider calling toReversed on the numbers array below const numbers Assign an item to index numbers numbers toReversed undefined undefined undefined undefined undefined undefined undefined undefined As expected all empty slots are returned as undefined array item values Behavior with array like objectsEven though toReversed exists specifically on the Array prototype it may also be invoked on array like objects An array like object typically has a length property and optionally properties with integer index names String objects are an example of array like objects The function toReversed first reads the length property of the object it is called on and then iterates through the integer keys of the object from the end to the start which means from length to It adds the value of each property to the end of a new array which is then returned Let s give this a try Consider the wrong application of toReversed on a string const s Ohans Emmanuel call toReversed directly on the strings toReversed Uncaught TypeError s toReversed is not a functionEven though a string object is an array like object this program is wrong we cannot invoke it in the manner string toReversed because toReversed doesn t exist on the string prototype However we may use the call method as shown below const s Ohans Emmanuel Array prototype toReversed call arrayLike Array prototype toReversed call s l e u n a m m E s n a h O How about a self constructed array like object Consider the example below Has a length property and integer index property const arrayLike length Item If this were a standard array it would be a sparse array i e of length five and a value in the second index Consider the result of calling toReversed on this console log Array prototype toReversed call arrayLike undefined undefined Item undefined undefined The toReversed function produces a reversed array without creating a sparse array As expected the empty slots are returned as undefined The toSorted method toSorted is the counterpart to the classic sort method As you may have guessed unlike sort toSorted will not mutate the original array Consider the basic sort operation with sort below const list Sort in ascending order const result list sort console log result console log list As shown above sort sorts the array in place and consequently mutates the array Now consider the same with toSorted const list Sort in ascending order const result list toSorted console log result console log list As seen above toSorted returns a new array with the elements sorted Note that toSorted retains the same syntax as sort For example we may specify a function defining the sort order e g list toSorted compareFn Consider the example below const list Sort the array in descending order list toSorted a b gt a lt b Behavior with sparse arraysEmpty slots will always be returned as undefined In fact they are treated as if they had a value of undefined However the compareFn will not be invoked for these slots and they ll always come at the end of the returned array Consider the following example with an array with an empty first slot Note the empty initial slot const fruits apple orange banana console log fruits toSorted orange banana apple undefined This behavior is identical to what would happen if the initial value were undefined Consider the example below const fruits undefined apple orange banana console log fruits toSorted orange banana apple undefined Also note that the empty slots or undefined slots will always be moved to the end of the returned array regardless of their position in the original array Consider the following example empty slot is in index const fruits apple orange banana console log fruits toSorted returned last orange banana apple undefined undefined value is in index const otherFruits apple orange undefined banana console log otherFruits toSorted returned last orange banana apple undefined Behavior with array like objectsWhen using the toSorted function with objects it will first read the length property of the this object It will then collect the object s integer keys from the start to the end which is from to length After sorting them it will return the corresponding values in a new array Consider the following example with a string const s Ohans Emmanuel Array prototype toSorted call arrayLike Array prototype toSorted call s E O a a e h l m m n n s u Consider the following example with a constructed array like object Has a length property and integer index property const arrayLike length Item Out of bound Item This will be ignored since the length is console log Array prototype toSorted call arrayLike Item undefined undefined undefined undefined The toSpliced start deleteCount items method toSpliced is the counterpart to the classic splice method As with the other new methods we ve covered toSpliced will not mutate the array it is invoked on unlike splice The syntax for toSpliced is identical to splice as shown below toSpliced start toSpliced start deleteCount toSpliced start deleteCount item toSpliced start deleteCount item item itemN Add a new array item with the classic splice as shown below const months Feb Mar Apr May Insert item Jan at index and delete itemsmonths splice Jan console log months Jan Feb Mar Apr May splice inserts the new array item and mutates the original array To create a new array without mutating the original array use toSpliced Consider the example above rewritten to use toSpliced const months Feb Mar Apr May Insert item Jan at index and delete itemsconst updatedMonths months toSpliced Jan console log updatedMonths Jan Feb Mar Apr May console log months Feb Mar Apr May toSpliced returns a new array without mutating the original array Note how the syntax for both toSpliced and splice are identical Behavior with sparse arraystoSpliced never returns a sparse array As such empty slots will be returned as undefined Consider the example below const arr Mon Wed Thur Sat Start at index and delete itemsconsole log arr toSpliced Mon Thur undefined Sat Behavior with array like objectsWith array like objects toSpliced gets the length of the this object reads the integer key needed and writes the result to a new array const s Ohans Emmanuel Start at index delete item insert the other itemsconsole log Array prototype toSpliced call s h a n s E m m a n u e l The with index value method The with array method is particularly interesting First consider the bracket notation for changing the value of a specific array index const favorites Dogs Cats favorites Lions console log favorites Lions Cats With the bracket notation the original array is always mutated with achieves the same result of inserting an element in a specific index but does not mutate the array Instead it returns a new array with the replaced index Let s rewrite the initial example to use with const favorites Dogs Cats const result favorites with Lions console log result Lions Cats console log favorites Dogs Cats Behavior with sparse arrayswith never returns a sparse array As such empty slots will be returned as undefined const arr Mon Wed Thur Sat arr with undefined Wed Thur undefined Sat Behavior with array like objectsSimilar to other methods with reads the length property of the this object It then reads every positive integer index less than the length of the object As these are accessed it saves their property values to the return array index Finally the index and value in the call signature with index value are set on the returned array Consider the example below const s Ohans Emmanuel Set the value of the first itemconsole log Array prototype with call s F F h a n s E m m a n u e l ConclusionThe ECMAScript standard keeps improving and taking advantage of its new features is a good idea Go ahead and leverage toReversed toSorted toSpliced and with to create more declarative JavaScript applications LogRocket Debug JavaScript errors more easily by understanding the contextDebugging code is always a tedious task But the more you understand your errors the easier it is to fix them LogRocket allows you to understand these errors in new and unique ways Our frontend monitoring solution tracks user engagement with your JavaScript frontends to give you the ability to find out exactly what the user did that led to an error LogRocket records console logs page load times stacktraces slow network requests responses with headers bodies browser metadata and custom logs Understanding the impact of your JavaScript code will never be easier Try it for free	2023-08-10 18:01:42
Apple	AppleInsider - Frontpage News	'Final Fantasy VII Ever Crisis' releases on iOS on September 7	https://appleinsider.com/articles/23/08/10/final-fantasy-vii-ever-crisis-releases-on-ios-on-september-7?utm_medium=rss	x Final Fantasy VII Ever Crisis x releases on iOS on September The next installment in the Final Fantasy VII franchise is coming to iPhone on September with a complete retelling of all the stories so far Final Fantasy VII Ever CrisisFans of the franchise will know that Compilation of Final Fantasy VII spans several games telling stories that take place in the Final Fantasy VII universe The next entry Final Fantasy VII Ever Crisis acts as a small reboot to the franchise telling all the stories of the compilation so far plus some new ones Read more	2023-08-10 18:52:54
海外TECH	ReadWriteWeb	The Art of Private Equity Interviewing: Tips for Impressive Responses	https://readwrite.com/the-art-of-private-equity-interviewing-tips-for-impressive-responses/	The Art of Private Equity Interviewing Tips for Impressive ResponsesIn the very competitive private equity PE sector a thriving career in private equity is no easy task Even if The post The Art of Private Equity Interviewing Tips for Impressive Responses appeared first on ReadWrite	2023-08-10 18:00:36
海外TECH	Engadget	The long-rumored 'Quake II' remaster is out now on PC and consoles	https://www.engadget.com/the-long-rumored-quake-ii-remaster-is-out-now-on-pc-and-consoles-183652854.html?src=rss	The long rumored x Quake II x remaster is out now on PC and consolesThe rumors were true Bethesda has announced an upgraded version of Quake II Best of all you can play it today on PC Xbox One Xbox Series X S PlayStation PlayStation and Nintendo Switch The enhanced edition is on Game Pass on PC console and Xbox Cloud Gaming Those who own the original game on GOG or Steam are getting a free upgrade Nightdive Studios worked with Bethesda to modernize id Software s first person shooter You can relive the single player campaign or try it for the first time with Sonic Mayhem s original soundtrack and all kinds of other enhancements The visuals have been upgraded to include widescreen support Hz refresh rates and K resolution Content that was cut at one point is back in the enhanced edition of Quake II which includes the Nintendo port as well You ll be able to dive into the original expansions ーMission Pack The Reckoning and Mission Pack Ground Zero ーwhich include more than extra single player levels and plus deathmatch maps between them There s a brand new expansion titled Call of the Machine as well Wolfenstein The New Colossus studio MachineGames which is working on an Indiana Jones game built more campaign levels and a completely fresh deathmatch map for this expansion On the multiplayer front there s splitscreen support including local and online co op for up to four players You can battle it out in deathmatch team deathmatch and capture the flag with up to players Full crossplay is a welcome inclusion across all platforms However if you re on PC and want to hop into a lobby with your buds who are playing on console or via the cloud you ll need to use a controller This is to nullify the aiming advantage that keyboard and mouse players have Last but not least there are some welcome updates to make Quake II more accessible Players will receive an accessibility options notification after they install the game Settings include high contrast voice chat transcription input remapping options aim assist and the ability to automatically switch to a new weapon when you pick it up This article originally appeared on Engadget at	2023-08-10 18:36:52
海外TECH	Engadget	Tesla faces fresh safety probe following fatal accident	https://www.engadget.com/tesla-faces-fresh-safety-probe-following-fatal-accident-180725262.html?src=rss	Tesla faces fresh safety probe following fatal accidentRegulators with the National Highway Traffic Safety Administration NHTSA are opening a probe involving a fatal crash involving a Tesla Model Y The accident occurring on July found a Tesla striking a tractor trailer truck in Virginia fatally wounding the driver of the automobile These regulators believe that the year old Tesla driver was relying on the company s advanced driver assistance programs at the time of the accident according to a report by Reuters The Fauquier County Sheriff s Office provided more details on the accident saying that the tractor trailer attempted to turn onto a highway from a truck stop when the Tesla struck the side and slid underneath the trailer The Tesla driver was pronounced dead at the scene As for the truck driver authorities issued a summons for reckless driving The summons indicates that authorities blame the truck s driver for the incident but Tesla s assistance program is supposed to account for mistakes stemming from other people on the road thus the NHTSA investigation To that end the safety regulator has opened more than three dozen investigations into crashes involving Tesla vehicles and their advanced assistance algorithms All told the agency suspects the system has been involved in deaths since In the National Transportation Safety Board NTSB urged the NHTSA to issue stricter regulations for autonomous driving stating in its letter that “Tesla is testing on public roads a highly automated AV technology but with limited oversight or reporting requirements Tesla s proprietary Autopilot technology is intended to steer accelerate and brake within the vehicle s lane while an enhanced system assists with changing lanes on highways Tesla says the system isn t truly automated and requires active human supervision The company hasn t responded to a request for comment by Reuters regarding this latest accident and the newly opened probe This article originally appeared on Engadget at	2023-08-10 18:07:25
海外TECH	CodeProject Latest Articles	Running CodeProject.AI Server on a Raspberry Pi	https://www.codeproject.com/Articles/5353064/Running-CodeProject-AI-Server-on-a-Raspberry-Pi	raspberry	2023-08-10 18:24:00
海外科学	NYT > Science	Russia Is Launching Luna-25 to the Moon: How and When to Watch	https://www.nytimes.com/2023/08/10/science/russia-moon-launch.html	Russia Is Launching Luna to the Moon How and When to WatchThe mission years in the making will attempt to put a robotic lander on the lunar surface the first Russian visit to the moon since	2023-08-10 18:00:53
海外TECH	WIRED	Teens Hacked Boston Subway’s CharlieCard to Get Infinite Free Rides—and This Time Nobody Got Sued	https://www.wired.com/story/mtba-charliecard-hack-defcon-2023/	Teens Hacked Boston Subway s CharlieCard to Get Infinite Free Ridesーand This Time Nobody Got SuedIn Boston s transit authority sued to stop MIT hackers from presenting at the Defcon hacker conference on how to get free subway rides Today four teens picked up where they left off	2023-08-10 18:43:33
海外科学	BBC News - Science & Environment	Big freeze drove early humans out of Europe	https://www.bbc.co.uk/news/science-environment-66331558?at_medium=RSS&at_campaign=KARANGA	europesevere	2023-08-10 18:16:17
ニュース	BBC News - Home	Big freeze drove early humans out of Europe	https://www.bbc.co.uk/news/science-environment-66331558?at_medium=RSS&at_campaign=KARANGA	europesevere	2023-08-10 18:16:17
ニュース	BBC News - Home	Ukraine orders evacuation of parts of north-east	https://www.bbc.co.uk/news/world-europe-66466050?at_medium=RSS&at_campaign=KARANGA	kupiansk	2023-08-10 18:32:35
ニュース	BBC News - Home	The Hundred 2023: Welsh Fire's Roelof Van der Merwe holds stunning catch to dismiss Moeen Ali	https://www.bbc.co.uk/sport/av/cricket/66466489?at_medium=RSS&at_campaign=KARANGA	The Hundred Welsh Fire x s Roelof Van der Merwe holds stunning catch to dismiss Moeen AliWatch Welsh Fire s Roelof Van der Merwe s take a stunning catch to dismiss Birmingham Phoenix s Moeen Ali for in The Hundred at Edgbaston	2023-08-10 18:40:40
ニュース	BBC News - Home	UCI Cycling World Championships 2023: Sarah Storey wins 36th Para-cycling gold	https://www.bbc.co.uk/sport/cycling/66464349?at_medium=RSS&at_campaign=KARANGA	UCI Cycling World Championships Sarah Storey wins th Para cycling goldGreat Britain s Sarah Storey wins her th Para cycling gold at the World Championships while Tom Pidcock and Evie Richards each claim a bronze	2023-08-10 18:35:21
ビジネス	ダイヤモンド・オンライン - 新着記事	字がヘタな人は、簡単ルールを知らないだけ！【書籍オンライン編集部セレクション】 - 簡単ルールで 突然、美文字が書ける	https://diamond.jp/articles/-/327180	字がヘタな人は、簡単ルールを知らないだけ【書籍オンライン編集部セレクション】簡単ルールで突然、美文字が書ける直接会うことが減り、オンラインでのやりとりが増えてきた今、「手書き」文字は「個性」や「人柄」に触れられる数少ないツールとしてビジネスでの大きな武器となります。	2023-08-11 03:50:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【インボイス】取引先への「絶対NG行動」ワースト1 - 【インボイス対応版】ひとり社長の経理の基本	https://diamond.jp/articles/-/327270	行動	2023-08-11 03:47:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【メタボが危ない】肝臓がんの「絶対NG行動」に注意！ - 40歳からの予防医学	https://diamond.jp/articles/-/327312	予防医学	2023-08-11 03:44:00
ビジネス	ダイヤモンド・オンライン - 新着記事	小学校で習うが、意外に知られていない【計算の3つの重要法則】とは？ - 小学生がたった1日で19×19までかんぺきに暗算できる本	https://diamond.jp/articles/-/327455	重要	2023-08-11 03:41:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【英語力アップ】「隠す、隠蔽する、もみ消す」を英語でどう言う？ - 5分間英単語	https://diamond.jp/articles/-/327446	【英語力アップ】「隠す、隠蔽する、もみ消す」を英語でどう言う分間英単語「たくさん勉強したのに英語を話せない……」。	2023-08-11 03:38:00
ビジネス	ダイヤモンド・オンライン - 新着記事	税務署の窓口で「相続税の申告書」を作るときの注意点！ - ぶっちゃけ相続「手続大全」	https://diamond.jp/articles/-/327322	窓口	2023-08-11 03:35:00
ビジネス	ダイヤモンド・オンライン - 新着記事	人生で後悔すること第2位は「働きすぎなければよかった」。では第1位は？ - DIE WITH ZERO	https://diamond.jp/articles/-/327443	diewithzero	2023-08-11 03:32:00