投稿時間:2023-03-16 03:33:15 RSSフィード2023-03-16 03:00 分まとめ(38件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWS Government, Education, and Nonprofits Blog	A deeper look into the 2022 ASDI Global Hackathon’s first place winner	https://aws.amazon.com/blogs/publicsector/deeper-look-2022-asdi-global-hackathons-first-place-winner/	A deeper look into the ASDI Global Hackathon s first place winnerIn Amazon Web Services AWS launched the Amazon Sustainability Data Initiative ASDI Global Hackathon part of a new collaboration with the International Research Centre in Artificial Intelligence under the auspices of UNESCO Participants were asked to use their creativity intelligence and technical skills to build sustainability solutions using data from ASDI on any AWS Cloud services to build solutions that support one or more of the Sustainable Development Goals SDGs from the United Nations UN We connected with Jeff McWhirter the first place winner to learn more about his winning project the Repository for Archiving and MAnaging Diverse Data RAMADDA	2023-03-15 17:51:17
AWS	AWS	Oracle JD Edward landscape migration to AWS | Amazon Web Services	https://www.youtube.com/watch?v=SGUlICay2Ho	Oracle JD Edward landscape migration to AWS Amazon Web ServicesLearn how Carrier group moved their on premise Oracle JD Edward landscape to AWS and reduced the overall run cost while delivering increased performance and flexibility Rick Carey Director of ERP and COE Carrier also talks about how this migration supported global ERP modernization program provided new tools and functionality in the application to end users including AI ML to be more efficient and made their ERP landscape more simple flexible and scalable Learn more at Subscribe More AWS videos More AWS events videos 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 OracleonAWS JDEonAWS EBSonAWS PeopleSoftonAWS OracleERP AWS AmazonWebServices CloudComputing	2023-03-15 17:43:00
python	Pythonタグが付けられた新着投稿 - Qiita	folium勉強②	https://qiita.com/kiryu-3/items/49c2237b772e577058bd	folium	2023-03-16 02:59:39
js	JavaScriptタグが付けられた新着投稿 - Qiita	競技プログラミング日記#1	https://qiita.com/Gettei/items/d7b4fb0bcb1788fbd970	競技プログラミング	2023-03-16 02:16:47
AWS	AWSタグが付けられた新着投稿 - Qiita	EC2インスタンスからS3バケットにアクセスして、ファイルのダウンロードやアップロードをする	https://qiita.com/If_it_bleeds-we_can_kill_it/items/8ae4ff1020a2ae03225c	systemmanager	2023-03-16 02:52:03
海外TECH	DEV Community	Introduction to Progressive Web Apps	https://dev.to/iamsatyanchal/-introduction-to-progressive-web-apps-ob7	Introduction to Progressive Web Apps Introduction to Progressive Web AppsWith the rise of mobile usage website owners have had to optimize their sites for mobile devices This has led to the development of Progressive Web Apps or PWAs PWAs are essentially mobile friendly websites that offer native app like capabilities such as push notifications and offline functionality In this post we ll explore what PWAs are how they work and why you should consider implementing them on your site What are PWAs At their core PWAs are web apps that are designed to look and feel like a native mobile app They are built using web technologies including HTML CSS and JavaScript but offer a more seamless mobile experience compared to traditional mobile websites PWAs offer a range of benefits including fast load times enhanced offline functionality and smoother navigation all while being responsive to screen size However PWAs take things a step further by engaging users with push notifications home screen shortcuts and access to the device s camera and location services This makes them feel more like a native app than a traditional mobile website How do PWAs work PWAs are built using a combination of web APIs and progressive enhancement techniques Progressive enhancement is the practice of starting with a basic website and adding more features and capabilities as the user s device and network allow PWAs rely heavily on service workers which sit between the browser and the network intercepting network requests and enabling features like caching and offline functionality This enables PWAs to load quickly and function even when the user is offline Why should you use PWAs on your site PWAs offer a range of benefits for website owners including Improved user engagement PWAs offer app like features that can increase engagement and retention rates Improved performance PWAs load faster and function better than traditional mobile websites even on slower networks Better discoverability By including a manifest file and service worker PWAs can be indexed by search engines and included in app stores Lower development costs Instead of building a separate mobile app businesses can invest in a PWA that works across all devices and platforms ConclusionAs mobile usage continues to grow PWAs present an opportunity for website owners to offer a more engaging app like experience while still leveraging the power of web technologies By embracing PWAs businesses can improve user engagement increase discoverability and lower development costs If you re considering developing a mobile app or optimizing your site for mobile a PWA might be the best option for your business	2023-03-15 17:46:53
海外TECH	DEV Community	Top 5 Latest Frontend Technologies in Web Development	https://dev.to/iamsatyanchal/top-5-latest-frontend-technologies-in-web-development-5a05	Top Latest Frontend Technologies in Web Development Top Latest Frontend Technologies in Web DevelopmentWeb development is a rapidly evolving field with new technologies emerging each year In the realm of frontend development keeping up with these new technologies is essential for creating efficient and effective user interfaces In this blog post we will discuss the top latest frontend technologies in web development that are gaining popularity among developers and businesses alike ReactReact is a popular JavaScript library for building user interfaces It allows developers to create reusable UI components making it easier to manage large scale projects React also enables developers to build dynamic web applications with efficient code Some of the major companies using React are Facebook Instagram and Netflix React can also be used with other technologies such as Redux GraphQL and Webpack VueVue is another JavaScript framework used for building user interfaces It is lightweight flexible and easy to understand Vue allows developers to build reusable components just like React It also has a simple and intuitive API which makes it easy to learn Vue is increasingly gaining popularity among developers due to the ease of use and its performance Many companies such as Alibaba Xiaomi and Wizz Air also use Vue for their web applications AngularAngular is a comprehensive JavaScript framework developed by Google It is commonly used for building large scale complex web applications Angular uses TypeScript a superset of JavaScript which adds more features and helps in reducing development errors Angular has features like two way data binding dependency injection and support for progressive web apps Some of the companies using Angular are IBM McDonald s and Deutsche Bank SvelteSvelte is a new JavaScript framework that is gaining popularity among developers It is a component based framework like React and Vue but with a different approach Svelte compiles framework specific code into optimized JavaScript at build time which makes it faster and more efficient than other frameworks Svelte has a small footprint making it easy to learn and use It is also rapidly gaining adoption from businesses such as Spotify Mozilla and The New York Times FlutterFlutter is a mobile app development framework that uses the Dart programming language created by Google However it can also be used to build web applications Flutter works on the concept of a single codebase which means the same codebase can be used for both iOS and Android development Flutter has features like hot reload which helps in faster development and pre built widgets for faster app development Some of the companies using Flutter for building web applications are Alibaba and Google Ads ConclusionIn conclusion these are the top latest frontend technologies gaining popularity among developers in the web development industry Each of these technologies has different approaches and strengths and organizations should choose technologies that suit their application requirements team skills and development needs Keeping an eye on the latest frontend technologies can also help developers stay up to date with the latest trends and techniques in web development	2023-03-15 17:45:23
海外TECH	DEV Community	Micro Frontend Discovery - The Driver for Scalability	https://dev.to/florianrappl/micro-frontend-discovery-the-driver-for-scalability-oai	Micro Frontend Discovery The Driver for ScalabilityCover photo by Sigmund on UnsplashIn the past six years I ve been a part of many projects in the area of micro frontends While they used a variety of technologies they all had one thing in common they required a flexible architecture to allow new teams to be on boarded quickly and existing teams to be full autonomous This implies that updates are just working and that teams can also disable or hide their micro frontends In all those cases a micro frontend discovery service or something similar like an adjustable micro frontend configuration file was the answer to the demands A micro frontend discovery service is the single source of truth for an application using micro frontends It knows what micro frontends are there and how they can be used The idea is basically the frontend equivalent of a service registry pattern as illustrated below How It WorksA micro frontend discovery service is essentially a registry containing information about available micro frontends In case of e g Piral the information about a micro frontend consists ofit s name and versionsome additional meta data like its author and descriptionan URL to a JS file acting as entry or mount point for the micro frontendthe dependencies their names versions and URLs shared from the micro frontendAs an example calling the Piral Cloud Feed service which is a micro frontend discovery service we could get the following response items name piral pilet feed dependencies version description Piral Cloud Pilets Feed Dependencies author name smapiot email dependencies react flow renderer piral pilet feed dependencies react flow renderer js requireRef webpackChunkpr piralpiletfeeddependencies link piral pilet feed dependencies index js spec v name piral pilet feed rules version description Piral Cloud Pilets Feature Flags and Rules author name smapiot email dependencies ajv piral pilet feed rules ajv js jsoneditor piral pilet feed rules jsoneditor js requireRef webpackChunkpr piralpiletfeedrules link piral pilet feed rules index js spec v name piral pilet feed statistics version description Piral Cloud Pilets Statistics author name smapiot email dependencies chart js piral pilet feed statistics chart js js react chartjs piral pilet feed statistics react chartjs js requireRef webpackChunkpr piralpiletfeedstatistics link piral pilet feed statistics index js spec v feed cloud So all the micro frontends are listed in an array in the items property Sure the example above is not the only representation Actually some frameworks can up with their own notation or leave that up to an application to decide Alternatively there is also a proposed standard for this With a different representation e g using the proposed standard we d get the following response from the service schema microFrontends piral pilet feed dependencies url piral pilet feed dependencies index js metadata version extras pilet spec v requireRef webpackChunkpr piralpiletfeeddependencies dependencies react flow renderer piral pilet feed dependencies react flow renderer js piral pilet feed rules url piral pilet feed rules index js metadata version extras pilet spec v requireRef webpackChunkpr piralpiletfeedrules dependencies ajv piral pilet feed rules ajv js jsoneditor piral pilet feed rules jsoneditor js piral pilet statistics url piral pilet statistics index js metadata version extras pilet spec v requireRef webpackChunkpr piralpiletstatistics dependencies In any case as a consumer of micro frontends this is enough to know about a discovery service it provides an endpoint that can be used for getting a list of available micro frontends From a producer perspective there is a bit more to know though A micro frontend registry provides the ability to publish micro frontends This means that either teams or single micro frontends obtain a publish token i e a way for producers to authenticate their request for uploading assets and telling the micro frontend discovery service about these assets While a micro frontend discovery service can or should always point either the latest or some other selected version of a micro frontend their could be dynamic rules within the micro frontend discovery service to select some different version In that regard a discovery service is a bit like a domain name service While DNS knows IPs for a certain domain a micro frontend discovery service knows the URLs of micro frontends for a certain configuration How does this enhance development scalability Development ScalabilityIn order to scale development as desired after all micro frontends are all about development scalability a couple of points need to be respected new teams should be able to work in the way they wantteams should be full owner of their micro frontends determining when and how to ship updateswhen a team decides to disable a micro frontend the application should continue to workwhen a team releases a new micro frontend the application should not require an updaterollbacks of any micro frontend should not require rollbacks of some other micro frontends or the applicationAll in all the crucial point is to make teams fully independent If the bullet points above are not fulfilled this is not the case Worse you might have a hidden monolith which is the worst of both worlds complexity of a distributed system coupled with the alignment needs cognitive load of a monolith Quite often the hidden monolith starts with strong coupling Once you see direct imports from a certain micro frontend in the application or another micro frontend you know that two pieces that are supposed to be deployed and managed independently form a direct relation Instead by going to a micro frontend discovery service you will not see the following relationship Instead think of a discovery service as acting as a kind of inversion of control container Thus you ll need a way for dependency injection to work This is how it would look with a component registry This does not only solve the bullet points above it also deals with common challenges such as mitigation of deployment risks and the provisioning of fallbacks if needed e g the discovery service could provide a special build of a micro frontend to run on mobile devices if the target is a mobile device Building Composable ApplicationsThe problem is that some micro frontend frameworks and solutions try to split the UI visually However in reality you will never split your frontend into parts like navigation header content and footer Why is that A real application is composed of different parts that come from different subdomains These subdomains come together to form the full application domain While these sub domains can be fully separated nicely on paper they usually appear to the end user within the same layout elements Think of something like a web shop If you have one subdomain for the product details and another subdomain handling previous orders then you wouldn t want to only see meaningless IDs of products in your order history as a user Instead you d expect that at least the product name and some details are shown in the order history So these subdomains interleave visually towards the end user Likewise practically almost every subdomain has something to contribute to shared UI layout elements such as a navigation header or footer Therefore having micro frontends that exclusively deal with a navigation area does not make much sense in practice because this micro frontend will receive a lot of requests from other teams ーand become a bottleneck Doing that will result in a hidden monolith Now somebody may argue that not having the navigation in a micro frontend would result in the same demand on changes but this time on the app shell owner This would be even worse So what is the solution then Clearly we need to decouple these things So instead of using something like import MyMenuItem from my micro frontend import MyMenuItem from my micro frontend import MyMenuItemN from my micro frontendN const MyMenu gt lt gt lt MyMenuItem gt lt MyMenuItem gt lt MyMenuItemN gt lt gt We need to register each of the necessary parts such as the navigation items from the micro frontends themselves This way we could end up with a structure such as const MyMenu gt const items useRegisteredMenuItems return lt gt items map id Component gt lt Component key id gt lt gt To avoid needing to know the names and locations of a micro frontend a kind of discovery is needed Having the composability in mind we can also make other cases become an easy reality For instance blue green deployments are easily doable A blue green deployment is an application release model that gradually transfers user traffic from a previous version of a micro frontend i e part of your application to a new release usually a patch or feature release not a complete re work within the same environment Also canary release are easily possible A canary release updates a micro frontend for a small part of the users first so they may test it and provide feedback Once the change is accepted the updated version is rolled out to the rest of the users The difference in both models is how the percentage of users on a newer version is set While blue green has an implied incremental transfer eventually reaching the canary release model works on specified fixed user groups e g beta testers and manually changes percentage eventually also settled at however this is configured manually Now that we know what we need to scale it s time to start implementing Luckily there is a framework that gives us already a head start on this Piral What makes this option appealing is that Piral fully embraces a micro frontend discovery service In fact Piral provides a free community service that allows us to have a discovery service for publishing Example SetupTo fully showcase how a micro frontend discovery service works we can start without any micro frontend framework Instead we ll build a solution using plain JavaScript ESM modules No bundler no magic just micro frontend discovery with DOM capabilities Let s start a new repo for our application bringing the micro frontends together create a new directorymkdir my app switch to directorycd my app initialize npm projectnpm init y install dependenciesnpm i http server save devLet s create a new directory src and start a web server exposing the directory create new directorymkdir src start servernpx http server src port Let s add some HTML and a bit of JavaScript We start with the HTML lt DOCTYPE html gt lt html lang en gt lt head gt lt meta charset UTF gt lt title gt Tractor Store lt title gt lt meta name viewport content width device width initial scale gt lt meta http equiv X UA Compatible content ie edge gt lt link href style css rel stylesheet gt lt head gt lt body gt lt mf component name home gt lt mf component gt lt script src app js type module gt lt script gt lt body gt lt html gt Here we create a basic example of an app shell that uses an orchestration script app js The main content is supposed to come from one micro frontend which registers a component named home Instead of directly calling this via a web component e g lt mf a home gt lt mf a home gt we use the generic wrapper component Now this generic wrapper follows the extension component strategy outlined in my article about cross framework components The orchestration script is therefore no surprise this is of course just a simple variation for the article const componentRegistry class MfComponent extends HTMLElement see below customElements define mf component MfComponent window registerComponent name component gt const components componentRegistry name components push component componentRegistry name components window dispatchEvent new CustomEvent component changed detail name components For the wrapper component mentioned above we can come up with the following simple variant class MfComponent extends HTMLElement store for data to forward as attributes data constructor super this data this getAttribute data handler to notify re render when registered components change handler ev gt const name this getAttribute name if ev detail name name this render ev detail components get data return this data set data value if typeof value string handle setting directly value decodeURIComponent value split amp reduce obj item gt const name rest item split obj name rest join return obj if typeof value object this data value this render static get observedAttributes we want to be notified when the name and data attribute change return name data render components the rendering logic we only need to create new components there cannot be changes to existing ones in this model const newComponents components slice this children length newComponents forEach componentName gt const element document createElement componentName this appendChild element we always set the attributes of all children but they might not have changed anyway Array from this children forEach child gt Object entries this data forEach name value gt child setAttribute name value here we make our first render and couple to the events connectedCallback const name this getAttribute name const components componentRegistry name this render components window addEventListener component changed this handler here we destroy the rendering and decouple from the events disconnectedCallback this innerHTML window removeEventListener component changed this handler attributeChangedCallback name oldVal newVal if oldVal newVal if name name just restart this disconnectedCallback this connectedCallback else if name data just set the data via the string setter this data newVal Going to the website will just show nothing This is good So far it should be empty but importantly it should show no error in the console All is working to this point Now let s add the first micro frontend to show the page create a new directorymkdir mf red switch to directorycd mf red initialize npm projectnpm init y install dependenciesnpm i http server save devLet s create a new directory src and start a web server exposing the directory create new directorymkdir src start servernpx http server src port corsLet s add some code The main part will be a file called index js which aggregates all the components from the micro frontend It looks like this import product page js window registerComponent home product page Now for the product page web component the module looks as follows dynamic inclusion of a stylesheetconst link document head appendChild document createElement link link href getUrl product page css link rel stylesheet function getUrl path return new URL path import meta url href some example static dataconst product name Tractor variants sku porsche color red name Porsche Diesel Master image getUrl images tractor red jpg thumb getUrl images tractor red thumb jpg price € some rendering helpersfunction renderOptions sku return product variants map variant gt lt button class sku variant sku active type button data sku variant sku gt lt img src variant thumb alt variant name gt lt button gt join function getCurrent sku return product variants find v gt v sku sku product variants function renderImage current return lt div gt lt img src current image alt current name gt lt div gt function renderName current return product name lt small gt current name lt small gt the web component for the product pageclass ProductPage extends HTMLElement constructor super connectedCallback const sku this getAttribute sku porsche const current getCurrent sku importantly in the rendered code of this component we refer to components from other micro frontends again using the mf component wrapper web component this innerHTML lt h id store gt The Model Store lt h gt lt mf component name basket data sku D sku class blue basket id basket gt lt mf component gt lt div id image gt renderImage current lt div gt lt h id name gt renderName current lt h gt lt div id options gt renderOptions current sku lt div gt lt mf component name buy data sku D sku class blue buy id buy gt lt mf component gt lt mf component name recommendations data sku D sku class green recos id reco gt lt mf component gt this querySelectorAll options button forEach button gt button addEventListener click gt change our own attribute which will propagate to child elements this setAttribute sku button dataset sku static get observedAttributes return sku attributeChangedCallback name oldValue newValue if this isConnected amp amp name sku amp amp oldValue newValue const current getCurrent newValue const newData sku newValue this querySelector basket data newData this querySelector buy data newData this querySelector reco data newData this querySelector name innerHTML renderName current this querySelector image innerHTML renderImage current this querySelectorAll options button forEach button gt if button dataset sku newValue button classList add active else button classList remove active customElements define product page ProductPage Doing this should work but we still get a blank page Why Because we have not used any micro frontend discovery yet So let s start simple Going back to the app js of the shell const imports local http localhost index js Object values imports map url gt import url There is not a real discovery yet but if we use the snippet above we at least should see something Now let s add more component from another micro frontend create a new directorymkdir mf blue switch to directorycd mf blue initialize npm projectnpm init y install dependenciesnpm i http server save devLet s create a new directory src and start a web server exposing the directory create new directorymkdir src start servernpx http server src port corsThe entry point src index js is the same thing just registering two components this time import basket info js import buy button js window registerComponent basket basket info window registerComponent buy buy button Now we adjust the imports in app js const imports red http localhost index js blue http localhost index js After reloading we see the application using all the available components as they should Before we add a third and final micro frontend we should go into a micro frontend discovery service We log into feed piral cloud and click on Create Feed Now we should come to a page with the feed details We copy the URL for the native federation manifest representation there are other options too but this one is the easiest format and thus works for us Now we change our loading logic in app js to the following adjust the URL with the copied value from your feed fetch then async res gt const data await res json await Promise all Object values data map url gt import url We get the micro frontends manifest inspect it and iterate over the results Right now no micro frontend has been published How can we do that Let s say we want to add the mf red We can install the publish microfrontend package npm i publish microfrontend save devNow we can use this to publish to the feed npx publish microfrontend url interactiveThe URL we use here is the same URL we refer to in our code The interactive flag can be used to publish from our local machines From a CI CD pipeline we d need an API token If done correctly we should see one uploaded micro frontend We can now do the same for mf blue and have everything served by the micro frontend discovery service Finally let s add mf green for the recommendations publish it and see the result Everything done with loose coupling served from the micro frontend discovery service No bundlers no magic Just using the DOM and a sound architecture You can find the full example on GitHub Also for completeness let s see how the application behaves if we introduce some feature flag to toggle the recommendations based on the used browser ConclusionIn this article we ve learned what a micro frontend discovery service is and why it is necessary to introduce such a service for frontend scalability Implementing a micro frontend solution without a discovery service is like riding a bike with flat tires It s possible but it just won t scale Besides the option to make your own implementation there are various open source projects open for customizations and commercial offerings with batteries included on the market Which option will you use or do you prefer	2023-03-15 17:06:12
海外TECH	DEV Community	OpenAI launches GPT-4 a multimodal Language model	https://dev.to/amananandrai/openai-launches-gpt-4-a-multimodal-language-model-3fc	OpenAI launches GPT a multimodal Language modelOpenAI has launched its new multimodal language model GPT on th March Multimodal means that it can take both image and text as input It will power ChatGPT Plus an upgraded version of the original ChatGPT tool which took the world by storm available on waitlist basis for users GPT is already powering the Bing search It also works on multiple languages and even on low resource languages like Latvian Welsh and Swahili It performs better or similar to humans on many academic examinations A comparison of GPT and GPT on various academic exams is shown below Some of the examples of exams taken by GPT are Uniform Bar Exam MBE MEE MPT LSAT SAT Evidence Based Reading amp Writing SAT Math and Graduate Record Examination GRE It can even solve Leetcode programming questions The reasoning capability of GPT has increased compared to the previous feature The best feature about GPT is that it can recognise complex images given as input and give output based on the instructions provided to it Some companies have already partenered with OpenAI to use GPT The most famous of them are Stripe Duolingo Morgan Stanley and Khan Academy Duolingo launched a new feature Duolingo Max which will help users learn new languages easily Stripe used it for streamlining user experience and combatting fraud To know more about the tool follow the below link	2023-03-15 17:04:17
海外TECH	DEV Community	Understanding the Compose Function in JavaScript	https://dev.to/frontend_jedi/understanding-the-compose-function-in-javascript-3g34	Understanding the Compose Function in JavaScriptOne of my least favourite concepts in JavaScript had to be the compose and pipe functions I mean they are great functions and definitely save a lot of time but while learning it it just looked like a bunch of functions returning each other it was difficult to understand what was really happening In this article we ll be going over the compose function line by line while I explain like to a toddler Before we start you atleast need a little knowledge of javaScript What is a compose functionThe compose function is a higher order function that takes two or more functions as arguments and returns a new function that applies these functions in a right to left order Basically a compose function receives a bunch of functions as argument and then sends them to another function inside of itself which applies them from right to left using the reduceRight method in javaScript et s dive right into it Given a typical compose function function compose funcs return function arg return funcs reduceRight accum fn gt return fn accum arg Let s break it down line by line and digest itfunction compose funcs This is the beginning of a function called compose the function doesn t have to be called compose It takes any number of arguments functions and stores them in an array using the spread operator return function arg Here we return a function which recieves a single argument the argument it recieves is going to be the element which these functions will be exercuted on return funcs reduceRight accum fn gt This line starts a reduceRight method on the funcs array remember the array was created virtually using spread operator which applies the callback function to each element in the array starting from the right side If you don t understand don t fret I ll still explain how the reduce function works as you read down return fn accum This line applies each function in funcs to the accum variable accum is initially set to the value of arg the argument passed to the returned function and it gets updated each time a function in funcs is applied to it arg Finally we set the initial value of accum to the value of arg The reduceRight functionIn JavaScript the reduceRight method takes a callback function as its first argument which is used to apply a given operation to each element in the array and reduce the array to a single value The callback function takes two arguments the accumulator which starts as the last element in the array and the current value which starts as the second to last element in the array In the compose function the callback function being used with reduceRight is an arrow function with two parameters accum and fn accum is the accumulator that gets passed from one iteration to the next and fn is the current value being processed by the reduceRight method The callback function returns the result of applying fn to accum This means that each function in funcs is being applied to the previous result and the final result is the output of the last function in the array after it has been applied to the previous result How the compose function executesLet me walk you through an example callstack for the compose function to demonstrate how it works Let s say we have the following functions function addOne x return x function double x return x function square x return x x And we call compose like this const composedFunction compose square double addOne const result composedFunction console log result Output Here s what happens step by step we call compose with the arguments square double and addOneconst composedFunction compose square double addOne Inside the compose function the reduceRight method is called on the funcs array square double addOne The initial value of the accumulator accum is set to the value of the argument passed to the returned function arg which in this case is result The first iteration of the reduceRight method starts with fn set to addOne The function is called with accum as the argument and returns the value This becomes the new value of accum accum addOne accum result The second iteration of the reduceRight method starts with fn set to double The function is called with accum as the argument and returns the value This becomes the new value of accum accum double accum result The third and final iteration of the reduceRight method starts with fn set to square The function is called with accum as the argument and returns the value This becomes the final value of acuum accum square accum result The returned function from compose is called with the argument This function applies each function in the funcs array to the argument in a right to left order First addOne is called with the argument which returns Then double is called with the argument which returns Finally square is called with the argument which returns So in summary the compose function takes any number of functions as arguments and returns a new function that applies these functions in a right to left order The returned function takes a single argument and applies each function in the provided array to it starting from the right side By doing this we can create a new function that is composed of multiple smaller functions which can make our code more modular and easier to read As usual thank you for reading and I hope you got value for your time Follow me frontend jedi to find more educating reads Follow me on twitter Frontend Jedi let s connect and grow together Excel Frontend Jedi‍ excel bill Are you a developer or a programmer don t know the difference I ve got you Read the thread for a better explanation javascript programming DaysOfCode BlackTechTwitter js developers TechisHiring PM Jul	2023-03-15 17:01:57
Apple	AppleInsider - Frontpage News	Apple seeds fourth macOS Ventura 13.3 developer beta	https://appleinsider.com/articles/23/03/15/apple-seeds-fourth-macos-ventura-133-developer-beta?utm_medium=rss	Apple seeds fourth macOS Ventura developer betaDevelopers are now able to access to the fourth beta of macOS Ventura to test out on their Macs macOS Ventura gets a new betaDevelopers signed up for the beta program can pick the latest builds via the Apple Developer Center or by updating Macs already running beta software Public beta versions usually arrive a little after the developer versions and are accessible by the Apple Beta Software Program Read more	2023-03-15 17:09:10
Apple	AppleInsider - Frontpage News	Apple issues fourth developer betas for iOS 16.4, iPadOS 16.4, and watchOS 9.4	https://appleinsider.com/articles/23/03/15/apple-issues-fourth-developer-betas-for-ios-164-and-ipados-164?utm_medium=rss	Apple issues fourth developer betas for iOS iPadOS and watchOS Apple has made available to download its fourth developer betas of iOS iPadOS and watchOS Second developer betas are hereDevelopers participating in the beta can download the latest builds via the Apple Developer Center or by updating hardware already running the beta operating systems Public beta versions are typically provided a short time after the developer counterparts and the public can try them out via the Apple Beta Software Program Read more	2023-03-15 17:13:20
海外TECH	Engadget	MIT’s new modular lunar robot has ‘worms’ for arms	https://www.engadget.com/mits-new-modular-lunar-robot-has-worms-for-arms-175146649.html?src=rss	MIT s new modular lunar robot has worms for armsMIT engineers have designed a walking lunar robot cleverly inspired by the animal kingdom The “mix and match system is made of worm like robotic limbs astronauts could configure into various “species of robots resembling spiders elephants goats and oxen The team won the Best Paper Award last week at the Institute of Electrical and Electronics Engineers IEEE Aerospace Conference WORMS Walking Oligomeric Robotic Mobility System is one team s vision of a future where astronauts living on a moon base delegate activities to robotic minions However to avoid “a zoo of machines with various robots for every task imaginable the modular WORMS would allow astronauts to swap out limbs bases and appendages for the task at hand For example they could snap together a spider bot to crawl inside hazardous lava tubes to drill for frozen water or assemble an elephant like pack robot to haul heavy equipment They could even make a goat ox combination to transport solar panels And when they finish the task they can disassemble it and return it to storage until it s needed for something else The system includes a worm like appendage which can snap together with a chassis through a twist and lock mechanism Wok shaped “shoes can then snap onto the appendage s other end Finally a small tool allows astronauts to release the block s spring loaded pins when it s time to disassemble The team has already developed a six legged prototype about the size of a go cart using software that coordinates multiple worm limbs They ve successfully demonstrated assembly disassembly and navigation in a recent field test “Astronauts could go into the shed pick the WORMS they need along with the right shoes body sensors and tools and they could snap everything together then disassemble it to make a new one said George Lordos Ph D candidate and graduate instructor at MIT s Department of Aeronautics and Astronautics “The design is flexible sustainable and cost effective MITThe team spawned the idea in as their answer to NASA s Breakthrough Innovative and Game changing BIG Idea Challenge an annual competition for university students to conjure innovative ideas In that year s edition NASA challenged students to develop robots to move across extreme terrain without wheels The MIT team focused on a lunar robot that could navigate the moon s South Pole which some suspect could include frozen water ーessential for astronauts long term survival ーbut also complex terrain with thick dust rocky slopes and lava tubes As the students brainstormed solutions they drew inspiration from the animal kingdom “As we were thinking of these animal inspirations we realized that one of the simplest animals the worm makes similar movements as an arm or a leg or a backbone or a tail says deputy team leader and AeroAstro graduate student Michael Brown “And then the lightbulb went off We could build all these animal inspired robots using worm like appendages Although each WORMS appendage weighs about pounds on Earth they would be only about three pounds in the moon s atmosphere making it easy for astronauts to assemble disassemble and reassemble them like a high tech Lego set The team is already working on a second generation model with longer and slightly heavier appendages with an eye on heavy equipment hauling bots “There are many buzz words that are used to describe effective systems for future space exploration modular reconfigurable adaptable flexible cross cutting et cetera said Kevin Kempton an engineer at NASA s Langley Research Center and judge of the BIG Idea Challenge “The MIT WORMS concept incorporates all these qualities and more This article originally appeared on Engadget at	2023-03-15 17:51:46
海外TECH	Engadget	Samsung explains its 'fake' Moon photos	https://www.engadget.com/samsung-explains-its-fake-moon-photos-170233896.html?src=rss	Samsung explains its x fake x Moon photosSamsung is hoping to talk its way out of a controversy over its camera processing technology The company has shared an explanation of the Moon photo detection system it has used since the Galaxy S If you have Scene Optimizer turned on AI detects when you re taking a clear photo of the Moon at X zoom or above The tech lowers the brightness captures multiple frames to produce a bright low noise picture and uses a neural network to enhance the detail using a high resolution reference image for comparison You can turn Scene Optimizer off Samsung also notes that this won t work if you either take a snapshot of the obscured Moon or use an image that clearly wasn t taken on Earth The Moon is tidally locked to the planet so you ll always see the same lunar surface unless you go to space SamsungThe defense comes after Reddit user Breakphotos alleged that Samsung was faking Moon images by adding detail that wasn t present in the raw scene To make the case Breakphotos even snapped pictures of blurry low resolution images on a computer screen ーthere s no info the phone could recover from the shot Even with blown out exposure the device appeared to add info that simply wasn t there This isn t an outright fake Samsung is using the actual shot as a baseline However its algorithms are clearly going to an extreme by producing photos that don t represent what you get through the lens The company appears to be aware of this too as it says it s refining Scene Optimizer to quot reduce any potential confusion quot between taking photos of the actual Moon and mere images of it This isn t the first time a phone manufacturer has received criticism for manipulating photo output of course Some brands have had beauty modes that mask perceived body and skin imperfections to create unrealistic portraits However Samsung is effectively claiming its phones can take technically impossible photos ーyou may buy a Galaxy S Ultra under the misguided impression that someone s sharp crisp lunar image reflects what the phone can physically produce This article originally appeared on Engadget at	2023-03-15 17:02:33
海外科学	NYT > Science	NASA and Axiom Reveal New Spacesuits for Artemis III Moon Mission	https://www.nytimes.com/2023/03/15/science/nasa-moon-suit-astronauts.html	spacex	2023-03-15 17:09:17
海外科学	NYT > Science	Audubon Society Votes to Keep Its Name Despite Ties to Slavery	https://www.nytimes.com/2023/03/15/science/audobon-society-name-change.html	Audubon Society Votes to Keep Its Name Despite Ties to SlaveryThe bird conservation group said it would “reckon with the racist legacy of John James Audubon a naturalist and illustrator who was an enslaver but voted to keep the namesake	2023-03-15 17:44:16
海外科学	BBC News - Science & Environment	Spacesuit for return to the Moon unveiled	https://www.bbc.co.uk/news/science-environment-64965767?at_medium=RSS&at_campaign=KARANGA	astronauts	2023-03-15 17:15:59
金融	金融庁ホームページ	鈴木財務大臣兼内閣府特命担当大臣閣議後記者会見の概要（令和５年３月14日）を掲載しました。	https://www.fsa.go.jp/common/conference/minister/2023a/20230314-1.html	内閣府特命担当大臣	2023-03-15 17:09:00
ニュース	BBC News - Home	Credit Suisse shares plunge as bank fear widens	https://www.bbc.co.uk/news/business-64964881?at_medium=RSS&at_campaign=KARANGA	collapse	2023-03-15 17:39:26
ニュース	BBC News - Home	Strikes Update: How Thursday 16 March's strikes affect you	https://www.bbc.co.uk/news/business-64966053?at_medium=RSS&at_campaign=KARANGA	disruption	2023-03-15 17:05:28
ニュース	BBC News - Home	Gary Lineker row: BBC impartiality dominates Prime Minister's Questions	https://www.bbc.co.uk/news/entertainment-arts-64964044?at_medium=RSS&at_campaign=KARANGA	lineker	2023-03-15 17:23:53
ニュース	BBC News - Home	Swansea explosion: Man who rescued boy says he's not a hero	https://www.bbc.co.uk/news/uk-wales-64968303?at_medium=RSS&at_campaign=KARANGA	explosion	2023-03-15 17:18:29
ニュース	BBC News - Home	Free childcare plan: 'Why do we have to wait'	https://www.bbc.co.uk/news/business-64962566?at_medium=RSS&at_campaign=KARANGA	september	2023-03-15 17:33:17
ニュース	BBC News - Home	Budget 2023: Why more parents face losing child benefit	https://www.bbc.co.uk/news/64836315?at_medium=RSS&at_campaign=KARANGA	government	2023-03-15 17:10:12
ニュース	BBC News - Home	Teachers' strike dates: When and where are schools affected?	https://www.bbc.co.uk/news/education-63283289?at_medium=RSS&at_campaign=KARANGA	scotland	2023-03-15 17:13:05
ニュース	BBC News - Home	Justin Thomas criticises plans to restrict how far golf balls fly at future elite tournaments	https://www.bbc.co.uk/sport/golf/64969882?at_medium=RSS&at_campaign=KARANGA	Justin Thomas criticises plans to restrict how far golf balls fly at future elite tournamentsUS PGA champion Justin Thomas criticises plans by the R amp A and United States Golf Association to restrict how far golf balls fly at future elite tournaments	2023-03-15 17:09:53
ビジネス	ダイヤモンド・オンライン - 新着記事	問題は絶対に解かない。最初は答えだけを見ていく【書籍オンライン編集部セレクション】 - 図解版ずるい暗記術	https://diamond.jp/articles/-/319165	大学受験	2023-03-16 02:55:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【株式投資必修講座　ステップ 1】成長株を探すために今すぐできる、たった1つのシンプルな方法 - 株の投資大全	https://diamond.jp/articles/-/318940	「株投資をはじめたいけど、どうしたらいいのか」。	2023-03-16 02:50:00
ビジネス	ダイヤモンド・オンライン - 新着記事	頑張り屋なのに「仕事ができない人」その残念な共通点とは？ - 良書発見	https://diamond.jp/articles/-/318123	「思考する」とはどういうことか、そのための方法やステップを教えてくれる本となっている。	2023-03-16 02:45:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【スタンフォードの研究成果】「楽な道を選ぶ子」になる“親の言葉”、「努力できる子」に育つ“親の言葉” - 世界標準の子育て	https://diamond.jp/articles/-/318724	【スタンフォードの研究成果】「楽な道を選ぶ子」になる“親の言葉、「努力できる子」に育つ“親の言葉世界標準の子育て子どもたちが生きる数十年後は、いったいどんな未来になっているのでしょうか。	2023-03-16 02:40:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【“神々”との［幸運。］答え合わせ】 すごい運がいい人になる「確実開運力」を受け取る方法。必ず負けない勝ち組になる。［一粒万倍日に知る］ - 1日1分見るだけで願いが叶う！ふくふく開運絵馬	https://diamond.jp/articles/-/319232	答え合わせ】すごい運がいい人になる「確実開運力」を受け取る方法。	2023-03-16 02:35:00
ビジネス	ダイヤモンド・オンライン - 新着記事	もしあなたが結婚したいなら、 絶対に逃してはいけない唯一のタイミングとは？ - 嫌われる勇気──自己啓発の源流「アドラー」の教え	https://diamond.jp/articles/-/319325	古賀史健	2023-03-16 02:33:00
ビジネス	ダイヤモンド・オンライン - 新着記事	英語力が自然と伸びる人「日常的な1つの習慣」 - 5分間英単語	https://diamond.jp/articles/-/317841	『分間英単語』では毎日分ずつトレーニングできる「知ってる単語を使える英単語に変えるプログラム」を提供します。	2023-03-16 02:30:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【運気アップ！】いつも運がいい人は知っている。「停滞期」をチャンスに変える小さな秘訣 - 神さま仏さまがこっそり教えてくれたこと	https://diamond.jp/articles/-/319361	神さま仏さま	2023-03-16 02:25:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【神様】は見ている。運がいい人、お金持ちの人が桜を大切にする理由 - 旬のカレンダー	https://diamond.jp/articles/-/319466	【神様】は見ている。	2023-03-16 02:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【最強開運日】は桜の開花直後！ お金持ちや運のいい人が花見で実践していること - 開運大全	https://diamond.jp/articles/-/319434	開運	2023-03-16 02:15:00
Azure	Azure の更新情報	Azure SQL—Public preview updates for mid-March 2023	https://azure.microsoft.com/ja-jp/updates/azure-sql-public-preview-updates-for-midmarch-2023/	march	2023-03-15 18:00:18
Azure	Azure の更新情報	Generally available: Azure Firewall Basic	https://azure.microsoft.com/ja-jp/updates/generally-available-azure-firewall-basic/	azure	2023-03-15 17:58:14