スポンサーリンク
VPS・RentalServer

【Next.jsブログ構築】個別記事の URL を自動生成する動的ルーティングの設定方法

Next.js で構築したブログに「動的ルーティング(Dynamic Routes)」を設定し、 Markdown 記事の URL を自動生成して個別ページに本文を表示させる手順を解説します。 App Router や Next.js 15 以降の async/await 仕様にも対応しています。
Obsidian

【Obsidian】サイドバーで動くAI連携プラグイン「Copilot」の使い方

ObsidianのサイドバーにAIを常駐させるプラグイン「Copilot」の使い方を解説します。無料のGemini APIやローカルLLM(Ollama)の設定方法、文脈の自動読み込みなど、執筆効率を劇的に上げるおすすめの初期設定とプロンプト例をまとめました。
VPS・RentalServer

【Next.jsブログ構築】複数のMarkdown記事を読み込みトップページに新着一覧を表示する方法

Next.js(App Router)のブログで、posts フォルダ内の複数 Markdown を読み込み、トップページに新着一覧(日付の新しい順)で表示する手順を解説。lib/posts.ts で一括取得し、gray-matter・Tailwind CSS を使う流れを初心者向けに紹介します。シリーズ第6回。
VPS・RentalServer

【VPS】SSHポート変更でBAN件数が99%減?fail2banログ分析(2026年3月)

2026年3月の fail2ban ログを分析。SSH ポートをデフォルト22番から変更した結果、BAN 件数が約99%減少。一方で37日間 BAN されずに狙い続けるスロー攻撃ボットや、2ヵ月連続で再現した曜日別攻撃パターンなど、ログから見えてきた興味深い事実を実データで解説します。
PC

【Cursor】Chat機能(Ctrl+L)の使い方!エディタ内でAIに質問して疑問を解決しよう

AIエディタ「Cursor」の基本であるChat機能(Ctrl+L)の使い方を初心者向けに解説。ブラウザを開かずにエディタ内で疑問を解決したり、エラーの原因を特定したりする具体的な手順を画像付きで紹介します。
VPS・RentalServer

【Next.jsブログ構築】WordPressから移行したMarkdown記事を表示する方法(Tailwind CSS対応)

WordPress から移行した Markdown 記事を Next.js で綺麗に表示する手順を解説。react-markdown の導入から Tailwind CSS によるデザイン崩れの解決、画像や HTML タグの設定まで網羅しました。
VPS・RentalServer

【Next.jsブログ構築】VPS上でNginxを設定しNext.jsを起動・HTTPS化する手順

WordPress から Next.js への移行プロジェクト第4回。 VPS 上で Nginx のリバースプロキシを設定し、新しいサブドメインで Next.js を安全に起動・ HTTPS 化する手順と、「 A tree hydrated but... 」などのエラー対処法を非エンジニア向けに解説します。
VPS・RentalServer

【Next.jsブログ構築】VPSにNode.jsをインストールしてNext.jsを初期構築する手順

WordPress から Next.js への移行プロジェクト第3回。 Ubuntu サーバーの VPS 環境へ公式スクリプトを利用して Node.js をインストールし、コマンドラインから Next.js の初期システムを安全に構築する具体的な手順を、非エンジニア向けに分かりやすく解説します。
VPS・RentalServer

【Next.jsブログ構築】WordPressデータを抽出してXMLからMarkdownに変換する手順とNode.jsの準備

WordPress から Next.js + Markdown への移行プロジェクト第2回。プラグインを使わず標準機能で XML データを抽出し、 Node.js とコマンドツールを使って Markdown 形式へ一括変換する手順を、非エンジニアの視点で解説します。
VPS・RentalServer

【Next.jsブログ構築】WordPressからMarkdownベースの静的ブログへ再構築する理由と事前準備

WordPress の表示速度やメンテナンス課題を解決するため、 Next.js と Markdown を用いた静的ブログへの移行を決断しました。本記事では、システムを再構築する理由と、安全な移行に向けたテストページの作成手順について解説します。
スポンサーリンク