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

CLIで利用するNode.jsの書き捨てプログラムを作成するコツ

プログラマーであれば単純作業をプログラムに任せると思います。今回は備忘録を兼ねてNode.jsで書き捨て前提のプログラムを書く際に、よく使っているテクニックをまとめてみました。 やっていることは同じ

nodejs
tool

おしゃれなコード画像を生成するCLIツール『Silicon』

自分はLT資料を作る際に、『Carbon』というおしゃれなコード画像を生成するWebサービスを利用しています。今回はCarbonをインスパイアした『Silicon』というRust製のCLIツールを発見

toolrust
event

「技術書同人誌博覧会」にサークル参加してきた

2019/07/27に大田区産業プラザPioで開催された技術書同人誌博覧会(通称「技書博」)にサークル参加してきました。 「ブログを書くまでがイベント」ということですので、新刊の話、次回の新刊、当日

技術同人誌