WordPress(ワードプレス) 【WordPress】All-in-One WP Migrationプラグインでバックアップファイルをエクスポートする
All-in-One WP Migrationプラグインとは？ All-in-One WP Migration は、WordPress プラグインの一つで、とても簡単にサイトをバックアップや移行することができる便利なプラグインです。 All...
WordPress(ワードプレス) 
PWA（プログレッシブウェブアプリ） Lighthouse（ライトハウス）｜SEOチェックができるChrome拡張機能
Lighthouse（ライトハウス）拡張機能とは？ Lighthouse（ライトハウス）は、Googleが提供するオープンソースのウェブサイト品質向上ツールであり、主にウェブページのパフォーマンス、アクセシビリティ、ユーザビリティ、SEO（...
WordPress(ワードプレス) 【WordPress】編集画面が開かない…？サイトが真っ白に…？PHPのバージョンを合わせる
WordPressの編集画面が開かない場合やサイトが真っ白になる場合、WordPressとPHPのバージョンを合わせることが解決策の一つとなります。以下の手順を試してみてください。 ※必ず事前にサイトのバックアップを取得しておきましょう。 ...
PWA（プログレッシブウェブアプリ） WordPress（ワードプレス）をプログレッシブウェブアプリ（PWA）化する流れについて
WordPress（ワードプレス）をプログレッシブウェブアプリ（PWA）に変換するには、いくつかの手順を踏む必要があります。 以下に、一般的な手順を示します。 Service Worker の追加 Service Worker の追加: S...
Node.js（ノード・ジェイエス） Error: Cannot find module XX\node_modules\yarn\bin\yarn.js
謎のエラーにはまる…。 Cannot find module Error: Cannot find module 'XXXXXXXXXXXs\app\git\node_modules\yarn\bin\yarn.js' どうやらmodule...
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を使うには、まずNod...
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 Ef...
JavaScript(ジャバスクリプト) 【JavaScript】ブラウザ上でWEBPからJPGへの変換を行うツールを作る
HTMLとJavaScriptを使用して、WEBP画像を読み込みJPGに変換してダウンロードする、ブラウザ上でWEBPからJPGへの変換を行うツールを作ります。 サンプルページはこちら htmlコード <!DOCTYPE html> <ht...
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 ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ER...
Vercel（ヴァーセル） 【エラー発生】npm ERR! ERESOLVE unable to resolve dependency tree
code ERESOLVE npm install XXXXXXX npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! np...
PWA（プログレッシブウェブアプリ） Next.jsでGenerateSWプラグインを使用する｜workbox-webpack-plugin（PWA化）
GenerateSWプラグインを使用する Next.jsでGenerateSWプラグインを使用してService Workerを構築する場合、以下の手順を実施できます。 これにより、Progressive Web App（PWA）機能をNe...
PWA（プログレッシブウェブアプリ） Build failed because of webpack errors｜next-pwaプラグインの設定に問題？
next-pwaプラグインの設定に問題？ このエラーは、おそらくnext-pwaプラグインの設定に問題があるために発生しています。 Failed to compile. Please check your GenerateSW plugin...
Notion(ノーション) ChatGPT to Notion Chrome拡張機能と使用方法について
ChatGPT to Notion Chrome拡張機能とは？ ChatGPT to Notion Chrome拡張機能を使うと、ChatGPTのチャットをNotionと連携して保存できます。 ChatGPT のページでは、各回答の下に新し...
Vercel（ヴァーセル） Command “npm install” exited with 1
npm installコマンドがエラーコード1で失敗したようです。 npm ERR! A complete log of this run can be found in: npm ERR! /vercel/.npm/_logs/2023-...
