[B! Gatsby] yggdra_wのブックマーク

Gatsby + TypeScript で技術ブログを書くための知見

Blog を作りました！！！！！会社を辞めて 5 ヶ月経とうとしており、ついに堕落しきった生活による危機感が生まれはじめました。その危機感が結実したものがこの Blog です。で、Blog を作ってみたものの書く内容が特にないので、まずはこのブログをどうやって作ったかについて書きます。「こういう記法にちゃんと対応できてる？」を試す目的でもあります。技術スタック根幹になっているものは、 TypeScript Gatsby です。元々は amdx + NextJS, もしくは完全自作 SSG を考えていたのですが、ブログは完璧を目指しているといつまでも完成しないということは知っているので、自分にとって自信があるツールとして Gatsby を選びました。しかし、ただ使うだけなのはチャレンジ性がなかったので、TypeScript を使ってみることにしました。昔の Gatsby

yggdra_w 2020/06/09

リンク

JSフレームワーク事情2020年始め｜erukiti

この記事では面倒なので名前に .js が付いているものは省きます。例えばNext.js は Next と表記します。まず結論から日本ではVueはReactと二分する人気があるように観測されますが、世界的な数字で人気・シェアを見るとReactが圧倒的です。シェアだけで見るとAngularとAngularJS（Angular系の1.x系）の合計値はVueよりも高いですが、「今後はもう採用したくない」と考える率が高く、Angular/AngularJSの人気が低下しているということは間違いありません。 ※追記: Angularのシェア、人気度に関しては、Angular及びAngularJS両方を含む数値であり、AngularJSとAngularは別物であるものが混ざってカウントされているため、Angularのシェア及び人気度はあやふやかもしれません。他の数値に関して信頼性を疑うべきかどうかは

yggdra_w 2020/05/22

リンク

静的サイトジェネレーター Gatsby - Qiita

静的サイトジェネレーターとは？ Static Site Generator（SSG） WebサイトのHTMLファイルを生成するツールのこと Wordpressのような従来CMSの仕組みは、MySQLなどのDBをもとに、サーバーでHTMLを生成して返すものだったそれに対し静的サイトジェネレーターは、コンパイル時にGraphQLやAPIからすべてのデータを取得し全てのHTMLを最初に生成するさらに、生成されたファイルを、Netlifyなどのホスティングサービスを用いて、サーバーレスで公開する仕組みが主流になっている静的サイトジェネレーターのメリット ※ Netlifyなどホスティングサービスを用いた場合レスポンスが速い。サーバーでHTMLを動的に生成しないからサーバー代 ¥0✨ サーバーが必要ないためサーバー落ちない。メンテが不要 ※ ただしホスティングサービスが落ちる可能性はあり

yggdra_w 2020/04/01

Gatsby

リンク

7年間使ってきたWordPressを捨ててContentful+Gatsby+Netlifyにしたら爆速になったし経緯とか教訓とか語る - Qiita

7年間使ってきたWordPressを捨ててContentful+Gatsby+Netlifyにしたら爆速になったし経緯とか教訓とか語るWordPress React Netlifygatsbycontentful こんにちは、古都ことと言います。普段はブログやらなんやらをやっているのですが、今回ブログのお引っ越しをしたのでその経緯などについてお話ししたいと思います。先にまとめブログをVPSとWordPressで7年間運営してきた速度面やメンテナンス面でそろそろガタがきていた Contentful+Gastby+Netlifyの構成に移行した Lighthouseで高スコア叩き出せた技術選択って難しいね運営しているブログ Subterranean Flower Blogというブログをやってます。主にフロントエンド周りのことを取り扱っており、たまにマリオ64の記事や、転職の記事などでも