stin's Blog

すてぃんの個人ブログです。技術的なこと、日常のこと、雑記など色々書きます。

Google AdSense を Next.js 製ブログに入れるのに一手間かかる話

ブログに広告を入れてみたので許してくださいブログにちょっとでも広告収入あると嬉しいなと思っていたものの、Adsense は審査が厳しいと聞いていたので手を出していませんでした。でもふとダメ元で申請してみたらなんと承認されて広告を貼り付けら

WET is better than DRY https://twitter.com/stin\_factory/status/1522521205080989696 こんなツイートをしたらちょっと反響がありました。大した事ないツイートが

https://twitter.com/stin\_factory/status/1520251902877118464?s=20\&t=ObJNlQRqSKg5E02UCk5xOw 尊敬する TypeScript の師匠(勝手に思ってるだ

https://twitter.com/stin\_factory/status/1516718102813511680 https://www.borndigital.co.jp/book/25999.html Amazon で予約開始し

この個人ブログに RSS フィード機能を実装しました。 RSS フィードとはブログの記事のタイトルや公開日などの情報を XML 形式で配信するものです。実装方法自体はググって出てきた記事を参考に行いましたが、その中で一つ疑問があったので調

適当にやってた meta タグ設定をちゃんとしました Next.js のプロジェクトの meta タグ類を設定してくれるライブラリ next-seo をインストールしました。今まで適当に meta タグをセットしていて、特に OGP 系は

Twitter のシェアボタンをブログに設置しました記事ページの下部に Twitter のシェアボタンと Buy me a coffee のリンクを設置しました！ Twitter のシェアボタンを作るに当たって考えたことを書いていきます。

Tweet URL を Tweet 埋め込みに変換して表示するように実装しました Tweet の URL だけを Markdown に記述すると ↓ Tweet 埋め込みの iframe が展開されるようにブログを実装しました！↓ http

すてぃんブログレボリューション 21 (updated) このブログサイトをフルリニューアルしました！(5 記事しか書いていなかったのにもうリニューアルとかｗｗというのはそれはそう) 今回はこのリニューアルについて、こだわりポイントと技術的

@types/react-router v5.1.9 から型定義がきれいになっていた react-router の型定義は受け取るパスが全て文字列のため、以前は TS コンパイラでパスの間違いを検出できませんでした。そのため僕は type

Immutable.js で React ステート用モデルクラスを作る昨今の React は関数コンポーネント一辺倒になり、 React エンジニアがクラス定義する場面はかなり減ってきているんじゃないかと思います。関数コンポーネント内部

Context を export するなみなさんは React Context を使っていますか？非常に便利ですよね。え、使ってない？みんな React Context 使っとる。使ってへんのお前だけ。冗談はさておき、この記事では C

Fragment をコンポーネントのトップに置くな「Fragment をコンポーネントにトップに置く」というのは下のようなコンポーネントを作成することを指します。これは、この MyComponent が生成する HTML 要素が h1

個人ブログを開発しました「開発」という単語がふさわしいのか不明です。開発作成制作開発というと大げさな気がします。作成というと軽い気がする。制作は工作とか美術っぽい。 CMS 使わずにフルスクラッチなので開発でいいでしょう。 st