Web開発

VScodeでSnippetを使っているとき、ここ選択肢で値固定したいなーってときに使えるTIPSです。

ブログの広告収入だけだと赤字を垂れ流すだけなので少しでも収益源を増やしたいからAmazonアフェリエイトリンクを追加することになしました。ただ単にリンクを貼り付けても味気ないからいい感じになるように作りました。

Next.jsを使って静的サイトを作って公開しましたが、/blog/XXといっ記事ページなどでブラウザ更新するとエラーになってしまうのを回避する

Static Site Generatorで抜群の人気を誇るNext.js。やっぱ長いものには巻かれたほうがいいので、Next.jsでこのブログを作り直していこく。

Amazonのリンクから商品名とASINコードを抜き出すスクリプトを書きました。

ページを開く際にランダムに表示されるAmazonアフェリエイトリンク自動生成機能を追加しました。

ブログの赤字運営脱却を目指し、RSSフィードの導入方法を解説します。

この記事では、GitHub Actionsを使って、静的サイトをAmazon S3にアップロードし、その後CloudFrontのキャッシュを削除する方法を解説します。

Pythonを使ってウェブサイト内のリンク切れを検出する再帰的なリンクチェッカースクリプトを作成し、メンテナンスを容易にしましょう。

Hugoを使ったブログでSEO対策と関連記事を表示する方法を解説。記事間の関連性やサムネイル画像の表示も簡単にカスタマイズでき、SEOパフォーマンスとユーザー体験が向上します。