投稿時間:2023-02-16 03:32:03 RSSフィード2023-02-16 03:00 分まとめ(40件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWS Database Blog	Audit Amazon RDS for SQL Server using database activity streams	https://aws.amazon.com/blogs/database/audit-amazon-rds-for-sql-server-using-database-activity-streams/	Audit Amazon RDS for SQL Server using database activity streamsAmazon Relational Database Service Amazon RDS for SQL Server now supports database activity streams to provide a near real time stream of database activities in your relational database To protect your database from internal and external threats and to meet compliance and regulatory requirements you can easily integrate the database activity stream with third party database activity monitoring …	2023-02-15 17:11:11
AWS	AWS Networking and Content Delivery	Manual Failover and Failback Strategy with Amazon Route53	https://aws.amazon.com/blogs/networking-and-content-delivery/manual-failover-and-failback-strategy-with-amazon-route53/	Manual Failover and Failback Strategy with Amazon RouteIntroduction Customers use multi region architecture to achieve application resiliency such as Active Active or Disaster Recovery DR Depending on DR strategy customers may need to have failover from one region to the next DR strategies are covered off in detail in a prior AWS Blog DR strategies include either an Active Passive or Multi Site Active Active approaches Active Passive …	2023-02-15 17:30:15
AWS	AWS Startups Blog	Shining a light on Black excellence: three founders share their stories	https://aws.amazon.com/blogs/startups/shining-a-light-on-black-excellence-three-founders-share-their-stories/	Shining a light on Black excellence three founders share their storiesToday we re talking to three Black founders and leaders Kwame Boler CEO and co founder of Spritz Natasha Greene We Intervene and Chandler Malone CEO of Bootup These Black leaders and innovators are making impacts in their communities industries and beyond Read on to see how they ve overcome obstacles and how they encourage and mentor young Black founders in tech and beyond	2023-02-15 17:14:04
python	Pythonタグが付けられた新着投稿 - Qiita	【Python】 リストの基本的な操作	https://qiita.com/takuoza1006/items/4d9cd7d5f8b1d5ece7d8	qiita	2023-02-16 02:42:40
js	JavaScriptタグが付けられた新着投稿 - Qiita	ViteとBootstrapで最速で開発しよう	https://qiita.com/asameshiCode/items/a141f7f2a3337b7debde	vanillaj	2023-02-16 02:23:13
海外TECH	Ars Technica	Report: Musk had Twitter engineers boost his tweets after Biden got more views	https://arstechnica.com/?p=1917851	multiplier	2023-02-15 17:16:18
海外TECH	Ars Technica	Hyundai, Kia pushing updates so you can’t just steal their cars with USB cables	https://arstechnica.com/?p=1917816	cablesthe	2023-02-15 17:03:42
海外TECH	MakeUseOf	The 5 Best Cardano (ADA) Wallets	https://www.makeuseof.com/best-cardano-ada-wallets/	cardano	2023-02-15 17:46:19
海外TECH	MakeUseOf	6 Easy Ways to Add More Vegetables to Your Diet	https://www.makeuseof.com/add-vegetables-to-diet-easy-ways/	people	2023-02-15 17:30:17
海外TECH	MakeUseOf	9 Fixes When Windows Can't Detect a Microphone	https://www.makeuseof.com/windows-not-detecting-microphone/	windows	2023-02-15 17:15:18
海外TECH	DEV Community	How to Send Invoice and Add Payment Reminder in Next.js with Courier API	https://dev.to/courier/how-to-send-invoice-and-add-payment-reminder-in-nextjs-with-courier-api-3i0a	How to Send Invoice and Add Payment Reminder in Next js with Courier API BackgroundA lot of open source invoice management apps are built with Laravel As a Javascript developer I wanted to build the “React Solution for devs that are familiar with React and Javascript A problem I found when building with services in Node js is that there is no built in mailer So I had to find a rd party service to do that for me In this article I will be integrating Courier to send emails for this project Pre requisitesAs this article isn t your typical follow along more like please sit tight and see how I do it it s not mandatory to be familiar with all technologies used However familiarity with Typescript and Next js will be beneficial for quicker understanding Technologies in this blog Typescript type safety and auto completion are the best right Next js a production ready framework to build a full stack app even for beginners Prisma a great ORM to work with databases We use Prisma because of its type safety and auto completion providing great developer experience with typescript added Trpc enable us to easily build end to end type safety between our Next js client and server Courier API a great service platform to handle our notifications such as email SMS and much more You can find the full source code here for reference GoalsBefore building the features let s define our goals Send invoice link to client s email Send a reminder a day before an invoice s due date Cancel an invoice due date reminder when the invoice is already paid Handling network errors Part Setup Courier PlatformLet s head over to the Courier Dashboard By default it s in a production environment Since I want to test things out I m going to change to the test environment by clicking the dropdown in the top right corner We can copy all templates later to production or vice versa Now I will create a brand for my email notifications I m just going to add a logo beware that the logo width is fixed to px on the header and social links on the footer The designer UI is pretty straightforward so here is the final result Don t forget to publish the changes Part Send Invoice to EmailCurrently the send email button on the UI is doing nothing I m going to create a courier ts file in src lib to keep all Courier related code Also I will use courier node js client library which already abstracted all Courier API endpoints to functions Before I build the functionality let s create the email notification design within Courier s Designer and set up the Gmail provider On the email designer page we will see that the created brand is already integrated After that let s design the template accordingly with the needed data Here is the final result Notice the value with that becomes green it means it s a variable that can be inserted dynamically I also set the See Invoice button or action with a variable Before I can use the template I need to create a test event by clicking the preview tab Then it will show a prompt to name the event and set data in JSON format That data field is what will populate the value of the green variables the data can be set from code also Since it s a test event I will fill it with arbitrary values Next I will publish the template so I can use it Then go to send tab It will show the necessary code to send the email programmatically and the data will be populated with the previous test event that I created BackendI will copy the test AUTH TOKEN to the env file and copy the snippet to src lib courier ts const authToken process env COURIER AUTH TOKEN email to receive all sent notifications in DEVELOPMENT modeconst testEmail process env COURIER TEST EMAIL const INVOICE TEMPLATE ID lt TEMPLATE ID gt const courierClient CourierClient authorizationToken authToken Create a sendInvoice function that will be responsible for sending an email To send an email from the code I use the courierClient send function src lib courier tsexport const sendInvoice async customerName invoiceNumber invoiceViewUrl emailTo productName dueDate SendInvoice gt const recipientEmail process env NODE ENV production emailTo testEmail const requestId await courierClient send message to email recipientEmail template INVOICE TEMPLATE ID Data for courier template designer data customerName invoiceNumber invoiceViewUrl productName dueDate return requestId Define types for the sendInvoice function src lib courier tsinterface SendInvoice productName string dueDate string customerName string invoiceNumber string invoiceViewUrl string emailTo string Now that I can send the email I will call it in the sendEmail trpc endpoint that resides in src server trpc router invoice ts Just remember that trpc endpoint is a Next js API route In this case sendEmail will be the same as calling the api trpc sendEmail route with fetch under the hood For more explanation src server trpc router invoice tsimport sendInvoice from lib courier import dayjs from lib dayjs SOMEWHERE BELOW sendEmail protectedProcedure input z object customerName z string invoiceNumber z string invoiceViewUrl z string emailTo z string invoiceId z string productName z string dueDate z date mutation async input gt const invoiceData input dueDate dayjs input dueDate format D MMMM YYYY await sendInvoice invoiceData For those who are unfamiliar with trpc what I did is the same as handling a POST request Let s break it down Trpc way of defining request input from client by validating with Zod Here I define all data that are needed for the sendInvoice function input z object customerName z string invoiceNumber z string invoiceViewUrl z string emailTo z string invoiceId z string productName z string dueDate z date Define a POST request handler mutation input from before mutation async input gt const invoiceData input format a date to string with a defined format dueDate dayjs input dueDate format D MMMM YYYY ex January send the email await sendInvoice invoiceData FrontendNow I can start to add the functionality to the send email button I m going to use the trpc useMutation function which is a thin wrapper of tanstack query suseMutation Let s add the mutation function On successful response I want to send a success toast on UI tsx src pages invoices invoiceId index tsximport toast from react hot toast const InvoiceDetail NextPage gt calling the sendEmail trpc endpoint with tanstack query const sendEmailMutation trpc invoice sendEmail useMutation onSuccess toast success Email sent I can just use the function as an inline handler but I want to create a new handler for the button ts src pages invoices invoiceId index tsx still inside the InvoiceDetail component const sendInvoiceEmail gt const hostUrl window location origin prevent a user from spamming when the API call is not done if sendEmailMutation isLoading return send input data to sendEmail trpc endpointsendEmailMutation mutate customerName invoiceDetail customer name invoiceNumber invoiceDetail invoiceNumber invoiceViewUrl hostUrl invoices invoiceDetail id preview emailTo invoiceDetail customer email invoiceId invoiceDetail id dueDate invoiceDetail dueDate productName invoiceDetail name Now I can attach the handler to the send email button ts src pages invoices invoiceId index tsx variant primary onClick sendInvoiceEmail isLoading sendEmailMutation isLoading gt Send to Email Here s the working UI Part Send Payment ReminderTo schedule a reminder that will be sent a day before an invoice s due date I m going to use Courier s Automation API First let s design the email template in Courier designer As I already go through the process before here is the final result Before adding the function define the types for the parameter and refactor the types ts src lib courierinterface CourierBaseData customerName string invoiceNumber string invoiceViewUrl string emailTo string interface SendInvoice extends CourierBaseData productName string dueDate string interface ScheduleReminder extends CourierBaseData scheduledDate Date invoiceId string Now I add the scheduleReminder function to src lib courier ts src pages invoices invoiceId index tsx check if the development environment is productionconst IS PROD process env NODE ENV production const PAYMENT REMINDER TEMPLATE ID export const scheduleReminder async scheduledDate emailTo invoiceViewUrl invoiceId customerName invoiceNumber ScheduleReminder gt delay until a day before due date in production else seconds after sent for development const delayUntilDate IS PROD scheduledDate new Date Date now SECOND TO MS const recipientEmail IS PROD emailTo testEmail define the automation steps programmatically const runId await courierClient automations invokeAdHocAutomation automation steps Set delay for the next steps until given date in ISO string action delay until delayUntilDate toISOString Send the email notification Equivalent to courierClient send action send message to email recipientEmail template PAYMENT REMINDER TEMPLATE ID data invoiceViewUrl customerName invoiceNumber return runId To send the reminder I will call scheduleReminder after a successful sendInvoice attempt Let s modify the sendEmail trpc endpoint ts src server trpc router invoice tssendEmail protectedProcedure input omitted for brevity mutation async input gt multiplier for converting day to milliseconds const DAY TO MS get a day before the due date const scheduledDate new Date input dueDate getTime DAY TO MS const invoiceData omitted for brevity await sendInvoice invoiceData after the invoice is sent schedule the reminder await scheduleReminder invoiceData scheduledDate Now if I try to send an invoice by email I should get a reminder seconds later since I m in the development environment Part Cancel a reminderFinally all the features are ready However I got a problem what if a client had paid before the scheduled date for payment reminder Currently the reminder email will still be sent That s not a great user experience and potentially a confused client Thankfully Courier has an automation cancellation feature Let s add cancelAutomationWorkflow function that can cancel any automation workflow in src lib courier ts tsexport const cancelAutomationWorkflow async cancelation token cancelation token string gt const runId await courierClient automations invokeAdHocAutomation automation define a cancel action that sends a cancelation token steps action cancel cancelation token return runId What is a cancelation token It s a unique token that can be set to an automation workflow so it s cancelable by sending a cancel action with a matching cancelation token Add cancelation token to scheduleReminder I use the invoice s Id as a token ts src lib courier tsexport const scheduleReminder async gt omitted for brevityconst runId await courierClient automations invokeAdHocAutomation automation add cancelation token here cancelation token invoiceId reminder steps action delay until delayUntilDate toISOString omitted for brevity I will call cancelAutomationWorkflow when an invoice s status is updated to PAID in the updateStatus trpc endpoint ts src server trpc router invoice tsupdateStatus protectedProcedure input omitted for brevity mutation async ctx input gt const invoiceId status input update an invoice s status in database const updatedInvoice await ctx prisma invoice update where id invoiceId data status cancel payment reminder automation workflow if the status is paid if updatedInvoice status PAID call the cancel workflow to cancel the payment reminder for matching cancelation token await cancelAutomationWorkflow cancelation token invoiceId reminder return updatedStatus Here is the working UI Part Error HandlingAn important note when doing network requests is there are possibilities of failed requests errors I want to handle the error by throwing it to the client so it can be reflected in UI On error Courier API throws an error with CourierHttpClientError type by default I will also have all functions return value in src lib courier ts consistent with the below format ts On Successtype SuccessResponse data any error null On Errortype ErrorResponse data any error string Now I can handle errors by adding a try catch block to all functions in src lib courier ts tstry function code modified return example return data runId error null catch error make sure it s an error from Courier if error instanceof CourierHttpClientError return data error data error error message else return data null error Something went wrong Let s see a handling example on the sendEmail trpc endpoint ts src server trpc router invoice tsconst error sendError await sendInvoice if sendError throw new TRPCClientError sendError const error scheduleError await scheduleReminder if scheduleError throw new TRPCClientError scheduleError Part Go To ProductionNow that all templates are ready I will copy all assets in the test environment to production Here is an example ConclusionFinally all the features are integrated with Courier We ve gone through a workflow of integrating Courier API to a Next js application Although it s in Next js and trpc the workflow will be pretty much the same with any other technology I hope now you can integrate Courier into your application by yourself Get started now About the AuthorI m Fazza Razaq Amiarso a full stack web developer from Indonesia I m also an Open Source enthusiast I love to share my knowledge and learning on my blog I occasionally help other developers on FrontendMentor in my free time Connect with me on LinkedIn Quick LinksCourier DocsContribute to InvoysInvoys Motivation	2023-02-15 17:32:02
海外TECH	DEV Community	Draggable element & Cursor to see the filters separately	https://dev.to/amiru_weerathunga/draggable-element-cursor-to-see-the-filters-separately-2fk1	cursor	2023-02-15 17:23:32
海外TECH	DEV Community	Next.js Tutorial: Building a Complete Web App from Scratch with React, Server-Side Rendering, and SEO-Friendly URLs	https://dev.to/monu181/nextjs-tutorial-building-a-complete-web-app-from-scratch-with-react-server-side-rendering-and-seo-friendly-urls-3c55	Next js Tutorial Building a Complete Web App from Scratch with React Server Side Rendering and SEO Friendly URLsIn this tutorial we ll cover the following steps Setting up a new Next js projectUnderstanding the project structureCreating pages and routingWorking with dataStyling with CSSDeploying your Next js appBy the end of this tutorial you ll have a solid understanding of how to build a Next js app from scratch Let s get started Step Setting up a new Next js projectTo get started with Next js you ll need to have Node js installed on your machine If you don t already have it installed you can download it from the official website Once you have Node js installed you can use the npx command to create a new Next js project luaCopy codenpx create next app my appThis will create a new Next js project in a directory called my app Once the project is created you can navigate into the directory and start the development server by running bashCopy codecd my appnpm run devThis will start the development server and open your app in the browser at http localhost You should see a default Next js landing page Step Understanding the project structureBefore we start building our app let s take a look at the project structure that Next js has generated for us javaCopy codemy app ├ー next ├ーnode modules ├ーpages │├ーindex js│└ーapi │└ーhello js├ーpublic │├ーfavicon ico│└ーvercel svg├ーstyles │├ーglobals css│└ーHome module css├ー gitignore├ーpackage json└ーREADME mdHere s a brief overview of what each directory and file does next This directory contains Next js s build output You should not modify the contents of this directory directly node modules This directory contains all of the dependencies that your project needs to run You should not modify the contents of this directory directly pages This directory contains your app s pages Each file in this directory represents a page of your app public This directory contains any static assets that you want to serve with your app such as images videos or fonts styles This directory contains your app s CSS styles gitignore This file tells Git which files and directories to ignore when committing changes to your repository package json This file contains metadata about your project including its dependencies and scripts README md This file contains information about your project that other developers might find useful Step Creating pages and routingNow that we understand the project structure let s create a new page for our app In Next js each file in the pages directory represents a page of your app Create a new file called about js in the pages directory and add the following code jsxCopy codefunction About return About Page This is the about page of our app export default About Now if you navigate to http localhost about you should see the contents of the About component Next let s add some navigation to our app To add navigation to our app we can use the built in Link component from Next js The Link component allows us to create client side navigation between pages without a full page reload In our index js file let s add a link to the about page we just created jsxCopy codeimport Link from next link function Home return Home Page Welcome to our app About Us export default Home Now if you click the About Us link you should be taken to the about page without a full page reload Step Working with dataNext let s work with some data in our app In this example we ll use the JSONPlaceholder API to fetch some data and display it on our page First let s install the isomorphic fetch package which allows us to use the fetch API both server side and client side sqlCopy codenpm install isomorphic fetchNext let s create a new file called posts js in the pages directory and add the following code jsxCopy codeimport fetch from isomorphic fetch function Posts posts return Posts Page posts map post gt post title export async function getStaticProps const response await fetch const posts await response json return props posts export default Posts In this code we re using the getStaticProps function to fetch data from the JSONPlaceholder API and pass it to our Posts component as a prop Now if you navigate to http localhost posts you should see a list of posts fetched from the API Step Styling with CSSNext let s add some styles to our app Next js allows us to use CSS modules to create scoped styles for each component In our Home component let s add a class name to the h element and create a new CSS module to style it jsxCopy codeimport Link from next link import styles from styles Home module css function Home return Home Page Welcome to our app About Us export default Home In our styles Home module css file let s add some styles for the title class cssCopy code title font size rem color f Now if you navigate to http localhost you should see the Home Page title in blue and with a larger font size Step Deploying your Next js appFinally let s deploy our app to the web so that other people can use it One popular platform for hosting Next js apps is Vercel which offers a free tier for personal projects To deploy your app to Vercel follow these steps Create an account on Vercel by signing up at Install the Vercel CLI by running the following command in your terminal Copy codenpm install g vercelNavigate to the root directory of your Next js app Run the following command to link your app to your Vercel account Copy codevercel loginRun the following command to deploy your app to Vercel Copy codevercelFollow the prompts in your terminal to configure your deployment settings Once your app is deployed you can access it at the URL provided by Vercel Congratulations you ve now deployed your Next js app to the web ConclusionIn this tutorial we ve covered the basics of building a Next js app for next js developers from scratch We started by creating a new app with the create next app command and then we added some pages navigation data fetching and styling Next js is a powerful framework that offers many features out of the box such as server side rendering automatic code splitting and static site generation By following this tutorial you should now have a solid foundation for building your own Next js apps If you d like to learn more about Next js be sure to check out the official documentation at Happy coding	2023-02-15 17:18:55
海外TECH	DEV Community	A Guide for "this" keyword in JavaScript	https://dev.to/brianbogita/a-guide-for-this-keyword-in-javascript-3fo5	A Guide for quot this quot keyword in JavaScriptThe this Keyword is a difficult JavaScript concept to grasp However becoming a great developer necessitates understanding concepts like the keyword It is a common concept in any JavaScript code hence a must comprehend term Simply put this keyword refers to the object where it belongs It is also defined as a property of an execution content which is usually a reference to an object when not in strict mode The keyword is majorly used in the Object Oriented programming context Here is an example to understand it better let studentDetails firstName James lastName Kyle gender Male age salute function return Hello I am this firstName this lastName a student with passion in programming console log studentDetails salute In the example a StudentDetails object exists which has four properties and a salute method When the salute method of the StudentDetails is called the console log will output Hello I am James Kyle a student with passion in programming How did this firstName and this lastName convert to James and Kyle correspondingly To get the answer we reference the definition of this keyword Earlier it was said that it refers to an object where it belongs So from the above example this refers to the studentDetails object which owns the salute method The dot operator is used to access members of an object as defined by this keyword The dot operator is being used in the console log to access call the salute method Note that you may use the dot operator to access the properties method of the salute object like age and gender Situations in which the this keyword can be usedDepending on how this keyword is called during execution it can refer to many things This makes the definition of this as the property of an execution context precise Let s dig further this in the method of an objectTo begin with a method is used to denote a function that is a member of an object All methods act as functions but not every function can be a method So when this keyword is used inside a method it refers to the holder of the method where it is used Here is an example salute function return “Hello I am this firstName this lastName a student with passion in programming In the example above this used inside the salute method refers to the StudentDetail object which owns the salute method this in the Global Context When used alone not inside any function and hence defined as being in the global context this keyword refers to the global object The global object refers to one which owns this keyword in this context this in a functionTake note that we refer to this keyword when it is being used in a function and not affiliated with any object Here the function is standalone In such a JavaScript object the default value of this is the holder of the function If the code is not set to strict mode and has not been set to a member of an object then this defaults to the global object function myFunction return this myFunction windowFrom the illustration this keyword value as used inside myFunction refers to the window object This is the reason why the result of the string comparison between myFunction and the window object will output true since they hold the same value this in a function Strict Mode When used in strict mode JavaScript does not allow default binding and this makes it undefined The strict mode blocks sloppy code in programming There is no concrete reason to want access to the value of this in a function because it will output the window object Programmers majorly access this keyword since they wish to get some properties from the owner Therefore strict mode enforces this which makes this keyword undefined use strict function myFunction return this myFunction windowAs can be seen in the above example in the strict mode the value of this inside a function is undefined From the example above in strict mode the value of this inside a function is undefined	2023-02-15 17:12:11
海外TECH	DEV Community	What are the key differences between React.js and Next.js in terms of technical capabilities?	https://dev.to/monu181/what-are-the-key-differences-between-reactjs-and-nextjs-in-terms-of-technical-capabilities-3em	What are the key differences between React js and Next js in terms of technical capabilities Next js and React js are both popular front end web development frameworks that are widely used to build high quality and scalable web applications While React is a standalone library for building user interfaces Next js is a framework built on top of React that adds more advanced features and capabilities In this article we ll explore the technical differences between Next js and React js and provide a detailed analysis of which framework is better for which use case Technical Differences Between Next js and React jsServer Side RenderingOne of the key differences between Next js and React js is their approach to server side rendering React js is primarily a client side library that relies on client side rendering to generate HTML markup and render it in the browser However Next js provides built in server side rendering capabilities which allows the server to render the initial HTML and send it to the client for faster page load times and better SEO performance RoutingAnother significant difference between Next js and React js is the way they handle routing In React you need to manually handle routing by using a third party library such as React Router to handle client side routing However Next js provides built in routing capabilities that allow you to define page routes and handle client side navigation without any additional configuration Code SplittingCode splitting is an important optimization technique that allows you to split your code into smaller more manageable chunks that can be loaded on demand reducing the initial page load time While React provides some code splitting capabilities through third party libraries Next js provides built in code splitting features that allow you to automatically split your code based on page boundaries which makes it easier to optimize your application s performance Static Site GenerationNext js also provides static site generation capabilities which allow you to generate a set of static HTML files that can be served directly from a CDN or web server eliminating the need for a backend server This is especially useful for applications that don t require dynamic content and can be pre rendered at build time API RoutesNext js provides built in API routes which allow you to define serverless functions that can be called directly from your client side code eliminating the need for a backend server This is particularly useful for building lightweight and scalable applications that don t require a full backend infrastructure File Based RoutingNext js provides file based routing which allows you to define routes based on the file structure of your application This makes it easier to organize your code and handle complex routing scenarios such as nested routes and dynamic routes Use Cases for Next js and React jsReact jsReact js is an ideal choice for building complex feature rich web applications that require a high degree of interactivity and complex data management It provides a powerful set of tools and libraries for building rich user interfaces and provides a flexible and scalable architecture that can be customized to meet the specific needs of your application React js is particularly useful for applications that require real time data updates such as chat applications real time dashboards and e commerce applications It is also well suited for building progressive web applications that can be installed on a user s device and used offline Next jsNext js is an ideal choice for building high performance web applications that require server side rendering advanced routing and code splitting capabilities It is particularly well suited for building content driven websites such as blogs news sites and e commerce sites that require fast page load times and good SEO performance Next js is also an excellent choice for building serverless applications that require lightweight backend infrastructure and can be hosted on a CDN or web server It provides built in API routes and static site generation capabilities that make it easy to build scalable and cost effective web applications ConclusionIn conclusion Next js and React js are both powerful and popular front end web development frameworks that provide a wide range of features and capabilities for building high quality and scalable web applications While React is primarily a client side library for building user interfaces Next js is a framework built on top of React that adds more advanced features and capabilities such as server side rendering routing and code splitting The choice between Next js and React js depends on the specific needs and requirements of your application React js is ideal for building complex and feature rich web applications that require a high degree of interactivity and complex data management Next js is ideal for building high performance web applications that require server side rendering advanced routing and code splitting capabilities such as content driven websites and serverless applications In conclusion both Next js and React js are powerful tools for building high quality web applications and the choice between the two depends on the specific needs and requirements of your application By understanding the technical differences and the strengths of each framework you can make an informed decision about which one is best for your use case	2023-02-15 17:03:57
Apple	AppleInsider - Frontpage News	SanDisk Professional Pro-Blade system: Fast, but an answer to a question nobody is asking	https://appleinsider.com/articles/23/02/15/sandisk-professional-pro-blade-system-fast-but-an-answer-to-a-question-nobody-is-asking?utm_medium=rss	SanDisk Professional Pro Blade system Fast but an answer to a question nobody is askingSanDisk Professional s Pro Blade SSD is a modular storage system that has good enough speed and is reasonably compact but it needs time to evolve and see greater adoption SanDisk Professional Pro Blade Transport and SSD MagMost of the AppleInsider staff used Zip disks in their heyday For those that didn t they were portable magnetic media a bit larger than a floppy disk that slotted into a relatively inexpensive drive Read more	2023-02-15 17:31:53
Apple	AppleInsider - Frontpage News	RiotPWR launches combo Lightning & USB-C controller	https://appleinsider.com/articles/23/02/15/riotpwr-launches-combo-lightning-usb-c-controller?utm_medium=rss	RiotPWR launches combo Lightning amp USB C controllerRiotPWR makes cloud gaming controllers for Apple hardware and its newest product works on not just a Lightning iPhone but a USB C iPad too RiotPWR iPhone controllerThe new RiotPWR RP controller comes with Lightning and USB C cables for iPhones and iPads in case Apple releases an iPhone with a USB C port Newer iPad models already include a USB C port Read more	2023-02-15 17:21:43
Apple	AppleInsider - Frontpage News	Apple's 12-inch MacBook may be coming closer to a rebirth	https://appleinsider.com/articles/23/02/15/apples-12-inch-macbook-may-be-coming-closer-to-a-rebirth?utm_medium=rss	Apple x s inch MacBook may be coming closer to a rebirthA new rumor from a generally accurate leaker claims that Apple might be planning to bring back the inch MacBook that was last updated in ーalthough it might not appear until inch MacBook compared to inch modelA new rumor on the Korean blog platform Naver from leaker yeux claims Apple plans to refresh the product according to a source from a supply chain parts company in Taiwan Apple reportedly intends to announce whether mass production of the device will begin as early as the second half of this year Read more	2023-02-15 17:06:12
Apple	AppleInsider - Frontpage News	Apple has new plans for 2023 Major League Soccer games	https://appleinsider.com/articles/23/02/15/apple-has-new-plans-for-2023-major-league-soccer-games?utm_medium=rss	Apple has new plans for Major League Soccer gamesTo prepare for the MLS season kick off on February Apple and MLS have shared details on what fans can expect with the MLS Season Pass and what s changing The games will have enhanced production quality when they tune in with MLS Season Pass They will feature more camera angles p video and Dolby audio Improved data and graphics will provide better field coverage and replays Read more	2023-02-15 17:01:20
海外TECH	Engadget	Verizon expands its 2Gbps Fios to New York’s five boroughs	https://www.engadget.com/verizon-expands-its-2gbps-fios-to-new-yorks-five-boroughs-171820665.html?src=rss	Verizon expands its Gbps Fios to New York s five boroughsVerizon says its Fios Gig plan its fastest broadband service is now available across New York City s five boroughs However your mileage may vary since the company hasn t clarified what portion of the areas are covered A year ago it began rolling out the service in “select areas of NYC The Fios Gig plan is part of Verizon s fiber optic network which can be faster and more reliable than cable internet The plan technically starts at per month but depending on your setup your monthly fee could be as high as That s because the lower price is only available for existing Verizon Wireless customers on specific plans G Do More G Play More G Get More or One Unlimited for iPhone plans who sign up for autopay Skipping autopay will add another to your bill There s also a setup fee In addition the company says the advertised pricing is only valid through April However it does promise a four year price guarantee if you re a new customer who hasn t subscribed to Verizon Home Internet in the last days The service s wired download and upload speeds are symmetrical and Verizon says you can typically expect between Gbps and Gbps for a wired connection As always wireless streaming will be lower In addition the Fios Gig plan includes a router rental with up to three WiFi extenders although you ll have to request those ーand self setup customers only get up to two extenders However the company will let you rent or purchase additional ones In short there is fine print aplenty so read carefully before signing up	2023-02-15 17:18:20
海外科学	NYT > Science	Scientists Get a Close-Up Look Beneath a Troubling Ice Shelf in Antarctica	https://www.nytimes.com/2023/02/15/climate/thwaites-antarctica-melting-robot.html	Scientists Get a Close Up Look Beneath a Troubling Ice Shelf in AntarcticaA robot lowered through the ice reveals how the Thwaites shelf is melting which will help forecast its effect on global sea level	2023-02-15 17:37:03
金融	RSS FILE - 日本証券業協会	『NISAの日記念イベント 〜資産所得倍増に向けて〜』を開催しました！	https://www.jsda.or.jp/about/gyouji/230211nisa_event.html	資産	2023-02-15 18:47:00
ニュース	BBC News - Home	Missing Nicola Bulley had alcohol issues, say police	https://www.bbc.co.uk/news/uk-england-lancashire-64656669?at_medium=RSS&at_campaign=KARANGA	mother	2023-02-15 17:53:34
ニュース	BBC News - Home	Epsom College deaths: Family tribute to head teacher and daughter	https://www.bbc.co.uk/news/uk-england-surrey-64656326?at_medium=RSS&at_campaign=KARANGA	george	2023-02-15 17:48:02
ニュース	BBC News - Home	Women pulled alive from Turkey quake debris nine days on	https://www.bbc.co.uk/news/world-middle-east-64653216?at_medium=RSS&at_campaign=KARANGA	onthe	2023-02-15 17:12:48
ニュース	BBC News - Home	Jeremy Corbyn won't be Labour candidate at next election, says Starmer	https://www.bbc.co.uk/news/uk-politics-64640069?at_medium=RSS&at_campaign=KARANGA	starmer	2023-02-15 17:56:25
ニュース	BBC News - Home	Buffalo shooting: Relative lunges at gunman before sentencing	https://www.bbc.co.uk/news/world-us-canada-64655018?at_medium=RSS&at_campaign=KARANGA	sentence	2023-02-15 17:45:20
ニュース	BBC News - Home	Championship: RFU confirms Wasps' place for 2023-24 but not Worcester Warriors	https://www.bbc.co.uk/sport/rugby-union/64623377?at_medium=RSS&at_campaign=KARANGA	Championship RFU confirms Wasps x place for but not Worcester WarriorsThe RFU confirms that Wasps currently without a home will play in next season s Championship but Worcester will not take part	2023-02-15 17:29:32
ビジネス	ダイヤモンド・オンライン - 新着記事	就活生必見！日本マクドナルドや松屋フーズ…コロナ禍で試された「外食業界」の採用動向 - 親と子のための業界・企業研究2023	https://diamond.jp/articles/-/315204	企業研究	2023-02-16 02:55:00
ビジネス	ダイヤモンド・オンライン - 新着記事	「夫婦の片づけトラブル」どう防ぐ？無理なく整理整頓できるルールとは - ニュース3面鏡	https://diamond.jp/articles/-/316614	整理整頓	2023-02-16 02:50:00
ビジネス	ダイヤモンド・オンライン - 新着記事	30代40代のミドル社員が身につけたい“両利きのキャリア”とは何か？ - HRオンライン	https://diamond.jp/articles/-/317052	代代のミドル社員が身につけたい“両利きのキャリアとは何かHRオンライン昨今、「両利きの経営」というコトバがビジネスシーンで目立っている。	2023-02-16 02:45:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【英会話のコツ】 非ネイティブが身につけたい 使えるボディランゲージ・ベスト3 - バカでも英語がペラペラ！ 超★勉強法	https://diamond.jp/articles/-/316116	【英会話のコツ】非ネイティブが身につけたい使えるボディランゲージ・ベストバカでも英語がペラペラ超勉強法大反響発売前発売即大増刷英語とは縁遠い新潟の片田舎で生まれ育ち、勉強はからっきし苦手。	2023-02-16 02:35:00
ビジネス	ダイヤモンド・オンライン - 新着記事	「どうしても断りたい」とき、感じのいい人はどんなメールを送る？ - 気づかいの壁	https://diamond.jp/articles/-/317308	それを乗り越える、たったつの方法を教えます。	2023-02-16 02:30:00
ビジネス	ダイヤモンド・オンライン - 新着記事	コミュ力の高い人が必ず持っているたったひとつの特徴 - 1秒で答えをつくる力 お笑い芸人が学ぶ「切り返し」のプロになる48の技術	https://diamond.jp/articles/-/317770		2023-02-16 02:25:00
ビジネス	ダイヤモンド・オンライン - 新着記事	「他人との比較が止まらない人」のたった1つの特徴 - 99％はバイアス	https://diamond.jp/articles/-/316926	突破	2023-02-16 02:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【精神科医が教える】 モノがどんどん溜まってしまう…後悔せず、気持ちがラクになる“捨てる技術” - 精神科医Tomyが教える 心の執着の手放し方	https://diamond.jp/articles/-/316079	【精神科医が教える】モノがどんどん溜まってしまう…後悔せず、気持ちがラクになる“捨てる技術精神科医Tomyが教える心の執着の手放し方【大好評シリーズ万部突破】誰しも悩みや不安は尽きない。	2023-02-16 02:15:00
ビジネス	ダイヤモンド・オンライン - 新着記事	これダメなの?!「育ち」がいい人が靴を脱ぐときに決してしないこと【書籍オンライン編集部セレクション】 - 育ちがいい人だけが知っていること	https://diamond.jp/articles/-/317473	これダメなの「育ち」がいい人が靴を脱ぐときに決してしないこと【書籍オンライン編集部セレクション】育ちがいい人だけが知っていること婚活成功者続出難関幼稚園、名門小学校合格率「にじみでる育ちのよさ」と本物の品が身につくと話題のマナー講師、諏内えみさんの最新刊『「育ちがいい人」だけが知っていること』が、世界一受けたい授業で紹介されました内容は、マナー講師として活動される中で、「先生、これはマナーではないのですが……」と、質問を受けることが多かった、明確なルールがないからこそ迷ってしまう、日常の何気ないシーンでの正しいふるまいを紹介したもの。	2023-02-16 02:10:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【半導体戦争】中国のAI活用力はすでにアメリカと並んでいる可能性がある - 半導体戦争	https://diamond.jp/articles/-/317792	驚異	2023-02-16 02:05:00
Azure	Azure の更新情報	Public Preview: Import Jobs API Support in Azure Digital Twins	https://azure.microsoft.com/ja-jp/updates/public-preview-import-jobs-api-support-in-azure-digital-twins/	azure	2023-02-15 18:00:20
GCP	Cloud Blog	What’s new with Google Cloud	https://cloud.google.com/blog/topics/inside-google-cloud/whats-new-google-cloud/	What s new with Google CloudWant to know the latest from Google Cloud Find it here in one handy location Check back regularly for our newest updates announcements resources events learning opportunities and more  Tip  Not sure where to find what you re looking for on the Google Cloud blog Start here  Google Cloud blog Full list of topics links and resources Week of Feb Feb Running SAP workloads on Google Cloud Upgrade to our newly released Agent for SAP to gain increased visibility into your infrastructure and application performance The new agent consolidates several of our existing agents for SAP workloads which means less time spent on installation and updates and more time for making data driven decisions In addition there is new optional functionality that powers exciting products like Workload Manager a way to automatically scan your SAP workloads against best practices Learn how to install or upgrade the agent here Leverege uses BigQuery as a key component of its data and analytics pipeline to deliver innovative IoT solutions at scale As part of the Built with BigQuery program this blog post goes into detail about Leverege IoT Stack that runs on Google Cloud to power business critical enterprise IoT solutions at scale  Download white paper Three Actions Enterprise IT Leaders Can Take to Improve Software Supply Chain Security to learn how and why high profile software supply chain attacks like SolarWinds and Logj happened the key lessons learned from these attacks as well as actions you can take today to prevent similar attacks from happening to your organization Week of Feb Feb Immersive Stream for XRleverages Google Cloud GPUs to host render and stream high quality photorealistic experiences to millions of mobile devices around the world and is now generally available Read more here Reliable and consistent data presents an invaluable opportunity for organizations to innovate make critical business decisions and create differentiated customer experiences But poor data quality can lead to inefficient processes and possible financial losses Today we announce new Dataplex features automatic data quality AutoDQ and data profiling available in public preview AutoDQ offers automated rule recommendations built in reporting and serveless execution to construct high quality data  Data profiling delivers richer insight into the data by identifying its common statistical characteristics Learn more Cloud Workstations now supports Customer Managed Encryption Keys CMEK which provides user encryption control over Cloud Workstation Persistent Disks Read more Google Cloud Deploy now supports Cloud Run targets in General Availability Read more Learn how to use NetApp Cloud Volumes Service as datastores for Google Cloud VMware Engine for expanding storage capacity Read moreWeek of Jan Feb Oden Technologies uses BigQuery to provide real time visibility efficiency recommendations and resiliency in the face of network disruptions in manufacturing systems As part of the Built with BigQuery program this blog post describes the use cases challenges solution and solution architecture in great detail Manage table and column level access permissions using attribute based policies in Dataplex Dataplex attribute store provides a unified place where you can create and organize a Data Class hierarchy to classify your distributed data and assign behaviors such as Table ACLs and Column ACLs to the classified data classes Dataplex will propagate IAM Roles to tables across multiple Google Cloud projects  according to the attribute s assigned to them and a single merged policy tag to columns according to the attribute s attached to them  Read more Lytics is a next generation composableCDP that enables companies to deploy a scalable CDP around their existing data warehouse lakes As part of the Built with BigQuery program for ISVs Lytics leverages Analytics Hub to launch secure data sharing and enrichment solution for media and advertisers This blog post goes over Lytics Conductor on Google Cloud and its architecture in great detail Now available in public preview Dataplex business glossary offers users a cloud native way to maintain and manage business terms and definitions for data governance establishing consistent business language improving trust in data and enabling self serve use of data Learn more here Security Command Center SCC Google Cloud s native security and risk management solution is now available via self service to protect individual projects from cyber attacks It s never been easier to secure your Google Cloud resources with SCC Read our blog to learn more To get started today go to Security Command Center in the Google Cloud console for your projects Global External HTTP S Load Balancer and Cloud CDN now support advanced traffic management using flexible pattern matching in public preview This allows you to use wildcards anywhere in your path matcher You can use this to customize origin routing for different types of traffic request and response behaviors and caching policies In addition you can now use results from your pattern matching to rewrite the path that is sent to the origin Run large pods on GKE Autopilot with the Balanced compute class When you need computing resources on the larger end of the spectrum we re excited that the Balanced compute class which supports Pod resource sizes up to vCPU and GiB is now GA Week of Jan Jan Starting with Anthos version Google supports each Anthos minor version for months after the initial release of the minor version or until the release of the third subsequent minor version whichever is longer We plan to have Anthos minor release three times a year around the months of April August and December in with a monthly patch release for example z in version x y z for supported minor versions For more information read here Anthos Policy Controller enables the enforcement of fully programmable policies for your clusters across the environments We are thrilled to announce the launch of our new built in Policy Controller Dashboard a powerful tool that makes it easy to manage and monitor the policy guardrails applied to your Fleet of clusters New policy bundles are available to help audit your cluster resources against kubernetes standards industry standards or Google recommended best practices  The easiest way to get started with Anthos Policy Controller is to just install Policy controller and try applying a policy bundle to audit your fleet of clusters against a standard such as CIS benchmark Dataproc is an important service in any data lake modernization effort Many customers begin their journey to the cloud by migrating their Hadoop workloads to Dataproc and continue to modernize their solutions by incorporating the full suite of Google Cloud s data offerings Check out this guide that demonstrates how you can optimize Dataproc job stability performance and cost effectiveness Eventarc adds support for new direct events from the following Google services in Preview API Gateway Apigee Registry BeyondCorp Certificate Manager Cloud Data Fusion Cloud Functions Cloud Memorystore for Memcached Database Migration Datastream Eventarc Workflows This brings the total pre integrated events offered in Eventarc to over events from Google services and third party SaaS vendors  mFit release adds support for JBoss and Apache workloads by including fit analysis and framework analytics for these workload types in the assessment report See the release notes for important bug fixes and enhancements Google Cloud Deploy Google Cloud Deploy now supports Skaffold version  Release notesCloud Workstations Labels can now be applied to Cloud Workstations resources  Release notes Cloud Build Cloud Build repositories nd gen lets you easily create and manage repository connections not only through Cloud Console but also through gcloud and the Cloud Build API Release notesWeek of Jan Jan Cloud CDN now supports private origin authentication for Amazon Simple Storage Service Amazon S buckets and compatible object stores in Preview This capability improves security by allowing only trusted connections to access the content on your private origins and preventing users from directly accessing it Week of Jan Jan Revionics partnered with Google Cloud to build a data driven pricing platform for speed scale and automation with BigQuery Looker and more As part of the Built with BigQuery program this blog post describes the use cases problems solved solution architecture and key outcomes of hosting Revionics product Platform Built for Change on Google Cloud Comprehensive guide for designing reliable infrastructure for your workloads in Google Cloud The guide combines industry leading reliability best practices with the knowledge and deep expertise of reliability engineers across Google Understand the platform level reliability capabilities of Google Cloud the building blocks of reliability in Google Cloud and how these building blocks affect the availability of your cloud resources Review guidelines for assessing the reliability requirements of your cloud workloads Compare architectural options for deploying distributed and redundant resources across Google Cloud locations and learn how to manage traffic and load for distributed deployments Read the full blog here GPU Pods on GKE Autopilot are now generally available Customers can now run ML training inference video encoding and all other workloads that need a GPU with the convenience of GKE Autopilot s fully managed Kubernetes environment Kubernetes v is now generally available on GKE GKE customers can now take advantage of the many new features in this exciting release This release continues Google Cloud s goal of making Kubernetes releases available to Google customers within days of the Kubernetes OSS release Event driven transfer for Cloud Storage Customers have told us they need asynchronous scalable service to replicate data between Cloud Storage buckets for a variety of use cases including aggregating data in a single bucket for data processing and analysis keeping buckets across projects regions continents in sync etc Google Cloud now offers Preview support for event driven transfer serverless real time replication capability to move data from AWS S to Cloud Storage and copy data between multiple Cloud Storage buckets Read the full blog here Pub Sub Lite now offers export subscriptions to Pub Sub This new subscription type writes Lite messages directly to Pub Sub no code development or Dataflow jobs needed Great for connecting disparate data pipelines and migration from Lite to Pub Sub See here for documentation	2023-02-15 19:00:00