GAS(GoogleAppsScript) 【GAS】WEBフォームの送信時にチャットワークのルームにGASでメッセージを送信する(Part2) 申し込みフォームなどの送信時にGoogle Apps Scriptを使用してChatWorkのルームにメッセージを送信します。前回、スクリプトの実行でルームにメッセージの送信が成功しました。続きです。 WEBフォームを準備する まずは、送信... 2023.09.30 GAS(GoogleAppsScript)
GoogleForm(グーグルフォーム) 【Googleフォーム】フロントエンド環境とGoogleフォームを組み合わせてお問い合わせやアンケートフォームを作成する(Part1) 例えば、PHPやCGIが使えない環境下でWEBフォームを使いたい、お問い合わせフォームを受けるサーバーサイド環境が準備できない、という場合があるかもしれません。そのような場合にフロントエンド環境とGoogleフォームを組み合わせて、お問い合... 2023.09.29 GoogleForm(グーグルフォーム)
WordPress(ワードプレス) WordPressのテーマのJavascriptファイルパスを指定する(ルートパス) WordPressのテーマのJavascriptファイルに対して、get_template_directory_uri() の値を取得して、正しくパスを指定する方法を紹介します。 特に、Service Worker (sw.js) のような... 2023.09.28 WordPress(ワードプレス)
PWA(プログレッシブウェブアプリ) WordPress(ワードプレス)をプログレッシブウェブアプリ(PWA)に変換する WordPress(ワードプレス)をプログレッシブウェブアプリ(PWA)に変換するプロセスは、一般的なウェブサイトをPWAにアップグレードするプロセスと似ています。 WordPressをPWA化する一般的なステップを示します。 サービスワー... 2023.09.27 PWA(プログレッシブウェブアプリ)
Boki(簿記) 月次決算(げつじけっさん)とは?基本的な流れとポイントについて 月次決算は、組織や企業が毎月の経済活動を集計し、財務状況や業績を把握するためのプロセスです。以下に、一般的な月次決算の流れを説明します。 データ収集と集計 データ収集と集計: 毎月の取引や活動に関連するデータを収集します。これには、売上デー... 2023.09.26 Boki(簿記)
Googleアナリティクス Google Analytics DebuggerでGAのデバッグとトラッキング情報を確認する Google Analytics Debuggerとは? 「Google Analytics Debugger」は、Googleが提供する公式のChromeブラウザ用拡張機能で、Google Analyticsのデバッグとトラッキング情報の... 2023.09.25 Googleアナリティクス
PWA(プログレッシブウェブアプリ) 【WordPress】WordPressをPWA化できる便利プラグイン「PWA」 Progressive Web App(PWA)は、ウェブサイトをネイティブアプリのような体験を提供することを目指した技術です。 WordPressサイトをPWA化するための便利なプラグインが「PWA」です。 PWAプラグインとは? このプ... 2023.09.24 PWA(プログレッシブウェブアプリ)
WordPress(ワードプレス) 【WordPress】Smart Slider 3プラグインのテキストを改行する方法 デモページはこちら Smart Slider 3プラグインとは? WordPressに画像のスライダーを入れることができるプラグインです。 Smart Slider 3でテキストを改行する方法は以下の通りです。 スマートスライダー3プラグイ... 2023.09.24 WordPress(ワードプレス)
WordPress(ワードプレス) 【WordPress】All-in-One WP Migrationプラグインでバックアップファイルをエクスポートする All-in-One WP Migrationプラグインとは? All-in-One WP Migration は、WordPress プラグインの一つで、とても簡単にサイトをバックアップや移行することができる便利なプラグインです。 All... 2023.09.23 WordPress(ワードプレス)
PWA(プログレッシブウェブアプリ) Lighthouse(ライトハウス)|SEOチェックができるChrome拡張機能 Lighthouse(ライトハウス)拡張機能とは? Lighthouse(ライトハウス)は、Googleが提供するオープンソースのウェブサイト品質向上ツールであり、主にウェブページのパフォーマンス、アクセシビリティ、ユーザビリティ、SEO(... 2023.09.23 PWA(プログレッシブウェブアプリ)
WordPress(ワードプレス) 【WordPress】編集画面が開かない…?サイトが真っ白に…?PHPのバージョンを合わせる WordPressの編集画面が開かない場合やサイトが真っ白になる場合、WordPressとPHPのバージョンを合わせることが解決策の一つとなります。以下の手順を試してみてください。 ※必ず事前にサイトのバックアップを取得しておきましょう。 ... 2023.09.23 WordPress(ワードプレス)
PWA(プログレッシブウェブアプリ) WordPress(ワードプレス)をプログレッシブウェブアプリ(PWA)化する流れについて WordPress(ワードプレス)をプログレッシブウェブアプリ(PWA)に変換するには、いくつかの手順を踏む必要があります。 以下に、一般的な手順を示します。 Service Worker の追加 Service Worker の追加: S... 2023.09.22 PWA(プログレッシブウェブアプリ)
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... 2023.09.21 Node.js(ノード・ジェイエス)
Vercel(ヴァーセル) 【Vercel】Next.js&Vercel でヘッドレスWordPress環境を構築する(Part2) Next.jsとVercelを使用してヘッドレスWordPress環境を構築します。前回の続きです。 ヘッドレスWordPressとは? ヘッドレスWordPress(Headless WordPress)は、WordPressのコンテンツ... 2023.09.20 Vercel(ヴァーセル)
Vercel(ヴァーセル) Next.jsの新規インストール手順-Part1(プロジェクトフォルダ作成) Next.jsはReactアプリケーションのための人気のあるフレームワークです。以下はNext.jsのセットアップ手順の基本的なガイドです。 Node.jsのインストール Node.jsのインストール: Next.jsを使うには、まずNod... 2023.09.19 Vercel(ヴァーセル)
Git(ギット) ‘git’ は、内部コマンドまたは外部コマンド、操作可能なプログラムまたはバッチ ファイルとして認識されていません。 gitエラーメッセージ 「'git' は、内部コマンドまたは外部コマンド、操作可能なプログラムまたはバッチ ファイルとして認識されていません。」 このエラーメッセージは、WindowsのコマンドプロンプトまたはPowerShellでgitコ... 2023.09.18 Git(ギット)
Vercel(ヴァーセル) 【Vercel】Next.js&Vercel でヘッドレスWordPress環境を構築する(Part1) Next.jsとVercelを使用してヘッドレスWordPress環境を構築します。 ヘッドレスCMS(Content Management System)とは? ヘッドレスCMS(Content Management System)は、コ... 2023.09.17 Vercel(ヴァーセル)
Node.js(ノード・ジェイエス) yarnとは?Node.jsのパッケージマネージャーの基本について yarn(ヤーン)とは? Yarnは、Meta(Facebook)のSebastian McKenzie によって開発されたJavaScriptパッケージマネージャーです。JavaScriptのプロジェクトで使用される依存関係を管理し、効率... 2023.09.16 Node.js(ノード・ジェイエス)
WordPress(ワードプレス) 【WordPress】HEICをJPG画像に変換するオンラインサービスを作成する方法 HEICをJPG画像に変換するオンラインサービスをHTMLとPHPを使って作成してみます。 HEIC(ヘイク)とは? HEIC(High Efficiency Image Format)は、高効率な画像フォーマットの一種です。High Ef... 2023.09.15 WordPress(ワードプレス)
JavaScript(ジャバスクリプト) 【JavaScript】ブラウザ上でWEBPからJPGへの変換を行うツールを作る HTMLとJavaScriptを使用して、WEBP画像を読み込みJPGに変換してダウンロードする、ブラウザ上でWEBPからJPGへの変換を行うツールを作ります。 サンプルページはこちら htmlコード <!DOCTYPE html> <ht... 2023.09.14 JavaScript(ジャバスクリプト)
JavaScript(ジャバスクリプト) 【JavaScript】「文字数カウンター」アプリケーションを作る方法 HTML, CSS, そして JavaScript だけで文字数カウンターを作成してみます。 完成形はこちら▼ 以下は、画面に文字を貼り付けるとその文字数が表示されるコードの例です。 文字数カウンターのHTMLコード ユーザーがテキストエリ... 2023.09.13 JavaScript(ジャバスクリプト)
Node.js(ノード・ジェイエス) 【Node.js】npm ERR! path ~/node_modules/sharp Node.jsプロジェクトでSharp画像処理ライブラリに関連するエラーが発生しているようです。インストールの問題、バージョンの非互換性、または欠落している依存関係に関連する可能性があります。 以下は、エラーを解決するために試すことができる... 2023.09.12 Node.js(ノード・ジェイエス)
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... 2023.09.11 Vercel(ヴァーセル)
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... 2023.09.10 Vercel(ヴァーセル)
PWA(プログレッシブウェブアプリ) Next.jsでGenerateSWプラグインを使用する|workbox-webpack-plugin(PWA化) GenerateSWプラグインを使用する Next.jsでGenerateSWプラグインを使用してService Workerを構築する場合、以下の手順を実施できます。 これにより、Progressive Web App(PWA)機能をNe... 2023.09.09 PWA(プログレッシブウェブアプリ)
PWA(プログレッシブウェブアプリ) Build failed because of webpack errors|next-pwaプラグインの設定に問題? next-pwaプラグインの設定に問題? このエラーは、おそらくnext-pwaプラグインの設定に問題があるために発生しています。 Failed to compile. Please check your GenerateSW plugin... 2023.09.08 PWA(プログレッシブウェブアプリ)
Notion(ノーション) ChatGPT to Notion Chrome拡張機能と使用方法について ChatGPT to Notion Chrome拡張機能とは? ChatGPT to Notion Chrome拡張機能を使うと、ChatGPTのチャットをNotionと連携して保存できます。 ChatGPT のページでは、各回答の下に新し... 2023.09.07 Notion(ノーション)
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-... 2023.09.06 Vercel(ヴァーセル)
Marketing(マーケティング) 「ファーストチェス理論」とは? ファーストチェス理論とは? ファーストチェス理論とは、チェスの名人がチェスを行う際に「5秒で考えた打ち手」と「30分考えた打ち手」のうち、86%は同じになるという理論のことです。 つまり、どれだけ長く思考しても、“最初に思いついた手段”に戻... 2023.09.05 Marketing(マーケティング)
JavaScript(ジャバスクリプト) 【Draggabilly】HTML要素をドラッグアンドドロップできるJavaScriptライブラリ Draggabillyとは? Draggabillyは、HTML要素をドラッグ可能にするためのJavaScriptライブラリです。指定したHTML要素をマウスやタッチ操作でドラッグできるようにします。 以下はDraggabillyの基本的な... 2023.09.04 JavaScript(ジャバスクリプト)