jingtian– Author –
-
Next.js 静的サイト生成 (SSG) と output: ‘export’
output: 'export' とは output: 'export' は Next.js の設定オプションの一つで、プロジェクトを完全に静的なサイトとして生成するための設定です。 この設定を next.co... -
Webマーケティングの基礎知識：オーガニックサーチとペイドサーチの違い、CPCの仕組み
こんにちは！今日はWebマーケティングの世界でよく耳にする「オーガニックサーチ」と「ペイドサーチ」について解説します。サイト運営やマーケティングに携わる方は必ず... -
PHPの比較演算子「==」と「===」の違いを徹底解説！
こんにちは！今回はPHPでよく混乱しがちな比較演算子「==」と「===」の違いについて、わかりやすく解説します。 「==」と「===」の基本的な違い PHPには2種類の等価比較... -
php.ini の error_log でエラーログを出力する先を指定する方法、パス指定の注意点
ログファイルに記録するための php.ini の設定 // php.ini での設定 error_reporting = E_ALL // すべてのエラーを報告 display_errors = Off // ブラウザへのエラー表... -
Meta広告運用の要！Facebook PixelとGTMの基本と実践
こんにちは、マーケティングテックブログをご覧いただきありがとうございます。今回は、Meta広告（旧Facebook広告）運用において欠かせない「Facebook Pixel」と「Googl... -
Next.jsでのGoogleタグマネージャー実装とデータレイヤー（dataLayer.push）活用方法
はじめに Next.jsでGoogleタグマネージャー（GTM）を実装する方法には、大きく分けて2つのアプローチがあります： 公式ライブラリ @next/third-parties を使用する方法... -
Next.jsにおけるレスポンシブ実装とちらつき対策
はじめに Next.jsでレスポンシブ対応を実装する際、SSRやSSGの特性により初期レンダリング時にちらつきが発生することがあります。今回は、その問題の解決方法と実装の... -
リゾット米
鍋にバター100 玉名者ぎ外側1枚火にかける バターが泡立ち玉ねぎがすきとおってきたら、アクエレッロイルリーゾ1キロ入れて、さわれないくらい熱くする ブロード800別で... -
【WordPress】「Smush」や「EWWW Image Optimizer」などのプラグインで画像を圧縮
メリット WordPressで画像を圧縮することには、以下のようなメリットがあります。 ページ表示速度の向上 圧縮状況ページサイズ（MB）読み込み時間（秒）圧縮前5.2MB4.8... -
【CSS】疑似要素で吹き出し
サンプルコード <style> .bubble { position: relative; background: #ffffff; border: 4px solid #000000; border-radius: 12px; padding: 20px; width: 300px; ... -
【CSS】floatで画像を下に配置してテキストを回り込ませる
floatで画像を下に配置することは難しい点があります floatを使って画像の下にテキストを回り込ませる実装は、一見シンプルに見えて実は複雑です。以下のような課題があ... -
【Illustrator初心者向け】デザインカンプからコーディング、効率的な書き出し方法
そもそもIllustratorはWebサイトのデザインカンプ作成には不向き IllustratorはWebサイトのデザインカンプ作成にも使用できますが、Photoshopや専用のUI/UXデザインツー... -
ローストビーフ
肉 1キロ 塩 12g B.P. 2g 人参 セロリ ハーブ ニンニク -
WindowsかMacか
ひらがな / 半角英数字の切り替え https://pc.asobu.co.jp/windows-ime/ -
ワードプレスのメディアに保存した画像（upload_max_filesize, post_max_size, memory_limit）
画像はどこに保存される？ WordPressに画像をアップロードすると、2つの場所に情報が保存されます： サーバーのディレクトリ：実際の画像ファイルがここに保存されます... -
WordPressカスタムブロック開発 TypeScript BABEL
開発の趣旨 Babel（webpackのbabel-loader）でTypeScriptをトランスパイルする。 ビルド時のトランスパイル手段に下記があるらしいですが、どのような違いがありますか... -
TypeScriptでWordPressのブロックを開発する「参考記事リンクブロック」パート2
参考サイト https://bizlabo.site/dbrep/typescript/ ソースファイル index.tsx import { registerBlockType } from '@wordpress/blocks'; import { useBlockProps } fr... -
Docker イメージを AWS ECR で使用する方法: 初心者ガイド
AWS ECR とは？ AWS ECR は、Docker イメージを保存、管理、デプロイするための、安全で拡張性の高いマネージドコンテナイメージレジストリサービスです。簡単に言えば... -
@wordpress/scriptsでオリジナルブロック作成
@wordpress/scriptsとは WordPress開発のためのNode.jsベースのビルドツールキットで、ビルドプロセスを簡素化することができます。 開発プロセスの3要素 ビルド (webpa... -
WordPressプラグインでオリジナルブロックを追加（静的ブロック）
ゴール、制作物 下記の「筆者ブロック」 事前にアップロードしたファイルを使用し動的な内容の変更をしない仕様です ワタナベ タクヤ 東京都内でフロントエンドエンジニ... -
WordPressテーマにReactを統合
参考サイト Reactを使用してWordPressテーマを開発する方法https://kinsta.com/jp/blog/wordpress-react-theme/ 前提条件 WordPressサイト（ローカル開発環境推奨） Nod... -
Salsiccia
豚ひき肉 300グラム 豚背油 50グラム ローズマリー 1パック セージ 1パック 1本 豚腸 塩 3.5グラム ブラックペッパー 1.5グラム フェンネルパウダー ガーリック... -
初心者のための「Optimize Next」導入ガイド
無料のABテストツール「Optimize Next」の導入方法について、初心者の方にも分かりやすく解説していきます。 導入手順 1. アカウント作成 まずは「Optimize Next」のウ... -
Next.jsの環境変数：NEXT_PUBLIC_の使い方と重要性
今回は、Next.jsアプリケーション開発において非常に重要な概念であるNEXT_PUBLIC_環境変数について詳しく解説します。 NEXT_PUBLIC_とは？ NEXT_PUBLIC_は、Next.jsで... -
next.config.js
next.config.jsとは Next.jsプロジェクトの設定を行うための重要なファイル 一般的な設定項目 const nextConfig = { // リアクトの厳格モードを有効化 reactStrictMode:... -
【Next.js】Imageコンポーネントnext/image（画像最適化機能）とは
参考サイト Next.js 13のImageコンポーネントの簡単な使い方とメリットhttps://www.zenryoku-kun.com/post/nextjs13-image 画像最適化の舞台裏をのぞき見👀してnext/imag... -
【Next.js】App Routerでメタタグを設定する方法
Next.jsのApp Routerでメタタグを設定する方法を解説します。 新しいApp Routerは、従来のpagesディレクトリを使用する方法とはいくつか違いがあり、設定方法が少し変わ... -
【Next.jsビルド】画像最適化（next/image）の落とし穴
Next.jsのバージョン14.0.0で、静的サイト生成（SSG）のビルド方法が変わりました： 新しい方法： next.config.jsファイルに"output": 'export'を追加します。 next bui... -
【mermaidコード】生成AIを使用して、フローチャート作成
フローチャートは複雑なプロセスを理解しやすいように視覚化しするのに役立ちますが、手作業で作成には時間がかかることがあります。 そこで登場するのが生成AI。Claude... -
Next.js バージョン15 App Router 始め方 フォルダ構成ベストプラクティス
ディレクトリベースのルーティング appディレクトリ配下の構造がそのままウェブサイトのページ構成になります。 各page.jsファイルでデフォルトエクスポートされたコン...
