投稿時間:2023-07-31 03:15:13 RSSフィード2023-07-31 03:00 分まとめ(14件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	Xarrayによるモダンなデータ解析(1) 概要編	https://qiita.com/wm-ytakano/items/586960f08c8b9fc30542	xarray	2023-07-31 02:30:38
AWS	AWSタグが付けられた新着投稿 - Qiita	ACMで「保留中の検証」から変わらない、からのACMの理解	https://qiita.com/yyqqzz/items/d0245a81824b11a2d2e5	amazon	2023-07-31 02:56:35
AWS	AWSタグが付けられた新着投稿 - Qiita	ASWのVPCについて	https://qiita.com/hiro_10/items/c2a15c21ed3fc5c966de	自身	2023-07-31 02:43:49
海外TECH	MakeUseOf	The 8 Best Types of Smart Gadgets to Help Kids Stay Happy and Healthy	https://www.makeuseof.com/best-types-smart-gadgets-kids-happy-healthy/	healthy	2023-07-30 17:30:22
海外TECH	MakeUseOf	How to Expand Images in Adobe Photoshop Using AI	https://www.makeuseof.com/photoshop-how-to-use-generative-expand-ai/	photoshop	2023-07-30 17:28:14
海外TECH	MakeUseOf	How to Link Your Windows Product Key to a Microsoft Account	https://www.makeuseof.com/link-windows-product-key-microsoft-account/	microsoft	2023-07-30 17:15:22
海外TECH	DEV Community	Unlocking the Power of GraphQL: How AWS AppSync Simplifies API Development	https://dev.to/brandondamue/unlocking-the-power-of-graphql-how-aws-appsync-simplifies-api-development-3gae	Unlocking the Power of GraphQL How AWS AppSync Simplifies API DevelopmentServerless API development in the cloud has revolutionized the way applications are built deployed and managed Traditionally building APIs involved setting up and managing servers configuring load balancers and handling scaling complexities However with serverless architecture developers are now able to focus solely on writing code without the heavy lifting of managing the underlying infrastructure When it comes to modern API development on AWS AppSync takes centre stage as a paradigm shifting service in simplifying the way APIs are designed built and deployed The objective of this piece is to guide you through the remarkable capabilities of AppSync which includes how it leverages the GraphQL query language real time data synchronization and seamless integration with other AWS services to streamline API development Now ride with me as I dig into how AppSync will help simplify API development for you An Overview of AppSyncAppSync is a fully managed service that simplifies the creation of scalable and real time GraphQL APIs With GraphQL as its query language AppSync allows clients to request precisely the data they need optimizing data retrieval efficiency The service seamlessly integrates with various data sources including AWS DynamoDB and AWS Lambda streamlining data access and manipulation Its real time data synchronization through GraphQL subscriptions enables the development of responsive and interactive applications that react to data changes instantly Additionally AppSync automatically scales based on traffic ensuring high performance and reducing operational overhead With its pay as you go pricing model developers pay only for the actual API usage making it cost effective for projects of all sizes It is a powerful tool that abstracts away infrastructure complexities enabling developers to focus on designing robust APIs and delivering exceptional user experiences A Dip into GraphQLGraphQL is a query language and runtime for APIs that introduces a more efficient and flexible approach to data retrieval and manipulation compared to traditional REST APIs In contrast to REST where each endpoint corresponds to a specific resource and returns fixed data structures GraphQL allows clients to precisely specify the data they need in a single query This empowers developers to tailor their requests avoiding over fetching or under fetching of data commonly experienced in REST APIs By enabling clients to request data from multiple resources and their relationships in one request GraphQL minimizes the number of round trips to the server optimizing performance and reducing network overhead making it an ideal choice for modern applications with limited bandwidth or high latency Additionally GraphQL s schema based nature ensures a clear contract between the client and server as the server defines a well structured schema outlining the available data and operations providing a self documenting API that facilitates ease of use and development GraphQL represents a powerful and user friendly solution that simplifies API interactions improves efficiency and enhances the developer experience in building sophisticated and performant applications GraphQL Schema and Type DefinitionsThe GraphQL schema holds immense significance as it serves as the foundational contract that defines the data model and structure for the API facilitating effective communication between clients and servers Comprising type definitions the schema outlines each piece of data within the API along with their respective attributes and relationships These type definitions essentially form the building blocks of the data model allowing developers to specify the shape of the data they can query and manipulate through the API By leveraging the GraphQL schema clients can explore the available data and operations without relying on external documentation as the schema itself acts as a self documenting resource This self descriptive nature simplifies the development process empowering developers to understand the API s capabilities and constraints with ease Clients can also precisely request the data they need by specifying the relevant fields and their interconnections in a single query resulting in more efficient data retrieval and reduced network overhead This flexibility not only enhances performance but also eliminates the problem of over fetching or under fetching data allowing clients to optimize their application s performance and responsiveness Now let s move on to talking about the types of data and resolvers that exist in a GraphQL schema Types of Data and ResolversIn a GraphQL schema two fundamental components work in harmony to define the structure and behaviour of the API types of data and resolvers Types of data encompass various categories including scalar types representing simple values like strings and numbers object types defining complex data structures with multiple attributes enum types specifying predefined sets of options input types for passing arguments to mutations and list types allowing for arrays of values These types of data act as the building blocks for the API shaping its data model and forming the foundation of how data is organized and presented to clients Resolvers on the other hand are crucial processes in charge of managing data retrieval and modification for each field in the schema Resolvers analyse the queries the client sends to the API and decide how to retrieve the requested data from the appropriate data source which might be a database external API or any other data store To guarantee that the correct data is provided to the client in response to their queries resolvers play a key role in tying the GraphQL API to the underlying data sources Developers may build dynamic and adaptable APIs that quickly serve data respond to particular application requirements and give users a simple yet effective querying experience by properly combining these two components We are now going to shift gears and engage in examining the capabilities of AppSync that make it all that it is in the world of modern API development Real time Data with SubscriptionsDue to how differently we see the world we have different opinions and views about different topics and ideas but one thing we all agree on as developers cloud professionals and data engineers is that real time data is a crucial component of contemporary applications where ongoing updates are necessary to provide dynamic and engaging user experiences Real time communication can be difficult to achieve with conventional REST APIs since clients frequently need to send repeated queries to check for updates AppSync on the other hand transforms this procedure with its potent subscription capabilities AppSync gives clients the option to subscribe to specific data changes and receive immediate updates anytime pertinent changes are made to the server side data by enabling GraphQL subscriptions By doing so the requirement for constant polling is removed network overhead is reduced and a more effective and quick real time communication route between clients and servers is created The publish subscribe model underlies how AppSync subscriptions work with users expressing interest in particular events or data changes by subscribing to pertinent subjects Clients receive updates as a result only when pertinent data changes ensuring that they are kept informed of the most recent information without being burdened by unnecessary requests AppSync subscriptions enable developers to construct dynamic interactive and engaging applications that offer data in real time enhancing the entire user experience Examples include real time chat applications and live sports updates AppSync is a useful solution for integrating real time features in contemporary applications since it creates a persistent connection between clients and servers ensuring flawless and ongoing communication To implement subscriptions in your API using AWS AppSync follow these steps Define a Subscription Type in the Schema Specify the fields clients can subscribe to like MessageAdded in a chat app Implement Resolvers for Subscriptions Fetch data for the subscribed events such as new chat messages Configure AWS AppSync Subscriptions Set resolvers and define authorization rules Client Side Implementation Use a GraphQL client library like Apollo Client to create and handle subscriptions Subscribe and Handle Updates Clients receive real time updates based on their subscriptions Unsubscribe When Necessary Manage the lifecycle of subscriptions to free up resources when not needed By following these steps you can enable real time communication between clients and servers in your API Authentication and AuthorizationAWS AppSync provides a range of authentication and authorization mechanisms to secure your GraphQL APIs effectively The simplest option is API Key authentication where clients include an API key in the request header However API keys might not offer the granularity required for advanced access control For more sophisticated user authentication you can use AWS Identity and Access Management IAM authentication or Amazon Cognito User Pools IAM authentication leverages IAM roles to control access to specific AWS resources based on the authenticated user s permissions On the other hand Cognito User Pools offer a managed user directory service with features like sign up and sign in workflows multi factor authentication and user attributes managementAppSync also supports OpenID Connect OIDC for integrating with external identity providers like Google or Facebook allowing you to authenticate users through social identity providers or custom OIDC providers For a seamless user authentication experience AppSync provides the Hosted UI which is a built in authentication mechanism that offers a user interface for authentication using Cognito User Pools Additionally you can implement fine grained access control using GraphQL schema directives such as auth These directives enable you to specify rules for query and mutation operations based on user roles and group memberships granting you fine control over the data and operations that each user can access With these diverse authentication and authorization mechanisms AWS AppSync empowers you to build secure and protected GraphQL APIs tailored to your application s specific requirements Rate Limiting and ThrottlingThese features let you manage the flow of incoming requests to your GraphQL API You can limit the number of requests that can be made to your API in a given period of time by setting rate limitations This shields your API from Distributed Denial of Service DDoS attacks and guards against potential abuse or inappropriate consumption of its resources Rate limiting which can be implemented at the API level to provide fairness and equal access for all users is commonly expressed in requests per second RPS or requests per minute RPM Throttling on the other hand controls how quickly the API handles requests It assists in preventing a single user or client from monopolising the API s processing power by consuming an excessive quantity of resources You can set various restrictions for specific users or clients by configuring throttling on an API key or per user basis Additional requests are deferred or refused until the throttling window resets when a user exceeds the permitted pace A thoughtful API security and management strategy must include both rate limiting and throttling They guarantee a seamless and dependable user experience safeguard your GraphQL API against unanticipated traffic spikes and contribute to its overall stability and performance Caching and Performance OptimizationAppSync provides built in caching capabilities that significantly improve API performance and reduce latency Caching is a technique where the responses from previous queries are stored allowing subsequent identical queries to be served directly from the cache instead of fetching data from the data source again This process avoids redundant computations and database queries leading to faster response times and reduced load on underlying data sources AppSync offers two types of caching The first is response caching in which a GraphQL query s output is saved in a cache based on its unique identifier When a subsequent identical query is made AppSync checks the cache first and returns the cached response if available This eliminates the need to execute the same expensive query again and reduces the processing time significantly Response caching can be configured at the API level or for individual resolvers giving you granular control over caching behaviour Second is data store caching where responses are cached at the data source level When your API interfaces with backend systems like AWS DynamoDB Amazon RDS or any other data source this is very helpful Data store caching reduces the number of read operations performed on the data source minimizing the latency and cost associated with retrieving data from external databases You may efficiently send real time data and react fast to client requests by using caching in AppSync Caching optimizes your application s scalability and resource efficiency while also enhancing the performance of your API The built in caching features of AppSync can be modified and fine tuned to your application s unique requirements guaranteeing a fast and responsive user experience while lightening the strain on backend services Data Pagination and FilteringHandling large datasets efficiently is crucial for optimizing the performance of your GraphQL APIs in AWS AppSync To achieve this you can leverage pagination and filtering options which allow you to retrieve and present data in smaller manageable chunks and extract only the relevant information needed by the client Pagination is the process of dividing large datasets into smaller pages or batches making it easier to handle and display data incrementally AppSync supports two types of pagination offset based and key based Offset based pagination involves specifying a limit and nextToken in the query The limit determines the number of items to return per page while nextToken is a pointer to the next set of items to retrieve This approach is suitable for unordered datasets where you don t need to maintain strict consistency between pages On the other hand key based pagination involves specifying first and last along with a unique sort key in the query This method is ideal for ordered datasets allowing you to retrieve a range of items based on their sort key Key based pagination ensures consistency and accuracy when navigating through pages On the other hand filtering options let you ask for particular subsets of data based on predetermined criteria minimising the volume of data retrieved and transmitted over the network In AppSync you may utilise GraphQL arguments like filter or filterInput to apply filters to your queries With filtering options you can request data that matches certain conditions such as date ranges numeric comparisons or text based searches This helps to shorten query execution time and response size especially when working with large datasets Additionally AppSync supports custom resolvers where you can implement more complex filtering logic using AWS Lambda functions This enables you to specifically adjust filtering choices to the demands of your application Switching gears for the last time in this article let s explore AppSync s integration with AWS Amplify Integration with AWS AmplifyBuilding deploying and scaling full stack apps is made easier with the help of AWS Amplify By providing a consistent and user friendly development experience across several platforms it is intended to hasten the creation of mobile and online applications Developers no longer have to worry about the underlying infrastructure or intricate backend configurations thanks to Amplify which allows them to concentrate on creating the key features of their applications Amplify s main offering is a collection of libraries and frameworks that work in unison with well liked front end development frameworks like React Angular and Vue js as well as native mobile app development frameworks like iOS and Android These libraries provide pre built UI components procedures for authentication and authorisation and user friendly APIs allowing programmers to create high quality scalable and secure applications more quickly and effectively Amplify offers a selection of pre built libraries and tools that facilitate the integration of AWS AppSync with front end apps making it easier Without the need for difficult manual settings developers can quickly connect their frontend applications to AppSync s GraphQL APIs using Amplify The Amplify DataStore which facilitates smooth data synchronisation between the frontend and AppSync is one of the primary services that Amplify provides DataStore is a client side data synchronisation and caching solution that automatically manages offline access and real time data changes As a result when the network is available developers can work locally on the front end with data while Amplify handles synchronising updates with the backend This capability is especially useful for building responsive and reliable applications that can work offline and deliver a smooth user experience Amplify also abstracts the complexity of authentication and authorization workflows when interacting with AppSync It offers built in authentication components and functions for various authentication providers including Amazon Cognito social providers and more This spares developers from having to deal with the complexities of manually integrating several authentication providers allowing them to establish secure user authentication and access management with just a few lines of code In addition to simplifying data synchronization and authentication AWS Amplify also provides easy to use APIs for making GraphQL queries and mutations to AppSync APIs The Amplify API category abstracts the details of interacting with the backend making it straightforward for developers to execute GraphQL operations and manage data without the need to write complex networking code Overall AWS Amplify greatly simplifies the integration of AWS AppSync in front end applications empowering developers to focus on building rich and interactive user experiences By abstracting the complexity of data synchronization authentication and API interactions Amplify reduces the time and effort required to connect frontend applications to AppSync enabling developers to deliver feature rich and performant applications with ease Last WordsIn a nutshell we have comprehensively showcased the simplicity and power of AWS AppSync in contemporary API development AWS AppSync is a potent solution that combines the best of GraphQL with AWS services to speed up API development and maximise the potential of your applications whether you re developing online or mobile applications Thanks to its simplicity versatility and robustness AWS AppSync is undoubtedly a beneficial addition to any developer s toolkit opening up new possibilities for developing cutting edge responsive and feature rich applications on the AWS platform	2023-07-30 17:23:51
海外TECH	DEV Community	Do Contexts in Next.js 13 Make the Whole App Render on the Client?	https://dev.to/perssondennis/do-contexts-in-nextjs-13-make-the-whole-app-render-on-the-client-55bb	Do Contexts in Next js Make the Whole App Render on the Client React contexts are quite crucial for React development Most projects depends on it either directly or through libraries The question is can they be used with Next js App Router And can the application still benefit from the power of Server Components when contexts are used Let s answer that In This ArticleDifference Between Client and Server ComponentsCan I Use React Context in Server Components Will My Complete Next js Application Be Rendered on Client if I Use React Contexts Errors Received When Migrating Next js to New App Folder Dennis Persson・Jun react nextjs javascript webdev Difference Between Client and Server ComponentsFor this article to make sense you should have grasp about what the difference between Client Components and Server Components are In Short Client Components are regular old React components rendered with JavaScript on the client while Server Components are React components which are rendered into HTML on the server The rendered Server Components can then be used as none interactive components anywhere in the applications React tree Does it make sense If not you can learn more about Server Components read Next js docs about it or my article about why Server Components matter Can I Use React Context in Server Components React contexts are well used in React applications to share states between components Since Client Components and Server Components are rendered on different machines the client and the server you might think that React contexts cannot be used Server Components are simply HTML markup which certainly don t have a React state If you try to use a context in a Server Component it will throw an error ReactServerComponentsError You re importing a component that needs useContext It only works in a Client Component but none of its parents are marked with use client so they re Server Components by default path to file MyComponent ts import useContext from react While Server Components are incompatible with React contexts Client Components can handle them perfectly fine As long as you provide the context provider in a Client Component all Client Components in that component s child tree will be able to read and use the context It doesn t matter whether you have any Server Components in the sub tree or not Server Components are HTML markup which don t care It s not you he s always like that Why Server Components A Brief History of Web Dennis Persson・Jul react nextjs webdev javascript Will My Complete Next js Application Be Rendered on Client if I Use React Contexts The answer is no Your whole site will not be forced to render on the client if you use React contexts As mentioned Server Components do not care about contexts which also means it doesn t interfere with them Let s list a few statements about Next js App Router The RootLayout in Next js is always a Server ComponentThe children prop passed to RootLayout is also a Server ComponentServer Components can include Client Components the Client Components will be ignored when the server renders the Server Component Server Components can be included in Client Components if they are passed as children to the Client ComponentNow look at this code example it s taken from Next js guide for how to set up contexts import ContextProviders from providers export default function RootLayout children return lt html gt lt body gt lt ContextProviders gt children lt ContextProviders gt lt body gt lt html gt What we can see in that code is The Root Layout which is a Server Component by statement The ContextProviders component which includes the contexts is a Client Component statement allows that The children prop for the RootLayout is a Server Component statement The children is passed to the ContextProviders Client Component accepted by statement By default Next js can handle intervened Client and Server Components and with this setup we are following all the rules of how to use the components The above code will result in a React tree looking as below lt RootLayout Server Component gt lt ContextProviders Client Component gt lt Page Server Component gt lt Potential other Client Components using the context gt lt Potential other Server Components ignoring the context gt lt Page gt lt ContextProviders gt lt RootLayout gt Although using contexts work fine it does create a bit of confusion You must remember that you will only be able to use the context within Client Components the context is not available on the server React Anti Patterns and Best Practices Do s and Don ts Dennis Persson・Feb react javascript webdev programming	2023-07-30 17:23:26
Apple	AppleInsider - Frontpage News	Apple Watch Series 9 will get a big speed boost from S9 chip	https://appleinsider.com/articles/23/07/30/apple-watch-series-9s-s9-chip-to-offer-a-big-performance-boost?utm_medium=rss	Apple Watch Series will get a big speed boost from S chipThe Apple Watch Series and second generation Apple Watch Ultra should see a considerable increase in performance with s wearable launches set to have a much better chip powering it Apple Watch UltraApple s fall release lineup is anticipated to include the Apple Watch Series among other items For customers who buy the new models may end up seeing higher levels of performance when using the devices Read more	2023-07-30 17:57:30
海外TECH	CodeProject Latest Articles	AES Encrypted Transmission Between Arduino (ESP32) and C# (ASP.NET)	https://www.codeproject.com/Articles/5365769/AES-Encrypted-Transmission-Between-Arduino-ESP32-a	arduino	2023-07-30 17:38:00
海外科学	NYT > Science	‘A Dangerous Combination’: Teenagers’ Accidents Expose E-Bike Risks	https://www.nytimes.com/2023/07/29/health/ebikes-safety-teens.html	industry	2023-07-30 17:26:19
ニュース	BBC News - Home	At least 37 killed in Pakistan after explosion at Islamist political rally	https://www.bbc.co.uk/news/world-asia-66355032?at_medium=RSS&at_campaign=KARANGA	islamist	2023-07-30 17:07:37
ニュース	BBC News - Home	Super League: Wakefield Trinity 42-6 Warrington Wolves - Innes Senior claims four tries in victory	https://www.bbc.co.uk/sport/rugby-league/66301927?at_medium=RSS&at_campaign=KARANGA	Super League Wakefield Trinity Warrington Wolves Innes Senior claims four tries in victoryInnes Senior s four try haul helps Wakefield thrash Warrington to boost their Super League survival bid	2023-07-30 17:17:59
ニュース	BBC News - Home	Axel Disasi: Chelsea agree deal to sign Monaco and France defender	https://www.bbc.co.uk/sport/football/66356018?at_medium=RSS&at_campaign=KARANGA	euros	2023-07-30 17:35:21