mottox2 blog

Roppongi.js#2でGatsby + Netlifyの爆速開発をLTしてきた

blogltgatsbynetlifyjavascript

4/24(火)にメルカリ社で行われたRoppongi.js #2でGatsby + NetlifyについてLTしてきました。
ちょっと遅くなってしまいましたが、ブログを作ったので書いておきます。

Gatsbyめっちゃいいですよ。

スライド

https://speakerdeck.com/mottox2/create-fast-site-with-netlify-and-gatsby

雑に作ってもLightHouseで90点台が出せるという導入から、Gatsbyでの開発の雰囲気を知ってもらう流れになっています。
最後にWordPress置き換えたいけど、ビルドが遅いって話をして終わりました。
WordPressのView開発しんどすぎるので、早くGatsbyに置き換えたいです。

狙い

「簡単なことしかやってなさそうなのにめっちゃ速いサイトが出来ていること」を知ってGatsbyを触ってもいいかなという感情を生むことを目標にスライドを作りました。

キッカケ

昔から縁のある場所である六本木でJSのイベントがあるということなので、LT枠に申し込んでました。
抽選に落ちてしまって諦めていたのですが、前日の夜にLT枠が繰り上がりということだったので、急いで準備したのが上のスライドです。

何を発表するか迷っていて、自作のToDoアプリケーションを作った話をしようかと思ったのですが叩かれるのが怖かったので、直近で触り始めたGatsbyについて話すことにしました。

ただ、説明するだけでは説得力がなさそうだったので4時間ぐらいで、このブログのベースとなるesa.ioからブログを作るテンプレートを作ってそれに基づいた発表を作りました。

生まれたもの

mottox2/gatsby-source-esa

Gatsbyでesa.ioのデータを扱うためのプラグインです。このブログでも使ってます。

mottox2/gatsby-starter-esa

Gatsbyでesa.ioのブログを作るためのテンプレートです。このブログもこのリポジトリをベースに作ってます。

B!
dev

ブログのReactを16.8にあげてReact Hooksで書き換えてみた

2019/02/06にReact16.8がリリースされ、16.7のalphaから入っていたReact Hooksが安定版にやってきました。 そこで今回このブログで使われているReactを16.8に上

javascriptreact
blog

Netlifyのデプロイ通知をDiscordで受け取る方法

Netlifyでサイトをホスティングしていると、デプロイ開始から完了までのタイムラグがあることでデプロイの完了を把握するにはWeb UIを確認する必要があります。 しかし、デプロイごとにWeb UI

discordnetlify
dev

netlify-cliを使ってCLIでデプロイを行う

Netlifyには優れたUIを持つWeb画面が用意されていますが、CLI(コマンドラインインターフェース)も用意されており、CLIのみでのデプロイも可能になっています。 通常の開発ではWeb UIで

netlify