GAS(GoogleAppsScript) 【GAS】WEBフォームの送信時にチャットワークのルームにGASでメッセージを送信する（Part2）
申し込みフォームなどの送信時にGoogle Apps Scriptを使用してChatWorkのルームにメッセージを送信します。前回、スクリプトの実行でルームにメッセージの送信が成功しました。続きです。 WEBフォームを準備する まずは、送信...
2023-09
GAS(GoogleAppsScript) 
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アナリティクス 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...
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（ノード・ジェイエス） 【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-...
Marketing(マーケティング) 「ファーストチェス理論」とは？
ファーストチェス理論とは？ ファーストチェス理論とは、チェスの名人がチェスを行う際に「５秒で考えた打ち手」と「30分考えた打ち手」のうち、86％は同じになるという理論のことです。 つまり、どれだけ長く思考しても、“最初に思いついた手段”に戻...
JavaScript(ジャバスクリプト) 【Draggabilly】HTML要素をドラッグアンドドロップできるJavaScriptライブラリ
Draggabillyとは？ Draggabillyは、HTML要素をドラッグ可能にするためのJavaScriptライブラリです。指定したHTML要素をマウスやタッチ操作でドラッグできるようにします。 以下はDraggabillyの基本的な...
