投稿時間:2022-04-16 03:29:56 RSSフィード2022-04-16 03:00 分まとめ(39件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWS Partner Network (APN) Blog	Hybrid Container Application Stack Using Microservices and Amazon ECS Anywhere	https://aws.amazon.com/blogs/apn/hybrid-container-application-stack-using-microservices-and-amazon-ecs-anywhere/	Hybrid Container Application Stack Using Microservices and Amazon ECS AnywhereLearn how DXC Technology was able to leverage Amazon ECS Anywhere to fulfill regulatory and compute requirements and increase operational efficiency for a use case for an in house proprietary tool where a part of the application stack must run on premises DXC needed a hybrid cloud solution to execute their toolkit data capture and analysis strategy without major changes in application design or architecture	2022-04-15 17:47:35
AWS	AWS Machine Learning Blog	Build a virtual credit approval agent with Amazon Lex, Amazon Textract, and Amazon Connect	https://aws.amazon.com/blogs/machine-learning/build-a-virtual-credit-approval-agent-with-amazon-lex-amazon-textract-and-amazon-connect/	Build a virtual credit approval agent with Amazon Lex Amazon Textract and Amazon ConnectBanking and financial institutions review thousands of credit applications per week The credit approval process requires financial organizations to invest time and resources in reviewing documents like Ws bank statements and utility bills The overall experience can be costly for the organization At the same time organizations have to consider borrowers who are waiting for …	2022-04-15 17:48:03
AWS	AWS Media Blog	Best Practices for Implementing a Media Asset Management (MAM) Solution on AWS	https://aws.amazon.com/blogs/media/best-practices-for-implementing-a-media-asset-management-mam-solution-on-aws/	Best Practices for Implementing a Media Asset Management MAM Solution on AWSMedia amp Entertainment M amp E customers seeking to modernize their Media Asset Management MAM on Amazon Web Services AWS have questions to consider before getting started Should they build their own solution or invest in a rd party system How can they best leverage AWS services to get the most from a MAM in the cloud …	2022-04-15 17:00:38
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS Budgetsでアラート設定する～90年代の隠しサイト…？	https://qiita.com/emiki/items/c21f8fbbd09ddda523dc	amazon	2022-04-16 02:32:03
海外TECH	Ars Technica	Twitter board fights Musk takeover with unanimous adoption of poison pill	https://arstechnica.com/?p=1848364	twitter	2022-04-15 17:31:48
海外TECH	MakeUseOf	4 Handy Mac Apps That Bring Gmail to Your Desktop	https://www.makeuseof.com/tag/mac-apps-gmail-desktop/	bring	2022-04-15 17:15:15
海外TECH	MakeUseOf	Does Your Mouse Freeze or Lag in Windows 11? Here's How to Fix It	https://www.makeuseof.com/windows-11-mouse-free-lag-fix/	windows	2022-04-15 17:15:14
海外TECH	DEV Community	When did you know you wanted to be a software developer?	https://dev.to/ben/when-did-you-know-you-wanted-to-be-a-software-developer-3h8e	developer	2022-04-15 17:53:18
海外TECH	DEV Community	VS Code setup for Spring Boot + Docker/Compose	https://dev.to/amitmisra16/vs-code-setup-for-spring-boot-dockercompose-4bgi	VS Code setup for Spring Boot Docker ComposeRecently I started looking at how I can leverage VS Code editor for Spring Boot and docker development for mainstream projects applications In this article I will try to cover subtle points that will get you started quickly TL DRInstall extension packsConfigure Java runtimes in settings jsonSetup docker compose to pass BUILD ARGSEnvironment configuration for enabling remote debugging Install Extension PacksThe starting part was relatively pretty easy all you need is to install the following extensions ー Extension Pack for JavaSpring Boot Extension PackSpring Boot DashboardLombok Annotations SupportDocker Configure Java RuntimesIf you are like me you might have projects using different JDKs One of the ways I manage multiple JDKs on my machine is using SDKMAN The problem I encountered with VS Code is you have to manually specify the path to various runtimes You can achieve the same by editing the settings json like so “java configuration runtimes “name “JavaSE “path “ HOME sdkman candidates java hs adpt name JavaSE path HOME sdkman candidates java j adpt “name “JavaSE “path “ HOME sdkman candidates java zulu “default true Docker BUILD ARGSMoving on I realized that most of our Springboot applications are using the same DOCKERFILE and are using ARGS in them Here is a sample of such a file ー FROM openjdk jre slim bullseyeVOLUME tmpARG JAR FILEADD JAR FILE app jarENTRYPOINT java Djava security egd file dev urandom Duser timezone UTC XshowSettings vm XX UseContainerSupport jar XmsM XshowSettings vm app jar This is not so much related to VS Code but I thought it might be help the readers running into similar issues where they want to build the docker image using docker compose by simply running the following command ー docker compose up build myApp dThe alternative for this is a multi step process docker compose build myApp build arg JAR FILE target myApp jar docker compose up myAppThis works but is not as fluent I tried few options and finally with some hit and trial I found the service definition that works like a charm Here is the sample of docker compose service ー version services myApp build context myApp args JAR FILE target myApp jar ports The above configuration is assuming you have a multi module maven gradle setup and myApp is just one of the Spring Boot application Setting up VS Code for remote debuggingThe last bit was to get the Spring Boot application running with debug port and have VS Code attach to the remote debugger I was looking for a solution that was not obtrusive and did not want to manage multiple DOCKERFILEs for the same project one for debugging and other for building images for production This was achieved by setting JAVA TOOL OPTION environment variable in the docker compose file itself like so ー version services myApp build context myApp args JAR FILE target myApp jar environment JAVA TOOL OPTIONS agentlib jdwp transport dt socket address server y suspend n ports Now when you bring up your application using docker compose up command you should see a log statement which will confirm you application will be able to receive remote connection on for remote debugging ー Picked up JAVA TOOL OPTIONS agentlib jdwp transport dt socket address server y suspend nListening for transport dt socket at address Next part was configuring VS code for attaching it to the remote debugger This part was relatively easy Add a new “Run and Debug configuration like so ー  type java name Remote MyApp Debug attach request attach hostName localhost port And Voila you should be able to connect to the Spring Boot application running inside your container Happy Debugging	2022-04-15 17:32:14
海外TECH	DEV Community	Git: A beginner's guide	https://dev.to/shafspecs/git-a-beginners-guide-5dia	Git A beginner x s guideWelcome to this week s article peeps where I would be talking about git why it s important to you as a developer engineer and how to get started with it Introduction Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency In short git is a version control system A Version Control System VCS is a tool that helps software developers keep track of how their software development projects change over time Each snapshot or state of the files and folders in a codebase at a given time can be called a version Version control systems were created to allow developers a convenient way to create manage and share those versions It allows them to have control over managing the versions of their code as it evolves over time It also enable collaboration within a team of software developers without losing or overwriting anyone s work it prevents intra company fights and brawls After a developer makes a set of code changes to one or more files they tell the version control system to save a representation of those changes In this way a history of code changes or versions is built up as the code evolves This history is preserved so that all developers even if they are working in totally different locations have access to a consistent and up to date history of the project A version control system can also be referred to as a source control system source code management version control software version control tools or other combinations of these terms Version control discussion sourced from IC Github First thing to note Github is not Git Github is a platform a service used by developers who use git to upload and download resources and source codes Git is used to connect and interact with Github to download and upload resources There are other platform aside from Github used for versioning some of which are GitLab GitBucket etc With over million user base Github is a very popular and a favorite of many If you don t have an account yet head over there and set one up now A typical Github user s profile page Installation Head over to Git com to download git installer it can also be installed via the command line but let s do it the easy way After downloading and running the installer the next thing to do is test that the git installation was successful Navigate into any folder using the cd command Run the command git init If you get the message Initialized empty gi voila you ve had a successful installation Connecting Git to Github Let s connect our git to github first let s configure our name Github username and email Run these two commands git config global user name Your name here git config global user email your email example com After that run the command ssh keygen t rsa C your email example com This creates two files ssh id rsa and ssh id rsa pub On windows head into your C username folder and look for a folder called ssh You might need to enable Show hidden files to see it On Linux it would be in your Home folder also a hidden folder Navigate into that folder and open the one called id rsa pub You would see a long string of gibberish in there ending with your email that s good Head over to Github and go to your settingsHead to the SSH and GPG keys and click New SSH Key in the top right corner Give your ssh key a name and paste that gibberish in the id rsa pub file Click Create key and head back to your terminal Run the command ssh T git github comIf you get a message like Hi username Then mission successful Git Keywords Let s discuss some of the terminologies you would find in the git ecosystem including GitHub after all you need to be able to speak like a version control master I would be using remix pwa as an example here Repository A Git repository also called repo tracks and saves the history of all changes made to the files in a Git project This information is used by online platforms like Github to store track and display resources mostly source codes in a graphical format A repo example on Github This can be used to view changes and if needed reverse those changes Plus Github gives a lot more features Branch A branch is a version of the repository that diverges from the main working project Imagine a project that has multiple versions that don t interfere with each other and these versions can change independent of the others A git repo can have several branches A branch system in a repo each of these branches contain different versions of code of a particular project One benefit here is that I can compare across branches and edit a project s source code without destroying the project itself Think of a project as a tree and different versions as different branches Fork Fork or forking is a process of duplicating someone else s project or code in order to make edits or changes One of the ethics of being a developer or engineer is to never edit someone else s source code directly if you wish to make a change you duplicate that person s code as your own you fork that person s project If I wanted to make a change to this person s work I would fork it then edit and not edit it directly Pull Request Pull requests also known as PR is the process of trying to merge to seperate code together Imagine this scenario we realized a mistake in someone s code could be a team member or just an Open Source work and we want to fix that bug The steps we would take would be Fork the projectMake the changes and fix what we intendedOpen a PR request the owner of the original project to merge the two codes together This is an example of a merged PR We have two different versions two different branches in this case and we want to combine their content We open a PR and then if the change we want to merge is valid has no bugs or issues we merge Staging Staging is a used to add files of a working tree directory to a snapshot This is used to prepare the files for a commit Commit A commit is used to record the changes in the repository The staging and committing are co related to each other Staging allows us to continue in making changes to the repository and when we want to share these changes to the version control system committing allows us to record these changes Commits are the snapshots of the project Every commit is recorded in the master branch of the repository We can recall the commits or revert it to the older version Clone Cloning is used to make a copy of the target repository locally or clone it If for example we want a local copy of a repository from GitHub this tool allows creating a local copy of that repository on your local computer Merge Merging is a process to put a forked history back together It is simply just the merging of two seperate code history into one branch Issue An issue is a Github thing I don t know any other providers that offer it too that is used to keep track of bugs issues requests and features in a repository An issue example in this case there is an issue with using this project that the developer hasn t fixed yet A user can easily come here and contact the developers directly who can offer solutions fixes or alternatives Push Pushing is the process of moving more like copying a local repo to a remote repo A remote repo means a repo stored on the cloud in a database somewhere It is used for example to move code from your computer to github That s ten popular keywords used in git and github for you guys there are a lot more you can read up on by yourself If you know of anymore and want to share let s hear it in the comments Example Time That s enough talk Let s do a miniature project and implement git in it Open up your terminal and navigate to a directory as always I would be using Documents Run the command mkdir git exampleThe command mkdir means make directory and is used to create a directory in the folder we re in in this case git example Afterwards use the cd command to navigate to the newly created folder Let s now create the files we would upload to github as a person with Javascript running in their veins we would create a very simple js example don t worry if you don t know js Run the command touch example jsThe command touch creates that particular file in our current directory in this case example js Open up an editor and let s write a very simple conditional statement in JavaScript const a let b b if a b console log a and b are equal else console log a and b are not equal this code initializes two variables a and b with two different numbers and We later assigned to the variable b We then had an if statement if a is equal to b then log a message in the console if not log a different message Okay Let s push to Github Open up your github s repo page and click New Repository I would be calling mine DEV example make sure the visibility is set to public other users would be able to view your source code Add a description for your repo and skip the remaining questions and boxes below click Create repository Head back to the terminal of your project and run the commands git initgit remote add origin lt URL of the repo gt gitgit add git commit m Initial commit git branch M maingit push u origin mainLet s run through each command git init initializes an empty local repo in your project a git folder git remote add origin lt URL of the repo gt git is used to tell your local repo the location of the remote repo where on the cloud are we connecting to to store our repo git add is used for staging normally we use git add lt name of file gt but as a shortcut you can use to stage every file in the directory except the git local folder git commit m Initial commit is used to commit our project The m part is called a flag Flags are used to pass arguments to a command in this case the flag m stands for message Every commit must have a message usually this should contain a brief description of what your changes consists of or what they do The text between the double quotes is the message argument we want to pass to the commit command git branch M main is used to change our branch also known as rebasing The M flag here means move and what it does is move our current folder content to the branch called main git push u origin main is used to push our local changes to our remote repo The u flag is used to track that repo changes useful when pushing to a remote repo for the first time It means set up an upstream tracker to track changes origin main is telling git where to push to which branch should it push to in this case our branch main I forgot to authenticate my github and forgot to rebase my repo to main Head back to your github repo and refresh the page voila That s it for this week s peeps I would still try and write as often as I can but it would be an irregular writing schedule Keep the comments flowing with questions or observations we would love to hear them Remember to keep reading learning and coding And don t forget to play now and then Love you guys cya in the next article	2022-04-15 17:28:24
海外TECH	DEV Community	Elixir Wizards Podcast S8E1	https://dev.to/miguelcoba/elixir-wizards-podcast-s8e1-24e9	Elixir Wizards Podcast SEA couple of weeks ago I was invited to talk on the Elixir Wizards podcast by Smartlogic We talk about Elixir in polyglot environments that is where you have a lot of languages used at the same time my beginnings in the software field my books and other sideprojects I had a lot of fun chatting with Sundi Myint and Owen Bickford who were amazing in guiding my ramblings to a coherent discussion Thank you so much for having me You can listen to the podcast here Elixir Wizards SE AboutI m Miguel Cobá I write about Elixir Elm Software Development and eBook writing Follow me on Twitter Subscribe to my newsletterRead all my articles on my blogGet my books Deploying Elixir Advanced Topics PRESALE Deploying Elixir FREE Elixir Tips FREE eBook Writing Workflow for Developers	2022-04-15 17:28:21
海外TECH	DEV Community	What the Hell is a JWT Token??	https://dev.to/awalhossain/what-the-hell-is-a-jwt-token-4f6d	What the Hell is a JWT Token When I first heard the jwt token name it gave me a headache I can still remember how terrified I was that day I was telling myself what the hell is this new thing that I need to implement in order to verify the user and api However after working on a few projects I feel forced into making this statement This jwt token is an excellent approach to validate any user against a database What is jwt token Jwt is an abbreviation for Json Web Token A JWT is a mechanism to verify the owner user It s encoded When a server receives a JWT it can guarantee the data it contains can be trusted because it s signed by the source No middleman can modify a JWT once it s sent Creating JWT tokenIf you take a look at the above picture closely you will get an idea how developers generate the jwt token When a developer creates a JWT token with a method called jwt sign it contains elements such as the user id JWT SECRET and expiration date JWT SECRET helps to make a sign token that won t work anywhere unless the secret is given The expiration date will determine how long this token will be valid After successfully generating a jwt token All you have to do now is transmit the jwt token to the frontend and save it in localstorage or Cookie How does JWT Token work Let s have a look at how it works now Let s say you need to access your data from the dashboard but how will that website validate your identity and prevent a hacker from gaining access to your information Simply said the provided jwt token will be checked against their database If that website discovers a user id associated with the jwt token it will grant you access to the dashboard So I used the jwt verify function which accepts two parameters token and JWT SECRET to check the jwt token It will allow you to enter if both input values are true Take a look at the above picture to better understand	2022-04-15 17:18:47
海外TECH	DEV Community	Code execution: explain like I'm five	https://dev.to/arikaturika/code-execution-explain-like-im-five-305b	Code execution explain like I x m fiveWe write code for computers using programming languages that are easy to read for us but impossible to understand by a computer So we translate that code into machine code and then computers can read it and do something with it That something is often refered to as executing or running the code But what does that mean The code we write is usually just a list of instructions for the computer the carry out So if for example we create a program that is supposed to show us a blue triangle on the screen running the code will do exactly that it will try and show us a blue triangle on the screen IMPORTANTNotice the word try As mentioned in the previous post just because the code compiled it doesn t mean the execution of the program will be successful We can get execution errors which happen while the computer is trying to run our code These errors are refered to as runtime errors An execution error occurs when a program is asked to do something that it cannot and results in a crash The most used example of a run time error is asking a program to divide by The code contains no syntax or logic errors but when it runs it can t perform the task that it has been programmed to carry out you can read more about this here text Division by zero is a the answer i	2022-04-15 17:12:29
海外TECH	DEV Community	Creating The Ideal Coding Environment	https://dev.to/2320sharon/creating-the-ideal-coding-environment-3hpk	Creating The Ideal Coding Environment Get a comfortable chairGet a good chair that forces you to sit up straight Fighting back pain while you re coding makes you less effective and makes you miserable I didn t want to spend over on a fancy chair so I use a pillow to better prop up my back Its cheap and easy Align your Monitor at Eye LevelPosition your monitor so that you don t have to move your head or your back to see what is on screen As a rule of thumb ergonomics experts recommend that your monitor should be at arms length away from you at most This will prevent your from hunching over to see what s on screen and will decrease your risk of eye strain I made my desktop stand out of wood and it was super easy to to make You can also use some old textbooks or shoe boxes if you want to make your own stand Ergonomics Expert Explains How to Set Up Your Desk Write Code at Your Best TimesIf you program best in the morning when you can hear the birds chirping then program in the morning If you program best at midnight when no one is awake then program at midnight The quality of your code will dramatically increase when you re in the zone and you will write code even faster than usual I write my best code in the early morning after a cup of coffee and writing my goals for the day Have Minimal Background NoiseHaving some level of background noise helps stimulate your brain to focus as long as that background noise isn t distracting I find that listening to Lofi game soundtracks or nature ambience helps me stay in the zone longer and keeps me from getting bored Somedays when I didn t get enough sleep or want some company coding in a coffee shop provides me with energy to code That being said I usually lose my ability to focus after or more hours at which point I head back to my quiet home office Chill Out Don t OverstressBeing overly stressed diminishes your brain s ability to execute flexible problem solving I notice that when I get too stressed I can t visualize solutions and get locked into a single solution Taking some time to relax and get my mind off the problem allows me to come back with a fresh perspective That being said a little stress is good to motivate you because it adds some stakes to your programming You don t want to disappoint your co workers with bad code so that stress will motivate you to write better code Have a Sheet of PaperA sheet of paper is great place to offload ideas visualize programming problems and break large tasks into subtasks I find that having a notepad where I can write anything without worrying about organization takes the pressure off myself to write perfect You should use the paper notepad as a place to quickly offload thoughts and ideas It doesn t need to be organized it s just temporary storage for your thought process	2022-04-15 17:07:08
海外TECH	DEV Community	Setup project with Next.js, Prisma, tRPC, & NextAuth	https://dev.to/johannesmogashoa/setup-project-with-nextjs-prisma-trpc-nextauth-4df1	Setup project with Next js Prisma tRPC amp NextAuth BackgroundRecently I was working on a small project where I could explore using technologies I haven t really used that much and put it all to practice The aim was to build a clone of Kubool which is a platform that allows you to send anonymous messages And so I got started My initial stack choice was NextJSPrismaPostgres from RailwayTypescriptNextAuthFormik YupTailwind CSSVercelI went ahead built the first basic version of the clone and deployed it on Vercel You can check it out here Later on I decided that Nope let me rebuild the API endpoint to include tRPC which is a tool that provides you with end to end typesafe APIs Adding tRPC to the project was a mission but I prevailed and thought why not share the steps of creating a project from scratch with tRPC Links to the respective sites will be provided at the bottom Steps for setting upThe project setup will make use of the technologies I mentioned above Prerequisites Node JS Text code editor I prefer VS Code Preferred command line tool Windows Terminal Git Step Create amp clone repo from starter templateAs I have come to focus my interest in building projects with the above mentioned technologies I went ahead and created a starter template for myself whenever beginning a new project So let s build on top of that starter template Link to starter template After creating and cloning your repo to your local machine You may open up that project in your command line tool Go ahead and install the dependencies by running npm install or yarn install Step Adding tRPC to the projectYou can head over to the official tRPC site to take a look at their documentation At this point you can either use the command line tool or VS Code s integrated terminal yarn add trpc client trpc server trpc react trpc next zod react query superjson wsNext Steps Create a backend folder in the root of your projectCreate a utils and routers folder inside the backend folderInside the routers folder create an index ts fileInside the utils folder create a context ts and createRouter ts fileInside the lib folder create a trpc ts fileCreate a trp folder inside of pages api then add a trpc ts file The paths to files mentioned above should be as follows backend routers index ts backend utils context ts backend utils createRouter ts lib trpc ts pages api trpc trpc ts Step Set Up Backend Foldersbackend utils contextSince the app is making use of prisma and nextauth these values can be passed through to the rest of the tRPC routes using the context for easy accessibility throughout import getSession from next auth react import as trpc from trpc server import as trpcNext from trpc server adapters next import NodeHTTPCreateContextFnOptions from trpc server adapters node http import IncomingMessage from http import ws from ws Copy the above import statements into the context ts file then copy the below section of code export const createContext async req res trpcNext CreateNextContextOptions NodeHTTPCreateContextFnOptions lt IncomingMessage ws gt gt const session await getSession req return req res prisma session export type Context trpc inferAsyncReturnType lt typeof createContext gt backend utils createRouterCopy the below code into the createRouter ts fileimport Context from context import as trpc from trpc server export function createRouter return trpc router lt Context gt backend routers indexIn this file the tRPC App Router is created with all the different routes you would like to have The below example is if you would like to have ALL your routes in the same file import createRouter from backend utils createRouter import superjson from superjson import z from zod export const appRouter createRouter transformer superjson mutation set username input z object username z string email z string email async resolve ctx input await ctx prisma user update where email input email data slug input username return success true message Username set successfully query get user input z object email z string email async resolve ctx input const user await ctx prisma user findUnique where email input email return success true user export type definition of APIexport type AppRouter typeof appRouter As you can imagine the above code will become more and more as you add other routes and their respective logic So a better way would be to group routes and place in another file then import those routes into the appRouter Create another file i e userRoutes ts inside the backend routers folder The refactored code would like something of the below nature backend routers index tsimport createRouter from backend utils createRouter import superjson from superjson import userRouter from userRouter export const appRouter createRouter transformer superjson merge user userRouter other merged routes here export type definition of APIexport type AppRouter typeof appRouter backend routers userRouter tsimport z from zod import createRouter from utils createRouter export const userRouter createRouter mutation set username input z object username z string email z string email async resolve ctx input await ctx prisma user update where email input email data slug input username return success true message Username set successfully query get user input z object email z string email async resolve ctx input const user await ctx prisma user findUnique where email input email return success true user When you have added all the above code consider yourself temporarily done with the backend folder and you can now move onto the other files in the other folders lib trpc tsimport AppRouter from backend routers import createReactQueryHooks from trpc react export const trpc createReactQueryHooks lt AppRouter gt pages api trpc trpc tsThis portion is the official setup of the tRPC API endpoint that will handle requests made to your defined routers in the App Router import appRouter AppRouter from backend routers import inferProcedureOutput from trpc server import as trpcNext from trpc server adapters next import createContext from backend utils context export API handlerexport default trpcNext createNextApiHandler router appRouter createContext onError error if error code INTERNAL SERVER ERROR send to bug reporting console error Something went wrong error export type inferQueryResponse lt TRouteKey extends keyof AppRouter def queries gt inferProcedureOutput lt AppRouter def queries TRouteKey gt At this point you have completed adding the necessary code into all the files you have created Now moving onto the final implementation of tRPC in the pages app tsx file Step Edit pages app tsx fileNavigate to the pages app tsx file and make the following changes to it Remove the export default MyApp line and paste the following code Initializing TRPC server on the Next js serverimport withTRPC from trpc next import type AppRouter from backend routers Check to see the current environment then generate the appropriate URLfunction getBaseUrl if process browser return Browser should use current path if process env VERCEL URL return https process env VERCEL URL SSR should use vercel url return http localhost process env PORT dev SSR should use localhost export default withTRPC lt AppRouter gt config ctx If you want to use SSR you need to use the server s full URL link const url getBaseUrl api trpc return url link queryClientConfig defaultOptions queries staleTime link ssr false MyApp Phew That was a lot of code At this point in time you should be able to connect your frontend to your backend using the tRPC client instance created in your utils trpc ts file Step Using tRPCNow that everything has been implemented on the backend we can now use the client instance wherever we use to use it Let s try getting a user from the database using tRPC s hooks that are using React Query under the hood import trpc from utils trpc import useSession from next auth react import React from react const UserComponent React FC gt const data session useSession const data trpc useQuery get user email session user email as string return lt div gt lt h gt data user name lt h gt lt p gt data user email lt p gt lt div gt export default UserComponent At this point you can happily say you have implemented tRPC into your NextJS application OutroBelieve me or not I had written and completed the app using Next s built in API routing and handling system but the code was messy had typecasting all over the place in order to mimic some sort of end to end type safety between the backend and the client I have found tRPC to be a really useful tool and look forward to using it more often If you would like to checkout a github repo that uses tRPC without NextAuth take a look at Roundest by Theo Browne Useful LinkstRPC Vercel Prisma NextJS Railway Typescript NextAuth Tailwind CSS	2022-04-15 17:04:20
Apple	AppleInsider - Frontpage News	Free Unreal Engine game creation tool 'Core' is coming to macOS, iOS	https://appleinsider.com/articles/22/04/15/free-unreal-engine-game-creation-tool-core-is-coming-to-macos-ios?utm_medium=rss	Free Unreal Engine game creation tool x Core x is coming to macOS iOS Core a free game creation tool based on Unreal Engine and available so far only on PC is coming to macOS and iOS in the summer of Credit Manticore GamesManticore Games the developer of Core announced the expansion on Friday which asked the game creation app s one year anniversary When it arrives on iPhone iPad and Mac Core gamers will be able to cross play with Windows players Read more	2022-04-15 17:14:08
海外TECH	Engadget	Hubble telescope spots the largest known comet to date	https://www.engadget.com/hubble-space-telescope-largest-comet-ever-172504556.html?src=rss	Hubble telescope spots the largest known comet to dateComets aren t known for being gargantuan but there are clearly exceptions to that rule Researchers using the Hubble Space Telescope have spotted the largest known comet to date C UN Bernardinelli Bernstein With a nucleus miles across it easily overshadows the mile girth of previous record holder C VQ ーit s about times bigger than the typical comet nbsp The comet was first discovered in by its namesake astronomers Pedro Bernardinelli and Gary Bernstein However scientists only recently verified the size by comparing Hubble imagery against a computer model of the coma the atmosphere of the comet as it releases gas and data from the Atacama Large Millimeter submillimeter Array At roughly billion miles away from Earth C UN is too far away for Hubble to visualize the nucleus And before you ask no there s no danger of an Earth shattering collision C UN is on a million year long elliptical orbit that will take it no closer than billion miles from the Sun or slightly beyond Saturn s distance in It appears to have originated from the Oort Cloud the still theoretical nest of comets at least AU from the Sun and may travel up to half a light year away Its F temperature may seem frigid but it s warm enough to produce a carbon monoxide coma The size confirmation isn t just about bragging rights This finding widens humanity s understanding of comet sizes and adds to the still small catalog of very distant comets It might also provide more evidence of the Oort Cloud s existence and by extension help explain the cloud s role in Solar System development	2022-04-15 17:25:04
海外TECH	CodeProject Latest Articles	Avalonia DataGrid - Advanced Features coming from NP.Avalonia.Visuals Package	https://www.codeproject.com/Articles/5329865/Avalonia-DataGrid-Advanced-Features-coming-from-NP	Avalonia DataGrid Advanced Features coming from NP Avalonia Visuals PackageExplain the new code whose purpose is to add Filtering Layout Saving Restoring and Column Visibility functionality to Avalonia DataGrid	2022-04-15 17:44:00
金融	金融庁ホームページ	IOSCOによるディスカッション・ペーパー「COVID-19による市場ストレス下における社債市場の流動性要因」について掲載しました。	https://www.fsa.go.jp/inter/ios/20220415/20220415.html	covid	2022-04-15 17:30:00
ニュース	@日本経済新聞 電子版	生産年齢人口、最低の59%　外国人は9年ぶり減少 https://t.co/2e5UZRLW3P	https://twitter.com/nikkei/statuses/1515020563219050498	生産年齢人口	2022-04-15 17:33:44
ニュース	@日本経済新聞 電子版	1ドル=126円は今や重荷　怠った変革、競争力失う https://t.co/mjpmMk2K0h	https://twitter.com/nikkei/statuses/1515018786008559620	重荷	2022-04-15 17:26:40
ニュース	@日本経済新聞 電子版	農水産業、無駄ない広島　集落法人化でエネ消費半減 https://t.co/ODvObl5I9E	https://twitter.com/nikkei/statuses/1515015033285398531	集落	2022-04-15 17:11:46
ニュース	@日本経済新聞 電子版	チェルシー入札・韓国コロナ規制解除・スバル出荷停止 https://t.co/s0uGnvkn1x	https://twitter.com/nikkei/statuses/1515012754662313989	韓国	2022-04-15 17:02:42
ニュース	BBC News - Home	UK Rwanda asylum plan against international law, says UN refugee agency	https://www.bbc.co.uk/news/uk-61122241?at_medium=RSS&at_campaign=KARANGA	rwanda	2022-04-15 17:07:53
ニュース	BBC News - Home	Prince Harry and Meghan land in Netherlands for Invictus Games	https://www.bbc.co.uk/news/uk-61122854?at_medium=RSS&at_campaign=KARANGA	royals	2022-04-15 17:36:46
ニュース	BBC News - Home	Easter travellers face traffic jams and rail disruption	https://www.bbc.co.uk/news/business-61117132?at_medium=RSS&at_campaign=KARANGA	major	2022-04-15 17:06:06
ニュース	BBC News - Home	Manchester City v Liverpool: Kevin de Bruyne and Kyle Walker doubtful for FA Cup semi-final	https://www.bbc.co.uk/sport/football/61120882?at_medium=RSS&at_campaign=KARANGA	Manchester City v Liverpool Kevin de Bruyne and Kyle Walker doubtful for FA Cup semi finalManchester City boss Pep Guardiola is unsure whether Kevin de Bruyne and Kyle Walker will be fit to play in Saturday s FA Cup semi final at Wembley	2022-04-15 17:16:31
ビジネス	ダイヤモンド・オンライン - 新着記事	資格試験の最短合格法「分野別問題集を解きまくる」 - 大量に覚えて絶対忘れない「紙1枚」勉強法	https://diamond.jp/articles/-/301689	資格試験	2022-04-16 02:55:00
ビジネス	ダイヤモンド・オンライン - 新着記事	2分でわかる！「スウェーデンってどんな国？」 - 読むだけで世界地図が頭に入る本	https://diamond.jp/articles/-/301148		2022-04-16 02:50:00
ビジネス	ダイヤモンド・オンライン - 新着記事	多くの「片づけ本」に 載っていない “片づけの最難関”とは？ - 人生が変わる 紙片づけ！	https://diamond.jp/articles/-/301566	紙には、財産や信用に直結するものもあります。	2022-04-16 02:45:00
ビジネス	ダイヤモンド・オンライン - 新着記事	75歳以上の人が亡くなったら、「保険手続」は14日以内に！ - ぶっちゃけ相続「手続大全」	https://diamond.jp/articles/-/301694	解説	2022-04-16 02:40:00
ビジネス	ダイヤモンド・オンライン - 新着記事	自衛隊で痛感！「優秀な人が育たない組織」と「育つ組織」の決定的なちがい - メンタルダウンで地獄を見た元エリート幹部自衛官が語る　この世を生き抜く最強の技術	https://diamond.jp/articles/-/301375	twitter	2022-04-16 02:35:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【発達障害専門の精神科医が教える】断りたいのに断れない人が気をつけるべき、たった1つのポイントとは？ - 「しなくていいこと」を決めると、人生が一気にラクになる	https://diamond.jp/articles/-/301489	思い込み	2022-04-16 02:30:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【「世界一受けたい授業」出演が話題】 カリスマ保育士てぃ先生が断言！ 子どもに伝わる「叱る場所」とは？ - カリスマ保育士てぃ先生の子育て〇×図鑑	https://diamond.jp/articles/-/301625	子育ての悩みは、決して親の能力や愛情の深さの問題ではなく、子ども特有の気持ちやものごとのとらえ方、体の状態を知るだけでうまくいくことが多いと、てぃ先生は教えてくれます。	2022-04-16 02:25:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【幸運な人は知っている】ご神仏に願いを叶えてもらえる人、ご神仏に距離を置かれる人。あまりにもわかりやすい特徴とは - 迷いをすっきり消す方法	https://diamond.jp/articles/-/301531	願い	2022-04-16 02:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	“お金の罠”は感情でハマる！ 経済的安定を手にする人が徹底する【3つの鉄則】 - 真の「安定」を手に入れるシン・サラリーマン	https://diamond.jp/articles/-/300671	“お金の罠は感情でハマる経済的安定を手にする人が徹底する【つの鉄則】真の「安定」を手に入れるシン・サラリーマン異例の発売前重版刷仕事がデキない、忙しすぎる、上司のパワハラ、転職したい、夢がない、貯金がない、老後が不安…サラリーマンの悩み、この一冊ですべて解決これからのリーマンに必要なもの、結論、出世より「つの武器」リーマン力副業力マネー力。	2022-04-16 02:15:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【東大名誉教授が教える】ローマの英雄カエサルに学ぶ「優れたリーダー」の共通点とは？ - アメリカの中学生が学んでいる14歳からの世界史	https://diamond.jp/articles/-/300734	【東大名誉教授が教える】ローマの英雄カエサルに学ぶ「優れたリーダー」の共通点とはアメリカの中学生が学んでいる歳からの世界史発売たちまち重版刷アメリカで発刊後、中国・ドイツ・韓国・ブラジル・ロシア・ベトナム・ロシアなど世界各国にも広がった「学び直し本」の圧倒的ロングセラーシリーズ「BigFatNotebook」の日本版が刊行。	2022-04-16 02:10:00
ビジネス	ダイヤモンド・オンライン - 新着記事	「全然食べていないのに太る」 と訴える人が、 まず第一にすべきこと - 3か月で自然に痩せていく仕組み	https://diamond.jp/articles/-/301543	会食三昧なのに、このメソッドでキロも痩せた精神科医の樺沢紫苑先生が、「ストレスフリー我慢不要アウトプットレコーディングで痩せられる、脳科学的にも正しいメソッドです」と推薦する話題の書、「か月で自然に痩せていく仕組み意志力ゼロで体が変わる勤休ダイエットプログラム」野上浩一郎著から、そのコツや実践法を紹介していきます。	2022-04-16 02:05:00
北海道	北海道新聞	警察官名乗る男らに２５０万円だまし取られる　江別の７０代女性	https://www.hokkaido-np.co.jp/article/670226/	江別市内	2022-04-16 02:04:00