LIFEWORK Blog - パソコン・IT・学びを記録するライフワークブログ

スポンサーリンク

【Next.jsブログ構築】Google アナリティクスとサーチコンソールを設定する方法

Next.js のブログに Google アナリティクス（GA4）とサーチコンソールを設定する手順を、新規登録から丁寧に解説します。`@next/third-parties` を使った GA4 の追加方法、`layout.tsx` への確認コードの書き方、静的エクスポートモードでの `sitemap.xml` と `robots.txt` の作り方まで、非エンジニア目線で記録しています。

VPS・RentalServer

【Next.jsブログ構築】Next.jsブログにスマホ用ハンバーガーメニューを実装する方法

Next.jsブログにスマホ用ハンバーガーメニューを実装する方法を、非エンジニア向けに優しく解説。'use client' の意味から useState による開閉制御、Tailwind CSS でのレスポンシブ対応まで、具体的なコード付きで紹介します。

VPS・RentalServer

【Next.jsブログ構築】コードブロックにシンタックスハイライトとコピーボタンを追加する方法

Next.jsブログのコードブロックにreact-syntax-highlighterでシンタックスハイライトを追加し、コピーボタンを実装する手順を解説。クライアントコンポーネントへの分離方法も含めて非エンジニア向けに説明します。

VPS・RentalServer

【Next.jsブログ構築】トップページと記事ページのデザインを決定・実装する方法

Next.js ブログ構築第13回。ヘッダー・フッター・トップページ・記事ページのデザインを実装する手順を非エンジニア向けに解説。ダークテーマ・2カラムグリッド対応。

VPS・RentalServer

【Next.jsブログ構築】Obsidianで書いた記事をバッチファイル1つでNext.jsブログに自動公開する方法

Next.js ブログ構築シリーズ第12回。Windows の WSL と rsync を使い、 Obsidian で書いた記事と画像をバッチファイルのダブルクリック1つで Next.js ブログに自動公開する完全な運用フローを構築する手順を、非エンジニア向けに解説します。

VPS・RentalServer

【Next.jsブログ構築】ObsidianのMarkdown記事と画像を自動変換してNext.jsブログにワンクリック公開する仕組みを作る方法

Next.js ブログ構築シリーズ第11回。 Obsidian の画像リンクを Next.js 用に自動変換し、日本語ノートのファイル名と英語 URL を別々に管理できる仕組みを Node.js スクリプト（convert.js）で構築する手順を、非エンジニア向けに解説します。

VPS・RentalServer

【Next.jsブログ構築】静的サイトとして本番公開しObsidianからワンクリックでデプロイする方法

Next.js ブログ構築シリーズ第10回。静的書き出し（SSG）で本番公開する設定から、 WSL と rsync を使った差分転送、バッチファイルのダブルクリック1回で Obsidian の記事を自動デプロイできる仕組みの構築まで、非エンジニア向けに解説します。

VPS・RentalServer

【Obsidian】ChatGPT MDの使い方と設定｜ノートがAIチャット画面になるプラグイン

ObsidianのノートをAIチャット画面として使える無料プラグイン「ChatGPT MD」の使い方を初心者向けに解説します。OllamaやGemini APIとの接続設定から、ノートごとにモデルを切り替える方法、Gemini使用時の注意点まで、実際に試して確認した内容をまとめました。

【Next.jsブログ構築】SEOとOGPをMarkdownから自動設定する方法｜generateMetadata解説

Next.js ブログ構築シリーズ第9回。 `generateMetadata` 関数を使い、 Markdown のフロントマターから `description` と `ogImage` を自動で読み込んで、記事ごとに SEO タグと OGP タグを設定する仕組みを非エンジニア向けに解説します。

VPS・RentalServer

【Next.jsブログ構築】ヘッダーとフッターを実装して全ページ共通レイアウトを作る方法

Next.js ブログ構築シリーズ第8回。components フォルダにヘッダーとフッターをコンポーネントとして作成し、layout.tsx に組み込んで全ページ共通レイアウトを実装する手順を、非エンジニア向けに解説します。

VPS・RentalServer

スポンサーリンク

次のページ

1 2 … 12