IT |
ITmedia 総合記事一覧 |
[ITmedia News] NY州弁護士→日本のスタートアップで開発者に 異色の経歴持つ外国人エンジニア、日本で働く理由は? |
https://www.itmedia.co.jp/news/articles/2308/23/news110.html
|
日本に来た理由や、日本で働くことの印象などを聞いていく。 |
2023-08-23 12:50:00 |
IT |
ITmedia 総合記事一覧 |
[ITmedia ビジネスオンライン] 乗換案内アプリ「NAVITIME Transit」、東南アジアの鉄道カバー率100%に |
https://www.itmedia.co.jp/business/articles/2308/23/news109.html
|
itmedia |
2023-08-23 12:46:00 |
IT |
ITmedia 総合記事一覧 |
[ITmedia PC USER] ViewSonic、実売4万円台の4K対応31.5型液晶ディスプレイ |
https://www.itmedia.co.jp/pcuser/articles/2308/23/news107.html
|
itmediapcuserviewsonic |
2023-08-23 12:05:00 |
python |
Pythonタグが付けられた新着投稿 - Qiita |
Pythonを使用してWordドキュメントからテキストと画像を抽出する |
https://qiita.com/iceblue/items/f155ddab8549354f4fa6
|
画像 |
2023-08-23 12:40:25 |
python |
Pythonタグが付けられた新着投稿 - Qiita |
線形回帰関数の実装 |
https://qiita.com/a_d_j_u_s_t/items/e3db5df82078f8cc531e
|
codingutf |
2023-08-23 12:17:16 |
python |
Pythonタグが付けられた新着投稿 - Qiita |
"Python in Excel"について初見時の感想 |
https://qiita.com/junkmd/items/cb934d6d5e887bb112a2
|
quotpythoninexcelquot |
2023-08-23 12:04:18 |
js |
JavaScriptタグが付けられた新着投稿 - Qiita |
💭初めてのJavaScript |
https://qiita.com/riffiy/items/68e47150d4da53e28fd7
|
javascript |
2023-08-23 12:41:34 |
Docker |
dockerタグが付けられた新着投稿 - Qiita |
Docker-composeを使ってMySQLを建てた際に、"Access denied for user 'root'@'localhost' (using password: YES)"に悩まされた話。 |
https://qiita.com/Hellcat_152/items/cc04a92dc996ebe494b8
|
Dockercomposeを使ってMySQLを建てた際に、quotAccessdeniedforuserxrootxxlocalhostxusingpasswordYESquotに悩まされた話。 |
2023-08-23 12:33:55 |
技術ブログ |
Developers.IO |
SORACOM UG Tokyo #16 で「5分で分かる AWS IoT TwinMaker とデジタルツイン」というテーマで登壇しました |
https://dev.classmethod.jp/articles/speaking-at-soracom-ug-tokyo-16-on-5-minute-aws-iot-twinmaker-and-digital-twins/
|
awsiottwinmaker |
2023-08-23 03:51:59 |
技術ブログ |
Developers.IO |
AWS Lambda with Rustでレスポンスストリーミング |
https://dev.classmethod.jp/articles/rust-response-streaming/
|
awslambda |
2023-08-23 03:49:19 |
技術ブログ |
Developers.IO |
【速報】OpenAI APIでGPT-3.5-turboがfine-tuningできるようになりました!! |
https://dev.classmethod.jp/articles/openai-gpt35turbo-fine-tuning/
|
finetuning |
2023-08-23 03:33:17 |
海外TECH |
DEV Community |
How to Deploy a React app to Heroku |
https://dev.to/mrcflorian/how-to-deploy-a-react-app-to-heroku-44ig
|
How to Deploy a React app to HerokuDeploying a React app to Heroku is a straightforward process Below is a step by step guide Prerequisites Ensure you have Git installed Ensure you have a Heroku account If not sign up here Install the Heroku CLI Steps to Deploy Initialize a Git Repository If it s not already a Git repository git initCommit Your Code If you haven t committed your React app to git yet you can do so with the following commands git add git commit m Initial commit Create a Heroku App heroku login heroku create lt optional name of your app gt Use a Static Server Since a React app consists of static files when built you will need a server to serve these files One popular option is the serve package Install serve npm install serve saveModify your scripts section in package json scripts start serve s build build react scripts build dev react scripts start The above configuration will serve your build directory when you run npm start Set Up Node js Server For Heroku to recognize the app as a Node js app you should have both package json and a Procfile at the root of your project Create a Procfile no file extension in the root directory and add the following line web npm startUpdate gitignore Ensure you re not excluding the build directory in your gitignore Heroku needs this to serve your app Build Your App npm run buildCommit the Build git add git commit m Prepare for Heroku deployment Push to Heroku git push heroku masterOpen Your App in the Browser Once the deployment process completes you can view your app in the browser heroku openThat s it Your React app should now be live on Heroku Remember that whenever you make changes to your React app you ll need to rebuild and push to Heroku again |
2023-08-23 03:22:36 |
海外TECH |
DEV Community |
Docker MERN stack example |
https://dev.to/tienbku/docker-mern-stack-example-7j
|
Docker MERN stack exampleDocker provides lightweight containers to run services in isolation from our infrastructure so we can deliver software quickly In this tutorial I will show you how to dockerize MERN stack Application React Node js Express MongoDB example using Docker Compose and Nginx Related Posts React Node js Express MongoDB example CRUD AppReact Node js Express MongoDB User Authentication with JWT exampleIntegrate React with Node js Express on same Server PortMERN stack Application with Docker OverviewAssume that we have a fullstack React Nodejs Express MongoDB Application MERN stack The problem is to containerize a system that requires more than one Docker container React for UI Node js Express for API MongoDB for databaseDocker Compose helps us setup the system more easily and efficiently than with only Docker We re gonna following these steps Setup Nodejs App working with MongoDB database Create Dockerfile for Nodejs App Setup React App Create Dockerfile for React App Write Docker Compose configurations in YAML file Set Environment variables for Docker Compose Run the system Directory Structure Setup Nodejs AppYou can read and get Github source code from one of following tutorials Node js Express amp MongoDb Build a CRUD Rest Api exampleNode js MongoDB User Authentication amp Authorization with JWTUsing the code base above we put the Nodejs project in bezkoder api folder and modify some files to work with environment variables Firstly let s add dotenv module into package json dependencies dotenv Next we import dotenv in server js and use process env for setting up CORS and port require dotenv config var corsOptions origin process env CLIENT ORIGIN http localhost app use cors corsOptions set port listen for requestsconst PORT process env NODE DOCKER PORT app listen PORT gt console log Server is running on port PORT Then we change modify database configuration and initialization app config db config jsconst DB USER DB PASSWORD DB HOST DB PORT DB NAME process env module exports url mongodb DB USER DB PASSWORD DB HOST DB PORT DB NAME authSource admin We also need to make a env sample file that shows all necessary arguments bezkoder api env sampleDB HOST localhostDB USER rootDB PASSWORD DB NAME bezkoder dbDB PORT NODE DOCKER PORT CLIENT ORIGIN Create Dockerfile for Nodejs AppDockerfile defines a list of commands that Docker uses for setting up the Node js application environment So we put the file in bezkoder api folder Because we will use Docker Compose we won t define all the configuration commands in this Dockerfile bezkoder api DockerfileFROM node WORKDIR bezkoder apiCOPY package json RUN npm installCOPY CMD npm startLet me explain some points FROM install the image of the Node js version WORKDIR path of the working directory COPY copy package json file to the container then the second one copies all the files inside the project directory RUN execute a command line inside the container npm install to install the dependencies in package json CMD run script npm start after the image is built Setup React AppYou can read and get Github source code from one of following tutorials React CRUD example to consume Web APIReact Typescript CRUD example to consume Web APIReact Redux CRUD App example with Rest APIReact Hooks CRUD example to consume Web APIReact Table example CRUD App with react table vReact Material UI examples with a CRUD ApplicationReact JWT Authentication amp Authorization exampleReact Redux JWT Authentication amp Authorization exampleUsing the code base above we put the React project in bezkoder ui folder and do some work Firstly let s remove env file because we re gonna work with environment variable from Docker Then we open http common js for updating baseURL of axios instance with process env REACT APP API BASE URL import axios from axios export default axios create baseURL process env REACT APP API BASE URL http localhost api headers Content type application json Create Dockerfile for React AppWe re gonna deploy the React app behind an Nginx server Same as Nodejs we put Dockerfile inside bezkoder ui folder bezkoder upi Dockerfile Stage FROM node as build stageWORKDIR bezkoder uiCOPY package json RUN npm installCOPY ARG REACT APP API BASE URLENV REACT APP API BASE URL REACT APP API BASE URLRUN npm run build Stage FROM nginx alpineCOPY from build stage bezkoder ui build usr share nginx htmlEXPOSE REACT DOCKER PORTCMD nginx g daemon off There are two stage Stage Build the React applicationFROM install the image of the Node js version WORKDIR path of the working directory COPY copy package json file to the container then the second one copies all the files inside the project directory RUN execute a command line inside the container npm install to install the dependencies in package json ARG and ENV get argument and set environment variable prefix REACT APP is required run script npm run build after the image is built the product will be stored in build folder Stage Serve the React application with Nginxinstall the image of the nginx alpine version copy the react build from Stage into usr share nginx html folder expose port should be to the Docker host daemon off directive tells Nginx to stay in the foreground Write Docker Compose for MERN applicationOn the root of the project directory we re gonna create the docker compose yml file for the MERN stack Follow version syntax defined by Docker version services mongodb bezkoder api bezkoder ui volumes networks version Docker Compose file format version will be used services individual services in isolated containers Our application has three services bezkoder ui React bezkoder api Nodejs and mongodb MongoDB database volumes named volumes that keeps our data alive after restart networks facilitate communication between containersLet s implement the details docker compose ymlversion services mongodb image mongo restart unless stopped env file env environment MONGO INITDB ROOT USERNAME MONGODB USER MONGO INITDB ROOT PASSWORD MONGODB PASSWORD ports MONGODB LOCAL PORT MONGODB DOCKER PORT volumes db data db networks backend bezkoder api depends on mongodb build bezkoder api restart unless stopped env file env ports NODE LOCAL PORT NODE DOCKER PORT environment DB HOST mongodb DB USER MONGODB USER DB PASSWORD MONGODB PASSWORD DB NAME MONGODB DATABASE DB PORT MONGODB DOCKER PORT CLIENT ORIGIN CLIENT ORIGIN networks backend frontend bezkoder ui depends on bezkoder api build context bezkoder ui args REACT APP API BASE URL CLIENT API BASE URL ports REACT LOCAL PORT REACT DOCKER PORT networks frontend volumes db networks backend frontend mongodb image official Docker imagerestart configure the restart policyenv file specify our env path that we will create laterenvironment provide setting using environment variablesports specify ports will be usedvolumes map volume foldersnetworks join backend networkbezkoder api depends on dependency order mongodb service is started before bezkoder apibuild configuration options that are applied at build time that we defined in the Dockerfile with relative pathenvironment environmental variables that Node application usesnetworks join both backend and frontent networksbezkoder ui depends on start after bezkoder apibuild args add build arguments environment variables accessible only during the build processnetworks join only frontent networkYou should note that the host port LOCAL PORT and the container port DOCKER PORT is different Networked service to service communication uses the container port and the outside uses the host port Docker Compose Environment variablesIn the service configuration we used environmental variables defined inside the env file Now we start writing it envMONGODB USER rootMONGODB PASSWORD MONGODB DATABASE bezkoder dbMONGODB LOCAL PORT MONGODB DOCKER PORT NODE LOCAL PORT NODE DOCKER PORT CLIENT ORIGIN CLIENT API BASE URL apiREACT LOCAL PORT REACT DOCKER PORT Run MERN stack with Docker ComposeWe can easily run the whole with only a single command docker compose upDocker will pull the MongoDB and Node js images if our machine does not have it before The services can be run on the background with command docker compose up d docker compose up dCreating network react node mongodb backend with the default driverCreating network react node mongodb frontend with the default driverCreating volume react node mongodb db with default driverPulling mongodb mongo Pulling from library mongoeccb Pull completecf Pull completecbccccebe Pull completedacbd Pull completefbbd Pull completeaffab Pull completebea Pull completeccffaac Pull completeda Pull completedcf Pull completeDigest sha eacffbdcbcdfbcacecaStatus Downloaded newer image for mongo Building bezkoder apiSending build context to Docker daemon kBStep FROM node gt dfStep WORKDIR bezkoder api gt Running in bcfcRemoving intermediate container bcfc gt cceccStep COPY package json gt cdeStep RUN npm install gt Running in enpm notice created a lockfile as package lock json You should commit this file npm WARN node express mongodb No repository field added packages from contributors and audited packages in s packages are looking for funding run npm fund for detailsfound vulnerabilitiesRemoving intermediate container e gt bdabadbStep COPY gt edeeaStep CMD npm start gt Running in fcaeRemoving intermediate container fcae gt fSuccessfully built fSuccessfully tagged react node mongodb bezkoder api latestWARNING Image for service bezkoder api was built because it did not already exist To rebuild this image you must use docker compose build or docker compose up build Building bezkoder uiSending build context to Docker daemon kBStep FROM node as build stage gt dfStep WORKDIR bezkoder ui gt Running in eabRemoving intermediate container eab gt faccbStep COPY package json gt fbeeddStep RUN npm install gt Running in defffadded packages from contributors and audited packages in s packages are looking for funding run npm fund for detailsfound vulnerabilities low moderate high run npm audit fix to fix them or npm audit for detailsRemoving intermediate container defff gt afbcStep COPY gt feaefStep ARG REACT APP API BASE URL gt Running in dcafbRemoving intermediate container dcafb gt fcdStep ENV REACT APP API BASE URL REACT APP API BASE URL gt Running in badRemoving intermediate container bad gt abcabStep RUN npm run build gt Running in ded gt react crud build bezkoder ui gt react scripts buildCreating an optimized production build Compiled successfully File sizes after gzip KB build static js ceb chunk js KB build static css facb chunk css KB build static js main aaefe chunk js B build static js runtime main bf js B build static css main ccdb chunk cssThe project was built assuming it is hosted at You can control this with the homepage field in your package json The build folder is ready to be deployed You may serve it with a static server npm install g serve serve s buildFind out more about deployment here bit ly CRA deployRemoving intermediate container ded gt cdabStep FROM nginx alpine gt bfbacacStep COPY from build stage bezkoder ui build usr share nginx html gt bcbdbdeStep EXPOSE REACT DOCKER PORT gt Running in cedbdRemoving intermediate container cedbd gt dfStep CMD nginx g daemon off gt Running in deeecRemoving intermediate container deeec gt fefcbSuccessfully built fefcbSuccessfully tagged react node mongodb bezkoder ui latestWARNING Image for service bezkoder ui was built because it did not already exist To rebuild this image you must use docker compose build or docker compose up build Creating react node mongodb mongodb doneCreating react node mongodb bezkoder api doneCreating react node mongodb bezkoder ui doneNow you can check the current working containers docker psCONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMESceecec react node mongodb bezkoder ui bin sh c nginx … Up minutes Up minutes gt tcp gt tcp react node mongodb bezkoder ui fcdbdb react node mongodb bezkoder api docker entrypoint s… Up minutes Up minutes gt tcp gt tcp react node mongodb bezkoder api ffcdd mongo docker entrypoint s… Up minutes Up minutes gt tcp gt tcp react node mongodb mongodb And Docker images docker imagesREPOSITORY TAG IMAGE ID CREATED SIZEreact node mongodb bezkoder ui latest fefcb minutes ago MBreact node mongodb bezkoder api latest f minutes ago MBmongo becb minutes ago MBTest the React UI MongoDB Database And Node js Express API Stop the ApplicationStopping all the running containers is also simple with a single command docker compose down docker compose downStopping react node mongodb bezkoder ui doneStopping react node mongodb bezkoder api doneStopping react node mongodb mongodb doneRemoving react node mongodb bezkoder ui doneRemoving react node mongodb bezkoder api doneRemoving react node mongodb mongodb doneRemoving network react node mongodb backendRemoving network react node mongodb frontendIf you need to stop and remove all containers networks and all images used by any service in docker compose yml file use the command docker compose down rmi allConclusionToday we ve successfully created MERN application with Docker and Nginx Now we can deploy MERN stack React Nodejs Express and MongoDB on a very simple way docker compose yml You can apply this way to one of following project React Node js Express MongoDB example CRUD AppReact Node js Express MongoDB User Authentication with JWT exampleHappy Learning See you again Source CodeThe source code for this tutorial can be found at Github |
2023-08-23 03:22:26 |
ニュース |
BBC News - Home |
Drone hits Moscow building and two drones downed - officials |
https://www.bbc.co.uk/news/world-europe-66589596?at_medium=RSS&at_campaign=KARANGA
|
defence |
2023-08-23 03:15:29 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
歴史的な低金利時代、終わりそうな理由 - WSJ PickUp |
https://diamond.jp/articles/-/328025
|
wsjpickup |
2023-08-23 13:00:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
女医が教える超カンタン「男の日焼け止め」習慣、シミ取りに来る前に対策を! - 人生100年時代のアンチエイジング |
https://diamond.jp/articles/-/327911
|
肌トラブルの原因となる紫外線に対して、対策ができていない人が多いのが現状なのだ。 |
2023-08-23 12:30:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
ESG評価なぜばらつく? 企業間の比較難しく - WSJ発 |
https://diamond.jp/articles/-/328118
|
評価 |
2023-08-23 12:26:00 |
マーケティング |
MarkeZine |
KINCHOとシャウエッセンの担当者が語る SNSで話題になるオフライン広告設計と考え方【視聴無料】 |
http://markezine.jp/article/detail/43181
|
kincho |
2023-08-23 12:30:00 |
マーケティング |
MarkeZine |
【耳から学ぶ】青山商事に学ぶ“社会課題解決型”リブランディング施策 |
http://markezine.jp/article/detail/43183
|
課題解決 |
2023-08-23 12:15:00 |
IT |
週刊アスキー |
マイクロソフト「Python in Excel」セルにPythonを直接入力可能、Windows用ベータ版開始 |
https://weekly.ascii.jp/elem/000/004/151/4151420/
|
excel |
2023-08-23 12:55:00 |
IT |
週刊アスキー |
アイス好き注目!「爽 濃い芳醇マスカット」は“ブドウの女王”の果汁を贅沢に使用 |
https://weekly.ascii.jp/elem/000/004/150/4150917/
|
贅沢 |
2023-08-23 12:30:00 |
海外TECH |
reddit |
Post Game Chat 8/22 Mariners @ White Sox |
https://www.reddit.com/r/Mariners/comments/15yrrgw/post_game_chat_822_mariners_white_sox/
|
Post Game Chat Mariners White SoxPlease use this thread to discuss anything related to today s game You may post anything as long as it falls within stated posting guidelines You may also post gifs and memes as long as it is related to the game Please keep the discussion civil Discord Seattle Sports Line Score Game Over R H E LOB SEA CWS Box Score CWS AB R H RBI BB SO BA LF Benintendi B Moncada CF Robert Jr DH Jiménez E B Vaughn C Grandal SS Andrus RF Colás B Sosa L CWS IP H R ER BB SO P S ERA Clevinger Shaw B Lambert Ramsey SEA AB R H RBI BB SO BA SS Crawford J B Suárez E B France T C Raleigh RF Hernández T CF Marlowe LF Canzone DH Ford M DH Caballero B Rojas J SEA IP H R ER BB SO P S ERA Woo Saucedo Thornton Campbell Topa Speier Muñoz A Scoring Plays Inning Event Score B Andrew Vaughn singles on a line drive to left fielder Dominic Canzone Luis Robert Jr scores Eloy Jimenez to nd T Mike Ford singles on a line drive to right fielder Oscar Colas Teoscar Hernandez scores Dominic Canzone to nd T J P Crawford singles on a line drive to left fielder Andrew Benintendi Dominic Canzone scores Mike Ford to nd T Josh Rojas homers on a fly ball to right center field Mike Ford scores T Ty France singles on a ground ball to shortstop Elvis Andrus deflected by third baseman Yoan Moncada Josh Rojas scores J P Crawford to rd Eugenio Suarez to nd T Cal Raleigh out on a sacrifice fly to right fielder Oscar Colas J P Crawford scores Eugenio Suarez to rd B Elvis Andrus grounds into a double play shortstop J P Crawford to first baseman Ty France Andrew Vaughn scores Yasmani Grandal out at nd Elvis Andrus out at st B Andrew Benintendi homers on a fly ball to right center field Highlights Description Length Video Bullpen availability for Chicago August vs Mariners Video Bullpen availability for Seattle August vs White Sox Video Fielding alignment for Chicago August vs Mariners Video Fielding alignment for Seattle August vs White Sox Video Starting lineups for Mariners at White Sox August Video Measuring the stats on Josh Rojas s home run Video Breaking down Bryan Woo s pitches Video Breaking down Mike Clevinger s pitches Video Mike Clevinger s outing against the Mariners Video Andrew Vaughn rips an RBI single to left field Video Mike Ford rips an RBI single to right field Video J P Crawford slaps an RBI single to left field Video Josh Rojas homers to right field in the th inning Video Mike Clevinger gets the out on Cade Marlowe at first Video Bryan Woo strikes out three through four innings Video Ty France hits an RBI single in the top of the th Video Cal Raleigh hits a sac fly in the th inning Video Andrew Vaughn scores after a double play in the th Video Elvis Andrus extends for the catch in the th inning Video Robert Jr hits a foul ball just shy of a home run Video Mike Clevinger fans four in five innings pitched Video Andrew Benintendi homers in the bottom of the th Video Luis Robert Jr strikes out swinging Video Decisions Winning Pitcher Losing Pitcher Save Topa ERA Clevinger ERA Muñoz A SV ERA Attendance Weather Wind °F Clear mph In From CF HP B B B Dan Bellino Phil Cuzzi Mark Ripperger Shane Livensparger Game ended at PM submitted by u Mariners bot to r Mariners link comments |
2023-08-23 03:20:32 |
海外TECH |
reddit |
What percentage of your salary do you save each month? (Serious) |
https://www.reddit.com/r/japanlife/comments/15yrkyo/what_percentage_of_your_salary_do_you_save_each/
|
What percentage of your salary do you save each month Serious It was suggested in a previous thread that saving of one s income was unrealistic Let s try to get some data How much do you save each month Income expenditures Not including medium long term debt investments etc What do these savings go towards wise A Debt repayment B Cash saving C Family Support D Investments E Hobbies enjoyment etc submitted by u Azabu to r japanlife link comments |
2023-08-23 03:11:56 |
コメント
コメントを投稿