投稿時間:2021-11-12 03:34:34 RSSフィード2021-11-12 03:00 分まとめ(37件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWS Database Blog	Deriving real-time insights with Amazon Timestream – now up to three times faster query response times	https://aws.amazon.com/blogs/database/deriving-real-time-insights-with-amazon-timestream-now-up-to-three-times-faster-query-response-times/	Deriving real time insights with Amazon Timestream now up to three times faster query response timesAmazon Timestream is a serverless time series database that customers across a broad range of industry verticals have adopted to derive real time insights monitor critical business applications and analyze millions of real time events across websites and applications By analyzing these diverse workloads in conjunction with the query access patterns and query concurrency requirements we made …	2021-11-11 17:32:33
Google	Official Google Blog	What should we do with old electronics?	https://blog.google/outreach-initiatives/sustainability/what-should-we-do-old-electronics/	What should we do with old electronics Cleaning out a drawer or closet can be extremely therapeutic Old clothes and items go into a donation pile other things might be great to give away But then…you pull open that drawer full of your old electronics phones speakers music players and more What do you do with these As electronics get smaller and more ubiquitous more devices are hibernating in drawers closets attics and garages Recycling electronics isn t an everyday activity and doesn t follow the same process as recycling normal household waste In only about of electronic waste was recycled globally As part of our sustainability commitments Google has committed to including recycled materials in all our consumer hardware The future of electronics recycling depends on developing better technologies that extract materials from discarded products too But that s not the only challenge in creating effective recycling systems Getting useful but unused products to people who need them and unusable ones into recycling centers are both essential to making electronics more sustainable Many cities have numerous drop off options at retail or municipal locations and major electronics brands also offer mail in services for old devices But it s not enough to have these services available ーit s critical to truly understand what else people need in order to recycle electronics they re no longer using To learn more Google talked with individual users about their electronics recycling struggles The lessons ーwhich are outlined in our white paper Electronics Hibernation Understanding Barriers to Consumer Participation in Electronics Recycling Services ーwere both surprising and familiar People have relationships with their electronics that extend beyond their usefulness ーthe way we think about our devices is completely different from how we think about an empty juice bottle for example Our research identified major barriers to consumer electronics recycling and we hope that by sharing these initial insights we will encourage others to join the conversation and inspire new ideas The Awareness BarrierFor starters one issue is that people don t know about their options ーeven though some of them exist in plain sight Think about it this way Even if you haven t heard of a specific movie you know the name of a popular streaming service where you could watch it Or maybe you don t know the name of a book everyone is talking about but you know the bookstore where you could buy it Electronics recycling services have nowhere near those levels of awareness even though they are offered by major brands that people are familiar with A quick internet search will show plenty of results but it can create more questions than answers as consumers wade through the complexities of what devices are eligible varying costs and deciding which services seem reputable enough to consider The Value BarrierAn old laptop that still works seems like it should be worth something When consumers discover their product is worth much less than they thought it s a disappointing moment that discourages trade in and recycling actions alike For some an old smartphone might be useful as a backup if they lose or damage their newer one Other products still have emotional value even as they sit unused ーa laptop may represent cherished college years or a music player may remind us of a fun activity These all represent value and ironically that can make recycling seem like a waste The Data BarrierMany people have electronics they don t want or need but that still contain their data While the hardware might not be valuable the documents photos and videos often are Finding a way to transfer data to a new device or storage solution is a daunting task that becomes more challenging with time The older the product the harder it is to find the right cables set up the network and remember how to even use the software Professional services exist but they can be expensive and if the data isn t urgently needed it s easy to put the task off until later making things even more difficult The Security BarrierEven if data transfer isn t needed many people want to securely erase all information before donating or recycling It s a technical task and the process of doing so can be different across devices and products Similar to transferring data figuring out how to erase data and settings can become more challenging as products age Self service resources exist but the time and effort can seem monumental for a low priority task The Convenience BarrierFew people think of filing tax returns as “convenient but it s something that has to be done and services exist that make it convenient enough Handing off electronics for recycling might be objectively more convenient than filing tax returns but for most it s a lower priority task meaning the bar for convenience is higher If you re trying to recycle an old device you might only experience one or two barriers but collectively they re significant and overcoming them will require new ideas Until then online tech support articles from most product brands are helpful in figuring out data transfer and erasure Looking for R e Stewards or WEELABEX certification is a good first step in identifying a reputable recycler And companies like Google for example provide resources on how to recycle your old and unused devices There s a lot of work to be done to make it simple and sustainable to say goodbye to old products By working together with other companies and consumers we hope to make the sustainable choice to recycle your electronics an easier one	2021-11-11 17:30:00
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	CNNディープラーニングでTrainデータの正答率が高すぎる	https://teratail.com/questions/368929?rss=all	CNNディープラーニングでTrainデータの正答率が高すぎる前提・実現したいことTensorflowを用いてCNNを利用したクラスの分類を行っています。	2021-11-12 02:48:49
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	metaタグ「noindex」の適用範囲について	https://teratail.com/questions/368928?rss=all	metaタグ「noindex」の適用範囲についてお世話になっております。	2021-11-12 02:42:03
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Excelファイルに標準入力でデータを入れて、そこからもう一度読み込んで入力したデータの和を求める	https://teratail.com/questions/368927?rss=all	読み込んだ個の値とそれらの合計値を表示する。	2021-11-12 02:15:52
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	遷移元の情報を遷移先で表示させたい	https://teratail.com/questions/368926?rss=all	遷移元の情報を遷移先で表示させたいやりたい事フォーム画面の【送信】ボタンを押した際に、クラス名が付与されるがページ遷移しない画面を強制的に以下のjavascriptで遷移させています。	2021-11-12 02:15:01
技術ブログ	Developers.IO	[レポート]ハンズオン: Security Jam – AWS Security Roadshow Japan 2021 #awscloud #AWSSecurityRoadshow	https://dev.classmethod.jp/articles/aws-security-roadshow-japan-2021-day1-jam/	awssecurityroadshowjapan	2021-11-11 17:27:58
技術ブログ	Developers.IO	[レポート]Security-JAWS【第23回】 [AWS Security Roadshow Japan 2021] 特別拡大版 #jawsug #secjaws23 #secjaws #awscloud #AWSSecurityRoadshow	https://dev.classmethod.jp/articles/security-jaws-23-report/	レポートSecurityJAWS【第回】AWSSecurityRoadshowJapan特別拡大版jawsugsecjawssecjawsawscloudAWSSecurityRoadshowみなさんこんにちは、東京オフィスの芦沢です。	2021-11-11 17:16:18
海外TECH	Ars Technica	Discord CEO backs away from hinted NFT integration after backlash	https://arstechnica.com/?p=1812230	backlashmany	2021-11-11 17:40:41
海外TECH	Ars Technica	Express your inner Legolas with these Lord of the Rings keycaps	https://arstechnica.com/?p=1812133	earth	2021-11-11 17:22:41
海外TECH	MakeUseOf	The 9 Best XAMPP Alternatives for Hosting Your Website Locally	https://www.makeuseof.com/best-xampp-alternatives-for-hosting-website-locally/	local	2021-11-11 17:30:11
海外TECH	MakeUseOf	Outlook vs. Gmail: Which Email Service Is Better?	https://www.makeuseof.com/outlook-vs-gmail/	email	2021-11-11 17:15:11
海外TECH	MakeUseOf	The 7 Best Touchscreen Monitors	https://www.makeuseof.com/best-touchscreen-monitors/	access	2021-11-11 17:11:12
海外TECH	DEV Community	Good Vs Bad Performance Test Engineer	https://dev.to/qainsights/good-vs-bad-performance-test-engineer-2fj9	Good Vs Bad Performance Test EngineerIn my last post I have shared my views about James Pulley s latest book Interviewing amp Hiring Software Performance Test Professionals The first chapter deals with the cost of hiring bad talent and its consequences So I thought why not come up with what good and bad performance test engineers do in their project I hope this comparison will help you to transform into a valued performance test engineer and avoid the mistakes of bad performance test engineers Let us see the difference between good and bad performance test engineers traits Please scroll down further to see the table TraitsGood Performance Test EngineersBad Performance Test Engineersalways cares for performancehas a who cares mindsetalways learn new technology tools and productswon t learn anything newinvolved in all the phasesinvolves only in testing phaseunderstand the architecture network protocols and business transactionsunderstands only business transactionsdevelop a strategy to find performance issuesdo ad hoc runsstarts with single user testing directly goes to load testingvalidates their scripts using unit smoke testingdon t pay attention to unit smoke testingstarts the test and observe the whole run starts the test and run for a coffee or tea validates the test data before starting the test keep on reusing the test datavalidates the response properlyvalidates only the status codeloves automating other tasksdon t do automationcarefully develop workload modelfollows a generic workload modelknows how the production environment works no insights into the production environmentvalidates the runtime settings logging level duration and other configurationdon t pay attention to the configuration and reuses themanalyze the test results and provide value to the reportcopies the test result and share it with the stakeholders as it isdeep dive into response time transactions pass fail throughput errors per second CPU Memory Network Disk Garbage collection and more limited to response time analysis knows statistical methodsdon t apply statistial analysisvalidates the database or other means after the test is donedon t perform any validationvalidates the performance tool infrastructure don t validate the test infrastructure works closely with architects developers and product ownersno or limited interactions with the teamimplements CI CD and integrates with the dev pipelineno CI CD mindsetshare knowledge and document the findings and best practices don t share their knowledge and no limited documentation takes full responsibility for missed defectsdon t take responsibility and blames otherskeep improving their tests and adapt to new features and releasesfollows a process for prolonged duration good at communication and proactive in raising issues bad unclear communication and reactive in raising issuesbrings value to the team product and organizationbrings no valueGood Vs Bad Performance Test Engineer TraitsGood Vs Bad Performance Test EngineerIf I miss anything critical please share it in the comment	2021-11-11 17:48:29
海外TECH	DEV Community	Most Used Built-in functions in Python	https://dev.to/adarshrawat7400/most-used-built-in-functions-in-python-dn2	Most Used Built in functions in PythonIn this article we will going to look some very useful built in functions that will always come handly in your python journey these functions will save you writing extra lines of code We will going to understand the defination and look some useful use cases for each built in function We will going to go through the following built in functions map filter reduce zip enumerate all any map map is a built in Python function that takes in two or more arguments a function and one or more iterables in the form Syntax map callable iterable map returns an iterator that is map returns a special object that yields one result at a time as needed if you re not fimiliar with iterator refer to this post iterator iterable in pythonfor n size of input it will return n size outputlet s see some example of map Task convert list of string integer to to int Example lst of str ints print list of str ints lst of str ints lst of ints list map int lst of str ints print list of ints lst of ints Output list of str ints list of ints we passed int object as first argument in the map function second argument is the list of str int in this examplethe iterator iterate each element at a time and map it to the corresponding callable argument int passed as first argument then after iterating over all the elements the map function returns a map object will can then be casted to iterable like list tuple set we can perform the same task using lambda function Example lst of str ints print list of str ints lst of str ints lst of ints list map lambda x int x lst of str ints print list of ints lst of ints Output list of str ints list of ints Example Task we will convert temprature from celsius to fahrenheittemps in celsius print temprature in celsius temps in celsius temps in fahrenheit list map lambda celsius celsius temps in celsius print temprature in fahrenheit temps in fahrenheit Output temprature in celsius temprature in fahrenheit In the above example we converted list of temperature in celsius to temprature in fahrenheit Example Task capitalize each name in a list to uppercasenames Ram Shyam Abhiansh Raven Marcus print Original list names upper cased names list map lambda x x upper names print Upper case name upper cased names Output Original list Ram Shyam Abhiansh Raven Marcus Upper case name RAM SHYAM ABHIANSH RAVEN MARCUS filter filter function iterable offers a efficient way to filter out all the elements of an iterable based on if a condition evaluates to treu Syntax filter callable iterable It takes first argument as function which evaluates to some boolean condition True or False second argument as iterable The element will only be included if the function return for n size of input it will return n m size outputwhere m is the no of element for which the function evaluates to Falselet s see some example of filter Task fitler ints from a list of object of various type i e float string lst Example lst hello print Orignal list of object without filteration lst lst of ints list filter lambda x type x int lst print Updated list of ints lst of ints Output Orignal list of object without filteration hello Updated list of ints In the above example we have filtered ints from a list of objects of different type we used the same approch as in the previous example but not here we re using a function which evaluates to two condition i e if the type of object is int then it returning True and that element get included in the result list Otherwise if the type in not int then it returning False means item will not be included in the result listlet s see some other example Task filter even integer from a list of integers Example list of ints print Orignal list of ints list of ints list of even ints list filter lambda x x list of ints print Updated list of only even ints list of even ints Output Orignal list of ints Updated list of only even ints In the above example we filtered list of even integer from a list of integers Task we have a list of random emails so of which are valid and some are invalid we have to filter out only valid emails Example import relist of emails nullchar aol com salesgeek yahoo com luebkehotmail com fmergeslive com jonathan outlook com lydia gmail com grdschl comcast net catalogsbcglobal net glenz outlook com cumarana outlook com rsteinericloud com mosses mac com email regex r b A Za z A Za z A Z a z b print Orignal list of emails list of emails n valid emails list filter lambda email re match email regex email list of emails print Updated list of valid emails valid emails Output Orignal list of emails nullchar aol com salesgeek yahoo com luebkehotmail com fmergeslive com jonathan outlook com lydia gmail com grdschl comcast net catalogsbcglobal net glenz outlook com cumarana outlook com rsteinericloud com mosses mac com Updated list of valid emails nullchar aol com salesgeek yahoo com jonathan outlook com lydia gmail com grdschl comcast net glenz outlook com cumarana outlook com mosses mac com In the above example we make use of re regex module to match if the email is valid or not using the regular expression in email regex variable and after iterating over each element at matching it to the email regex we get a list of valid emails reduce The function reduce function sequence continually applies the function to the sequence It then returns a single value Syntax reduce callable iterable i e If seq s s s sn calling reduce function sequence works like this At first the first two elements of seq will be applied to function i e func s s The list on which reduce works looks now like this function s s s sn In the next step the function will be applied on the previous result and the third element of the list i e function function s s s The list looks like this now function function s s s sn It continues like this until just one element is left and return this element as the result of reduce let s see some example of reduce Task reduce a list of int to a single integer using operator Example from functools import reducelst print Original list lst print reduced value reduce lambda x y x y lst Output Original list reduced value let me explain what is going on in the above example numbers at index and first addedthen their sum added with value at index then their sum added with value at index then after completing the sequence we the reduced value let s see one more example of reduceTask reduce a list of int to a single integer using operatorfrom functools import reducelst print Original list lst print reduced value reduce lambda x y x y lst Output Original list reduced value The visual that i have demostrated in the previous example in this example the same process going but this time using x operator zip The function zip makes an iterator that combines elements from each of the iterablesSyntax zip iter iter iter iter zip function return zip object which iterate over a list of tuples where tuples size is equal to the no of list passed in the zip function The iterator stops when the shortest input iterable is exhaustedi e it will return list of tuples of size equal to the length of minimum size iterable among all the iterables passed in the zip function let s see some example of zip Task we will combine user firstname lastname hometown using zip function Example first names ram shyam ajay bipin manoj alex print list of first names first names n last names gupta tiwari yadav rawat desai khan raven print list of first names last names n home towns ayodhya vrindavan bihar jhnasi boston delhi lanka print list of hometowns home towns n persons info list zip first names last names home towns print data after using zip function persons info Output list of first names ram shyam ajay bipin manoj alex list of first names gupta tiwari yadav rawat desai khan raven list of hometowns ayodhya vrindavan bihar jhnasi boston delhi lanka data after using zip function ram gupta ayodhya shyam tiwari vrindavan ajay yadav bihar bipin rawat jhnasi manoj desai boston alex khan delhi In the above example we have combined inforation from three iterable firstnames lastnames hometowns into list of tuples with information combined from all three iterables also notice that it has returned a list of tuples of size equal to the length of minimum size iterable among all the iterables passed in the zip function i e first names list has length of last names list has length of home town list has length of enumerate The function enumerate return an iterates to a list of tuples where first element of each tuple is it s corresponding index by default is and second element is the value at store at the indexSyntax enumerate iterable start the second argument start denotes from where the index start i e if start then value value value let s us take an example with start argument and without start arguementTask without start argument Example names ram shyam ajay bipin manoj alex names with indexes list enumerate names for name in names with indexes print name Output ram shyam ajay bipin manoj alex Task with start argument Example names ram shyam ajay bipin manoj alex names with indexes list enumerate names for name in names with indexes print name Output ram shyam ajay bipin manoj alex you can see the difference in the above two examples all all are built in functions that allow us to conveniently check for boolean matching in an iterable Syntax all iterable all will return True if all elements in an iterable are True let s understand with examples Example lst True True False True print all lst Output FalseSince element at index is false all returned False Examplelst True True False True print all lst Output TrueNow the result is True Examplelst True True print all lst Output Falseif any one counfused why the result is False there is a concept of Truthy and Falsy in python here is a good example your can check Truthy and Falsy in python any any are built in functions that allow us to conveniently check for boolean matching in an iterable Syntax any iterable any will return True if any elements in an iterable are True let s understand with examples Example lst True False False False print any lst Output TrueSince element at index is True any returned True Examplelst False False False False print any lst Output FalseNow the result is False Examplelst False print any lst Output TrueNow the result is true because at index there is a list of size greater than which is a Truthy value with this example we have come to an end we have covered various useful built in functionswhich are very useful in certain scenariosHope you all have learned some useful stuff today	2021-11-11 17:27:15
海外TECH	DEV Community	Model development of mobile applications React Native + AWS Amplify	https://dev.to/aws-builders/model-development-of-mobile-applications-react-native-aws-amplify-kb9	Model development of mobile applications React Native AWS AmplifyModel development of mobile applications React Native and sites on React Native Web Before we move on to the stages of Model Development let s look at the traditional method of application development Feature Development is a method in which a task is set with a description of the functionality and with a link to Zepllin and at best links to prototype screens in the Marvel App When a programmer receives a task to develop a feature he divides it into three parts Layout UICreates screens with navigationImplements the logic of interaction between local and cloud database storageAs a result from the desired we see a picture where UI components are laid out right on the screens and the layout layer merges with navigation and logic on one screen which in turn goes beyond the boundaries of the Atomic design methodology and its slogan “Create systems not pages Insufficient elaboration of requirements at the first stage can lead to the fact that the implemented functionality will not work at all as expected by the analyst but only as the developer understood it That unfortunately in the modern world happens quite often and leads to the return of the task to the developer In order to eliminate this problem I use an alternative development method also known as the Model Development method Its main difference from the Feature Development method is that initially we set the task in the form of a typed model schema TypeScript and GraphQL which allows the developer to use code typing not by the residual principle as is usually the case but fundamentally at the level of creating a technical specification And so we initially put a typed model of the database implementation into the task which allows us to control the accuracy of the task throughout the entire life cycle of the task from the backlog to done And also by isolating the component layer from screens and business logic by the Storybook framework an open source tool for building UI components and pages in isolation It simplifies user interface development testing and documentation As a result we divide the entire development into three stages and distribute it among three developers of the same tier Layout designer Junior layout UI ComponentsAssembler Middle assembly of screens and navigation logic ScreensDesigner Senior develops terms of reference in the form of TypeScript and GraphQL models Logic The best way to explain something is to show an example myself so I ll show you how I design stories for my mobile application Leela s Game using the Model Development method Now we will create a history for the decomposition of the ProfileScreen With this method application development can be many times faster and it is called Model Development because any story is decomposed into three tasks where one task implements the TypeScript model the second GraphQL model and in the third deploy it to the server Шаг UI Components Layout TypeScript component modelUI Components is a source coded UI toolkit that isolates communication with screens and navigation as well as a layer of logic within a cross platform UI component framework Building a React Native mobile app begins by creating the UI Components in the Storybook from which the app will be built These are our building blocks atoms molecules organisms which make up the entire visual part of the application screens Storybook This development of robust user interfaces provides a sandbox for building user interfaces in isolation so you can develop hard to reach states and edge cases Due to the fact that we make the application according to the Storybook rules our components are easily portable to React Native for Web Because of this we get a UI kit not only for mobile development but we can also use it on the site getting the development process twice as fast in layout since we do not need to layout components for the site separately from the mobile platform Storybook is a powerful front end tool that allows teams to design build and organize UI components and even full screens Without getting distracted from business logic and plumbing Brad Frost by Atomic DesignNowadays whoever you ask about Atomic design then everyone is ready to follow its slogan “Create systems not pages but unfortunately in practice developers continue to create pages to which they attach business logic The main benefits of creating UI Components in Storybook InsulationThe implementation of the components happens without fiddling with data APIs or business logic since the UI Components are isolated from the navigation layer with screens and application clients Simulate hard to find use casesRendering components in key states under load that are difficult to reproduce in an application Use case documentation as storiesSave use cases as stories in plain JavaScript to revisit during development testing and QC Speed up your workflow with add insUse add ons to customize your workflow test automation and integrate with your favorite tools Appearance of the visual testPinpoint s user interface changes with pixel precision by comparing snapshots of stories images Unit testing functionalityStories are a practical reproducible way to track UI edge cases Write stories once and then reuse them in automated tests Accessibility testCheck out stories about WCAG and ARIA issues with the addon Ay Document the user interface to share with your teamThe stories show how user interfaces actually work not just how they are supposed to work This makes it easier to collect testimonials and reproductions Storybook is a one stop source of truth for your searchable user interface Get timely feedback during developmentPublish your Storybook online to give your team a one stop reference for feedback Sharing components between screens and applicationsEach story is a use case that your team can find and reuse Automatic generation of user interface documentationWrite Markdown MDX to create a custom site for Component Libraries and Design Systems using the Docs add on Since we are typing components from the beginning this is how we lay the foundation for creating a database model for local storage and on the backend side As well as separating the layout from the screens this is a priority border in the first step of application development This step sets up component development at the application design level The programmer does not even need to come up with the names of the components since they are written on artboards in the Sketch App or Figma program On average components can be drawn up per day Thanks to this we can calculate the developer s man hours to create a UI kit and then the entire application When developing with React Native you need to manually configure your app to look great on different screen sizes This is a tedious job so react native size matters provides some simple tools that make scaling a lot easier The idea is to design once on a standard mobile device with screen and then just apply the utilities provided so the artboard size in Sketch for the design is xpx Let s move on to the creation of technical specifications for the development of UI Components in the Storybook For this screen we will implement two TypeScript models TypeScript Txt Component Modelimport StyleProp TextStyle from react native type sizeType xLarge large medium small interface TxtT h boolean h boolean h boolean h boolean h boolean h boolean h boolean color string textAlign string title string numberOfLines number ellipsizeMode head middle tail clip textStyle StyleProp lt TextStyle gt TypeScript Avatar Component Modelimport StyleProp ViewStyle TextStyle from react native type sizeType xLarge large medium small interface AvatarT loading boolean avatar string onPress gt void size sizeType viewStyle StyleProp lt ViewStyle gt Speed components per day Step Prototype Navigation GraphQL Screen ModelCompilation on Screens The screen model is the sum of the screen models of the components on the screen Screens are created they are also artboards in Sketch where we combine components and position them relative to each other At this stage navigation is connected As a result we have a ready made prototype that can be agreed with the client Thanks to the fact that the components are typed by TypeScript we can lay down the component models on the screen and set the task to deploy the backend using the AWS Amplify framework Initially GraphQL was designed to make frontend work easier and at the same time became the serverless language of AWS architects where typed models became the building blocks Even if your plans do not have the opportunity or interest to use the AWS Amplify framework in the project then the first two steps of this method are applicable to your project even without typing models type History model auth rules allow owner ownerField owner operations create update delete id ID step Numbers cube Numbers plan Numbers type UserProfile model auth rules allow owner ownerField owner operations create update delete id ID avatar String firstName String lastName String plan Numbers Speed screens per day Step Logic Deploy ModelSince the client code in AWS Amplify is generated automatically just like the client to it after the client has accepted the prototype the client connects to the server by publishing schemas on the server with the amplify push command The speed is minutes since the scheme is immediately deployed from step two and at the same time there is no need to write code to create requests to the server since code generation works The whole deployment is the GraphQL model from step sent with a single amplify push command Read more and how to deploy the scheme hereSometimes you find yourself in a precarious situation but you d better wait longer than clearly fail the operation Apollo has apollo link retry which provides exponential rollback and requests to the server between retries by default True it currently does not handle retrying for GraphQL errors in the response only for network errors Redux MobX of course does not have this solution under the hood since they are not clients and you have to use third party middleware due to the fact that REST is like a retired grandfather with the support of beloved grandchildren Detailed parsing of GraphQL vs REST AWS Amplify has a DataStore function which is not only analogous to apollo link retry but also has a built in custom programming model with automatic version control conflict detection and resolution in the cloud In addition you no longer need to write additional code to send a request to the server after the application goes online since it comes out of the box in the form of code generation The folder with models models and the folder graphql are generated automatically this is the client layer for all possible CRUDs Create Read Delete True in AWS Amplify Create and Update are one method DataStore save ServerlessCreating a backend on AWS Amplify is working with serverless technology so before proceeding we ll figure out what is serverless computing and what are their advantages over server side computing A prediction by the University of Berkeley pundits on how backend technology will evolve By providing a simplified programming environment Serverless Computing makes the cloud much easier to use thereby attracting more people who can and will use it Serverless computing includes FaaS and BaaS offerings and marks an important milestone in the evolution of cloud programming This eliminates the need for manual resource management and optimization that today s server side computing imposes on application developers which is like the transition from assembly language to high level languages ​​over four decades ago We forecast server free usage to skyrocket We also predict that on premises hybrid cloud applications will shrink over time although some deployments may persist due to regulatory and data governance constraints Serverless computing will become the standard computing paradigm in the cloud age largely replacing server side computing and thus ending the client server era Cloud Programming Simplified A Berkeley View on Serverless Computing Serverless ComputingCloud native architecture that allows you to outsource most of your operational responsibility to AWS for more flexibility and innovation Serverless computing allows you to build and run applications and services without worrying about servers They eliminate the need to deal with infrastructure management issues such as provisioning servers or clusters resource requirements and operating system patching and maintenance They can be used for virtually any type of back end application or service and everything that is required to run and scale a highly available application is done without client intervention In our definition for a service to be considered serverless it must scale automatically without the need for explicit provisioning and be billed based on usage Cloud Programming Simplified A Berkeley View on Serverless ComputingTo put it very simply Serverless means not the physical absence of servers but the absence of the headache of infrastructure management maintenance and creation Advantages of serverless architecture There are many ways to create an application these days Decisions made at an early stage can and will affect not only the lifecycle of an application but also development teams and ultimately a company or organization In this article I advocate and outline ways to build your applications using serverless technologies using the Model Development methodology What are the benefits of building an application this way and why is serverless becoming so popular One programming languageWith modern tools and methodologies such as AWS Amplify one developer can leverage their existing set of skills and knowledge of a unified platform and ecosystem to build scalable applications complete with all the features that would have required teams of highly skilled backend programmers and DevOps engineers to build and maintain in the past Less codeThe only thing that has value is the function that the code provides not the code itself When you find ways to provide these functionality while limiting the amount of code you support and even ditching code entirely you reduce the overall complexity of your application Less complexities mean fewer bugs easier for new engineers and overall less cognitive load for those supporting and adding new features A developer can connect to these services and implement functions without knowing the actual internal implementation and having little or no internal code No need to manage serversNo need to provision or maintain servers No installation maintenance or administration of software or runtime required ScalabilityOne of the main advantages of not having a server is scalability out of the box When building an application you don t have to worry about what happens if your application becomes extremely popular and you connect more new users and the cloud provider can handle it for you The cloud provider automatically scales your application by executing code in response to each interaction In a serverless function your code runs in parallel and handles each trigger individually in turn scales based on the size of the workload No need to worry about scaling your servers and databases Development speedWith fewer features development speed increases The ability to quickly deploy the types of functions that are typical of most applications databases authentication storage APIs and with much less upfront time allows you to quickly get started writing the core functions and business logic for the function you want to deliver to the end to the client ExperimentsIf you don t spend a lot of time creating repetitive features you can experiment more easily and with less risk When submitting a new feature you often assess the risk time and money involved in creating that feature with a possible return on investment ROI As the risk associated with trying new things decreases you may experience ideas that may not have seen the light of day in the past We can also test different ideas much easier Security and stabilitySince the services you subscribe to are the core competency of the service provider you get something much more polished and usually more secure than you could possibly create yourself Imagine a company whose core business model is focused on providing primary authentication services and has been using it for years solving and fixing problems for thousands of companies and customers Now imagine that you are trying to replicate such a service in your own team or organization While it is entirely possible and feasible the chances are that choosing a service created and maintained by people whose only job is to create and maintain this exact thing is a safer and more reliable bet Another primary concern of these service providers is simply to keep downtime to a minimum This means that they take on the burden of not only building deploying and maintaining these services but also do their best to ensure their stability and resilience Automatic availability controlServerless computing provides built in high availability and fault tolerance These capabilities do not need to be specially designed because the services that run the application provide them by default PriceWith the traditional approach you often pay for computing resources whether they are being used or not This means that if you want to ensure that your application will scale you need to prepare for the largest workload you could see regardless of whether it reaches that level After all this traditional approach meant that you pay for unused resources for most of your application s lifespan With serverless technologies you only pay for what you use With FaaS Function as a Service you are billed based on the number of requests for your functions and the time it takes to execute your function code With managed services like Amazon Rekognition you only pay for rendered images minutes for video processing and more again paying only for what you use The bill from your cloud provider is only a fraction of the total cost of your cloud infrastructure as well as salary This cost decreases if you have fewer operational resources There are also development costs Building applications in this way speeds time to market reducing overall development time and therefore development costs In general you pay for stable bandwidth or runtime not for the number of servers you use More about pricing here OutputThe frontend backend separation model itself is a thing of the past together with feature developers in the era of serverless technologies where full stack developers implement model assembly of applications many times faster than feature developers	2021-11-11 17:21:53
海外TECH	DEV Community	Creating a image color picker with JS	https://dev.to/0shuvo0/creating-a-image-color-picker-with-js-5m	Creating a image color picker with JSIn this article I am going to show you how you can create this image color picker using JavaScript and the new EyeDropper API Let s start by creating the index html lt DOCTYPE html gt lt html lang en gt lt head gt lt meta charset UTF gt lt meta http equiv X UA Compatible content IE edge gt lt meta name viewport content width device width initial scale gt lt title gt Image color picker lt title gt lt head gt lt body gt lt button class open picker gt Open Color Picker lt button gt lt input type file id img select gt lt Picker color code will be shown here gt lt p class res gt lt p gt lt Selected image will be shown here gt lt img style max width vw src alt class preview gt lt script src main js gt lt script gt lt body gt lt html gt And now lets create the main js and when user chooses an image we want to show it in our img element We will use FileReader for that const imgInput document querySelector img select const imgPreview document querySelector preview imgInput addEventListener change function const file this files If the user doesn t select an image then don t do anything if file return const reader new FileReader reader addEventListener load function imgPreview src this result reader readAsDataURL file Great stuff Now when the user clicks on the Open Color Picker button we want to open a color picker For that we will use the EyeDropper API const imgInput document querySelector img select const imgPreview document querySelector preview if window EyeDropper alert Your browser does not support this feature Creating a new instance of EyeDropperconst eyeDropper new EyeDropper const pickerBtn document querySelector open picker imgInput addEventListener change function const file this files if file return const reader new FileReader reader addEventListener load function imgPreview src this result reader readAsDataURL file pickerBtn addEventListener click function Open the color picker eyeDropper open And finally when the user picks a color we want to show the color code const imgInput document querySelector img select const imgPreview document querySelector preview if window EyeDropper alert Your browser does not support this feature const eyeDropper new EyeDropper const pickerBtn document querySelector open picker const result document querySelector res imgInput addEventListener change function const file this files if file return const reader new FileReader reader addEventListener load function imgPreview src this result reader readAsDataURL file pickerBtn addEventListener click function eyeDropper open then res gt result innerHTML Picked Color lt b gt res sRGBHex lt b gt catch err gt console log User canceled the selection And we are done We have successfully a image color picker using JavaScript Make sure you checkout my other articles and YouTube channel ltag user id follow action button background color important color ffffff important border color important ShuvoFollow Frontend Developer and YouTuber Channel link Was it helpful Support me on Patreon	2021-11-11 17:21:05
海外TECH	DEV Community	Github copilot demo	https://dev.to/bhaggu/github-copilot-demo-1op5	Github copilot demoYou can try out github copilot on vscode You can try the below commands after getting access to github copilot You can sign up now The demo link is TypeScript usr bin env ts nodeimport fetch from fetch h Determine whether the sentiment of text is positive Use a web service Pythonimport datetimedef parse expenses expenses string Parse the list of expenses and return the list of triples date value currency Ignore lines starting with Parse the date using datetime Example expenses string USD DKK EUR “ Go Langpackage maintype Run struct Time int in milliseconds Results string Failed bool Get average runtime of successful runs in seconds Javascriptfunction calculateDaysBetweenDates date date Go Langpackage main Simple HTTP server that accepts a user s name and responds with a greeting Java A Person class with name and age accessors and equals and hashCode	2021-11-11 17:18:10
海外TECH	DEV Community	Awesome Glass Card with Vanilla-tilt 🚀	https://dev.to/femil/awesome-glass-card-with-vanilla-tilt-n3o	Awesome Glass Card with Vanilla tilt In this article we will create a tap bar that you can use in your mobile projects Let s first look at what are we building Let s code HTML lt div class container gt lt div class card card gt lt div class preview gt lt h gt Hover lt h gt lt div gt lt div class content gt lt div gt lt h gt lt h gt lt h gt Card One lt h gt lt p gt Lorem ipsum dolor sit amet consectetur adipisicing elit Blanditiis consequuntur quam officiis dolorum est reiciendis lt p gt lt a href gt Read More lt a gt lt div gt lt div gt lt div gt lt div class card card gt lt div class preview gt lt h gt Hover lt h gt lt div gt lt div class content gt lt div gt lt h gt lt h gt lt h gt Card Two lt h gt lt p gt Lorem ipsum dolor sit amet consectetur adipisicing elit Blanditiis consequuntur quam officiis dolorum est reiciendis lt p gt lt a href gt Read More lt a gt lt div gt lt div gt lt div gt lt div class card card gt lt div class preview gt lt h gt Hover lt h gt lt div gt lt div class content gt lt div gt lt h gt lt h gt lt h gt Card Three lt h gt lt p gt Lorem ipsum dolor sit amet consectetur adipisicing elit Blanditiis consequuntur quam officiis dolorum est reiciendis lt p gt lt a href gt Read More lt a gt lt div gt lt div gt lt div gt lt div gt Now let s look at the CSS CSS import url Poppins font family Poppins body display flex justify content center align items center min height vh background body before content position absolute top left width height background linear gradient f ff clip path circle at right body after content position absolute top left width height background linear gradient f ee clip path circle at container position relative display flex justify content center align items center max width px flex wrap wrap z index container card position relative width px height px margin px box shadow px px px rgba border radius px background rgba overflow hidden display flex justify content center align items center border top px solid rgba border left px solid rgba backdrop filter blur px cursor pointer container card content padding px text align center transform translateY px opacity transition s container card content padding px text align center opacity transition s container card content padding px text align center transform translateY px opacity transition s container card preview position absolute top left height width display flex justify content center align items center opacity transition all s preview h color fff font size px card preview h first letter color red font size px card preview h first letter color green font size px card preview h first letter color blue font size px container card hover preview transform translateY opacity container card hover preview opacity container card hover preview transform translateY opacity container card hover content transform translateY px opacity container card content h position absolute top px right px font size em color rgba pointer events none container card content h font size em color fff z index letter spacing px container card content p font size em color fff font weight container card content a position relative display inline block padding px px margin top px text decoration none background fff color border radius px transition transform s font weight letter spacing px box shadow px px rgba container card content a hover transform scale color red Let s add some magic in javascript Add this script at in your head tag vanilla tilt JAVASCRIPTVanillaTilt init document querySelectorAll card max speed glare true max glare Have you done Drop a like to my first blog	2021-11-11 17:17:11
海外TECH	DEV Community	1 line of code: How to merge two Arrays and clean all duplicate entries	https://dev.to/martinkr/1-line-of-code-how-to-merge-two-arrays-and-remove-all-duplicate-entries-2e79	line of code How to merge two Arrays and clean all duplicate entriesconst mergeArrayUnique a b gt new Set a b Returns a new Array which contains all the values of the two Arrays Ensures that the new array contains only unique values javascript webdev productivity codequality The repository amp npm packageYou can find the all the utility functions from this series at github com martinkr onelinecodeThe library is also published to npm as onelinecode for your convenience The code and the npm package will be updated every time I publish a new article Follow me on Twitter martinkr and consider to buy me a coffeePhoto by zoo monkey on Unsplash	2021-11-11 17:03:54
Apple	AppleInsider - Frontpage News	Hands on with the luxury Hermes Apple Watch Series 7	https://appleinsider.com/articles/21/11/11/hands-on-with-the-luxury-hermes-apple-watch-series-7?utm_medium=rss	Hands on with the luxury Hermes Apple Watch Series Most users will choose between the aluminum stainless steel and titanium Apple Watch Series models but the pricey Hermes edition sits atop the lineup as the most luxurious Here s how the hardware differs and what you get for your money The Hermes Apple Watch Series Despite becoming available to order at the same time as the standard Apple Watch Series models Apple has just recently started shipping the high end Hermes models Read more	2021-11-11 17:58:14
Apple	AppleInsider - Frontpage News	Today's top 5 early Black Friday Apple deals on Amazon	https://appleinsider.com/articles/21/11/11/todays-top-5-early-black-friday-apple-deals-on-amazon?utm_medium=rss	Today x s top early Black Friday Apple deals on AmazonEven though Black Friday is just over two weeks away retailers are offering steep discounts on the latest Apple hardware ahead of time Here are our top early Black Friday Apple deals on Amazon AirPods Pro with MagSafePrice wars are in full swing leading up to Black Friday with AirPods with MagSafe Charging Case already off at Amazon Read more	2021-11-11 17:27:02
Apple	AppleInsider - Frontpage News	How to remove Stocks, Compass and other native apps from your iPhone or iPad in iOS 15	https://appleinsider.com/articles/21/11/11/how-to-remove-stocks-compass-and-other-native-apps-from-your-iphone-or-ipad-in-ios-15?utm_medium=rss	How to remove Stocks Compass and other native apps from your iPhone or iPad in iOS By default Apple preloads some of its native apps onto your iPhone and iPad but you may find that you don t need every app included Here s how you can uninstall native apps from your iOS and iPadOS devices Anyone who has owned an iPhone or an iPad is familiar with Apple s native apps These apps are preloaded onto your device because Apple saw fit to include them For a number of these apps such as Phone Messages Camera Photos Settings and Safari you can t remove them as they would break the functionality of your device However there are several apps that you can remove should you so choose Some of these may be a little surprising as it includes apps like FaceTime Music and Mail Read more	2021-11-11 17:09:55
Apple	AppleInsider - Frontpage News	Apple details veterans use of iPad technology to help in trauma medicine	https://appleinsider.com/articles/21/11/11/apple-details-veterans-use-of-ipad-technology-to-help-in-trauma-medicine?utm_medium=rss	Apple details veterans use of iPad technology to help in trauma medicineMarking Veterans Day Apple has showcased how the experience of veterans have helped create the real time iPad trauma care app T The T app in useAs well as launching its latest annual Veteran s Day activity challenge on Apple Watch Apple has chosen to celebrate medical app T It s a tool for medical teams to both input and analyze patient data during the most critical first stages of treatment Read more	2021-11-11 17:01:01
Apple	AppleInsider - Frontpage News	AirPods 3 review: An excellent AirPods evolution, but fit can be problematic	https://appleinsider.com/articles/21/11/07/airpods-3-review-an-excellent-airpods-evolution-but-fit-can-be-problematic?utm_medium=rss	AirPods review An excellent AirPods evolution but fit can be problematicAirPods as a whole have earned their status as the most popular true wireless earbuds and the AirPods brings more new features but they fit in a strange spot in the Apple and Beats lineup The new third generation AirPodsNew buds same AirPods Read more	2021-11-11 17:03:57
海外科学	NYT > Science	Veterans Have Become Unlikely Lobbyists in Push to Legalize Psychedelic Drugs	https://www.nytimes.com/2021/11/11/health/veterans-psychedelics-ptsd-depression.html	Veterans Have Become Unlikely Lobbyists in Push to Legalize Psychedelic DrugsLawmakers find it hard to “just say no to combat veterans seeking support for drug decriminalization efforts gaining traction around the country	2021-11-11 18:00:02
海外科学	NYT > Science	Calls for Climate Reparations Reach Boiling Point in Glasgow Talks	https://www.nytimes.com/2021/11/11/climate/climate-glasgow-cop26-loss-damage.html	Calls for Climate Reparations Reach Boiling Point in Glasgow TalksFor decades vulnerable countries and activist groups have demanded that rich polluter countries pay for irreparable damage from climate change This year there may be a breakthrough	2021-11-11 17:38:31
ニュース	BBC News - Home	Yorkshire chief executive quits after racism scandal	https://www.bbc.co.uk/sport/cricket/59220663?at_medium=RSS&at_campaign=KARANGA	scandal	2021-11-11 17:39:55
ニュース	BBC News - Home	Queen will be at Remembrance Sunday Cenotaph service	https://www.bbc.co.uk/news/uk-59254997?at_medium=RSS&at_campaign=KARANGA	advice	2021-11-11 17:55:05
ニュース	BBC News - Home	FW de Klerk: South Africa's last apartheid president dies at 85	https://www.bbc.co.uk/news/world-africa-59247115?at_medium=RSS&at_campaign=KARANGA	person	2021-11-11 17:34:49
ニュース	BBC News - Home	Belarus threatens to cut off gas to EU in border row	https://www.bbc.co.uk/news/world-europe-59246899?at_medium=RSS&at_campaign=KARANGA	border	2021-11-11 17:40:48
ニュース	BBC News - Home	Special forces buried evidence of Afghan killings	https://www.bbc.co.uk/news/uk-59238181?at_medium=RSS&at_campaign=KARANGA	afghans	2021-11-11 17:35:41
ニュース	BBC News - Home	Australia stun Pakistan to reach T20 World Cup final	https://www.bbc.co.uk/sport/cricket/59249929?at_medium=RSS&at_campaign=KARANGA	dubai	2021-11-11 17:50:54
ニュース	BBC News - Home	T20 World Cup: Pakistan's Hafeez bowls 'horrendous' double-bouncer at Warner	https://www.bbc.co.uk/sport/av/cricket/59252060?at_medium=RSS&at_campaign=KARANGA	T World Cup Pakistan x s Hafeez bowls x horrendous x double bouncer at WarnerMohammad Hafeez produces a comedy moment as he bowls a double bouncer that s hit for six by David Warner in in the Men s T World Cup semi final match between Pakistan and Australia	2021-11-11 17:02:28
ニュース	BBC News - Home	Covid-19 in the UK: How many coronavirus cases are there in my area?	https://www.bbc.co.uk/news/uk-51768274?at_medium=RSS&at_campaign=KARANGA	cases	2021-11-11 17:14:22
ビジネス	ダイヤモンド・オンライン - 新着記事	なぜ、成功する人は神田明神に行くのか？ 特別公開！ 神田明神【神田神社だいこく様大絵馬】 - 1日1分見るだけで願いが叶う！ふくふく開運絵馬	https://diamond.jp/articles/-/286326	人間関係	2021-11-12 02:50:00
ビジネス	ダイヤモンド・オンライン - 新着記事	進化しつづける組織になるための「5ステップ」とは - 『ザ・ゴール』20周年記念連載！	https://diamond.jp/articles/-/287347	進化しつづける組織になるための「ステップ」とは『ザ・ゴール』周年記念連載全世界万人が読んだベストセラー『ザ・ゴール』をご存じだろうかこの伝説的ビジネス書は、年に日本版刊行から周年、さらに、著者エリヤフ・ゴールドラット博士周忌という節目のタイミングを迎えている。	2021-11-12 02:45:00