README.md などの Markdown ファイルを GitHub に push する前に、GitHub と全く同じ見た目でプレビューできる GitHub CLI の extension を作った。markdown-previewというカスタムコマンドが使える。
今回はgh-markdown-previewの紹介と、GitHub CLI extension を作ってみての所感を書く。
…追記
Cloudflare Workers向けのWebフレームワークを作っているので、そちらを是非チェックしてみてください！
Cloudflare Workers が面白い。面白いので、いくつか簡単なアプリを作ってみた。例えば、そのひとつが Slack Bot で「yusukebe++」とかやるとインクリメントされるやつ。
Next.js と microCMS と Vercel が面白い。それぞれ面白いし、組み合わせるとさらに面白い。なにせ、メディアサイトがデプロイも含めて 2 時間で出来る。
Next.js + microCMS + Vercel すごいな。メディアサイト（中身スッカスカだけど）がものの 2 時間でデプロイまでできた。
…
Fastly の導入を検討している。検討しているだけで、導入していないので、参考にならないかもしれないし、間違っているかもしれないが、メモ。
動機
Varnish を使っていて、最初は Varnish の冗長化をしたい！だった。
で、つよつよな人達に聞いたら「Fastly 使っとけ」だった。
…最近 Cloudflare を使ってみてるのだが面白い。このブログも現在は Cloudflare から配信している。Cloudflare、CDN としても CDN 以外の部分でも面白い。今日はそんな Cloudflare の面白い点について紹介してみる。
簡単
まずはこれ。他のクラウドサービスと比べても、簡単に設定ができる。ダッシュボードも簡潔でわかりやすい。
…いくつかの Web ページを AMP 化した。何をもってして「速い」と判断するかは後述するとしてとにかく速くなった。そしてさらに 3 つのテクニックを使って AMP ページを高速化した。今回はその過程を紹介する。
AMP だと何が速いか？どうして速いか？
最初に、何をもってして速いと言うのかを考えないといけない。まとめると以下の 3 つになった。
…Jamstackを「愚直に」実現しようと、静的HTMLを毎回一気に生成すると「問題」が出てくる。 その解決方法の一つとして、Next.jsの ISR（Incremental Static Regeneration） というテクニックが注目されている。これは Stale-While-Revalidate（以後SwR） と呼ばれる「キャッシュ戦略」に基づいている。
…Jamstackを既存のシステムに導入するかを検討する機会があった。 紆余曲折したものの、未だに暫定的な結論しか出ていない。 とはいえ、わりと頑張った。 今回は
- Jamstackとはなんぞや？
- Jamstackの特徴
- Jamstackの技術
- 弱みを解決する策
- 実際に検討した話
を雑に紹介したい。
…「Core Web Vitalsを上げる」機会があったので、Core Web Vitalsについてまとめてみる。 これから書くことは今現在、僕が把握してることで、間違っていることがあると思うけど、そこはご愛嬌でお願いします。
…まじでSEO初心者だけど、既存のサイトのSEO対策を始めた。 SEOというと小手先のテクっぽいけど、 ようは速くて、使いやすくて、読みやすいサイトをつくるってことだと思った。
サイトの前提条件はこれ。
- 2017年10月からやってる
- WordPressで構築
- 記事数は50件程度
- 一日1,000セッション程度
- ただ、それなりに売上はある
で、以下に施した対策を掲載する。
…