TECH |
Techable(テッカブル) |
フォーバル社、東海理化の社用車管理DXサービス「Bqey」導入。生産性向上など効果を実感! |
https://techable.jp/archives/217374
|
東海理化 |
2023-08-18 10:00:49 |
TECH |
Techable(テッカブル) |
社長の人格・思考・会話を学習した“クローン”がチャットで回答。企画書も作れるAIクローンサービス |
https://techable.jp/archives/217539
|
thelabo |
2023-08-18 10:00:27 |
python |
Pythonタグが付けられた新着投稿 - Qiita |
jupyterlab-desktopでjlabコマンドが使えない |
https://qiita.com/soun1218/items/ae494dffa46b63f86a8d
|
jupyterlabdesktop |
2023-08-18 19:31:40 |
js |
JavaScriptタグが付けられた新着投稿 - Qiita |
DOMの仕組みについて簡単にまとめた |
https://qiita.com/kiIAlmd2/items/289ee8921247d486d2cc
|
javascript |
2023-08-18 19:00:47 |
海外TECH |
MakeUseOf |
What Are Bitcoin Spot ETFs and Why Won't the SEC Approve Them? |
https://www.makeuseof.com/what-are-bitcoin-spot-etfs-why-wont-sec-approve/
|
approve |
2023-08-18 10:15:26 |
海外TECH |
MakeUseOf |
How to Post a Story on Telegram |
https://www.makeuseof.com/how-to-post-story-telegram/
|
telegram |
2023-08-18 10:07:27 |
海外TECH |
MakeUseOf |
A Beginner’s Guide to Using Pico CSS |
https://www.makeuseof.com/pico-css-beginners-guide/
|
attractive |
2023-08-18 10:00:24 |
海外TECH |
DEV Community |
A brief overview of HTTP protocol |
https://dev.to/supriya-kotturu/a-brief-overwief-of-http-protocol-5e67
|
A brief overview of HTTP protocol IntroductionLet s start with the basics The web works on client and server model Where the Client initiates the request It passes through the internet and reaches the server The server then processes it and sends it a response the same way it arrived Client usually the browser But can also be a web crawler bot indexing the search results Internet many networks of connected computers Server THE computer that responds to that particular request HTTPHTTP stands for Hypertext Transfer Protocol But what is Hypertext Hypertext is a way of linking text to other text or resources It is the underlying concept of the World Wide Web where web pages are interconnected by hyperlinks It is a text which you see on a computer and on clicking on it redirects to the resource Furthermore this resource is a document usually HTML files present on a computer it can be any computer Be it yours or someone else s on cloud And now what is a Protocol To send this request to the server we need to follow some standard rules protocols In short HTTP is the standard set of rules which describe the way we can make a request that allows us to transfer a text file media hypertext hypermedia over the internet Between the client and the server there are many entities routers switches load balancers through with the requests get passed But discussing them would be out of scope for this article You can read more about this here It s Simple and StatelessAll the HTTP messages are human readable which makes it easier for the developers to debug and reduces complexity Whenever a request is made from the client the server doesn t store any information which makes it stateless You might question if the server doesn t have the data from previous requests how will it be able to keep track of what response to send for an authenticated user or a user with different permissions Well though it is stateless it can keep track of this data using cookies whenever a new session is created This is where we store the JWT tokens of an authenticated user in HTTP Header to let your server know that the user is logged in Building BlocksHTTP is built on top of TCP IP protocols and consisted of blockstextual format to represent Hypertext files HTML protocol to exchange these files HTTP client to display these files browser server to give access to these files Evolution on HTTP HTTP The initial implementation of HTTP was remarkably straightforward It s also called one line protocol which contained only GET method followed by the path to the resource REQUESTGET fancyWebPage index htmlRESPONSE lt html gt HTML page with only text No images or other resources are included in this file lt html gt only GET method was provided to access the resourcesno HTTP Headers The response was always a HTML file no status or error codes If there was an error an HTML file with the generated error description was sent HTTP versioning was added at the end of the resource path status code was also sent at the beginning of the response HTTP Headers were introduced for both request and responses which allowed us to send metadata This allowed us to transfer documents other than plain HTML if its respective HTTP header value was included in Content TypeThe connection is closed after the response is received We need to create a new connection for every request REQUESTGET fancyWebPage index html HTTP User Agent BrowserName OS Name RESPONSE ok status codeDate Fri Aug IST metadataServer company project metadataContent Type text html metadata lt html gt html content HTML page with images and other file content lt img src cat png gt lt html gt If the response contained other resources subsequent calls are made to the server to fetch them Here in the next call the browser makes a call to the server to fetch the cat png file HTTP it introduced keep alive mechanism Connections can be reused There s no longer a need to open multiple connections for each request Pipelining was introduced which allowed the client to make a new request without waiting for the response from the previous one The responses were sent in the order they were requested But this couldn t be handled well by the proxy servers entities between the client and server Cache control mechanisms and support for chunked responses was added It was easier to create new Headers and methods It was stable for more than yrs Here s an image from MDN showing the request response structure HTTPSNetsape came up with additional layer SSL on top of HTTP to encrypt the transmission of messages between client and server Authoring before RESTWhen the World Wide Web browser was created by Tim Berners Lee he wanted to create a medium where everyone can share edit create and share the documents over the internet But eventually the webpages became read only for most users The write access was limited to few folks who can change these documents on the servers In people of World Wide Web consortium addressed the problem of authoring on the web and HTTP was extended to allow authoring creating WebDAV Web Distributed Authoring and Versioning It is an extension to HTTP that lets clients edit remote content on the web Any server that supports WebDAV can act as a file server There are other extentions like CalDAV which allows the client to schedule events on the server and CardDAV which allows you to share the contact informatiom on the remote server which work similarly Popular clients of WebDAV are Microsoft Office OpenOffice DropBox etc Any fie sharing system you can think of uses WebDAV behind the scenes to create share modify delete your files or folders over the internet RESTIn Representational State Transfer REST was designed to use the HTTP protocol It uses the basic methods defined in HTTP and allowed any web application to modify the data without the need to update its servers One drawback of it was each website defined its own RESTful APIs and had complete control over them Think of this as using an open API MovieDB on your website to display the content but also allowing your clients to modify the data marking a movie as favourite But any modification of the data wouldn t effect the data in server where the Open API s being hosted But instead these changes are persisted on your website server where you handle these changes on top of Open API data HTTP As webpages became complex more scripts being added for interactivity of the webpage more and more data was being transfered through the HTTP requests This created more overhead for the HTTP connections In early Google created an experimental protocol SPDY which laid foundation for HTTP Officially standardised in and of websites use HTTP Binary protocol unlike HTTP which is text basedmultiplexed protocol Enables the client to make parallel requests It compresses headers which are common for similar set of requests This removes duplication and overhead of data transmitted Server push This allows the server to populate the client cache HTTP It uses QUIC instead of TCP in the transportation layer of websites use HTTP QUIC is a connection oriented protocol that creates a stateful interaction between a client and server QUIC authenticates the entirety of each packet and encrypts as much of each packet as is practical QUIC packets are carried in UDP datagrams UDP to better facilitate deployment in existing systems and networks Initially an acronym QUICK was described as Quick UDP Internet Connections but RFC mentions it as name not an acronym multiplexed protocol unlike HTTP which runs on single TCP connection QUIC runs on multiple UDP streams Endpoints communicate in QUIC by exchanging QUIC packets Most packets contain frames which carry information and application data between endpoints Application protocols exchange information over a QUIC connection via streams which are ordered sequences of bytes bidirectional streams which allow both endpoints to send data unidirectional streams which allow a single endpoint to send data A credit based scheme is used to limit stream creation and to bound the amount of data that can be sent QUIC depends on congestion control to avoid network congestion using QUICK RECOVERY algorithm for detecting and recovering losses How to create a server with HTTP protocol Many programming lanaguages have in built libraries for us to create servers Node js has http http libraries to build implement servers with HTTP protocols Golang has similar libraries http and http httpBut the support for creating servers which use HTTP is still a work in progress in Node js community As of today Aug there s no library available for us to get on HTTP Keep track of HTTP and QUICNode js status currenly blocked on QUIC implementation PS This is my first shot at technical writing Any suggestions and improvements are welcomed Feel free to correct me if I ve misunderstood any underlying concepts ReferenceHTTP MDN DocsWhat is WebDAVRFC Icon by Freepik |
2023-08-18 10:53:42 |
海外TECH |
DEV Community |
From Localhost to the Cloud: Deploying my First Node.js App with Docker |
https://dev.to/ikemhood/from-localhost-to-the-cloud-deploying-my-first-nodejs-app-with-docker-1nn3
|
From Localhost to the Cloud Deploying my First Node js App with DockerAs a developer one of the most satisfying moments is finally getting your web app live on the internet for the world to see However turning your locally running code into an accessible web app can be tricky sometimes I learned this the hard way when I tried to deploy my first Node js app After weeks of late nights and endless debugging I had a web app that ran flawlessly on my own machine for once i felt like a genius But this happiness was short lived When it came time to launch it on a cloud server things started breaking left and right After banging my head on the desk troubleshooting deployment issues I knew there had to be a better way That s when I discovered Docker and it ended up being the magical solution I needed to easily deploy my Node app and many more after In this post I ll walk through how taking the time to Dockerize my application gave me the keys to rapidly deploying it to the cloud with minimal fuss I hope my experience will convince you to embrace Docker for your next Node js project Let s get started on this journey from localhost to the cloud My Application ArchitectureFirst let me tell you a bit about the simple web application I had built It was called CatsGram and it allowed users to post pictures of their cats and leave comments for other fuzzy felines The app had A frontend written in React that let users upload cat photos commentsA backend REST API written in Node js and Express that handled the data and storageA MongoDB database to store the cat profiles and commentsHere is what the React frontend looked like Frontend in Reactimport React from react const App gt const handleSubmit e gt e preventDefault Call API to submit form data return lt div gt lt h gt CatsGram lt h gt lt form onSubmit handleSubmit gt lt input type file gt lt button type submit gt Add Photo lt button gt lt form gt lt div gt export default App And here is part of the Express backend that handled the API calls from the frontend Backend API in Expressconst express require express const mongoose require mongoose const cors require cors const app express app use cors Connect to MongoDBmongoose connect mongodb localhost catsgram useNewUrlParser true Cat profile modelconst Cat mongoose model Cat new mongoose Schema name String picUrl String app post cats async req res gt Create new cat profile const newCat await Cat create req body res send newCat app listen The app worked flawlessly on my local machine but deploying it to an online server was another story The Deployment HeadacheI decided to deploy my app to a popular cloud provider and rented a Linux server After SSH ing in I hit my first roadblock the server was running an older version of Node than the one I used for development My app crashed with an error about missing modules and so on After fumbling with NVM to try and install the right Node version I finally got the backend API running But then the React frontend failed to build due to mismatching webpack versions with the create react app starter I used Each error I fixed seemed to unveil yet another environmental issue between my local machine and the server Path issues missing dependencies environment variables you name it I was tearing my hair out trying to get things working I finally conceded defeat and turned to my savior Docker Docker to the Rescue Docker is a tool that allows you to package applications into standardized units called containers These containers bundle up the code dependencies system libraries and settings into an isolated executable package The key benefit is that this container will run the same way regardless of the underlying environment No more worrying about compatibility issues across different machines Some other awesome benefits of Docker Cross platform portability Ship your containers to any Linux Windows cloud provider etcEnvironment consistency Containers include everything needed to run the appIsolation Apps run in isolated environments without conflicting with other appsSpeed Containers start instantly compared to virtual machinesDocker seemed like the perfect solution to my deployment woes By Dockerizing my app I could neatly package it up with all its needed dependencies and specs into a standardized container This container could seamlessly run on my local machine for development then be deployed to the cloud server without any environment mismatches Let s look at how I Dockerized the CatsGram app Dockerizing the Backend APIThe first step was containerizing my Express backend API Docker uses special Dockerfile configuration files to build container images Here is the Dockerfile for my backend DockerfileFROM node alpineWORKDIR appCOPY package json RUN npm installCOPY CMD node server js This does the following Starts with a Node js base imageSets the working directory to app Copies the backend code into the imageInstalls dependencies with npm installSpecifies the command to run the app node server jsWith this Dockerfile I could build a container image for my backend docker build t catsgram api This built an image tagged catsgram api based on my Dockerfile I could then run a container from that image docker run p catsgram apiThis started a container on port and mounted the internal port to be accessible externally My backend API was now running in an isolated Docker container Containerizing the FrontendFor my React frontend I used a multi stage Docker build Stage BuildFROM node AS buildWORKDIR app COPY package json RUN npm installCOPY npm run build Stage Run FROM nginx alpine COPY from build app build usr share nginx htmlThis first installs Node to build the React app then copies the built artifacts to an Nginx image for the runtime This gave me a lean production image Again I could docker build this and run a container to serve my frontend on port Defining Services with Docker ComposeAt this point I had two containers one for the backend API and one for the frontend To link them together I used Docker Compose to define the app services docker compose ymlservices backend build backend ports frontend build frontend ports Running docker compose up would now start both containers and wire them together Deploying to the CloudWith Docker deploying these containers to the cloud was a breeze I pushed my images up to a registry docker push catsgram api docker push catsgram frontendThen on the server I just had to run docker pull catsgram api docker pull catsgram frontend docker compose up dThe containers started up just as they did locally and my app was live on the internet Docker is Deployment MagicNo more fussing with dependencies runtimes builds etc across different environments Docker let me develop my app locally as I normally would then package everything needed up into portable containers ready for deployment anywhere Some of the key benefits I saw Consistent environments Containers included the exact dependencies and Node runtime neededCross platform I could develop on OSX but deploy the same containers to Linux serversLightweight Containers are much more efficient than VMsModular Services like frontend and backend were compartmentalized into separate containersDocker really is a game changer when it comes to deploying applications I can now develop apps faster without worrying about environment differences between my machine and servers If you re struggling to deploy Node apps I highly recommend exploring Docker It will save you those late night works on my machine debugging sessions when you d rather be sleeping Let me know if you have any questions I m happy to chat more about my experience Dockerizing my first Node app Wishing you happy coding and smooth deploying |
2023-08-18 10:12:33 |
海外TECH |
DEV Community |
Top 5 Skills To learn in 2023–2025: How to learn |
https://dev.to/durgesh4993/top-5-skills-to-learn-in-2023-2025-how-to-learn-4o79
|
Top Skills To learn in How to learnAs the era continues to increase swiftly the activity market is turning into increasing competition It is important to hold up with cutting edge tendencies and collect new capabilities to remain relevant and employable in a brand new workforce In this newsletter we can discuss the pinnacle talents to examine in and the way they can advantage your career Data analysis Facts evaluation is the procedure of gathering processing and interpreting facts to gain insights and make informed selections As organizations continue to depend upon the information to drive decision making the ability to collect examine and interpret statistics is turning increasingly more crucial in many industries which include finance healthcare advertising and marketing Data Analysis competencies will let you Understand market trends and purchaser conduct Pick out possibilities for boom and improvement Make knowledgeable business selections Broaden effective advertising and marketing strategies Discover capability dangers and mitigate them proactively A number of the vital tools and technologies for statistics evaluation include Statistical software along with R and Python Records visualization gear like Tableau and Power BI Square databases and programming languages including square Java and Python Artificial Intelligence and Machine Learning knowledge Artificial intelligence AI and Machine Learning ML are technologies that permit computers to learn from information and carry out tasks that usually require human intelligence As AI and ML become greater regularly occurring in the commercial enterprise world the capacity to paint with these technologies will become a treasured talent in many industries AI and ML capabilities assist you to Automate tedious and repetitive obligations Enhance business techniques and efficiency Increase sensible systems and products Extract insights and patterns from complex information Expand predictive fashions to make informed enterprise choices Some of the essential equipment and technologies for AI and ML include Programming languages inclusive Python and R System gaining knowledge of frameworks including TensorFlow and PyTorch Statistics processing gear including Apache Spark and Hadoop Digital Marketing Digital advertising and marketing is the method of selling products and services through the usage of virtual channels along with social media e mail and search engines like google and yahoo With the increase of e trade and online advertising the capacity to create effective digital marketing strategies and campaigns is turning into increasingly important Digital Marketing talents allow you to Broaden powerful digital marketing campaignsBoom brand attention and reachImprove purchaser engagement and retentionAnalyze and optimize the marketing campaign s overall performanceDrive sales and sales increaseA number of the crucial equipment and technology for digital marketing consist of Social media structures inclusive of Facebook Instagram and LinkedIn Email advertising and marketing software along with Mailchimp and consistent touch Seo SEO and pay according to click p C advertising gear consisting of Google commercials and SEMrush Cloud Computing Cloud computing is the shipping of computing offerings over the internet inclusive of servers storage databases networking software program and analytics Cloud computing has emerged as the norm for many corporations and the capacity to work with cloud structures like AWS and Azure is turning into a precious talent inside the tech industry Cloud computing talents will let you Expand scalable and efficient cloud programsManage cloud infrastructure and resourcesLayout and put into effect cloud security featuresOptimize cloud overall performance and feeDevelop disaster recuperation and backup plans for cloud structuresSome of the crucial tools and technologies for cloud computing encompass Cloud platforms inclusive of AWS Azure and Google Cloud Packing containers and box orchestration gear such as Docker and Kubernetes Serverless computing frameworks which include AWS Lambda and Azure capabilities Mobile App Development Mobile App Development is the technique of making software applications that run on mobile gadgets like smartphones tablets and smartwatches As mobile gadgets emerge as an increasing number of famous Mobile app development is becoming a valuable skill in the tech industry These days mobile apps are used for the entirety from purchasing and entertainment to conversation and painting productivity Basically it s predicted that there are over five million cell apps to be had for download on the App shop and Google Play save combined To come to be a Mobile app developer you want to have a stable understanding of programming languages like JavaSwiftKotlinYou also need to be familiar with Mobile App Development frameworks like React NativeFlutterXamarinMobile App developers need to have strong trouble fixing abilities and the ability to work well in group surroundings Moreover they need to be updated with ultra modern traits in Mobile app design and user experience One of the blessings of mobile app development is that it may be a rewarding career In step with Glassdoor the common revenue for a cell app developer inside the US is year Similarly the demand for Mobile app builders is predicted to keep growing in the coming years as Mobile gadgets turn out to be even extra included in our daily lives In conclusion these are the top Skills to research from to By way of investing in these Skills you could boom your value within the job market and function yourself for achievement in your career Want to connect with me |
2023-08-18 10:03:53 |
Apple |
AppleInsider - Frontpage News |
iPhone 15 may get faster charging speeds up to 35W |
https://appleinsider.com/articles/23/08/18/iphone-15-may-get-faster-charging-speeds-up-to-35w?utm_medium=rss
|
iPhone may get faster charging speeds up to W August Faster charging iPhone appleinsider com articles iphone may gain w fast chargingWith the switch from Lightning to USB C charging all but certain a new rumor says that Apple will use it to enable W charging on some iPhone models cutting the time needed for a recharge Read more |
2023-08-18 10:57:39 |
Apple |
AppleInsider - Frontpage News |
Apple says it removed Glenn Beck podcast over trademark dispute |
https://appleinsider.com/articles/23/08/18/apple-says-it-removed-glenn-beck-podcast-over-trademark-dispute?utm_medium=rss
|
Apple says it removed Glenn Beck podcast over trademark disputeApple has revealed that The Glenn Beck Program was removed from Apple Podcasts because of an unspecified trademark dispute which has now been resolved and the show restored Image Credit The Glenn Beck ProgramOver episodes of the show were removed by Apple on Wednesday prompting Beck to take to X Twitter to ask why He said that Apple had told him only that we found an issue with your show which must be resolved before it s available on Apple Podcasts Read more |
2023-08-18 10:17:27 |
ニュース |
BBC News - Home |
Storm Betty: Very strong winds and heavy rain to hit UK |
https://www.bbc.co.uk/news/uk-66540732?at_medium=RSS&at_campaign=KARANGA
|
short |
2023-08-18 10:44:52 |
ニュース |
BBC News - Home |
Stephen Nolan 'deeply sorry' after explicit image allegations |
https://www.bbc.co.uk/news/uk-northern-ireland-66543167?at_medium=RSS&at_campaign=KARANGA
|
guest |
2023-08-18 10:13:28 |
ニュース |
BBC News - Home |
Melton Mowbray: Glider crash pilot killed in mid-air crash |
https://www.bbc.co.uk/news/uk-england-leicestershire-66544210?at_medium=RSS&at_campaign=KARANGA
|
leicestershire |
2023-08-18 10:27:10 |
ニュース |
BBC News - Home |
Women should pick the right fights - Infantino |
https://www.bbc.co.uk/sport/football/66541044?at_medium=RSS&at_campaign=KARANGA
|
football |
2023-08-18 10:41:00 |
ニュース |
BBC News - Home |
Train strikes: Aslef drivers announce new date |
https://www.bbc.co.uk/news/business-66544391?at_medium=RSS&at_campaign=KARANGA
|
september |
2023-08-18 10:47:58 |
ニュース |
Newsweek |
巨大ワニが家の外壁をよじ登ろうとするフロリダの夜...失敗重ねる姿に「酔ってる?」とネットの声 |
https://www.newsweekjapan.jp/stories/world/2023/08/post-102445.php
|
|
2023-08-18 19:40:00 |
ニュース |
Newsweek |
BLACKPINKジスに不釣り合い? 交際相手の俳優に、韓国のファンたちから「魅力が分からない」と辛辣な声 |
https://www.newsweekjapan.jp/stories/culture/2023/08/blackpink-2.php
|
|
2023-08-18 19:38:00 |
IT |
週刊アスキー |
セブン&アイ限定“流れ星”ビールに続く「月灯りアンバーラガー」登場! 夜空を眺めてひと息 |
https://weekly.ascii.jp/elem/000/004/150/4150593/
|
限定 |
2023-08-18 19:15:00 |
海外TECH |
reddit |
Thyroid cancer and smoking problem |
https://www.reddit.com/r/japanlife/comments/15ugb3y/thyroid_cancer_and_smoking_problem/
|
Thyroid cancer and smoking problemOkay why am I posting this here right Well I got diagnosed with thyroid cancer over a year ago and it s not growing thank god But I m also a cigarette smoker Yes I know it s not healthy but please hold your judgement I have been trying to quit and seriously just can t The big problem is that Ito Hospital in Harajuku that specialized in thyroid treatment surgery will not let me have this surgery unless I quit smoking So I keep delaying the surgery and basically feel like I m waiting to die of thyroid cancer It seems so wrong to me My question is is there any hospital where I can have this done without quitting smoking Of course I can stop for the surgery day but Ito Hospital wants me to stop smoking for one entire week while I m admitted into the hospital and they do not allow me to go outside Any ideas or experience with this problem I know it s very specific but maybe someone has experienced something similar Note My Japanese is not excellent so I can t convey these ideas to medical establishments very well in Japan although my surgeon and some staff do speak English ーthey just won t budge on this no smoking idea no matter how much I talk to them Thanks submitted by u jasonbroccoli to r japanlife link comments |
2023-08-18 10:06:36 |
コメント
コメントを投稿