![2024-01-25-00-42-38.webp](/next.js%E3%81%A7%E3%83%96%E3%83%AD%E3%82%B0%E3%82%92%E4%BD%9C%E3%82%8A%E3%81%AA%E3%81%8A%E3%81%99%E3%81%BE%E3%81%9A%E3%81%AFzenn%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%82%92%E9%81%A9%E7%94%A8%E3%81%97%E3%81%A6%E3%81%BF%E3%81%9F/2024-01-25-00-42-38_hucf773a651b203329cb47ba442f595ddd_5432_480x280_fill_q75_h2_box_smart1_2.webp)
Next.jsでブログを作りなおす。まずは、Zennスタイルを適用してみた
Static Site Generatorで抜群の人気を誇るNext.js。やっぱ長いものには巻かれたほうがいいので、Next.jsでこのブログを作り直していこく。
Static Site Generatorで抜群の人気を誇るNext.js。やっぱ長いものには巻かれたほうがいいので、Next.jsでこのブログを作り直していこく。
Amazonのリンクから商品名とASINコードを抜き出すスクリプトを書きました。
ページを開く際にランダムに表示されるAmazonアフェリエイトリンク自動生成機能を追加しました。
ブログの赤字運営脱却を目指し、RSSフィードの導入方法を解説します。
この記事では、GitHub Actionsを使って、静的サイトをAmazon S3にアップロードし、その後CloudFrontのキャッシュを削除する方法を解説します。
Pythonを使ってウェブサイト内のリンク切れを検出する再帰的なリンクチェッカースクリプトを作成し、メンテナンスを容易にしましょう。
Hugoを使ったブログでSEO対策と関連記事を表示する方法を解説。記事間の関連性やサムネイル画像の表示も簡単にカスタマイズでき、SEOパフォーマンスとユーザー体験が向上します。
この記事では、Hugoを使用してブログを作成し、Github Actionsでビルド時間超過問題に対処する方法を紹介します。記事の更新を高速化するために、前回のコミットとの差分ファイルを取得し、部分的なビルドとアップロードを行います。Hugoが部分的なビルドを直接サポートしていないため、Pythonスクリプトを用いて対応しています。
SEOスコアをほぼAll 100点満点を取れるようなブログにレベルアップしました。 いわば偏差値70ぐらいあるブログですよ。なんてね
お前のサイト画像が適切なサイズじゃないからくっそ遅いんよ。改善しないとスコア低いままやぞと言われたのでその改善方法について調べました。
Hugoで作ったサイトをS3バケット+CloudFrontで公開している人向けの記事です。
次世代画像圧縮フォーマットであるWebp形式に変換してサイトで使われている画像を全て差し替えてみました。