[B! gatsby] sadness_ojisanのブックマーク

はてブのネガティブなコメントからreact-helmetで守る

はてブにおけるネガティブなコメントやそれが引き起こす炎上から自分を守るための、そのプロテクト機能をこのブログに実装した話です。燃えたくないけど読まれたい私はこのブログを運用する上で「燃えたくないけど読まれたい」という気持ちを持っています。ブログを書くからにはやっぱり反応は欲しいし、たくさんの人に見られたいというのが率直な感想です。そのため、燃えるのを防ぐためにも誰かを煽ったり傷つけたりせずに、健全に運営して行こうというのを意識して運営しており、特にその投稿が誰かを傷つけないか・誤った情報を断定的に発信していないかといった自浄的なチェックをしています。ただ、どうしても燃えやすい話題もあったり、意図せずに燃えるパターンも見たりはしているので、それについてどう言及して行こうかと言うのを悩んでいました。そこで炎上プロテクト機能をブログに組み込んでみることにしました。はてブのコメント

sadness_ojisan 2020/08/05

燃やさなければ生きて行けない、それが、バーニッシュだ

リンク

Gatsby製サイトをNetlifyにデプロイする前に見ておきたい設定2つ（ビルドと表示）

Gatsby製サイトをNetlifyにデプロイする前に見ておきたい設定2つ（ビルドと表示）2020-08-03 12:00 Netlify にはビルド時のキャッシュと HTTP のキャッシュをユーザー側で設定できる口があります。このキャッシュの設定をすることで、ビルドや表示が早くなり良いこと尽くしなのでこれを気に見ていきましょう。ビルド高速化 Netlify ではビルドを回すとソースコードを見て 0 からビルドします。そのためキャッシュが使える手元でのビルドに比べて時間がかかります。特に gatsby-image は致命的で、画像から圧縮・Traced SVG の作成・サムネイル化・各種デバイス向けの最適な画像出力を行うため、画像が絡むサイトのビルド時間はとても長くなります。このブログもそういった画像をつかったブログですが、現在 20 記事あるサイトでのビルドで約 10 分かかっ

sadness_ojisan 2020/08/03

リンク

Image Optimization Made Easy with Gatsby

Shave off hours of work with a simple to use React component built for images. Optimizing images hardly sounds like an ideal afternoon of work, but in today’s world it’s become a necessary evil. This post looks at how it can be done much easier using gatsby-image. For practical examples of methods used in this tutorial, check out this free playlist of Egghead videos that show how to use Gatsby Ima