投稿時間:2023-05-11 19:29:59 RSSフィード2023-05-11 19:00 分まとめ(37件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	UQ mobile、｢Pixel 6a｣を明日から販売開始	https://taisy0.com/2023/05/11/171716.html	googlet	2023-05-11 09:00:11
IT	ITmedia 総合記事一覧	[ITmedia News] 「ホロライブ」のカバーが総工費27億円の新スタジオ　モーションキャプチャー用カメラ200台超を導入	https://www.itmedia.co.jp/news/articles/2305/11/news208.html	itmedia	2023-05-11 18:27:00
IT	ITmedia 総合記事一覧	[ITmedia News] “和製GPT”競争勃発か　サイバーエージェント、独自の日本語LLM発表　「活用を始めている」	https://www.itmedia.co.jp/news/articles/2305/11/news206.html	itmedia	2023-05-11 18:20:00
IT	ITmedia 総合記事一覧	[ITmedia Mobile] 「AIのGoogle」復活に強い意志　Google I/O 2023で発表されたAIサービスまとめ	https://www.itmedia.co.jp/mobile/articles/2305/11/news207.html	google	2023-05-11 18:19:00
IT	ITmedia 総合記事一覧	[ITmedia PC USER] サンワ、3画面に同時出力可能なドッキングステーション	https://www.itmedia.co.jp/pcuser/articles/2305/11/news204.html	displayport	2023-05-11 18:08:00
TECH	Techable（テッカブル）	メタバース「Vma plus Station」、夏イベントのブース出展募集中。先着120ブースが無料	https://techable.jp/archives/205879	vmaplus	2023-05-11 09:00:20
python	Pythonタグが付けられた新着投稿 - Qiita	【Django】IntegerFieldのmax_lengthは11から変えられるのか？エラー「'max_length' is ignored when used with IntegerField」について	https://qiita.com/Ryo-0131/items/c863993b980e6af60752	【Django】IntegerFieldのmaxlengthはから変えられるのかエラー「xmaxlengthxisignoredwhenusedwithIntegerField」について概要djangoではIntegerFieldはデフォルトでで、これは変更できないと聞いたので、実際に検証してみました。	2023-05-11 18:47:49
golang	Goタグが付けられた新着投稿 - Qiita	Goの基本	https://qiita.com/pagu_dayo/items/1c903237de69620024a7	build	2023-05-11 18:40:04
技術ブログ	Developers.IO	個人的dbt概要まとめ2023 – dbtで何が出来るのか、dbtを使うメリットなどを紹介 #dbt	https://dev.classmethod.jp/articles/dbt-overview-2023/	関連	2023-05-11 09:11:39
海外TECH	DEV Community	Master "Generics" In Typescript🎉	https://dev.to/arafat4693/master-generics-in-typescript-16ji	Master quot Generics quot In TypescriptGenerics in Typescript allows you to create a component that can work with different types This lets users use these components with their specific type Before reading this article please read my article about TS utility types as It will help you to understand this article better Table of contents Generics with type Generic functions Generics with built in functions Inferring the types Constraints on type arguments Constraints in functions Use as when necessary Multiple generics Defaults in type arguments Class Types in GenericsConclusionHere are few possible ways to use Generics in Typescript Generics with typeThe easiest way of using generics is with type For example type MyData lt Type gt data Type type DataAsString MyData lt string gt type DataAsString data string Because we passed string as a type parameter our data will be string type Likewise if we pass the number type our data will be of number type And that s the beauty of generics You can work with any type type MyData lt Type gt data Type type DataAsString MyData lt number gt type DataAsString data number Generic functionsAs you can pass arguments to a function you can also pass type arguments to a function For example const fetchData lt Type gt url string Promise lt Type gt gt return fetch url fetchData lt name string age number gt api books then res gt console log res res name string age number We passed name string age number as a type argument to the fetchData function And this type argument tells res what It is supposed to be because this is what s getting typed in Promise lt Type gt So now the function fetchData has become a generic function A generic function is just a normal function but includes a type argument If we want to pass another type our res will replicate that same type const fetchData lt Type gt url string Promise lt Type gt gt return fetch url fetchData lt id number email string gt api books then res gt console log res res id number email string Generics with built in functionsYou can even use generics with built in functions For example you can create a Set that stores only numbers by using the Set constructor with a type parameter const numberSet new Set lt number gt numberSet add numberSet add numberSet add Similarly you can create a Map that maps strings to numbers by using the Map constructor with type parameters for the key and value types const stringToNumberMap new Map lt string number gt stringToNumberMap set one stringToNumberMap set two stringToNumberMap set three Inferring the typesIf your type argument looks similar to your runtime argument then you don t have to pass a generic type to your function For example function identity lt T gt arg T T return arg const result identity lt number gt const result numberconst result identity lt string gt hello const result stringWhile the above example looks correct we can simplify it more function identity lt T gt arg T T return arg const result identity const result numberconst result identity hello const result stringIn this case because we are not passing any type argument then Typescript will look in the runtime argument to see If It can infer anything from it So the return type is inferred from the runtime argument type and the function returns the same type as it receives Constraints on type argumentsIn our following example we wanted to be able to use the ReturnType utility type but the compiler could not prove that every type was a function it could be a string or number and as we know that ReturnType works only with functions so it warns us that we can t make this assumption type GetPromiseData lt T gt Awaited lt ReturnType lt T gt gt Error Type T does not satisfy the constraint args any gt any type PromiseResult GetPromiseData lt gt Promise lt id string email string gt gt So to make It clear to Tyepscript We have to say that T is only a function and we can do this by adding extends args any gt any after the T type GetPromiseData lt T extends args any gt any gt Awaited lt ReturnType lt T gt gt type PromiseResult GetPromiseData lt gt Promise lt id string email string gt gt Constraints in functionsIn our following example we wanted to access the address property of arg but the compiler could not prove that every type has a address property so it warned us that we couldn t make this assumption function myFunc lt Type gt arg Type Type console log arg address Property address does not exist on type Type return arg To fix this error we can create an interface with address property in it and extend it with the Type argument interface IDetails address string function myFunc lt Type extends IDetails gt arg Type Type console log arg address Now we know it has a address property so no more error return arg Because the generic function is now constrained it will no longer work over all types myFunc true error Argument of type boolean is not assignable to parameter of type IDetails Instead we need to pass in values whose type has address property myFunc length address Something Use as when necessarySometimes using as is the best thing you can do when using generics For example const ObjectKeys lt T extends gt obj T Array lt keyof T gt gt return Object keys obj Error Type string is not assignable to type keyof T const result ObjectKeys id email me gmail com Here we are getting an error because the Object keys method returns an array of string values and TypeScript cannot guarantee that the string values returned by Object keys actually correspond to valid keys of the generic type T To fix this error we can explicitly typecast the Object keys result to an array of keyof T using the as keyword const ObjectKeys lt T extends gt obj T gt return Object keys obj as Array lt keyof T gt const result ObjectKeys id email me gmail com Multiple genericsSometimes we have to use multiple generics to make sure that we are getting back a certain type Consider the following example function getProperty lt T gt obj T key keyof T return obj key let x a b b c true d getProperty x a return type string number booleanWhile the above example is correct the problem is that the return type is not explicit Return type is an union consisting of different types To fix this problem we can use multiple generic types function getProperty lt T Key extends keyof T gt obj T key Key return obj key let x a b b c true d getProperty x a return type numberIn this example we ve added generic type parameter Key to represent the key type of the object T So now we will get a specific return type only function getProperty lt T Key extends keyof T gt obj T key Key return obj key let x a b b c true d getProperty x c return type boolean Defaults in type argumentsWe can also use default types in generics Consider the following example const makeSet lt T gt gt return new Set lt T gt const mySet makeSet const mySet Set lt unknown gt Here we are getting unknown because we didn t pass any type argument to makeSet function We can solve this problem by either passing a type argument like this makeSet lt number gt or by specifying a default type const makeSet lt T number gt gt return new Set lt T gt const mySet makeSet const mySet Set lt number gt Class Types in GenericsWe can also refer to class types by their constructor functions For example function create lt Type gt c new Type Type return new c Here s a breakdown of how the function works The create function is declared with a type parameter Type representing the type the function will make The function takes a single argument c an object representing a constructor function for the type Type The argument has the type new Type an object type specifying a constructor function that takes no arguments and returns a value of type Type The new keyword is used to create a new instance of the type Type inside the function by calling the constructor function passed as the argument c The new keyword creates a further object of the type Type and returns it as the result of the function The function s return type is specified as Type which ensures that the function returns an instance of the type specified by the type parameter Here s an example of how the create function can be used class MyClass constructor public value string const instance create MyClass console log instance value Output undefinedThis example defines a simple class MyClass with a single property value We then call the create function passing the MyClass constructor function as the argument The create function creates a new instance of MyClass using the constructor function and returns it as an instance of type MyClass ConclusionIn conclusion TypeScript s support for generics provides a powerful tool for writing type safe and reusable code By defining generic types and functions you can create code that works with various types while maintaining strict type checking To make the best use of generics in TypeScript it s essential to understand how to define and use generic types specify constraints on generic type parameters and use type inference to reduce the need for explicit type annotations Additionally it s crucial to use generics to maintain good code readability and avoid unnecessary complexity When appropriately used generics can significantly improve the quality and maintainability of your TypeScript code By taking advantage of TypeScript s powerful type system and the flexibility of generic types you can create highly reusable and expressive code while still maintaining the strong type safety that TypeScript provides Visit ‍My Portfolio️My FiverrMy Github‍ ️My LinkedIn	2023-05-11 09:44:43
海外TECH	DEV Community	React useReducer	https://dev.to/emmaccen/react-usereducer-dhn	React useReducer Table of contentIntroductionThe useReducer Syntax What is a state in React What is a dispatch in React The Reducer function Initial state Lazy initialization How the useReducer hook worksBailing out of a dispatchuseReducer with Typescript useState Vs useReducerWhen to use useReducer When not to use useReducer Recommend videosInteresting readsConclusion IntroductionState management has been a common topic in the development world over the years It s a challenging part of the development process especially for huge applications This challenge has been solved in many different ways over time and keeps evolving in positive ways In this article we re going to learn from grassroots what there is to know about the useReducer hook how it helps you manage application state better and logic along with real world examples of how it works and why you might want to use it in your next or current project The useReducer Syntaxconst state dispatch useReducer reducer initialArg init The useReducer is a function that takes up to three arguments and returns a state and a dispatch These three arguments are used to determine what the state is and how the dispatch function works Don t worry about understanding this upfront we ll go through every inch of what this means and how it works What is a state in React const state A state in react is a piece of data that represents the current status of our application This state can be used to provide information on the screen or perform background computations calculations that allow our application to function State is a fundamental idea in React Here s a visual example of a state in React holding some information about a user What is a dispatch in React const state dispatch Dispatch in React is simply a function that takes an instruction about what to do then passes that instruction to the reducer as an action In simple terms see dispatch as a friendly boss that likes to tell the reducer what to do and is happy about it If you re familiar with Redux this term dispatch might not be new to you but we ll go through this article assuming you re new to both Redux and useReducer The reducer functionconst state dispatch useReducer reducer The reducer function is a special handler that takes in two parameters The application s current state and an action object then it uses that to determine compute the next state of our application it returns a new state Remember how we talked about the dispatch telling the reducer what to do by passing it an action These actions usually contain a type what to do and a payload what it needs to do the job Here s a typical example of what a reducer function looks like function reducer state action switch action type case FIX BUGS return totalBugs state totalBugs case CREATE BUGS return totalBugs state totalBugs case SET TOTAL BUGS return totalBugs action payload default throw new Error Now we re starting to connect the dots as we ll go through what all these mean visually Let s delve into what s happening in the switch statement In a real world application you d most likely have more complex logic in the switch but for this example we ll be keeping it simple We have three cases in our switch statement which are case FIX BUGS case CREATE BUGS and case SET TOTAL BUGS These are the actions we re explicitly trying to handle The default only fires when we dispatch an action that doesn t match any of our cases See cases or action types as a store of all possible things a particular reducer can do If the reducer were a person cases would be the skill list on the CV Here s a visual representation of how the dispatch tells the reducer what to do The initial stateconst state dispatch useReducer reducer initialArg The initial state in a react useReducer function is the starting state of our application e g The default state In the example we used earlier we re setting the total bugs of our application in the reducer function based on what type of action the dispatch tells us For this reason we can set the starting point or default state of our bugs count to say or maybe even Let s do a hundred totalBugs Lazy initializationconst state dispatch useReducer reducer initialArg init The useReducer takes in an optional third parameter we ll call init This init is going to be a function we ll pass as the third argument to useReducer This can be useful if we d like to create the initial state lazily A common use case would be a situation where the initial state needs to go through some calculations to arrive at a default state or has to fetch data from an API etc It looks something like this in code const init initalState gt console log initalState do some code magic 🪄 return inital return desired state How the useReducer hook worksNow that we ve gone through the syntax const state dispatch useReducer reducer initialArg init from left to right it s time to start putting together the pieces in code Here s the complete code snippet for our bugs count application import useReducer useState from react function reducer state action switch action type case FIX BUGS return totalBugs state totalBugs case CREATE BUGS return totalBugs state totalBugs case SET TOTAL BUGS return totalBugs action payload default throw new Error const init inital gt console log inital return inital export default function App const state dispatch useReducer reducer totalBugs init creating a new state so we don t add extra in the reducer state this is just for examples const inputState setInputState useState return lt div className App gt lt h gt useReducer lt h gt lt p gt state totalBugs Bugs Left ‍ lt p gt lt button onClick gt dispatch type FIX BUGS gt FIX BUGS lt button gt lt button onClick gt dispatch type CREATE BUGS gt CREATE BUGS lt button gt lt input onChange e gt setInputState e target value value inputState type number gt lt button onClick gt dispatch type SET TOTAL BUGS payload inputState gt SET TOTAL BUGS lt button gt lt div gt For a live preview of the working code I created a sandbox From the walkthrough of the useReducer syntax and what each bolt and knot means to seeing the actual code in action We can denote that the useReducer is a function that can take up to three arguments and returns a state and a dispatch Here s a simple and summarized visual representation of the useReducer lifecycle in code Bailing out of a dispatchIf you return the same state in your reducer hook as the current state React is smart enough to bail out of rendering or firing effects on components depending on that state This is because React uses the Object is comparison algorithm and this tells React that nothing has changed useReducer with TypescriptuseReducer is no stranger to us anymore but how do we actually use it with TypeScript Now if you re already familiar with TypeScript this one should be a piece of cake however if you re fairly new don t worry we ll have a quick and simple example to get us going What we re going to do here is by no means a rule you re free to use any formula or paradigm that makes you sleep better at night Here it is import ChangeEvent useReducer from react for our stateinterface State firstName string lastName string age number language string list of all possible typesenum ActionTypes UPDATE UPDATE RESET RESET action typeinterface Actions type ActionTypes payload key string value string if we need to do some work to provide initial stateconst init inital State gt console log inital return inital the default state of our appconst initialState firstName lastName age language the reducer handler functionconst userFormReducer state State action Actions gt switch action type case UPDATE return state action payload key action payload value case RESET return initialState default throw new Error export const UserForm gt const state dispatch useReducer userFormReducer initialState init for input change event const handleChange event ChangeEvent lt HTMLInputElement gt gt dispatch type ActionTypes UPDATE payload key event target name value event target value return lt div gt lt h gt TypeScript Example lt h gt lt input value state firstName type text name firstName onChange handleChange placeholder first name gt lt input value state lastName type text name lastName onChange handleChange placeholder lastName gt lt input value state language type text name language onChange handleChange placeholder language gt lt input value state age type text name age onChange handleChange placeholder gt lt button onClick gt dispatch type ActionTypes RESET type reset gt RESET lt button gt lt div gt To test this out yourself live on Sandbox I ve also included the typescript example This article is not about TypeScript so we won t be explaining what s going on in that code A few things to note however is that I intentionally put all the TypeScript code in one file In a real world application you d most certainly create files for different things and your approach might be quite different Again whatever helps you sleep better at night useState Vs useReducerconst state dispatch useReducer reducer initialArg init vsconst state setState useState initialState We won t be creating a webinar or zoom meeting to argue about this but a rule of thumb is that everything you can do with a useReducer you can do with a useState In fact the useReducer hook is just an alternative to useState with a few clear differences such as ReadabilityEase of use and SyntaxNote React guarantees that dispatch function identity is stable and won t change on re renders This is why it s safe to omit from the useEffect or useCallback hook dependency list When to use the useReducer hookuse a useReducer hook over useState when you have complex state logic that involves multiple sub values or when the next state depends on the previous one This is fairly common when your application begins to grow in size useReducer also lets you improve performance for components that trigger deep updates because you can pass down a dispatch instead of callbacks When not to use useReduceruseReducer is awesome but there are certain scenarios where it doesn t make our lives any easier Here are a few of such cases Don t use a useReducer hook when you re dealing with simple state logic When your application needs a single source of truth You ll be better off using a more powerful library like ReduxWhen prop drilling starts to yell at you This happens when you get trapped in the hellish world of passing down too many props state to and from child components to a child component that later comes to hunt you When state lifting to parent top level components no longer suffices Recommend videosThere s always more to learn so if you d like to learn more tricks and hacks about the useReducer hook I d recommend you look up the video links belowReact Hooks useReducer TutorialuseReducer with TypeScript More interesting reads from my blogsHow To Create A Global JSON Search Algorithm In JavaScriptHow To Know If An Element Is Visible In ViewportHow To Create A Glassmorphic Template In Pure HTML amp CSS ConclusionThe useReducer is a powerful hook if used properly and I hope we ve been able to learn about it without any confusion If you d like to contribute to this post or drop feedback feel free to leave a comment and drop a like ️ Thanks for reading you re awesome Happy Coding I d love to connect with you LinkedInGitHubPS This article was initially published on Copycat	2023-05-11 09:33:57
海外TECH	DEV Community	Web3 Developer Career Landscape	https://dev.to/kudoser/web3-developer-career-landscape-4665	Web Developer Career LandscapeWeb also known as the decentralized web is a growing field that encompasses various technologies and applications built on blockchain technology At its core Web is a vision for a more decentralized internet that empowers individuals and communities rather than centralized platforms and corporations Blockchain technology the underlying technology behind Web enables decentralized applications by providing a secure and transparent way to store and transfer data In this post we will take a look on what kind of career can a Web Developer expect to gain in the coming years Web Industry on Developer PerspectiveAs decentralized technologies become globally recognized and adopted the demand for skilled web developers is on the rise This continuous expansion will be followed by an increase in the number of web developer jobs In addition to web developer roles there are various blockchain related jobs that individuals with web development skills can pursue Some good examples found on Kleoverse s job site include blockchain analysts blockchain project managers developer relations and blockchain architects These roles can provide opportunities for advancement and growth within the field of blockchain technology Overall the web industry offers a promising career path for individuals with the necessary skills and knowledge With the potential for high salaries and a wide range of job opportunities pursuing a career in web development can be a rewarding and fulfilling choice What is the salary of a Web developer According to Web career the average salary for a web developer is around to per year The salary of a web developer varies depending on factors such as location experience and skill level However there is potential for growth as the industry continues to expand Ready to prove your Talent Kleoverse was created for web developers and other professionals to find web jobs and bounties and it includes everything a web organization or project needs to maximize its company s growth Kleoverse acts as a curation layer for web talents and web organizations to showcase their talents and hire web professionals respectively Kleoverse also serves as a bounty platform where interested web professionals can find open bounties from their favourite web organizations Feel free to check the top web jobs at Kleoverse Talent Platform for Web Builders	2023-05-11 09:21:53
海外TECH	DEV Community	Monoliths to Microservices using the Strangler Pattern	https://dev.to/amplication/monoliths-to-microservices-using-the-strangler-pattern-25h2	Monoliths to Microservices using the Strangler PatternMicroservices architecture has many advantages compared to monolithic architecture Hence many organizations start building new applications with microservices or convert existing monoliths to microservices However transforming a large scale monolithic application to microservices from scratch is a challenging task It requires significant architecture and development effort and poses a higher risk to the organization Nevertheless some well established patterns and practices may help to reduce these risks Let s look at how we can use the Strangler pattern to transform a monolith into microservices Why do we need the Strangler Pattern According to Statista over of organizations worldwide use microservices and plan migrating their existing architectures to microservices But writing an existing monolithic application from scratch with microservices is a challenging task As mentioned it involves severe risks and requires significant developer effort For example here are some of the challenges you might face when writing an application from scratch Time consuming Rewriting an application can take a significant time Especially if your application is large scale it can take up to years Also there can be unexpected issues that can take a considerable amount of time to resolve Can t develop new features The rewriting process requires a colossal developer effort You might have to divert the whole development team to the migration task which will slow down the new feature development Uncertainty You must wait to use the new system until the development process completes Then only you can ensure that all the existing functionalities are working as expected The Strangler Pattern minimizes these risks and uncertainties while providing a way to gradually refactor monolithic applications to microservices rather than writing from scratch Furthermore organizations don t have to pause new feature development or wait long to see a working application Instead they can choose components based on priority and refactor them to microservices while keeping monolith and microservices as a single application Now we are beginning to understand the need for the Strangler Pattern So let s get into more detail on the Strangler Pattern and how it works What is the Strangler Pattern Strangler Pattern is a software design pattern used to refactor monolithic applications to microservices gradually It helps developers to replace parts of the monolith with new and improved components while maintaining the same functionality The Strangler Pattern uses a wrapper to integrate the microservices with the monolith This wrapper is an integral part of this design pattern since it bridges the monolith and the microservices directing incoming requests to the appropriate component for processing Furthermore it acts as a fail safe allowing the organization to roll back to the monolith if there are any issues with the new microservice To get a better understanding let s discuss how Strangler Patterns work using a real world scenario A quick word from our sponsorAre you enjoying this article about the Strangler Pattern and how you can migrate from a monolith to microservices If so we invite you to check out Amplication the low code development platform that can help you make that migration with ease And if you appreciate our mission to simplify app development for everyone please consider showing your support by giving our repo on GitHub a In return we ll send you an imaginary star which you can stick on anything Thank you for your support How does a Strangler Pattern work Refactoring a monolith into microservices with the Strangler Pattern consists of main steps Transform Coexist and Eliminate Transform You need to start by identifying the main components of the monolithic application This step involves identifying the boundaries between the existing application and the new components being developed Coexist Then build a wrapper around the monolith to allow the new components to coexist with the existing application Eliminate Finally eliminate the monolith by replacing parts with new components However you must ensure that each microservice works as expected before integrating it into the system For example consider an e commerce application with a monolithic architecture The application will include user registration product search shopping cart payment handling inventory management and more To give you a better understanding I will divide the migration process into five steps Step Deciding the first microserviceAs the first step you need to individually identify the monolith components with their capabilities and limitations Then it would be best to decide on the first microservice you will migrate There are several factors to consider when ordering the components for refactoring and I have explained them in detail in the next section In this example I have decided to use product search functionality as the first component to migrate since it is not in the application s critical path Also it is crucial to identify the dependencies between the selected component and others In this example the product search component is directly connected with inventory and shipping cart components Step Creating the new microserviceAs the second step you must start creating the new microservice and move all the relevant business logic to the new microservice Then it would help if you created an API for the microservice which will act as the wrapper to handle communications between the monolith and the microservice After implementing the microservice you need to run both the monolith s component and the microservice in parallel to verify the functionality Step Handling the databasesWhen you create a new microservice it is necessary to create a separate database In addition since we are maintaining both monolith and microservice in parallel for a time we also need to keep the primary and microservices databases in sync For that we can use a technique like read through write through caching In this example we will use the microservice database as a cache until we remove the product search component from the monolith Then when a user searches for a product we look in the microservices database We can fetch the data from the primary database if it is not there Step Handling requestsInitially routing a small percentage of traffic to the new search service is advised to reduce the blast radius of the new microservice For that you can use a load balancer Step Test and repeatOnce you verify the functionality of the new microservice you can remove the component in the monolith and route all the traffic to the microservice Then you must repeat these steps for each component and gradually convert the monolith into microservices How to select the component order for refactoring Another major issue developers face when using the Strangler Pattern is the component order for refactoring Although no hard rules are defined for the selection process it is essential to sort out what components should be migrated first to avoid unexpected delays Here are some factors you need to consider when deciding the order of the components Consider dependencies It is good to start with components with few dependencies as these are likely to be easier to refactor Start with low risk components Starting with low risk components will minimize the impact on the system if something goes wrong in the early stages Also it will help you to gain experience and build confidence in the process Business needs If there is a high demand component and you need to scale it as soon as possible you should start with that component to facilitate the business requirement Components with frequent changes If components require frequent updates and deployments refactoring them as microservices will allow you to manage separate deployment pipelines for those services User experience Start with the components with the most negligible impact on end users It reduces disruptions and helps to maintain a good user experience during the transition Integrations Refactor components with minimal integration with other systems first Apart from the above there are many other factors you can consider However ultimately you need to consider the most prominent factors for your project and order the components for the refactoring process Different ways to implement the Strangler PatternUnlike other design patterns the Strangler Pattern has no language specific libraries to help developers implement it Instead developers must use technologies frameworks and best practices to implement the Strangler Pattern Here are some of the most used approaches in implementing the Strangler Pattern Using ready made platforms Instead of building the infrastructure and platform architecture for microservices from the ground up you can consider utilizing ready made platforms that mostly do the heavy lifting E g Amplication Strapi AppWriteUsing serverless You can use AWS Lambda or Google Cloud Functions to implement independent functions triggered by specific events and eventually replace the parts of the monolith with them API gateways An API gateway can be the wrapper when implementing the Strangler Pattern It provides a unified interface and can be configured to redirect requests to the appropriate component Amazon API Gateway Kong and Tyk are some popular API gateways you can use Reverse proxies A reverse proxy like Nginx can also be used as the wrapper in the Strangler Pattern Routing and load balancing Routing and load balancing technologies can redirect traffic to the appropriate components DNS based routing and software defined load balancers are popular options you can use Service discovery You can get the help of the service discovery pattern to find the locations of new microservices service mesh You can use technologies like Istio or Linkerd to manage the communication between the new components These are only a subset of tools and technologies you can use to implement the Strangler Pattern But make sure to only select a limited number of technologies from them based on your requirement Otherwise you will end up over engineering the system Advantages of the Strangler PatternIncremental migration Allows for an incremental migration from a monolith to microservices and reduces the risk associated with the migration process Reduced downtime Ensures the system remains operational throughout the migration Improved resilience Improve the system s resilience by ensuring that the monolith and microservices coexist and work together seamlessly Increased flexibility Allow the organization to choose the best technology for each part of the system rather than being forced to use a single technology for the entire system Better maintainability Breaking down the monolith into microservices makes it easier to maintain the system over time Challenges of the Strangler PatternModularizing complexity Breaking a monolith into components is difficult when the functionalities are tightly coupled Data compatibility Sometimes you may need to perform a data migration or transformation when the monolith and the microservices use different data formats Testing effort Extensive testing is required to ensure the new microservices work as expected Skill requirements Using the Strangler Pattern requires a high level of technical skill Implementing the pattern in organizations that need more technical expertise can make it challenging Speedup the microservice generationThis article discussed how the Strangler Pattern simplifies the conversion of monoliths to microservices while highlighting the advantages and challenges of the process However converting a monolith with hundreds of components is challenging even with the Strangler Pattern You need to design the underlying architecture for microservices and work on creating each service from scratch One solution is to create a blueprint for each microservice and develop the tools to generate it You can even consider developing a domain driven language to standardize and reuse best practices in code and configuration However it also adds complexity and cost to your architecture where you need to manage and evolve these tools in the long run How Amplication can helpAmplication can manage all the underlying complexities while simplifying the creation of microservices Amplication supports microservices through the project hierarchy A project groups together multiple resources used and created by Amplication enabling support for various use cases This simplifies the creation of connected services and makes syncing with GitHub across multiple Services much easier You can find a getting started guide here	2023-05-11 09:17:05
海外TECH	DEV Community	Le modèle MVC expliqué	https://dev.to/kureru/le-modele-mvc-explique-2n1g	Le modèle MVC expliqué	2023-05-11 09:09:09
海外TECH	Engadget	Cruise's robotaxis are heading to Houston and Dallas	https://www.engadget.com/cruises-robotaxis-are-heading-to-houston-and-dallas-094531398.html?src=rss	Cruise x s robotaxis are heading to Houston and DallasCruise s robotaxis are continuing their push across the Lone Star State The self driving car company has announced it plans to begin supervised testing in two more Texan cities Houston and Dallas joining its earlier move into Austin yes the home of still robotaxi less Tesla For now the expansion is focused on familiarizing the car with the areas rather than picking up passengers Residents of the two cities can expect to start seeing Cruise s robotaxis cruising down the streets with a safety driver inside In a tweet sharing the news Cruise said supervised testing in Houston should start in a matter of days while Dallas will be quot shortly thereafter quot Cruise s robotaxis are already available on a limited basis overnight in Austin and Phoenix and all day in certain areas of San Francisco nbsp The speed General Motors owned Cruise is advancing has brought some concerns In January San Francisco s Transportation Authority asked regulators to limit or temporarily pause Cruise and competitor Waymo s expansion citing repeated cases of their cars inexplicably stopping in traffic and blocking emergency vehicles As of yet things have done anything but slow down Since the request Cruise celebrated one million fully driverless miles on top of making its robotaxis available at all times in San Francisco ーthough full access is only for employees Right now there s no set date for when the public will have access to rides in Houston or Dallas Going off the timeline of other Cruise expansions it will likely take at least a few months until anyone can hail a self driving car in either city Even then it will probably start with a small group of people and only at night Anyone interested in taking one of Cruise s robotaxis has to sign up for a waiting list and be accepted to create an account The company says its limited available cars will keep its services invite only for the time being We re getting bigger in Texas…Introducing our next citiesーHouston and Dallas pic twitter com zPBClZrーcruise Cruise May This article originally appeared on Engadget at	2023-05-11 09:45:31
海外TECH	Engadget	Amazon includes a $50 gift card when you order the Google Pixel 7a	https://www.engadget.com/amazon-includes-a-50-gift-card-when-you-order-the-google-pixel-7a-091023063.html?src=rss	Amazon includes a gift card when you order the Google Pixel aGoogle s excellent Pixel a just hit the market for an already solid price of but you can now save more thanks to a deal at Amazon If you order now you get a free Amazon gift card that can be used for other purchases effectively bringing the price down to if you plan to order other things from Amazon nbsp The Pixel a not only received praise in our Engadget review but instantly became the best midrange Android smartphone in our latest roundup Google has nailed the balance between price and performance offering the same Tensor G chip as the Pixel along with a Hz display wireless charging and a higher resolution rear camera nbsp The two big changes over the Pixel a are a new high res MP main cam in back along with a front MP selfie camera can record videos in K The Pixel a beats other smartphone cameras in its price range so handily for photography and video that it actually needs to be compared to flagship devices like the Pixel Pro and Samsung s S Ultra nbsp The extra resolution goes a long way to eliminating any concerns about the lack of a telephoto as you can zoom in four times and still get a megapixel image And Google s Night Sight mode remains the best in the business even though it does add a little more noise than we expected nbsp In sum the Pixel a delivers percent of what you get from the regular Pixel but for less The deal gives you a Amazon card on top of that which could be spent on accessories like a protective case More importantly you get a rare thing ーa deal on a Google Pixel phone that just entered the market nbsp This article originally appeared on Engadget at	2023-05-11 09:10:23
海外科学	NYT > Science	Families of Those Lost to Covid Wrestle With Mixed Emotions as Emergency Ends	https://www.nytimes.com/2023/05/11/us/covid-deaths-pandemic.html	Families of Those Lost to Covid Wrestle With Mixed Emotions as Emergency EndsMore than million Americans have died of Covid An official end to the health emergency has landed in complicated ways for those affected most acutely	2023-05-11 09:00:42
金融	金融庁ホームページ	入札公告等を更新しました。	https://www.fsa.go.jp/choutatu/choutatu_j/nyusatu_menu.html	公告	2023-05-11 11:00:00
金融	ニッセイ基礎研究所	フィリピン経済：23年1-3月期の成長率は前年同期比6.4％増～輸出急減と物価高による消費の鈍化で景気減速	https://www.nli-research.co.jp/topics_detail1/id=74798?site=nli	フィリピン経済年月期の成長率は前年同期比増輸出急減と物価高による消費の鈍化で景気減速年月期の実質GDP成長率は前年同期比増前期同増と低下したものの、市場予想同増を上回る結果となった図表。	2023-05-11 18:18:51
海外ニュース	Japan Times latest articles	Counting the cost of Japan’s COVID-19 fight	https://www.japantimes.co.jp/news/2023/05/11/business/pandemic-end-concern-japan-massive-spending/	amounts	2023-05-11 18:40:30
海外ニュース	Japan Times latest articles	As G7 finance summit kicks off, warnings of ‘catastrophe’ in the U.S.	https://www.japantimes.co.jp/news/2023/05/11/business/g7-finance-warnings-catastrophe-us/	washington	2023-05-11 18:02:42
海外ニュース	Japan Times latest articles	Yu Yamauchi gets very comfortable in isolation	https://www.japantimes.co.jp/culture/2023/05/11/arts/yu-yamauchi-nature-photography/	Yu Yamauchi gets very comfortable in isolationThe photographer whose exhibition Jinen is on display at this year s Kyotographie photo festival gets in touch with himself and the world with long lonely	2023-05-11 18:30:34
海外ニュース	Japan Times latest articles	The populist authoritarian hangover and democracies	https://www.japantimes.co.jp/opinion/2023/05/11/commentary/world-commentary/modern-authoritarians/	institutional	2023-05-11 18:36:21
ニュース	BBC News - Home	TransPennine Express loses contract over poor service	https://www.bbc.co.uk/news/business-65555262?at_medium=RSS&at_campaign=KARANGA	government	2023-05-11 09:18:41
ニュース	BBC News - Home	Brexit: Rishi Sunak broke his word over EU laws, says Jacob Rees-Mogg	https://www.bbc.co.uk/news/uk-politics-65555608?at_medium=RSS&at_campaign=KARANGA	conservative	2023-05-11 09:20:34
ニュース	BBC News - Home	Plaid Cymru leader Adam Price quits after damning report	https://www.bbc.co.uk/news/uk-wales-65553413?at_medium=RSS&at_campaign=KARANGA	harassment	2023-05-11 09:44:19
ニュース	BBC News - Home	Monkey dust drug clampdown could be coming in UK	https://www.bbc.co.uk/news/health-65556046?at_medium=RSS&at_campaign=KARANGA	street	2023-05-11 09:04:23
ニュース	BBC News - Home	Woman injured after royal police escort crash	https://www.bbc.co.uk/news/uk-england-london-65554648?at_medium=RSS&at_campaign=KARANGA	edinburgh	2023-05-11 09:02:51
ニュース	BBC News - Home	NHS misses targets in England to tackle care backlogs	https://www.bbc.co.uk/news/health-65556498?at_medium=RSS&at_campaign=KARANGA	progress	2023-05-11 09:20:07
ニュース	BBC News - Home	Israeli strike kills top rocket commander in Gaza as fighting continues	https://www.bbc.co.uk/news/world-middle-east-65553728?at_medium=RSS&at_campaign=KARANGA	chief	2023-05-11 09:20:36
ビジネス	東洋経済オンライン	POLA辞めた42歳彼女が後輩に伝える｢切実な学び｣ 出戻り転職をしてマネジメント面でも成長できた | 戻りたくなる組織の作り方 | 東洋経済オンライン	https://toyokeizai.net/articles/-/671244?utm_source=rss&utm_medium=http&utm_campaign=link_back	人間関係	2023-05-11 18:30:00
ニュース	Newsweek	環境に優しく、かつてない形状も可能に...3Dプリンターで丸ごと組み立てた「未来の建築物」たち	https://www.newsweekjapan.jp/stories/technology/2023/05/post-101611.php	AMは加法製造とも呼ばれ、特定の部品に必要な材料とエネルギーだけを使って一層ずつ積み上げていくので、木を削って梁にするなど材料の余分な部分を取り除く「滅法製造」よりはるかに効率的だ。	2023-05-11 18:26:00
ニュース	Newsweek	地球上で最大級のヘビとYouTuber、白熱の死闘...勝つのはどっちだ	https://www.newsweekjapan.jp/stories/world/2023/05/youtuber-7.php	地球上で最大級のヘビとYouTuber、白熱の死闘勝つのはどっちだ地球上で最大級のヘビと人間が対決したら、どっちが勝つのだろうかその答えを教えてくれる動画がYouTubeで話題となっている。	2023-05-11 18:10:00
IT	週刊アスキー	カプコンの悠久の名作がお買い得！PS Storeとニンテンドーeショップで「CAPCOM MAY SALE」開催中	https://weekly.ascii.jp/elem/000/004/136/4136326/	capcommaysale	2023-05-11 18:10:00
IT	週刊アスキー	CC2最新作『戦場のフーガ2』が本日配信！発売記念イラストなども公開	https://weekly.ascii.jp/elem/000/004/136/4136313/	nintendo	2023-05-11 18:05:00
IT	週刊アスキー	ゲーミング回線「GameWith光Pro」、ヨドバシカメラ店舗で5月19日より販売	https://weekly.ascii.jp/elem/000/004/136/4136331/	gamewith	2023-05-11 18:15:00
IT	週刊アスキー	Adobe FireflyとGoogle Bardが連携　Text to image機能をさらに向上	https://weekly.ascii.jp/elem/000/004/136/4136328/	adobefirefly	2023-05-11 18:30:00