URLをコピーしました!
スキルアップを始める!

2023-09

GAS(GoogleAppsScript)

【GAS】WEBフォームの送信時にチャットワークのルームにGASでメッセージを送信する(Part2)

申し込みフォームなどの送信時にGoogle Apps Scriptを使用してChatWorkのルームにメッセージを送信します。前回、スクリプトの実行でルームにメッセージの送信が成功しました。続きです。 WEBフォームを準備する まずは、送信...
GoogleForm(グーグルフォーム)

フロントエンド環境と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(ノード・ジェイエス)

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...
Kindle Unlimited 会員は無料で購読できます
購読はこちら
Kindle Unlimited 会員は無料で購読できます
購読はこちら