WordPress(ワードプレス) 【WordPress】特化型ブログを収益化するための１０の方法について
特化ブログを作成して収益化するためには、効果的なサイト設計が不可欠です。以下、収益化のための特化ブログのサイト設計の方法を説明します。特定のニッチを選定選ぶニッチは、あなたの興味や知識に基づいてください。興味がある分野なら長期間続けるモチベ...
EGUWEB
WordPress(ワードプレス) 
Marketing(マーケティング) PMF（Product-Market Fit）プロダクト・マーケット・フィットとは？
PMF（Product-Market Fit）とは？「PMF（Product-Market Fit）プロダクト・マーケット・フィット」とは、ある製品またはサービスが特定の市場や顧客層に適切に合致しており、その市場での需要や顧客のニーズを満た...
Firebase(ファイアベース) 【Firebase】Firebaseの始め方とセットアップ方法について（Part1）
Firebaseは、Googleが提供するクラウドプラットフォームで、アプリケーションの開発、デプロイ、ホスティング、データベース管理、認証などの機能を提供します。Firebaseを使用してアプリケーションを開始するためのステップを以下に説...
WordPress(ワードプレス) 【WordPress】標準の検索機能を強化！インスタント検索を導入できる便利プラグイン｜Ajax Search Lite
ワードプレスのサイト内検索を強化したいと思ったときに使える便利なプラグインのひとつが「Ajax Search Lite」です。WordPressの標準検索機能WordPressの標準検索機能はブロックなどから呼び出しできます。ブロックを埋め...
CSS(シー・エス・エス) CSSだけを使用してボタン風のラジオボタンを作成してクリックで色が変わるようにする方法
CSSだけを使用してボタン風のラジオボタンを作成し、クリックで色が変わるようにする方法です。以下のコードは、HTMLとCSSを使用してこの目的を達成する方法を示しています。ラジオボタンを作るまずは、ラジオボタンを作ります。 <!-- ラジオ...
GAS(GoogleAppsScript) 【GAS】WEBフォームの送信時にチャットワークのルームにGASでメッセージを送信する（Part2）
申し込みフォームなどの送信時にGoogle Apps Scriptを使用してChatWorkのルームにメッセージを送信します。前回、スクリプトの実行でルームにメッセージの送信が成功しました。続きです。WEBフォームを準備するまずは、送信のサ...
GoogleForm(グーグルフォーム) 【Googleフォーム】フロントエンド環境とGoogleフォームを組み合わせてお問い合わせやアンケートフォームを作成する（Part1)
例えば、PHPやCGIが使えない環境下でWEBフォームを使いたい、お問い合わせフォームを受けるサーバーサイド環境が準備できない、という場合があるかもしれません。そのような場合にフロントエンド環境とGoogleフォームを組み合わせて、お問い合...
WordPress(ワードプレス) WordPressのテーマのJavascriptファイルパスを指定する（ルートパス）
WordPressのテーマのJavascriptファイルに対して、get_template_directory_uri() の値を取得して、正しくパスを指定する方法を紹介します。特に、Service Worker (sw.js) のようなル...
PWA（プログレッシブウェブアプリ） WordPress（ワードプレス）をプログレッシブウェブアプリ（PWA）に変換する
WordPress（ワードプレス）をプログレッシブウェブアプリ（PWA）に変換するプロセスは、一般的なウェブサイトをPWAにアップグレードするプロセスと似ています。WordPressをPWA化する一般的なステップを示します。サービスワーカー...
Boki(簿記) 月次決算（げつじけっさん）とは？基本的な流れとポイントについて
月次決算は、組織や企業が毎月の経済活動を集計し、財務状況や業績を把握するためのプロセスです。以下に、一般的な月次決算の流れを説明します。データ収集と集計データ収集と集計: 毎月の取引や活動に関連するデータを収集します。これには、売上データ、...
Googleアナリティクス(GA4) Google Analytics DebuggerでGAのデバッグとトラッキング情報を確認する
Google Analytics Debuggerとは？「Google Analytics Debugger」は、Googleが提供する公式のChromeブラウザ用拡張機能で、Google Analyticsのデバッグとトラッキング情報の確...
PWA（プログレッシブウェブアプリ） 【WordPress】WordPressをPWA化できる便利プラグイン「PWA」
Progressive Web App（PWA）は、ウェブサイトをネイティブアプリのような体験を提供することを目指した技術です。WordPressサイトをPWA化するための便利なプラグインが「PWA」です。PWAプラグインとは？このプラグイ...
WordPress(ワードプレス) 【WordPress】Smart Slider 3プラグインのテキストを改行する方法
デモページはこちらSmart Slider 3プラグインとは？WordPressに画像のスライダーを入れることができるプラグインです。Smart Slider 3でテキストを改行する方法は以下の通りです。スマートスライダー3プラグインを開く...
WordPress(ワードプレス) 【WordPress】All-in-One WP Migrationプラグインでバックアップファイルをエクスポートする
All-in-One WP Migrationプラグインとは？All-in-One WP Migration は、WordPress プラグインの一つで、とても簡単にサイトをバックアップや移行することができる便利なプラグインです。All-i...
PWA（プログレッシブウェブアプリ） Lighthouse（ライトハウス）｜SEOチェックができるChrome拡張機能
Lighthouse（ライトハウス）拡張機能とは？Lighthouse（ライトハウス）は、Googleが提供するオープンソースのウェブサイト品質向上ツールであり、主にウェブページのパフォーマンス、アクセシビリティ、ユーザビリティ、SEO（検...
WordPress(ワードプレス) 【WordPress】編集画面が開かない…？サイトが真っ白に…？PHPのバージョンを合わせる
WordPressの編集画面が開かない場合やサイトが真っ白になる場合、WordPressとPHPのバージョンを合わせることが解決策の一つとなります。以下の手順を試してみてください。※必ず事前にサイトのバックアップを取得しておきましょう。Wo...
PWA（プログレッシブウェブアプリ） WordPress（ワードプレス）をプログレッシブウェブアプリ（PWA）化する流れについて
WordPress（ワードプレス）をプログレッシブウェブアプリ（PWA）に変換するには、いくつかの手順を踏む必要があります。以下に、一般的な手順を示します。Service Worker の追加Service Worker の追加: Serv...
Node.js（ノード・ジェイエス） 【Node.js】Error: Cannot find module XX\node_modules\yarn\bin\yarn.js
謎のエラーにはまる…。Cannot find moduleError: Cannot find module 'XXXXXXXXXXXs\app\git\node_modules\yarn\bin\yarn.js'どうやらmodule PA...
Vercel（ヴァーセル） 【Vercel】Next.js＆Vercel でヘッドレスWordPress環境を構築する（Part2）
Next.jsとVercelを使用してヘッドレスWordPress環境を構築します。前回の続きです。ヘッドレスWordPressとは？ヘッドレスWordPress（Headless WordPress）は、WordPressのコンテンツ管理...
Vercel（ヴァーセル） Next.jsの新規インストール手順-Part1（プロジェクトフォルダ作成）
Next.jsはReactアプリケーションのための人気のあるフレームワークです。以下はNext.jsのセットアップ手順の基本的なガイドです。Node.jsのインストールNode.jsのインストール: Next.jsを使うには、まずNode....
Git(ギット) ‘git’ は、内部コマンドまたは外部コマンド、操作可能なプログラムまたはバッチ ファイルとして認識されていません。
gitエラーメッセージ「'git' は、内部コマンドまたは外部コマンド、操作可能なプログラムまたはバッチ ファイルとして認識されていません。」このエラーメッセージは、WindowsのコマンドプロンプトまたはPowerShellでgitコマン...
Vercel（ヴァーセル） 【Vercel】Next.js＆Vercel でヘッドレスWordPress環境を構築する（Part1）
Next.jsとVercelを使用してヘッドレスWordPress環境を構築します。ヘッドレスCMS（Content Management System）とは？ヘッドレスCMS（Content Management System）は、コンテ...
Node.js（ノード・ジェイエス） yarnとは？Node.jsのパッケージマネージャーの基本について
yarn（ヤーン）とは？Yarnは、Meta(Facebook)のSebastian McKenzie によって開発されたJavaScriptパッケージマネージャーです。JavaScriptのプロジェクトで使用される依存関係を管理し、効率的...
WordPress(ワードプレス) 【WordPress】HEICをJPG画像に変換するオンラインサービスを作成する方法
HEICをJPG画像に変換するオンラインサービスをHTMLとPHPを使って作成してみます。HEIC（ヘイク）とは？HEIC（High Efficiency Image Format）は、高効率な画像フォーマットの一種です。High Effi...
JavaScript(ジャバスクリプト) 【JavaScript】ブラウザ上でWEBPからJPGへの変換を行うツールを作る
HTMLとJavaScriptを使用して、WEBP画像を読み込みJPGに変換してダウンロードする、ブラウザ上でWEBPからJPGへの変換を行うツールを作ります。サンプルページはこちらhtmlコード<!DOCTYPE html><html l...
JavaScript(ジャバスクリプト) 【JavaScript】「文字数カウンター」アプリケーションを作る方法
HTML, CSS, そして JavaScript だけで文字数カウンターを作成してみます。完成形はこちら▼以下は、画面に文字を貼り付けるとその文字数が表示されるコードの例です。文字数カウンターのHTMLコードユーザーがテキストエリアにテキ...
Node.js（ノード・ジェイエス） 【Node.js】npm ERR! path ~/node_modules/sharp
Node.jsプロジェクトでSharp画像処理ライブラリに関連するエラーが発生しているようです。インストールの問題、バージョンの非互換性、または欠落している依存関係に関連する可能性があります。以下は、エラーを解決するために試すことができる一...
Vercel（ヴァーセル） 【Next.js】Fix the upstream dependency conflict, or retry
エラーメッセージによれば、reactとreact-useのバージョンが競合している？ようです。code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR! ...
Vercel（ヴァーセル） 【エラー発生】npm ERR! ERESOLVE unable to resolve dependency tree
code ERESOLVEnpm install XXXXXXXnpm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR!npm ERR...
PWA（プログレッシブウェブアプリ） Next.jsでGenerateSWプラグインを使用する｜workbox-webpack-plugin（PWA化）
GenerateSWプラグインを使用するNext.jsでGenerateSWプラグインを使用してService Workerを構築する場合、以下の手順を実施できます。これにより、Progressive Web App（PWA）機能をNext...
