技術ブログを支える技術（Gatsby + esaio） - mottox2 blog
技術ブログを支える技術（Gatsby + esaio） 2018.12.01 2018年5月に公開を始めた当ブログですが、Gatsbyをより多くの人に使ってもらいたいと考えソースコードをオープンにしたので�、ブログで用いている技術について説明します。 当サイトについて Gatsbyでesa.ioのデータを使って静的サイトをビルドする構成のリポジトリです。Netlifyでホスティングしています。 https://github.com/mottox2/website スターがつくとやる気がでます。 ポイント Gatsbyについて少し知っている前提で中身を説明します。 esa.ioをソースとして扱う（gatsby-source-esa） Gatsbyではファイルシステム上のファイルだけでなく、Web APIなどを経由した様々なデータをソースとして扱う仕組みを持っています。 ソースとして扱われるデ
爆速を求めて個人ブログをWordpressからGatsbyJS+Contentful+Netlifyに移行した話 - blog.potproject.net
爆速を求めて個人ブログを Wordpress から Netlify+GatsbyJS+contentful に移行した話 元々からブログを移行したいと話しており、本日ついにブログを移行しました。 とりあえず、先にパフォーマンスから見ていただきたい。 FCP : 900ms (モバイル/CPU Slowdown時) ついに念願の Lighthouse パフォーマンス 100 を達成しました。 LighthouseではCPUを絞っているので遅いですが、 自分の PC では DOMContentLoaded の値が 約10msです。 FCPは250msくらい。 阿部寛を超えるための技術: はてなブログから Nuxt に移行した話 このブログに先を越されてしまいましたが、ちなみにこのブログは・・・ 阿部寛にはFirst Contentful Paint 10ms差で勝ったっ！ (実際は誤差みたいな
Gatsby + Netlify CMSで作ったブログをカスタマイズする | Blog
かれこれ、WordPress→Tumblr→はてなブログという感じで色んなブログサービスを転々としてきましたが、最近になってGatsby + Netlifyという単語をよく聞くようになったので試してみました。 https://www.gatsbyjs.org/ React製の静的サイトジェネレータです。 Gatsbyで生成されたサイトはSPA（Single Page Application）でかつPWA（Progressive Web Apps）なのでだいぶ高速です。 Markdownのファイルでブログを書けるのも便利。 通常、生成されたサイトはGitHub PagesやAmazon S3等に置くと思うのですが、そこに新しく登場したのがNetlifyです。 https://www.netlify.com/ フロントエンドのビルド・デプロイ・ホスティングをまるっとやってくれるサービスです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
