投稿時間:2021-09-02 15:45:19 RSSフィード2021-09-02 15:00 分まとめ(55件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Engadget Japanese	Twitter、FF外からのクソリプを自動ブロックする「セーフティモード」テスト開始	https://japanese.engadget.com/twitter-testing-safety-mode-053537915.html	twitter	2021-09-02 05:35:37
IT	ITmedia 総合記事一覧	[ITmedia PC USER] Microsoftが9月23日0時（日本時間）から「発表会」を開催　新型Surfaceを発表か	https://www.itmedia.co.jp/pcuser/articles/2109/02/news122.html	itmediapcusermicrosoft	2021-09-02 14:45:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 遅刻したら課金　遅刻防止サービス「Maniauu」リリース	https://www.itmedia.co.jp/business/articles/2109/02/news119.html	itmedia	2021-09-02 14:32:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 「ローソン銀行　スタンプカード」提供開始　コンビニATMで国内初のサービス	https://www.itmedia.co.jp/business/articles/2109/02/news118.html	itmedia	2021-09-02 14:30:00
IT	ITmedia 総合記事一覧	[ITmedia PC USER] 天空が8型ミニノート「GPD WIN Max 2021」予約受付を開始　早期予約価格は税込み13万9800円	https://www.itmedia.co.jp/pcuser/articles/2109/02/news114.html	gpdtechnology	2021-09-02 14:05:00
TECH	Techable（テッカブル）	オリジナル楽曲を作りながらプログラミングを学べる「Ongaq JS Web School」	https://techable.jp/archives/161216	ongaqjswebschool	2021-09-02 05:00:13
IT	情報システムリーダーのためのIT情報専門サイト IT Leaders	富士通、化学構造式から化合物の特性を予測するサービス、説明可能なAIを活用 | IT Leaders	https://it.impress.co.jp/articles/-/22003	説明可能なAI技術「DeepTensor」を活用し、化学構造式だけで化合物の特性を予測する。	2021-09-02 14:48:00
python	Pythonタグが付けられた新着投稿 - Qiita	最近Pythonを使って気づいたこと	https://qiita.com/ll_Roki/items/9f45a60a14aa535bf0ff	もしかしたら、私の環境やコードが原因だったのかもしれませんが、まあそんなこともあるんだなという。	2021-09-02 14:13:13
python	Pythonタグが付けられた新着投稿 - Qiita	【Python】ホームページに更新があったらLineへ通知するbotを作ってみた	https://qiita.com/hirockio2206/items/eef70ae578d425e9f479	今日の幼稚園のHPのHTMLと昨日の幼稚園のHPのHTMLファイルを比較し、更新があればLineNotifyで自分のLineに通知します。	2021-09-02 14:12:09
js	JavaScriptタグが付けられた新着投稿 - Qiita	vue.js 配列をランダムに取得（シャッフル、カット）	https://qiita.com/ma7ma7pipipi/items/1f443af14de0954c60c3	vuejs配列をランダムに取得シャッフル、カットvuejs、javascript側で配列をシャッフルしてカットしたいこんな感じ。	2021-09-02 14:51:19
js	JavaScriptタグが付けられた新着投稿 - Qiita	JavaScriptの条件(三項)演算子と条件式の型変換	https://qiita.com/dropout26/items/7267effd8caf8a82b0c0	conditionは条件式exprIfTrueは条件式が真の時に返す値exprIfFalseは条件式が偽の時に返す値です。	2021-09-02 14:18:33
js	JavaScriptタグが付けられた新着投稿 - Qiita	MongoDBにとってのmongooseにあたる、Couchbase Server用ODM(オブジェクトデータモデラー)Ottomanの紹介	https://qiita.com/yoshiyuki_kono/items/02aac6da53255bc2fc72	ここで知っておく必要があるのは、このメソッドによって、適切なOttoman関連のインデックスがCouchbaseServerに作成されていることを確認することができる、ということです。	2021-09-02 14:08:58
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Java　エラーがどこにあるのかわかりません。	https://teratail.com/questions/357381?rss=all	Java エラー が どこ に ある の か わかり ませ ん 。	2021-09-02 14:52:21
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Windows10にて検索ボックスが利用できない	https://teratail.com/questions/357380?rss=all	Windowsにて検索ボックスが利用できない現在WSUS配下でWindowsUpdateを行った一部端末にて掲題の事象が発生しております。	2021-09-02 14:42:17
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	apt-get innstall 実行時に発生する、KeyError: 'collectstatic'のエラーの解消方法	https://teratail.com/questions/357379?rss=all	aptgetinnstall実行時に発生する、KeyErrorxcollectstaticxのエラーの解消方法Openstackをシングルノードで構築しています。	2021-09-02 14:41:38
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	同時に発生するオブジェクトのクリック・ドラッグイベントを判別する方法について	https://teratail.com/questions/357378?rss=all	同時に発生するオブジェクトのクリック・ドラッグイベントを判別する方法についてインジケーターにてオブジェクトのクリック・ドラッグイベントをモニタリングした所、voidOnChartEventconstintidconstlongamplparamconstdoubleampdparamconststringampsparamifidCHARTEVENTOBJECTCLICKidCHARTEVENTOBJECTDRAGPrintclickidCHARTEVENTOBJECTCLICKdragidCHARTEVENTOBJECTDRAGxyintlparamintdparamターミナルに出力されたログは以下の様になりました。	2021-09-02 14:37:40
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	pythonでエクセルのvlookup関数と同じことをしたい	https://teratail.com/questions/357377?rss=all	django	2021-09-02 14:29:32
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Javaの設定について	https://teratail.com/questions/357376?rss=all	Javaの設定についてJavaの設定について質問です。	2021-09-02 14:26:02
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Amazon Kinesis Data Streamsの金額計算が一致しない。	https://teratail.com/questions/357375?rss=all	AmazonKinesisDataStreamsの金額計算が一致しない。	2021-09-02 14:23:18
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	WebDriver(Chrome)にbrowserOptionを送信したい。	https://teratail.com/questions/357374?rss=all	WebDriverChromeにbrowserOptionを送信したい。	2021-09-02 14:19:28
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	C#でのファイルコピー実装	https://teratail.com/questions/357373?rss=all	共通関数を作成したのですが、うまく呼び出せません。	2021-09-02 14:18:34
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	CakePHP4をサーバーにアップロードするとき、ソースコードを非公開領域に入れたい	https://teratail.com/questions/357372?rss=all	CakePHPをサーバーにアップロードするとき、ソースコードを非公開領域に入れたい前提・実現したいことこれまでローカル環境で開発していたCakePHPによるシステムを、サーバーにアップロードしたいと考えています。	2021-09-02 14:17:42
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	countでの取得後の表示の変更	https://teratail.com/questions/357371?rss=all	countでの取得後の表示の変更解決したいこと現在の記述は以下のようでして、ltdivnbspclassquotcounterquotgtltnbspcurrentuserplansgroupquotYEARstarttimequotcountnbspgtltnbspcurrentuserplansgroupquotMONTHstarttimequotcountnbspgtltdivgtgtnbspgtnbspgt月回nbsp月回のように表示を変更したいのですがどのように月毎のカウントを取得したらいいのか分からないためお力をお借りしたいです。	2021-09-02 14:02:26
Ruby	Rubyタグが付けられた新着投稿 - Qiita	HTTPメソッドとHTTPリクエスト	https://qiita.com/washogo/items/fc499848ceb70259285b	hypertexttransferprotocol	2021-09-02 14:30:47
Linux	Ubuntuタグが付けられた新着投稿 - Qiita	Docker Desktop なしの WSL2 で docker を動かす	https://qiita.com/hidao/items/53eeb23bc47d77935b7b	DockerDesktopなしのWSLでdockerを動かすWindowsのWLSの構築と、WSL上にDockerDesktopを使わずにdocker環境を構築する手順を記載します。	2021-09-02 14:17:32
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS ElasticBeanstalkで413を吐く時の対策(ファイルサイズ上限設定変更)	https://qiita.com/DROSS_A/items/7bb469d724e179ae01dc	出てくる対策の多くがebextensionsフォルダ内にconfigファイルを作るというものですが、どうも現状それは機能しないようです。	2021-09-02 14:47:21
AWS	AWSタグが付けられた新着投稿 - Qiita	�【RDS】AWSのRDSについて（データーベース作成方法も記述しております）	https://qiita.com/kenta-nishimoto-1111/items/546990b12d4485a1b843	クラウド型のデータベースのメリットなぜ自身のPCにデータベースをインストールするよりもクラウド上でデータベースを作成する必要があるのかその理由については下記のサイトが非常にわかりやすくまとめているので、こちらを参考にしていただければと思いますRDSで扱えるデータベースの種類AWSのRDSでは以下のあらゆるデータベースエンジンの選択が可能です。	2021-09-02 14:11:10
Docker	dockerタグが付けられた新着投稿 - Qiita	Docker Desktop なしの WSL2 で docker を動かす	https://qiita.com/hidao/items/53eeb23bc47d77935b7b	DockerDesktopなしのWSLでdockerを動かすWindowsのWLSの構築と、WSL上にDockerDesktopを使わずにdocker環境を構築する手順を記載します。	2021-09-02 14:17:32
Git	Gitタグが付けられた新着投稿 - Qiita	SourceTree - fatal: pathspec '' did not match any files	https://qiita.com/yuta_sawamura/items/2f669cbb088073cfc9a0	gitaddhogehtml	2021-09-02 14:37:27
Ruby	Railsタグが付けられた新着投稿 - Qiita	HTTPメソッドとHTTPリクエスト	https://qiita.com/washogo/items/fc499848ceb70259285b	hypertexttransferprotocol	2021-09-02 14:30:47
技術ブログ	Mercari Engineering Blog	メルペイEngineering Managerの役割	https://engineering.mercari.com/blog/entry/20210830-b71cda970c/	hellip	2021-09-02 07:00:05
技術ブログ	Developers.IO	Deploy Node JS บน AWS Lambda ด้วย ZIP ไฟล์กันเถอะ	https://dev.classmethod.jp/articles/lets-deploy-node-js-on-aws-lambda-with-zip-file/	Deploy Node JS บนAWS Lambda ด้วยZIP ไฟล์กันเถอะวันนี้ผมจะมาเขียนblog เกี่ยวกับวิธีการdeploy node js app บนAWS lambda โดยใช้zip file ที่ได้ศึกษามากันกันคร	2021-09-02 05:50:57
技術ブログ	Developers.IO	CloudWeek2021@Hokkaido Universityで「ワクチン接種予約を支えたデジタル待合室」という話をしました	https://dev.classmethod.jp/articles/digital-waiting-room-that-supported-vaccination-reservations/	cloud	2021-09-02 05:43:45
海外TECH	DEV Community	Coding a SaaS in 30 days	https://dev.to/adriantwarog/coding-a-saas-in-30-days-20ji	Coding a SaaS in daysSo I built a SaaS in days and it was way more complicated that I originally thought but check out how I did it including Picking a topicLearning AIRegistering a domainCreating a logoDesigning a landing pageCoding the websiteFrontend and Backend designTaking Payment with StripeVPS setupLaunching it Youtube Video Journey of Building a SaasBlog Post Adrian TwarogThe SaaS Enhance AI IntroductionI spent seven days building my own SAS it s gonna help developers win at life by using AI And in this video I m going to show you how I did it all the fun and all the pain and an actual product At the end they say developers can build anything Well I m a developer and I want to build just something I want to build a SAS And I m not really sassy per se But a SAS is just a software as a service And it seems easy enough to build you just need some front end maybe some back end And maybe you need it to work without bugs we ll see along the way But I want to build something really cool Recently I checked out GitHub co pilot and it uses AI tech it s really cool AI attack that autocompletes what you re writing and I wanted to use some of their tech to build a SAS a number of tools maybe for developers or something like that because I m a little bit of a tool myself And whenever I jump into a problem I always have to Google it if there was an easier way for me not to have to Google the same things over and over like how to perform a git merge or for example how to you know just do basic commands or even regex regex just blows my mind with some of the syntax So I m going to try and build a tool around that Now the way I m going to do it is I m going to show you I m going to take you on this journey where I m trying to solve this problems of building a SAS this will be everything like trying to build the front end and the back end trying to design it and everything in between So let s jump into my very first day of trying to do this Learning AISo the first thing I need to do is get access to some AI tools There are lots out there Google has their own machine learning suite so does Amazon and even Microsoft themselves But this isn t what got me excited in the first place What really I enjoyed was GitHub co pilot And that was made by a company called Open AI And they created their own AI tech called GPT Two and now also GPT three which created the model that they re using which is I think called codecs that they have for developers using VS code That s what I wanted to use to create some of these tools So I tried to jump onto their website And unfortunately even though there are companies called Open AI you can t just jump in there and get access and sign up you actually have to go through a waitlist and a process So I did just that And I waited and waited And eventually I did get in So now here I am inside of their playground And I m going to try and see if some of these ideas that I have around building tools with AI actually even work So let s try them out I jumped on the open AI website to try and figure out how it all works I was a little scared at first because sometimes documentation can be terrible and some developer websites But honestly the open API documentation is some of the best I ve seen so far I d actually even reminds me of stripe documentation which is world class But this does not mean I know what I m doing I jumped into their playground system And I was overwhelmed with all these different things like models response temperature Toppy frequency presidency I was just at a loss So I jumped into their examples here it shows off some of the things you can build with open AI And for me I wanted to kick things off with a regex completer I played around with a lot of different settings and prompts until I got a number of things working like a JavaScript chatbot and even the regex So it means that it is possible seems like there is some cool merit to this idea around creating natural language to solve programming problems that we all have But let s have a look at the next most important step in building their SAS And that is to register the domain name And to do that I need a business name And that is one of the hardest things to do I thought about all different types of options And I came up with a name called sub writer or was it sub editor I can t remember but I immediately went to register there is new domain names out there called ai Registering a DomainSo I jumped on and registered subeditor ai domain And actually then after spending I think two I decided no no I don t like this domain name I need to register another domain name One of the things that I ve been doing recently is building enhance UI which is a book for developers to learn design So I thought I might as well keep up the trend and create enhance AI which can be a bunch of tools for developers to use AI to improve their daily jobs write blogs and stuff like that So let s register that domain name as well Creating a LogoNow that we ve got this done we can look at the hardest part of creating any sass product as a developer and that is to create the logo Now for a logo it s going to have to be something amazing when people look at this logo it has to have the representation of developers and tools and open AI and all of that So what I did was put some circles and squares together and here s the logo Designing a Landing PageNext up we need to create a landing page so that when people have a look at this product they re more inclined to try out and even purchase it To do this I m going to jump on to figma And we re going to create a design based off the logo what I want to do is pull in some of those colours from the logo some of those shapes like the squares and the circles And I want to create a design that sort of gives people an idea of how the tool works So I might send her it with a nice box and give them an example of how maybe he can explain code and what it s doing as well as have lots of call to actions for people to sign up This is a designer sort of came up with it s nothing too fancy And I probably continued to play around with it But at least it s up and running So the next thing we have to do is actually code it So I m going to code it in just some basic HTML and CSS So let s try and do that right now So I opened up VS code installed tailwind CSS and started coding it all from my figma design And in no time I was done I don t often have nightmares But last night I had a nightmare that I m gonna have to write out every single individual line of code for this SAS Now that s sometimes an interesting take as a developer because you enjoy coding but sometimes it s just too much So I m going to try and use a page builder And please don t judge me when I say this I m going to use web flow I m going to see if you can redesign some of these tailwind designs inside there And if it takes me as long or quicker just as a test And if in this case it s easier I might just swap the whole landing page to webflow And then when we actually build the app I ll then definitely build that on react But for the landing page it s going to be changed all the time And I just think that react might be overkill to build this thing Front end and back endNow it s time to build the front end and the back end the best parts let s work with the front end to start off with let s use create react app for that And I ll just start building that And at the same time I also need a backend to do even basic stuff like logins So let s use our favourite node Express and Mongo I might use the cloud version of Mongo just because later I want to make sure that it persists if I m going to scale it But it s a traditional route for building an a SAS So let s just get started with that Next we ll need a payment processor like for example II way or PayPal or even stripe because you do not want to store credit card information yourself So I decided to go with stripe because they re a popular one And I do want to do subscriptions So that should be easy to set up It wasn t easy to set up But now that it s done then it s all working And every time someone jumps in they can do a free trial to test out the product before they fully sign up and commit which is something you want to do Because no one wants to purchase something immediately without actually trying it out these days Next we need a place to host this entire system both the front end and the back end because it s not going to host itself which was Linode LaunchingFinally it s done I create a post on Twitter and Article on Hashnode and a video on youtube You can find them below Website Twitter Adrian Twarog adrian twarog I built a SaaS in days Check out how I did it including Picking a topic Learning AI Registering a domain Creating a logo Designing a landing page Coding the website Frontend and Backend design Taking Payment with Stripe VPS setup Launching it AM Aug Enhance AI enhanceai Our landing page is up and running Check out a quick demo of our systems which are powered by OpenAI latest tech If you want to learn more comment below PM Aug Enhance AI enhanceai Try our co editor tool that helps you write blogs amp articles with autocomplete similar to Github Co pilot It s able to Write an outline for a blog Create an introduction Help finish a sentence Suggest a new sentenceIt will make writing your next blog a breeze AM Sep Follow and support me Special thanks if you subscribe to my channel ️YoutubeTwitter	2021-09-02 05:36:52
海外TECH	DEV Community	Analytics Box - A simple privacy focused analytics in GO.	https://dev.to/ketanip/analytics-box-a-simple-privacy-focused-analytics-in-go-hmm	Analytics Box A simple privacy focused analytics in GO Repo Hello guys today I am here to share with you a project that I ve made recently it is Analytics Box A simple privacy focused analytics in Golang What is Analytics Box Analytics box is analytics tool like google analytics but instead of ripping user s privacy off them like google it respects their privacy and doesn t collect any unnecessary information FeaturesNo Cookies Forgets user in hours so even if wish to know user s private info you can t Can track unique page views effectively without hurting user s privacy Custom events available Super simple to setup go binary super small script on frontend Super low resource consumption Dashboard is decoupled from the tool so you can use any tool like Metabase for visualization of data Supports multiple SQL database You may wish to ask some question here are some FAQ How do we uniquely identify users We identify users uniquely by creating a hash and storing it in a Redis database along with a UUID which automatically deletes itself in hours hash md raw public ip browser name operating system date secret It generates a character long string with is stored in database along with a UUID and it is only valid for a day Parameters used in hash have the following reasons IP to identify user It may be a public IP like caféor a user s own IP Browser So if user changes his her browser we forget it Operating System So if user changes its device we forget him Date So we forget user daily Secret Here comes the most important part we while production recommend to use a UUID that isn t logged anywhere so even if want to view user s private info you can t but while development use a hardcoded string as you restart server many times and it will generate false unique visitors What makes it different There are many privacy friendly analytics tool but here are some points that makes it special It is written in go so you can but it on the same server as your app as it uses nearly to negligible amount of resource in large schema of things It is written in go fiber which can handle a by lot I mean around requests per second as per their website It currently supports PostgreSQL and in future I plan to add support for Clickhouse because of its amazing performance and I will continue to keep postgres supported for as long as possible because of its low resource consumption it would be a great tool for small websites like blogs like one that I have though it hasn t been updated for a while now I don t plan to convert it into a SaaS application at least in near future as I don t want to make another SaaS privacy focused analytics app as there are already many good in market I m making this in a way that you can get most insights from your data so it doesn t have a dashboard use something like Metabase for it here are some screenshots of dashboard that I build within minutes while writing this readme and I m no profession and it on par with what SaaS provides apps provides to you with complete control over your data and it can run on simple commodity hardware for a long period of time without any manual Interventions Why don t it has a dashboard build in There are many privacy friendly analytics tools and they have a dashboard built in as most of them are SaaS application but this isn t gonna be a SaaS app so in order to make most sense out of the data we recommend users to use something like Metabase as even a non techie can make custom charts and if you are a techie then you can make even more sense of data by writing custom SQL Queries to obtain and visualize data The Images you saw above were made within minutes while I was writing README for GitHub repo and it was auto generated I just changed its sizes and names that s it So we have made a conscious decision to decouple analytics tool and dashboard for it	2021-09-02 05:36:19
海外TECH	DEV Community	Storage Options in GCP	https://dev.to/salah856/storage-options-in-gcp-25h8	Storage Options in GCPGCP provides various storage options to store your application data Different applications have different storage needs and depending on the application performance improves Looking at the GCP storage options it is very clear that it can support various storage needs like NoSQL Document DB Object Storage Relational Database Management System RDBMS and so on You can use Google s managed services for your storage needs or you can use the Google infrastructure and install services that you need Choosing the right storage option for your application is important Based on the available storage options in Google the following chart will help you to identify the right storage option Next we will discuss the following storage options in detail Cloud BigtableCloud DatastoreCloud FirestoreCloud SQLCloud SpannerCloud Memorystore Cloud Bigtable and AI applicationsCloud Bigtable can act as storage in various AI and ML use cases Most of the big data migration or modern data platforms use cloud Bigtable to build their NoSQL Database For example a streaming ML application can use Bigtable very well as a backend Cloud Datastore and AI applicationsCloud Datastore can act as storage in AI and ML use cases for large web applications Any e commerce website hosted on GCP can use Datastore to save data and using this data ML models can be trained and can provide required recommendations to the user and in turn can increase customer satisfaction Cloud Firestore and AI applicationsCloud Firestore can act as storage in AI and ML use cases for applications that are hosted on mobile and web devices Any application hosted on GCP with both website and mobile applications can save the data in Firestore and using this data ML models can be trained and can provide required recommendations to users on both their mobile devices and website applications Cloud SQL and AI applicationsCloud SQL can serve all the AI and ML use cases for large and complex structured data Another service named Cloud Spanner can serve similar use cases which can be served by Cloud SQL but on a very large scale Cloud Spanner and AI applicationsCloud Spanner can serve all the AI and ML use cases which are suitable for MySQL and PostgreSQL Cloud SQL is right for serving AI and ML use cases that require up to TB of structured data for example a machine learning use case requires data preparation which involves complex SQL joins and can increase the efficiency of the process Cloud Memorystore and AI applicationsCloud Memorystore can serve various AL and ML use cases using Redis ML modules Redis ML has various ML modules as built in data types Cloud Memorystore can serve machine learning modules for linear and logistic regression decision tree matrix calculations and so on	2021-09-02 05:20:30
海外TECH	DEV Community	An Ultimate Guide To Gatsby - Everything You Need To Know Before Starting with Gatsby	https://dev.to/suhailkakar/an-ultimate-guide-to-gatsby-everything-you-need-to-know-before-starting-with-gatsby-153a	An Ultimate Guide To Gatsby Everything You Need To Know Before Starting with GatsbyGatsby websites are getting popular day by day Nowadays most of the popular websites use Gatsby because of its speed SEO and etc and if you don t know anything about Gatsby It is probably worth learning it in Table of contentsWhat is Gatsby What are Static Sites Why you should consider using Gatsby SEOPluginsSpeedTemplatesWhy should you avoid Gatsby Build TimeDynamic WebsitesComplex sitesSet Up Your First Gatsby WebsiteInstalling Gatsby CLIStarter TemplatesRun your app locallyDeploying Website To NetlifyConclusion What is Gatsby GatsbyJS is a React based GraphQL powered static site generator Gatsby is an open source framework that combines functionality from React GraphQL and Webpack into a single tool for building static websites and apps Although the term static site generator has been around for a while Gatsby is more akin to a modern front end framework than a traditional static site generator What are Static Sites Static websites have existed for a long time They re most likely the initial website with only HTML CSS and JavaScript They aren t rendered in real time because there isn t any server side programming no database and so on A static site generator is a tool that creates static web pages JS frameworks and libraries on the other hand typically produce HTML content on the client side during runtime This material is generated by static site generators while the site is being built Then after it s loaded React takes over and you ve got yourself a single page app Why you should consider using Gatsby SEOThe use of GatsbyJs allows your websites to make use of several of the internal code s optimization strategies As a result search engines will rank your website higher There are a number of plugins that can assist you with this PluginsGatsby has some amazing plugins which can help your website in different aspects You can install these plugins using NPM or Yarn Some of the popular plugins are Source File System Contentful Plugin Sharp and etc You can find all plugins on their official website here SpeedGatsby sites are much faster than many of the alternatives even compared to cached sites using WordPress and things like that because that static site is really hard to beat in terms of its speed and performance TemplatesThere are enough GatsbyJs Starter repositories and templates available that cloning and altering the content is straightforward This allows you to quickly and efficiently construct websites such as your blog or your portfolio Why should you avoid Gatsby Build TimeAs the amount of content on your website grows so does the time it takes to produce it This is not only inconvenient during development but it also wastes time when it comes to deployment Gatsby is not advised if you want to create a site that changes frequently Dynamic WebsitesSites with a lot of dynamically produced routes because you won t be able to reap the benefits of statically generated pages if you don t know what they are at the time of construction Complex sitesBecause complex sites expand quickly and take a long time to build they are continuously adding new pages and material Although many e commerce companies can and do employ statically created sites if build time becomes an issue it is most likely time to abandon them in favor of dynamically generated sites like Gatsby Set Up Your First Gatsby Website Installing Gatsby CLIThe first step is to install Gatsby CLI You can create and modify a new site using the Gatsby command line interface To install Gatsby CLI simply run npm install g gatsby cliThe g argument indicates that the Gatsby command line interface is being installed globally rather than locally As a result you ll be able to utilize the tool in any directory Starter TemplatesAs I mentioned previously that you don t need to create a website from scratch instead we can use some starter templates which can be found on Gatsby s official website For this tutorial we will use gatsby starter default to do that run the below command on your terminal gatsby new gatsby starter default gatsby new creates a new website You ll get a barebones site if you utilize gatsby new on its own Combining gatsby new with a starter template is the most typical approach to use it Run your app locallyOnce it is done you should see a message that Gatsby site has been successfully bootstrapped Now runcd gatsby starter default amp amp gatsby developThis command with navigate to our new gatsby folder and initialize files so that we can view it locally Open your browser and navigate to http localhost You should see a default stater page just like image below It s critical to arrange your website s metadata correctly if you want a search engine to find your website The gatsby config js file allows you to customize your website s data In order to make your website accessible for everybody around the globe you need to deploy your website in a hosting service You can deploy a Gatsby website to Netfliy Vercel Azure Gatsby Cloud Heroku AWS IIS Firebase and etc But for this example we will use Netlify Deploying Website To NetlifyBefore deploying our website first we need to generate a build folder that contains static files To do that rungatsby buildOnce it is completed You should see a folder named public That is it We need only that folder to deploy in Netlify Go to Netlify website and if you don t have an account click on the signup button and create an account Don t worry Netfliy is free hosting and it won t charge you anything Once you registered you should be redirected to Netfliy dashboard which will look like this Now click on sites on the Netlify menu and you should see a page with a text Want to deploy a new site without connecting to Git Drag and drop your site output folder here Drag and drop your public folder on that placeholder Wait for a while and then your website will be deployed on Netfliy If it is deployed successfully you should see something similar to the below image ConclusionI hope you found this article helpful If you need any help please let me know in the comment section Would you like to buy me a coffee You can do it here Let s connect on Twitter and LinkedIn Thanks for reading See you next time	2021-09-02 05:07:49
海外TECH	CodeProject Latest Articles	Linear Regression with Tkinter	https://www.codeproject.com/Articles/5311775/Linear-Regression-with-Tkinter	tkinter	2021-09-02 05:46:00
ニュース	BBC News - Home	Texas abortion law: Biden vows to defend women's constitutional rights	https://www.bbc.co.uk/news/world-us-canada-58416805?at_medium=RSS&at_campaign=KARANGA	extreme	2021-09-02 05:35:24
ニュース	BBC News - Home	Prince Harry uses GQ awards show spot to make vaccine plea	https://www.bbc.co.uk/news/uk-58417074?at_medium=RSS&at_campaign=KARANGA	covid	2021-09-02 05:20:35
ニュース	BBC News - Home	The Papers: Ministers 'at war' - and call for more booster jabs	https://www.bbc.co.uk/news/blogs-the-papers-58416557?at_medium=RSS&at_campaign=KARANGA	covid	2021-09-02 05:18:18
ニュース	BBC News - Home	Universal credit £20 drop: 'I'm used to hunger pains'	https://www.bbc.co.uk/news/newsbeat-58186978?at_medium=RSS&at_campaign=KARANGA	october	2021-09-02 05:13:16
ビジネス	ダイヤモンド・オンライン - 新着記事	テキサス州の中絶禁止法、差し止め請求を棄却＝米最高裁 - WSJ発	https://diamond.jp/articles/-/281221	差し止め	2021-09-02 14:11:00
北海道	北海道新聞	池袋暴走、９０歳被告に禁錮５年　東京地裁、母子死亡し９人重軽傷	https://www.hokkaido-np.co.jp/article/584954/	東京地裁	2021-09-02 14:10:00
北海道	北海道新聞	深田恭子さんが活動再開　適応障害「心と体も回復」	https://www.hokkaido-np.co.jp/article/584953/	活動再開	2021-09-02 14:07:00
北海道	北海道新聞	上地結衣が日本女子初の決勝へ　車いすテニス・２日	https://www.hokkaido-np.co.jp/article/584952/	上地結衣	2021-09-02 14:04:00
北海道	北海道新聞	中国念頭、海洋秩序の維持で一致　日・太平洋国防相が初会議	https://www.hokkaido-np.co.jp/article/584935/	日本政府	2021-09-02 14:02:18
北海道	北海道新聞	百貨店、１人前おせちで衛生配慮　オンライン注文も普及	https://www.hokkaido-np.co.jp/article/584719/	配慮	2021-09-02 14:02:06
IT	週刊アスキー	たくさんのテディベアがお出迎え！　MIMARU東京 新宿WEST「Teddy Room（テディルーム）」9月6日よりステイ可能	https://weekly.ascii.jp/elem/000/004/067/4067983/	mimaru	2021-09-02 14:50:00
IT	週刊アスキー	【PS Plus情報】9月のフリープレイにPS4『ヒットマン 2』などが登場！	https://weekly.ascii.jp/elem/000/004/068/4068023/	playstationplus	2021-09-02 14:50:00
IT	週刊アスキー	家庭で世界の料理を味わえる！　小田急百貨店新宿店ハルクに家庭用フローズンミール「ロイヤルデリ」のポップアップショップがオープン	https://weekly.ascii.jp/elem/000/004/067/4067990/	小田急百貨店	2021-09-02 14:40:00
IT	週刊アスキー	『ロストジャッジメント』の物語が垣間見られる新たなウェブCMが2本公開！	https://weekly.ascii.jp/elem/000/004/068/4068018/	発売予定	2021-09-02 14:30:00
IT	週刊アスキー	「＋メッセージ」が携帯3社すべてのブランドとMVNOに拡大　利用者数は2500万人超え	https://weekly.ascii.jp/elem/000/004/067/4067985/	通信	2021-09-02 14:20:00
IT	週刊アスキー	『モンハンストーリーズ2』無料タイトルアップデート第3弾配信開始！二つ名モンスター「天眼タマミツネ」が登場	https://weekly.ascii.jp/elem/000/004/068/4068014/	nintendoswitchpcsteam	2021-09-02 14:20:00
海外TECH	reddit	【速報】池袋暴走事故 飯塚幸三被告に禁錮5年の実刑判決 東京地裁	https://www.reddit.com/r/newsokuexp/comments/pgb800/速報池袋暴走事故_飯塚幸三被告に禁錮5年の実刑判決_東京地裁/	ornewsokuexplinkcomments	2021-09-02 05:07:56