投稿時間:2022-05-10 19:41:41 RSSフィード2022-05-10 19:00 分まとめ(42件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
ROBOT	ロボスタ	松浪硝子工業がユニバーサルロボットの協働ロボットを導入 360度の可動域で大判ガラスの回転・反転を再現	https://robotstart.info/2022/05/10/urrobot-matsunami-glass.html		2022-05-10 09:27:11
IT	ITmedia 総合記事一覧	[ITmedia News] ソニーG、営業利益が1兆円超えに　映画、音楽、エレクトロニクスで大幅増収	https://www.itmedia.co.jp/news/articles/2205/10/news168.html	itmedia	2022-05-10 18:45:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 高校生が同世代で憧れる人、「芦田愛菜」、コムドットの「やまと」が1位に　将来就きたい職業は？	https://www.itmedia.co.jp/business/articles/2205/10/news147.html	芦田愛菜	2022-05-10 18:44:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] ビットコイン急落、一時400万円割れ　半年間で半値に	https://www.itmedia.co.jp/business/articles/2205/10/news163.html	itmedia	2022-05-10 18:40:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 洋服の青山、上着をバッグに掛けて持ち歩けるスーツ発売　「手がふさがり邪魔」の声に対応	https://www.itmedia.co.jp/business/articles/2205/10/news162.html	itmedia	2022-05-10 18:35:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 独アウディ、「Q5」シリーズの6車種・1万台リコール　防水性不十分、制御システムがショートの恐れ	https://www.itmedia.co.jp/business/articles/2205/10/news165.html	itmedia	2022-05-10 18:25:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 野村證券、スマホ向け株取引アプリ「NOMURA」提供開始	https://www.itmedia.co.jp/business/articles/2205/10/news157.html	itmedia	2022-05-10 18:23:00
AWS	AWS Japan Blog	Amazon Nimble Studio でクラウドスタジオを構築しよう：#1 機能とアーキテクチャ	https://aws.amazon.com/jp/blogs/news/jpmne-amazon-nimble-studio-intro-1/	AmazonNimbleStudioの機能AmazonNimbleStudioは主にワークステーション、ファイルストレージ、レンダリングの三つの機能で構成されています。	2022-05-10 09:42:57
AWS	AWSタグが付けられた新着投稿 - Qiita	AWSをはじめてさわる人向け	https://qiita.com/liker59/items/d37869aff5cf97a00b38	公式ページ	2022-05-10 18:38:36
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS Control Tower の始め方 2022 春	https://qiita.com/hayao_k/items/f933638a3f1567b7dd03	controlto	2022-05-10 18:13:57
海外TECH	MakeUseOf	The Best GPS Trackers and Smartwatches for Kids	https://www.makeuseof.com/tag/phone-watch-for-kids/	friendly	2022-05-10 09:40:08
海外TECH	DEV Community	You don't need void 0	https://dev.to/p42/you-dont-need-void-0-663	You don x t need void In JavaScript code especially in older legacy code you sometimes find the expression void The void operator evaluates an expression and returns the primitive value undefined void evaluates which does nothing and then returns undefined It is effectively an alias for undefined Why is void used as an alias for undefined One of JavaScript s quirks is that undefined is not a reserved keyword Instead it is a property of the global object Before ES it was possible to modify the undefined global property which could lead to unexpected behavior for undefined Consider the following example which does not work in modern JavaScript engines Pre ES example does not work in modern JS engines changes property undefined on the global object undefined something else potentially in some other JavaScript file or script section if aVariable undefined aVariable is equal to something else but not to the primitive value undefined doSomething Modifying the undefined global could even happen in rd party code e g libraries imported via the script tag Since void always returns the actual primitive value undefined it was commonly used before ES to make the code failsafe against the re definition of the undefined global property The global property undefined after ESThe problem that undefined could be modified on the global object was so big that the JavaScript standard was changed With ES the global property undefined became read only Attempting to change the value does nothing in modern JavaScript globalThis undefined something else console log undefined prints undefined in modern browsers Undefined can still be shadowed by a local variableHowever while changing the undefined global property is no longer possible undefined is still not a reserved keyword in JavaScript Therefore it can still be shadowed by a local variable const undefined something else let check aVariable void void is needed hereHaving a local variable with the name undefined is a pitfall that you want to avoid The ESLint rule no undefined disallows the use of undefined as a variable name and prevents shadowing issues Can void help reduce the bundle size The expression void is shorter than undefined JavaScript bundle sizes are essential for creating websites that load quickly and shaving off a few bytes can help However it is best to leave basic code size optimizations to minifiers such as Terser as part of the product bundling process They can perform many different optimizations and the source code remains more readable without any manual code size optimizations like using void instead of undefined Avoid void in modern JavaScriptTo summarize in modern browsers and JavaScript engines there is no reason to use void any longer the global property undefined cannot be changed in ES and newer environmentslocal variables with the name undefined can be disallowed with the ESLint rule no undefinedminifiers can replace undefined with void when creating the production bundleOn the contrary void makes JavaSCript code harder to read and understand because you need to know the meaning of void and process different terms void undefined for the same concept undefined TLDR You can use undefined and remove the unnecessary void complication	2022-05-10 09:42:51
海外TECH	DEV Community	Comand: if - else vs else if	https://dev.to/nilufarbukhorova/comand-if-else-vs-else-if-5do5	Comand if else vs else ifOdatda if else komandasi ternary komandasini o rnida bemalol kela oladi Farqi ternaryda branchlar ta bo lsagina masalani ishlasa bo ladi if komandasi va undan ortiq execution partlar mavjud bo lgan masalalarni bemalol ishlay oladi if komandasida beriladigan ifoda tog ri bo lsagina uni chop etadi if expression statement if statementda yo l qo yiladigan kichik xatolarif expression shu ifodadan so ng mana bu belgini qo yish xato hisoblanib ifoda shu qatorda tugadi degan komadani berib yuboradi if ning expression qismida bu belgini bitta qo yish xato chunki teng bir o zi kelganda o zgaruvchi uchun yangi qiymat o zlashishida ishlatiladi ya ni shu belgini qo yish to g ri bo ladi yana bir kichik qoida bor agarda if elseda statement ya ni buyruq bitta bo lsa bularni qo yish shart emas if elseIf else bn ko p hollarda qo llanadigan qo shimcha komanda bu else hisoblanib if dagi ifoda xato bo lganda ikkinchi statement chiqar degan buyruq berishda ishlatiladi if expression statement else statement if else vs else ifBu ikki komanda aslida bir xil bo lib else komandasini ichida bemalol xohlagancha if else komandasini o zida foydalansa bo ladi Shuni hisobiga aslida if else komandasi else if deb ko rinadi ya ni include lt iostream gt using namespace std int main int baho cin gt gt baho if baho gt cout lt lt A lt lt endl else if baho gt cout lt lt lt B lt lt lt lt endl else if baho gt cout lt lt C lt lt endl else if baho gt cout lt lt D lt lt lt lt endl else cout lt lt F lt lt endl return include lt iostream gt using namespace std int main int baho cin gt gt baho if baho gt cout lt lt A lt lt endl else if baho gt cout lt lt B lt lt endl else if baho gt cout lt lt C lt lt endl else if baho gt cout lt lt D lt lt endl elsecout lt lt F lt lt endl return	2022-05-10 09:39:13
海外TECH	DEV Community	Selection statements | Difference between if else and if.	https://dev.to/tezoza/selection-statements-difference-between-if-else-and-if-14jk	Selection statements Difference between if else and if Selection statementsif statement ifelsestatement yoki undan kop execution path larni tanlaydiif a gt cout lt lt positive if a lt cout lt lt negative IF STATEMENT if expression is true exekute statementsyntaxIF ELSE STATEMENTif expession is true execute statement if false execute statement	2022-05-10 09:28:39
海外TECH	DEV Community	The Complete Modern React Developer 2022	https://dev.to/andrewbaisden/the-complete-modern-react-developer-2022-3257	The Complete Modern React Developer IntroductionThis will be a course for becoming a Complete Modern React Developer in The only three topics which are not covered in this course are Redux GraphQL and React Native which could be covered in a future course TypeScript is going to be the main programming language covered however if you already know JavaScript then you should find it quite easy to understand because the syntax is not that much different We will be building a super basic Twitter clone that has CRUD functionality for posting reading and deleting tweets This course will give you the skills and knowledge to become a Software Developer across the full stack In this course you will learn Node js express js and nest js MongoDB and PostgreSQLDockerTypeScriptReact Hooks and Context API Storybook jsJest React Testing Library and Cypress Unit Testing Integration Testing End to End Testing PrerequisitesEnsure that you have your development environment setup and install all of the tools libraries listed in the introduction I work on a Mac so some of the tools I mention will be macOS only however you should be able to find alternatives and be able to follow along if you use Windows or Linux MongoDB SetupYou will need to install the following tools for working with MongoDB NoSQL databases MongoDB Compass is a GUI for working with MongoDB databases And mongosh is a MongoDB shell for working with MongoDB databases using the command line MongoDB Compassmongosh PostgreSQL SetupYou will need to install the following tools for working with PostgreSQL databases Postgres app is an app for managing PostgreSQL databases And Pgcli is a command line interface for Postgres which comes with auto completion and syntax highlighting It is the PostgreSQL equivalent of mongosh My preference is Valentina Studio when it comes to using a GUI for working with PostgreSQL databases It s a great tool because it can even connect to MongoDB and MySQL databases There are alternatives though like PgAdminso just use whatever you feel comfortable with Postgres appPgcliValentina Studio Setting up the backendIn this section you will learn how to setup a Node backend using both Express js and Nest js Both frameworks will connect to a MongoDB and PostgreSQL database using different endpoints And as a bonus you will also learn some DevOps when we put a MongoDB and PostgreSQL database inside of a Docker container Docker basically gives developers the ability to package applications inside of containers So essentially you can just have a database inside of a Docker container which any external application will be able to connect to With this type of setup you don t even need to install or setup a database on your local machine You can just have everything running inside of a Docker container and this setup will run exactly the same on anyones machine I think this a great alternative to having a local installation and with this knowledge it gives you another option for interacting with databases This workflow does not require a huge setup and you can use either the GUI or command line to interact with your database inside of the Docker container the same way you would if it was local or online Local Database SetupPgcli Commandsmongosh Commands MongoDB LocalOpen your command line tool I will be using Hyper and run the command below to connect to your local MongoDB installation mongoshFirstly run this command which will show you which database you are using It should return test which is the default database dbNow run the command below which will show you which databases you currently have created show dbs Next run the command to create a database called twitter use twitter Finally create a collection using the command below and when you use the command show dbs again in the command line you should see the database called twitter which you created db createCollection contents Lastly we will add some starting data copy and paste the code below into your command line If you run this command db contents find pretty in your command line after you have inserted the data then you will be able to see the data in the table db contents insertMany tweet Hello World img tweet Content creation and programming are basically full time jobs I have enough projects and work to keep me busy for years Working in tech is definitely going to entertain you for a long time which is why so many people want to transition into this field img tweet JavaScript developers are forever in high demand img If you open the MongoDB Compass application on your computer and connect to your local installation using the connection string mongodb localhost then you should be able to see all of your databases including the one we just created in the GUI So now you are setup to use either the command line or the GUI for interacting with your databases PostgreSQL LocalBefore you do anything check that your PostgreSQL database is running locally If it s not running then you might get an error in the command line when you run the command pgcli On macOS I will be using the Postgres app so get it running on your machine and then it should show up in your menu bar at the top of your operating system Now go to the command line and run the command below to connect to your local PostgreSQL installation pgcliRunning the command below will show you all of your PostgreSQL databases lCopy and paste the SQL query below into your pgcli command line window to create a database called twitter Now if you run the command l again in that same window you should see all of the databases including the one we just created CREATE DATABASE twitter Next we need to connect to the database in the same window so use the command below to do that c twitterNext we have to create a table and add some data which will go inside of the database twitter Copy and paste the SQL code below into your command line window CREATE TABLE contents id UUID DEFAULT gen random uuid tweet VARCHAR NOT NULL img VARCHAR NOT NULL INSERT INTO contents tweet img VALUES Hello World Content creation and programming are basically full time jobs I have enough projects and work to keep me busy for years Working in tech is definitely going to entertain you for a long time which is why so many people want to transition into this field JavaScript developers are forever in high demand If you open the Postgres app application on your computer you should see all of the databases including the one which we just created And if you connect to Valentina Studio or your database GUI of choice you should be able to see the database you created PostgreSQL database connection settings Valentina Studio Docker database setupStart the Docker application on your computer and follow the steps below for each database Firstly create a folder on your local machine called complete react developerand then cd into using the command line MongoDB DockerDouble check that you are inside of the root folder for complete react developer and then run the commands below to setup the project mkdir docker twitter mongodbcd docker twitter mongodbtouch docker compose ymlOpen that folder in your code editor and add the following code to the docker compose yml file docker compose ymlBe careful with the yaml code formatting if the indentation is not correct it will give you errors version services mongo db container name db container image mongo latest restart always ports volumes mongo db data db volumes mongo db Now run the code below to start the docker container with the MongoDB database docker compose upAssuming everything went correctly you should have a MongoDB Database running inside of a Docker Container Connecting to the MongoDB Database inside the Docker ContainerIt is now possible to connect to the local MongoDB Database and the MongoDB Docker Database simultaneously because they are both configured to run on different ports The local MongoDB Database is on port so use the command below for connecting to the local mongodb database mongosh port The connection string for MongoDB Compass will be the following mongodb localhost The MongoDB Docker Database is on port so use the command below for connecting to the Docker MongoDB database mongosh port The connection string for MongoDB Compass will be the following mongodb localhost So now you have two MongoDB databases for Twitter one local and one in a Docker Container Let s add some data to the database which is also going to persist even if you delete the container In the command line open a mongosh connection to the MongoDB Database inside of the Docker container mongosh port Run the commands below You are creating a database called twitter with a collection called contents And then you are inserting some data into the database use twitter db createCollection contents db contents insertMany tweet Hello World img tweet Content creation and programming are basically full time jobs I have enough projects and work to keep me busy for years Working in tech is definitely going to entertain you for a long time which is why so many people want to transition into this field img tweet JavaScript developers are forever in high demand img Now when you run the command db contents find pretty inside of the command line it should return the data you just inserted If you go to MongoDB compass and use this connection string mongodb localhost you should see the twitter database with the data inside PostgreSQL DockerCheck that you are inside of the root folder for complete react developer and then run the commands below to setup the project mkdir docker twitter postgresqlcd docker twitter postgresqltouch docker compose ymlmkdir sqlcd sqltouch twitter sqlcd Open that folder in you code editor and add the following code to the docker compose yml and twitter sql files docker compose ymlBe careful with the yaml code formatting if the indentation is not correct it will give you errors version services postgres image postgres latest restart always environment POSTGRES USER twitter POSTGRES PASSWORD twitter POSTGRES DB twitter ports volumes postgres data var lib postgresql data copy the sql script to create tables sql twitter sql docker entrypoint initdb d twitter sqltwitter sqlCREATE TABLE contents id UUID DEFAULT gen random uuid tweet VARCHAR NOT NULL img VARCHAR NOT NULL INSERT INTO contents tweet img VALUES Hello World Content creation and programming are basically full time jobs I have enough projects and work to keep me busy for years Working in tech is definitely going to entertain you for a long time which is why so many people want to transition into this field JavaScript developers are forever in high demand Now run the code below to start the Docker Container with the PostgreSQL database docker compose upWhen you see the log that says database system is ready to accept connections you will know that it s working This can also be verified in the Docker Desktop Application if you check it you should see the container running What we have just done is setup a PostgreSQL database which will reside inside of a Docker container This database is even going to have some prebuilt data from the SQL script that we created Connecting to the PostgreSQL Database inside the Docker ContainerThe docker compose yml file inside of the docker twitter postgresql folder has a port mapping of is the local port and is the docker port which is also the default for Postgres I did it this way so that we can use the Postgres app on port locally and run the Docker database on port simultaneously So here is where the magic happens Use the connection credentials in the image below and you should be able to connect to the PostgreSQL database inside of the docker container The password is twitter by the way and you can find the credentials inside of the docker compose yml file So now we have a local PostgreSQL database called twitter on port And a Docker PostgreSQL database called twitter on port Valentina Studio can connect to both of them simultaneously and you can run all of your SQL queries Whats more the PostgreSQL database inside of the Docker container can persist its data If you were to delete the running Docker container and then run the command docker compose up again everything will remain the same Use the command docker compose down to stop the Docker container from running if you need to Congratulations you just learnt the basics of MongoDB PostgreSQL and Docker Node backend setupThis will be split into two sections One for creating a backend using Express js and TypeScript And another for creating a backend using Nest js and TypeScript so you can see the difference between the two and learn alternative ways for developing a backend in Node So there will be Node backends to play around with backend express mongodbbackend express postgresqlbackend nest mongodbbackend nest postgresqlA REST API testing tool will be needed so that you can test the various routes and endpoints These are my top preferences feel free to use something else if you want to PostmanThunder ClientInsomniaYou don t need to create all of these backends because when we create the React frontend it will only require one backend but this is still good knowledge worth learning And obviously you could just have one backend that connects to both MongoDB and PostgreSQL it s just easier to explain in these examples Express App Backend Express MongoDBBe certain that you are inside of the folder complete react developer Run the commands below to scaffold your project mkdir backend express mongodbcd backend express mongodbtsc initnpm init ynpm i express types express types node ts node cors types cors mongoose types mongoose typescript rimraf copy files dotenv nodemontouch envmkdir srccd srctouch app tsmkdir controllers models routestouch controllers Admin tstouch models Twitter tstouch routes Admin tscd Open the project in your code editor and go to the tsconfig json file inside of the root folder and enable these properties rootDir src Specify the root folder within your source files moduleResolution node Specify how TypeScript looks up a file from a given module specifier outDir dist src Specify an output folder for all emitted files In the next step open the package json file and add these run scripts scripts start node dist src app js dev nodemon src app ts clean rimraf dist build npm run clean amp amp tsc amp amp npm run copy files copy files copyfiles u src html src css src json dist src Run ScriptsstartThe start script runs the application using Node without auto reload when there are updates to the files devThe dev script uses nodemon to automatically auto reload and update the files when there are changes cleanThe clean script deletes the dist folder buildThe build script deletes the dist folder and then automatically copies all of the files and puts them back into the dist folder copy filesThe copy files script is used for copying the files from one directory to a different one Adding the codeLastly add the code below to their corresponding files controllers Admin tsimport Response Request from express import mongoose from mongoose import Twitter from models Twitter export const getTweets req Request res Response void gt Twitter find err data gt console log data res json data if err console log err export const getTweet async req Request res Response Promise lt any gt gt const tweetId req params tweetId console log Tweet ID tweetId This line of code fixes the CastError Cast to ObjectId failed for value favicon ico type string at path id for model contents if mongoose Types ObjectId isValid tweetId return false await Twitter findById tweetId exec Twitter findById tweetId err any tweet any gt console log tweet res json tweet if err console log err export const postTweet req Request res Response gt const tweet img req body const twitter new Twitter tweet tweet img img twitter save console log Tweet Created res status json msg Tweet Created export const updateTweet req Request res Response gt const tweetId req params tweetId const tweet img req body Twitter findByIdAndUpdate tweetId tweet tweet img img then gt console log Tweet tweetId Updated res json msg Tweet tweetId Updated export const deleteTweet req Request res Response gt const tweetId req body tweetId Twitter findByIdAndRemove tweetId gt res json msg Tweet tweetId Deleted models Twitter tsimport Schema model from mongoose interface Twitter tweet string img string const schema new Schema lt Twitter gt tweet type String required true img type String required false const TwitterModel model lt Twitter gt contents schema export default TwitterModel routes Admin tsimport express from express import getTweets getTweet postTweet updateTweet deleteTweet from controllers Admin const router express Router router get getTweets router get tweetId getTweet router post delete deleteTweet router post tweet postTweet router post tweetId updateTweet export default router app tsimport dotenv from dotenv dotenv config console log process env DB HOST import express from express import cors from cors import mongoose from mongoose import adminRoute from routes Admin const app express app use cors app use express urlencoded extended false app use express json app use adminRoute const port process env PORT mongoose Use DB HOST DOCKER to connect to the MongoDB Database in the Docker Container connect process env DB HOST LOCAL then gt app listen port gt console log Server and database running on port port http localhost port catch err any gt console log err envDB HOST LOCAL mongodb twitter DB HOST DOCKER mongodb twitter The application is setup to connect to a local MongoDB database but you can change this in the app ts file and you can find the database connection strings in the env file Use the command below to start the server npm run dev Testing the APII will be using Postman but you can use whatever API Testing tool you want If you want to see it fully working the first thing you will have to do is add some data to the database if you have not done so already Use the Create tweet route for this and see the examples in the screenshots below GET all tweets GET tweet by ID CREATE tweet UPDATE tweet by ID DELETE tweet Backend Express PostgreSQLWe will be using to create an Express js application that connects to a PostgreSQL database You should be inside of the folder complete react developer Run the commands below to scaffold your project mkdir backend express postgresqlcd backend express postgresqltsc initnpm init ynpm i express types express types node ts node cors types cors typescript rimraf copy files dotenv nodemon pg reflect metadata typeormmkdir srccd srctouch app ts app data source tsmkdir entitycd entitytouch Tweet tscd Open the project in your code editor find the tsconfig json file and replace all of the code inside it with the code below compilerOptions lib es es dom target es module commonjs moduleResolution node emitDecoratorMetadata true experimentalDecorators true rootDir src outDir dist src In the next step open the package json file and add these run scripts scripts start node dist src app js dev nodemon src app ts clean rimraf dist build npm run clean amp amp tsc amp amp npm run copy files copy files copyfiles u src html src css src json dist src Add the code below to the corresponding files entity Tweet tsimport Entity Column PrimaryGeneratedColumn from typeorm Entity export class Tweet PrimaryGeneratedColumn uuid id string Column tweet string Column img string app data source tsimport DataSource from typeorm export const myDataSource new DataSource type postgres host localhost port username postgres password database twitter entities dist src entity js logging true synchronize true app tsimport as express from express import Request Response from express import Tweet from entity Tweet import myDataSource from app data source establish database connectionmyDataSource initialize then gt console log Data Source has been initialized catch err gt console error Error during Data Source initialization err create and setup express appconst app express app use express json app use express urlencoded extended false register CRUD routes CREATE READ UPDATE DELETE READ All tweetsapp get tweets async function req Request res Response const tweets await myDataSource getRepository Tweet find res json tweets READ Tweet by IDapp get tweets id async function req Request res Response const results await myDataSource getRepository Tweet findOneBy id req params id return res send results CREATE New tweetapp post tweets async function req Request res Response const tweet await myDataSource getRepository Tweet create req body const results await myDataSource getRepository Tweet save tweet return res send results UPDATE Tweet by IDapp put tweets id async function req Request res Response const tweet await myDataSource getRepository Tweet findOneBy id req body id myDataSource getRepository Tweet merge tweet req body const results await myDataSource getRepository Tweet save tweet return res send results DELETE Tweet by IDapp delete tweets id async function req Request res Response const results await myDataSource getRepository Tweet delete req body id return res send results const port process env PORT start express serverapp listen port gt console log Server and database running on port port http localhost port The application is setup to connect to a local PostgreSQL database but you can change this in the app data source ts file The Docker connection settings can be found in the Docker section if you need them Don t forget that you need to have your PostgreSQL database setup and running before you can connect to it Use the commands below to run the app Warning You might get the error EntityMetadataNotFoundError No metadata for Tweet was found if you try to use the command npm run dev which uses nodemon to start the application I think it has something to do with static and dynamic data and the fact that nodemon is auto reloading So it s safer to use the commands below and just do a clean build using the node server which won t update until you manually restart it npm run buildnpm run startYou should be familiar with using a REST API tool now however the routes and CRUD requests are slightly different in this example See the examples below and don t forget to use the CREATE tweet route to add some data into the database so that you can see some data GET all tweetsRequest GETRoute http localhost tweets GET tweet by IDRequest GETRoute http localhost tweets dd f d ee bffbbf CREATE tweetRequest POSTRoute http localhost tweetsBody raw tweet Hello World img UPDATE tweet by IDRequest PUTRoute http localhost tweets dd f d ee bffbbfBody raw tweet Hello Moon img DELETE tweet by IDRequest DELETERoute http localhost tweets dd f d ee bffbbfBody x www form urlencodedKEY idVALUE Your id Nest App Backend Nest MongoDBIt s time to create the Nest backend that will connect to MongoDB Get inside of the folder complete react developer and run the command below Select your preferred package manager I am going to choose npm If you choose a different option remember to run the correct commands for it later on nest new backend nest mongodbOpen the project in your code editor and get ready to generate some controller and service files We will also install mongoose first cd into the backend nest mongodb folder in the command line and run the commands below cd backend nest mongodbnpm install save nestjs mongoose mongoosenest g controller twitternest g service twitterBefore we create the other project files lets do some file cleanup Delete the following files app service tsapp controller tsapp controller spec tsNow it s time to create the rest of the files for this project Get inside of the root folder for backend nest mongodb and run the commands below touch src twitter twitter module tsmkdir src twitter dto schemas touch src twitter dto create twitter dto tstouch src twitter schemas twitter schema tsWe have created all of the files that are going to be required for this project let s add the code now Add or replace the code in the existing files with the code below app module tsimport Module from nestjs common import MongooseModule from nestjs mongoose import TwitterController from twitter twitter controller import TwitterService from twitter twitter service import TwitterModule from twitter twitter module Module imports TwitterModule Local MongoDb database Change the port to to connect to Docker MongooseModule forRoot mongodb twitter controllers TwitterController providers TwitterService export class AppModule twitter service tsimport Model from mongoose import Injectable from nestjs common import InjectModel from nestjs mongoose import Twitter TwitterDocument from schemas twitter schema import CreateTwitterDto from dto create twitter dto Injectable export class TwitterService constructor InjectModel Twitter name private twitterModel Model lt TwitterDocument gt async create createTwitterDto CreateTwitterDto Promise lt Twitter gt const createdTwitter new this twitterModel createTwitterDto return createdTwitter save async findAll Promise lt Twitter gt return this twitterModel find exec async findOne id string Promise lt Twitter gt return this twitterModel findOne id id async update id string twitter Twitter Promise lt Twitter gt return this twitterModel findByIdAndUpdate id twitter new true async delete id string Promise lt Twitter gt return this twitterModel findByIdAndRemove id id twitter module tsimport Module from nestjs common import MongooseModule from nestjs mongoose import Twitter TwitterSchema from schemas twitter schema Module imports MongooseModule forFeature name Twitter name schema TwitterSchema exports MongooseModule export class TwitterModule twitter controller tsimport Controller Get Post Body Param Put Delete from nestjs common import CreateTwitterDto TwitterDto from dto create twitter dto import TwitterService from twitter service Controller tweets export class TwitterController constructor private twitterService TwitterService Post async create Body createTwitterDto CreateTwitterDto this twitterService create createTwitterDto Get async findAll Promise lt TwitterDto gt return this twitterService findAll Get id async findOne Param id id Promise lt TwitterDto gt return this twitterService findOne id Put id update Body updateTwitterDto CreateTwitterDto Param id id Promise lt TwitterDto gt return this twitterService update id updateTwitterDto Delete id delete Param id id Promise lt TwitterDto gt return this twitterService delete id schemas twitter schema tsimport Prop Schema SchemaFactory from nestjs mongoose import Document from mongoose export type TwitterDocument Twitter amp Document Schema export class Twitter Prop tweet string Prop img string export const TwitterSchema SchemaFactory createForClass Twitter dto create twitter dto tsexport class CreateTwitterDto id string tweet string img string export class TwitterDto id string tweet string img string Everything should be setup now the backend is configured to connect to a local MongoDB database You can change this to Docker by editing the connection string inside of the app module ts file Run the command below to start the application in watch mode npm run start devOne important thing to mention is that by default NestJS applications run on port which is the same default port that our React application is going to use So for consistency you might want to change it to or a different port You can do this in the main ts file Also you will need to enable CORS otherwise you will get that annoying CORS error when you try to connect the backend to the frontend main tsimport NestFactory from nestjs core import AppModule from app module async function bootstrap const app await NestFactory create AppModule app enableCors await app listen bootstrap The routes should be the same as before here is a refresher that you can test in Postman or whatever REST API tool you are using GET all tweetsRequest GETRoute http localhost tweets GET tweet by IDRequest GETRoute http localhost tweets dd f d ee bffbbf CREATE tweetRequest POSTRoute http localhost tweetsBody raw tweet Hello World img UPDATE tweet by IDRequest PUTRoute http localhost tweets dd f d ee bffbbfBody raw tweet Hello Moon img DELETE tweet by IDRequest DELETERoute http localhost tweets dd f d ee bffbbf Backend Nest PostgreSQLLastly we are now going to create the Nest backend that will connect to PostgreSQL We will finally move onto the React frontend after this stage Be sure that you are inside of the folder complete react developer and run the command below Like in the previous chapter select your preferred package manager I am going to choose npm If you choose a different option remember to run the correct commands for it later on nest new backend nest postgresqlOpen the project in your code editor and get ready to generate some controller and service files We will also install PostgreSQL and TypeORM so that we can connect to PostgreSQL databases Firstly cd into the backend nest postgresql folder in the command line and run the commands below cd backend nest postgresqlnpm install save pg nestjs typeorm typeormnest g controller twitternest g service twitterBefore we create the other project files lets do some file cleanup Delete the following files app service tsapp controller tsapp controller spec tsNow it s time to create the rest of the files for this project When you are inside of the root folder for backend nest postgresql run the commands below touch src twitter twitter module ts twitter entity ts mkdir src twitter dtotouch src twitter dto twitter dto tsWe have created all of the files that are going to be required for this project let s add the code now Add or replace the code in the existing files with the code below app module tsimport Module from nestjs common import TypeOrmModule from nestjs typeorm import TwitterController from twitter twitter controller import TwitterService from twitter twitter service import TwitterModule from twitter twitter module import Connection from typeorm Module imports TypeOrmModule forRoot type postgres host localhost port username postgres password database twitter entities dist entity ts js synchronize false TwitterModule controllers TwitterController providers TwitterService export class AppModule constructor private connection Connection twitter service tsimport Injectable NotFoundException from nestjs common import InjectRepository from nestjs typeorm import DeleteResult InsertResult Repository from typeorm import Twitter from twitter entity Injectable export class TwitterService constructor InjectRepository Twitter private twitterRepository Repository lt Twitter gt async addTwitter twitter Twitter Promise lt InsertResult gt return this twitterRepository insert twitter async findAll Promise lt Twitter gt return this twitterRepository find async findOne id string Promise lt Twitter gt return this twitterRepository findOne id async update id string twitter Twitter Promise lt Twitter gt const twitterUpdate await this findOne id if twitterUpdate undefined throw new NotFoundException await this twitterRepository update id twitter return this twitterRepository findOne id async delete id string Promise lt DeleteResult gt const twitterUpdate await this findOne id if twitterUpdate undefined throw new NotFoundException return this twitterRepository delete id twitter module tsimport Module from nestjs common import TypeOrmModule from nestjs typeorm import TwitterController from twitter controller import TwitterService from twitter service import Twitter from twitter entity Module imports TypeOrmModule forFeature Twitter controllers TwitterController providers TwitterService exports TypeOrmModule export class TwitterModule twitter entity tsimport Entity Column PrimaryGeneratedColumn from typeorm Entity export class Twitter PrimaryGeneratedColumn uuid id string Column tweet string Column img string twitter controller tsimport Controller Get Post Patch Delete Param Body from nestjs common import TwitterService from twitter service import TwitterDto from dto twitter dto import Twitter from twitter entity Controller tweets export class TwitterController constructor private twitterService TwitterService Post create Body twitter Twitter return this twitterService addTwitter twitter Get findAll Promise lt TwitterDto gt return this twitterService findAll Get id getOneTwitter Param id id string Promise lt Twitter gt return this twitterService findOne id Patch id updateTwitter Param id id string Body twitter Twitter Promise lt Twitter gt return this twitterService update id twitter Delete id deleteTwitter Param id id string return this twitterService delete id dto twitter dto tsexport class TwitterDto tweet string img string Everything should be setup now the backend is configured to connect to a local PostgreSQL database You can change this to Docker by editing the connection details inside of the app module ts file There is one thing of note though this application is using a database table called twitter Check out the example SQL that you could use for generating some quick test data If you get an error its probably because its expecting to find a table called twitter CREATE TABLE twitter id UUID DEFAULT gen random uuid tweet VARCHAR NOT NULL img VARCHAR NOT NULL INSERT INTO twitter tweet img VALUES Hello World Content creation and programming are basically full time jobs I have enough projects and work to keep me busy for years Working in tech is definitely going to entertain you for a long time which is why so many people want to transition into this field JavaScript developers are forever in high demand Run the command below to start the application in watch mode Like before the routes are quite similar but there are some differences Also don t forget to change the port to in the main ts file Like earlier you will need to enable CORS otherwise you will get that annoying CORS error when you try to connect the backend to the frontend main tsimport NestFactory from nestjs core import AppModule from app module async function bootstrap const app await NestFactory create AppModule app enableCors await app listen bootstrap npm run start devYou can test in Postman or whatever REST API tool you are using GET all tweetsRequest GETRoute http localhost tweets GET tweet by IDRequest GETRoute http localhost tweets dd f d ee bffbbf CREATE tweetRequest POSTRoute http localhost tweetsBody raw tweet Hello World img UPDATE tweet by IDRequest PATCHRoute http localhost tweets dd f d ee bffbbfBody raw tweet Hello Moon img DELETE tweet by IDRequest DELETERoute http localhost tweets dd f d ee bffbbfBody x www form urlencodedKEY idVALUE Your id Setting up the frontendAt long last we reach the frontend section It wont be anywhere near as long as the backend section we just completed because there will only be ONE React frontend Building the Twitter Clone AppThe application is going to be a very simple Twitter Clone You can create read and delete tweets There is no option to update edit tweets which is exactly how it is right now anyway However the endpoint for updating already exists in the backend so you could implement it if you wanted to BTW this is not a Twitter Clone course so don t expect it to be pixel perfect and accurate The codebase is quite large so instead of copy and pasting code a dozen times and going through a long project setup I created the application and put it on GitHub So all you need to do is clone download the codebase and run the installation scripts Next open the project in your code editor to see the codebase and use the commands below inside of their respective root folders The setup instructions are also in the README file SetupStart the Docker Desktop Application on your computercd into the root folder for backend nest mongodb and frontend and then run the commands below to install the dependencies You will probably need to force the installation when trying to install the dependencies for the frontend React application in this case otherwise it could give you an error Run this command inside of the backend nest mongodb foldernpm install Run this command inside of the frontend foldernpm install forcecd into the root folder for docker twitter mongodb and run the command below to start the MongoDB database inside of a Docker Container docker compose upcd into the root folder for backend nest mongodb and run the command below to start the backend NestJS server npm run start devcd into the root folder for frontend and run the command below to start the frontend React server npm run startUse the routes from the Backend Nest MongoDB section if you want to test them out in your REST API tool The Twitter Clone AppYou should see your database running inside of a Docker Container and your Twitter Clone React application open in the browser Run these commands inside of the root folder for frontend which is where React is The command below starts Storybook Starts Storybooknpm run storybookYou should see a Storybook component library open in the browser with a component for composing tweets You can play around and change the names in the control to see how it looks in the demo The command below runs the unit and integration tests Runs the React testing library unit and integration testsnpm run testYou might need to press a or Enter to trigger a new test run All of the tests should be passing in your console The command below starts Cypress Runs the Cypress End To End testsnpx cypress openA new Cypress window should open Run the integration test and get ready to be amazed as it automatically posts tweets for you Reload the web page with your React application and you will see the new tweets there too The Context APIThis application uses the Context API for global state If you want to get the application to connect to your MongoDB PostgreSQL or Docker databases then you need to change the API routes and port numbers http localhost tweets The same applies to the methods don t forget that some of them use POST PUT PATCH DELETE etc It depends on the backend you are using src contexts TwitterContext tsximport useEffect useState createContext useContext from react interface ContextProps data any loading boolean handleToggleComposetweet any toggleComposeTweet boolean tweet string setTweet any postTweet any deleteTweet any const TwitterContext createContext as ContextProps export const useTwitter gt useContext TwitterContext const TwitterContextProvider props any any gt useEffect gt const getTweets gt const API http localhost tweets fetch API then response gt console log response return response json then data gt console log data setLoading false setData data catch err gt console log err getTweets const data setData useState const loading setLoading useState true const toggleComposeTweet setToggleComposeTweet useState false const tweet setTweet useState const handleToggleComposetweet gt toggleComposeTweet true setToggleComposeTweet false setToggleComposeTweet true const postTweet gt if tweet let myHeaders new Headers myHeaders append Content Type application json let raw JSON stringify tweet Congratulations this is what happens when you post an empty tweet Create some validation img fetch http localhost tweets method POST headers myHeaders body raw redirect follow then response gt response text then result gt console log result catch error gt console log error error else let myHeaders new Headers myHeaders append Content Type application json let raw JSON stringify tweet tweet img fetch http localhost tweets method POST headers myHeaders body raw redirect follow then response gt response text then result gt console log result catch error gt console log error error const deleteTweet tweetId string gt console log Deleted tweetId let urlencoded new URLSearchParams fetch http localhost tweets tweetId method DELETE body urlencoded redirect follow then response gt response text then result gt console log result catch error gt console log error error window location reload const value data loading toggleComposeTweet handleToggleComposetweet postTweet tweet setTweet deleteTweet return lt TwitterContext Provider value value gt props children lt TwitterContext Provider gt export default TwitterContextProvider Testing with React Testing Library and JestThere are two test files one for App test tsx and one for TwitterMenu test tsx I will show the example for App test tsx These tests just test to see if the required text is displaying on the page Each component should have a test file to go alongside them App test tsximport render screen from testing library react import App from App describe lt App gt gt it has a following text label gt render lt App gt const el screen getByText Following i expect el toBeTruthy it has a followers text label gt render lt App gt const el screen getByText Followers i expect el toBeTruthy it has a you might like heading gt render lt App gt const el screen getByText You might like i expect el innerHTML toBe You might like it has a whats happening heading gt render lt App gt const el screen getByText Whats happening i expect el innerHTML toBe Whats happening End To End Testing with CypressThis Cypress test will automatically post tweets It s all done in real time and the tweets will show up in your database and on the live application cypress integratioin tweet spec jsdescribe user form flow gt beforeEach gt cy viewport cy visit http localhost it user posts a tweet gt Post a tweet cy get compose tweet btn click cy get textarea name tweet type What happened to all that fun you were having Come on lets try to enjoy this cy wait cy get post tweet btn click it user posts a second tweet gt Post a tweet cy get compose tweet btn click cy get textarea name tweet type That was an Attack on Titan easter egg cy wait cy get post tweet btn click it user posts a third tweet gt Post a tweet cy get compose tweet btn click cy get textarea name tweet type The Rumbling arrives on Marley cy wait cy get post tweet btn click DeploymentWhen you have completed building your application the final step is deployment You need to get your application online so that everyone can see it There are dozens of platforms out there but here are my top platforms in no particular order NetlifyVercelHerokuDigitalOceanAWS Final ThoughtsWe covered all of the MERN stack including TypeScript SQL Test Driven Development End to End Testing and even Docker Congratulations you just became super awesome because you boosted your skills and job prospects Play around with the databases and React frontend there is so much you can do with it Like for example creating more Storybook components integration tests adding the functionality to edit tweets and getting media like images and video to show up in the tweets	2022-05-10 09:20:37
海外TECH	DEV Community	apt update vs apt upgrade: What's the difference?	https://dev.to/kcdchennai/apt-update-vs-apt-upgrade-whats-the-difference-2ff8	apt update vs apt upgrade What x s the difference Package Managers are fantastic Let me tell you what made me say that Features of Package Managers Downloads installs and updates existing software from a repository Ensures the integrity and authenticity of the package Manages and resolves required dependencies Knows where to put all the files in the Linux file system Just imagine performing tasks like checksum verification installing dependencies storing components like docs binaries and config files in different folders manually Although for some package managers like dpkg you still need to install dependencies manually But I don t know why would one use package managers like dpkg if we have more advanced package managers which use these low level package managers under the hood and simplifies the task apt is one such high level package manager If you ever googled how to install lt package name gt in Ubuntu machine you d have probably came across these commands sudo apt updatesudo apt upgradesudo apt install lt package name gt You might be thinking that we only wanted to install a certain package so why are people suggesting us to execute those additional commands Let s understand that What does apt update do apt update updates the package sources list with the latest versions of the packages in the repositories Package sources list contains the locations or URLs of some of the repositories from which a package is installed You can view this list using the command cat etc apt sources listIt would give output One such location in these repositories is ubuntu dists bionic updates main source You can check that here where Sources gz file contains all the information about the packages including Dependencies of the packageLatest versions of the packageChecksums of the packages to verify integrityAnd much more as shown in the figure below So whenever we type in apt update it browses these lists from the repositories and copies the latest version of them to the local system It actually doesn t install any package on the system What does apt upgrade do then apt upgrade compares the version of all the packages currently installed on the system with the ones in the list we fetched through apt update and upgrades all of them to their latest versions Generally when upgrading all the packages in the system we merge both apt update and apt upgrade commands in a single line sudo apt update amp amp sudo apt upgradeAll these things happen in the backend within a few seconds	2022-05-10 09:17:56
海外TECH	DEV Community	High-level architecture of a hybrid SaaS solution	https://dev.to/forestadmin/high-level-architecture-of-a-hybrid-saas-solution-386l	High level architecture of a hybrid SaaS solution IntroductionForest Admin is a tool that automatically generates admin panels on top of your database that can then be customised Because of the privacy and security requirements most developers and organisations rightfully have over their data we had to build our solution in a way that ensured those requirements were respected in order to provide a viable offer That s why we decided to go with a hybrid SaaS architecture We define a hybrid SaaS solution as a software relying simultaneously on a SaaS part and an on premise part The SaaS part is hosted and managed by the vendor and includes the user interface the users will connect to and interact with via their browser The on premise or self hosted part is managed and hosted by the user and includes the users data and the vendor provided elements to send and receive the relevant data to and from the user interface As discussed in the first paragraph the main advantage of such an architecture is that the user s data will never be seen by the vendor and stays within the user s controlled environment In addition the user will automatically benefits from updates introduced by the vendor just like with any SaaS solution Let s detail this hybrid SaaS architecture using Forest Admin as an example High level hybrid SaaS architectureIn Forest Admin s case the whole architecture consists of different components as shown below The user s database the admin backend the Forest Admin API server and the Forest Admin UI server The user s databaseThe user s database will be the main data source for Forest Admin to generate admin panels and feed them Forest admin backendWhen a user installs Forest Admin they generate a node js application on their local machine It includes a RESTful API that connects to their database We call this app the admin backend It feeds all the data to your admin panel interface What it does it translates client requests from the end user browser into queries to the user s database it also provides the Forest Admin API Server with the information needed to build the User Interface This information includes table names column names and types and relationships A JSON file called the forestadmin schema json carries this metadata within the admin backend Forest Admin API serverThe Forest Admin API Server stores the information to build the user interface This includes both the database structure sent by the admin backend and the UI customization made by the user To get more technical the information stored includes Display amp Order ーWhich tables and columns should be displayed or hidden In what order should the columns appear in the Table view Collection Settings permissions ーAre the records in this table read only Can they be deleted Can they be exported in a csv file Widget preferences ーWhich UI component should be rendered for each column e g a file viewer for a column that contains images urls Chart configurations ーHow are the dashboard charts configured and in which position should they appear The Forest Admin API Server also manages the Forest Admin app s logic like user authentication or billing Forest Admin UI serverThe Forest Admin UI server stores static assets These include HTML documents CSS stylesheets and JS script files It provides the UI components needed to build the interface that displays the data Now that you have a high level overview of the architecture let s see how the different components interact together Interactions between the different componentsLet s go through the http calls made between each of the above mentioned elements when operating a Forest Admin project Namely calls made between the end user s browser and the Forest Admin servers both UI and API servers between the end user s browser and the admin backend between the admin backend and the Forest Admin API servers Calls made from the user s browserThe following lists the calls made by the browser when an end user accesses the admin panel from their browser at app forestadmin com To the Forest Admin UI serversCalls need to go out to the Forest Admin UI server to fetch static assets including HTML documentsCSS stylesheetsJS scriptsA map of the assets To the Forest Admin API serversCalls need to go out to the Forest Admin API servers to retrieve information regarding the end user logged in the project they re logged into the environment they re logged into the configuration of the rendering to be displayed i e the configuration of the UI the widgets configuration the billings info of the project any updates happening on the UI configuration This is done through websockets To the admin backendCalls need to go out to the admin backend to retrieve modify data from the database including GET calls to retrieve a list of records the count of a list or the details of record PUT calls to modify a record POST calls to create a new record or trigger a custom action DELETE calls to delete records Calls made from the admin backend To the databaseWhen calls are made from the browser to the admin backend the latter translates the call into a database query To the Forest Admin API serversIn order to ensure that the UI reflects the structure of the database the admin backend needs to send calls containing the information from the forestadmin schema json to the Forest Admin API servers This file is sent upon every restart of the admin backend server At the startup of the admin backend and periodically afterwards calls are also made to the Forest Admin API servers to retrieve permissions This protects the data from being accessed by unauthorized users through curl requests for example Additional considerations Flexibility and extensibilityBecause part of the solution s logic resides in the user s systems ーthe admin backend in Forest Admin s example the vendor can allow users to customise and extend its solution like they would with any other app by open sourcing and documenting its on premise component Development workflow CI CD and hostingIf the vendor open sources its on premise component it also allows the user to manage the code of this component in Git the containerize the back end app using Docker or Kubernetes and to deploy it wherever the user sees fit UpdatesWith this hybrid SaaS architecture users will benefit from continuous updates to the SaaS part ーin Forest Admin s case the UI ーby simply refreshing they browser tab For the on premise part the downside is that updates do require the user to install updates on their side and potentially setup tests to make sure updates do not introduce regressions on their specific configuration ConclusionFrom introducing large updates to managing users authentication to optimising for performance when you don t host part of your solution building Forest Admin with this hybrid SaaS architecture introduced various technical challenges of their own that we plan to cover in more detailed posts in the future Ping us ForestAdmin to let us know what you d like us to cover first Interest in Forest Admin Learn more on our website or our doc or sign up here	2022-05-10 09:12:13
Apple	AppleInsider - Frontpage News	Apple is working on making OLED panels much thinner, possibly flexible	https://appleinsider.com/articles/22/05/10/apple-is-working-on-making-oled-panels-much-thinner-possibly-flexible?utm_medium=rss	Apple is working on making OLED panels much thinner possibly flexibleA new report says that Apple is developing a display panel that uses OLED but with a thinner alternative to that technology s usual polarized layer which could make for foldable iPhone and iPad screens As Apple broadens its OLED screen suppliers and also presses for thicker two stack iPad displays it s developing a thinner option which could be for flexible or foldable panels According to The Elec work has begun on an OLED panel that doesn t require a polarizing layer Polarizing the screen improves the visibility of the display by limiting light to travel through only certain directions instead of blurring or bleeding across the screen Read more	2022-05-10 09:38:10
海外TECH	Engadget	Nintendo predicts Switch sales will continue to slow this year	https://www.engadget.com/nintendo-switch-sales-slow-this-year-093831775.html?src=rss	Nintendo predicts Switch sales will continue to slow this yearNintendo sold PDF million Switch units overall for the fiscal year ending in March over million units fewer than its previous year The gaming giant originally thought it was going to sell million units this fiscal year but it lowered its forecast to million and then million because the continued global chip shortage has made it difficult to procure components In fact the company most likely expects to continue grappling with supply chain issues because it has lowered its forecast to million Switch units sold for its next fiscal year ending in March Nintendo s sales were buoyed by the pandemic in previous years with people purchasing new gaming consoles to get them through the COVID lockdowns The Switch even became the company s best selling home console ever after total sales eclipsed million units in the third quarter Nintendo noted in today s financial release that it has now sold a total of million consoles Even though global lockdowns aren t as regular parts continue to be harder and harder to get so the company s forecast must also reflect that reality Analysts and industry execs previously expected the chip shortage to persist throughout but Intel chief Pat Gelsinger recently said that the issue could drag on until Nintendo also expects lower net sales and net profit overall in its next fiscal year In FY it reported net sales of billion yen US billion and an operating profit of billion yen US billion Next year it expects its net sales to fall to around billion yen US billion and its annual operating profit to fall to billion yen US billion nbsp Despite the lower hardware sales Nintendo has claimed the highest annual software sales for a single hardware family It sold million Switch games in its fiscal year led by Pokémon Brilliant Diamond and Shining Pearl nbsp with million units sold Pokémon Legends Arceus which sold million copies in seven days has sold million units so far Mario Kart Deluxe sold million units while Kirby and the Forgotten Land sold million units in just over two weeks	2022-05-10 09:38:31
金融	RSS FILE - 日本証券業協会	インターネット取引に係るシステム障害件数	https://www.jsda.or.jp/shiryoshitsu/toukei/inter/index.html	取引	2022-05-10 09:56:00
海外ニュース	Japan Times latest articles	Biden speeds up military aid to Ukraine, drawing U.S. deeper into war	https://www.japantimes.co.jp/news/2022/05/10/world/biden-ukraine-military-aid/	ukraine	2022-05-10 18:44:15
海外ニュース	Japan Times latest articles	Ukraine’s Odesa douses fires after Russian Victory Day strikes	https://www.japantimes.co.jp/news/2022/05/10/world/ukraine-odesa-strikes/	russian	2022-05-10 18:15:51
海外ニュース	Japan Times latest articles	Pure gold for Japan’s Golden Week diplomacy	https://www.japantimes.co.jp/opinion/2022/05/10/commentary/world-commentary/kishida-diplomatic-wins/	Pure gold for Japan s Golden Week diplomacyMore than just photo opportunities Kishida s diplomatic engagements were meaningful ーsome producing major developments in Japan s bilateral relationships with important partners	2022-05-10 18:47:34
海外ニュース	Japan Times latest articles	With Yoon, Tokyo has a chance to improve Seoul relations	https://www.japantimes.co.jp/opinion/2022/05/10/commentary/japan-commentary/yoon-suk-yeol-inauguration/	With Yoon Tokyo has a chance to improve Seoul relationsRepairing the relationship with Japan ーwhich reached a nadir under the former administration ーis part of Yoon Suk yeol s broader strategy of raising South	2022-05-10 18:38:54
ニュース	BBC News - Home	Sri Lankan troops on streets after protesters torch leaders' homes in night of unrest	https://www.bbc.co.uk/news/world-asia-61389189?at_medium=RSS&at_campaign=KARANGA	Sri Lankan troops on streets after protesters torch leaders x homes in night of unrestTroops are on the streets across Sri Lanka after a night of anti government unrest fuelled by an economic crisis	2022-05-10 09:04:25
ニュース	BBC News - Home	NI election 2022: NI public cannot be left high and dry, PM told	https://www.bbc.co.uk/news/uk-northern-ireland-61390917?at_medium=RSS&at_campaign=KARANGA	refusal	2022-05-10 09:07:50
ニュース	BBC News - Home	Jamie Wallis MP pleads not guilty to traffic offences	https://www.bbc.co.uk/news/uk-wales-politics-61391409?at_medium=RSS&at_campaign=KARANGA	collision	2022-05-10 09:52:54
ビジネス	不景気.com	ジャパンディスプレイが愛知の東浦工場を閉鎖、競争力減 - 不景気com	https://www.fukeiki.com/2022/05/jdi-close-higashiura-plant.html	閉鎖	2022-05-10 09:02:55
北海道	北海道新聞	東京円、１３０円台前半	https://www.hokkaido-np.co.jp/article/678993/	東京外国為替市場	2022-05-10 18:23:00
北海道	北海道新聞	札幌市手稲区の８０代女性　２００万円とキャッシュカード２枚だまし取られる	https://www.hokkaido-np.co.jp/article/678992/	札幌市手稲区	2022-05-10 18:23:00
北海道	北海道新聞	ロシア産石油、脱却明確に　出光社長、石炭も代替提案	https://www.hokkaido-np.co.jp/article/678991/	出光興産	2022-05-10 18:19:00
北海道	北海道新聞	海保の救助体制強化へ　国交相見解、「機動救難士」の配置増	https://www.hokkaido-np.co.jp/article/678979/	国土交通相	2022-05-10 18:17:27
北海道	北海道新聞	次の目標は健康サポート　引退のスケート高木さん	https://www.hokkaido-np.co.jp/article/678989/	現役引退	2022-05-10 18:16:00
北海道	北海道新聞	国の長期債務１千兆円超え　社保費、コロナの巨額対策	https://www.hokkaido-np.co.jp/article/678988/	長期	2022-05-10 18:15:00
北海道	北海道新聞	対米関係や経済回復が課題　マルコス氏、記録的な得票	https://www.hokkaido-np.co.jp/article/678987/	大統領選	2022-05-10 18:14:00
北海道	北海道新聞	北海道経営未来塾　道外研修２年ぶり復活　活動計画決まる	https://www.hokkaido-np.co.jp/article/678983/	長内順一	2022-05-10 18:13:00
北海道	北海道新聞	自転車で転倒、７２歳男性死亡　札幌・清田区の歩道	https://www.hokkaido-np.co.jp/article/678982/	清田区北野	2022-05-10 18:13:19
北海道	北海道新聞	根室・金刀比羅神社　例大祭みこし行列、３年連続で中止	https://www.hokkaido-np.co.jp/article/678981/	金刀比羅神社例大祭	2022-05-10 18:12:37
北海道	北海道新聞	華やかに開花宣言　かみゆうべつチューリップ公園	https://www.hokkaido-np.co.jp/article/678980/	上湧別屯田市街地	2022-05-10 18:08:30
マーケティング	MarkeZine	約8割が値上げを「実感」／値上げを最も実感する品目は「生鮮食品」 【日本インフォメーション調査】	http://markezine.jp/article/detail/38933	生鮮食品	2022-05-10 18:15:00
IT	週刊アスキー	選び抜かれた旬の豪華食材を使用！　ヨコハマ グランド インターコンチネンタル ホテルの「冷やし翡翠麺」、6月1日から	https://weekly.ascii.jp/elem/000/004/091/4091140/	冷やし中華	2022-05-10 18:30:00
IT	週刊アスキー	『FFXI』5月のバージョンアップを実施！新ストーリー「蝕世のエンブリオ」の第8回が開幕	https://weekly.ascii.jp/elem/000/004/091/4091146/	mmorpg	2022-05-10 18:30:00