JavaScript(ジャバスクリプト) JavaScriptを使用してスマートフォンとPCを判断する方法（User Agent・画面幅）
JavaScriptを使用して、スマートフォンとパーソナルコンピュータ(PC)を判断する方法はいくつかあります。以下は、よく使用される方法の一例です。User Agentの検出User Agentは、WebブラウザーがWebサーバーに送信す...
EGUWEB
JavaScript(ジャバスクリプト) 
JavaScript(ジャバスクリプト) JavaScriptでボタンクリック時に音を鳴らす方法
以下のようにHTMLとJavaScriptを組み合わせて、クリックすると音が鳴るボタンを作ることができます。HTML5のaudio要素を使用するまずは、WEB上の特定の場所にメディアをアップロードします。ワードプレスの場合はメディアの場所な...
PWA（プログレッシブウェブアプリ） PWA（Progressive Web Apps）とは？メリットや具体例について
PWAとは?PWAとは、「Progressive Web Apps」の略称で、Webアプリケーションの一種です。従来のWebアプリケーションとは異なり、スマートフォンやタブレット、デスクトップなどの様々なプラットフォームで利用でき、ネイティ...
JavaScript(ジャバスクリプト) JavaScriptでのDOM操作の基本について（Document Object Model）
DOM（Document Object Model）とは？DOM（Document Object Model）とは、HTML文書やXML文書をプログラムから操作するための仕組みです。JavaScriptを使ってDOMを操作することで、Web...
生成AI(エーアイ) 画像生成AIツール「Bing Image Creator」とは？
Bing Image Creatorとは？Bing Image Creatorは、マイクロソフトが開発した画像生成AIツールの一つです。このツールは、自然言語の指示に従って画像を生成することができます。具体的には、ユーザーが生成したい画像の...
JavaScript(ジャバスクリプト) 【JavaScript】九九の表を作成する-Part1
JavaScriptを使用して九九の表を作成してみます。HTMLファイルの作成まず、HTMLファイルを作成します。以下のような新しいHTMLファイルを準備します。<!DOCTYPE html><html><head> <title>九九の表...
WordPress(ワードプレス) 【WordPress(ワードプレス）】スパムメールを無くすreCAPTCHA（リキャプチャ）の設定方法（Contact Form 7）
スパム？らしき問い合わせが急増…？お問い合わせに、延々と、スパム？らしき問い合わせが、急増…。基本的にお問い合わせは受け付けていない（というよりほぼ無い）のですが、一応お問い合わせフォームらしきものは設置しています。そのサイトのお問い合わせ...
WordPress(ワードプレス) 【WordPress】投稿ページや固定ページにパスワード保護をかける方法
ページにパスワードをかけるWordPressで投稿ページや固定ページにパスワードをかける方法は、以下の手順で行うことができます。ページを作成する→表示状態の「公開」欄をクリックして、「パスワード保護」を選択するパスワードを入力する（任意のパ...
WordPress(ワードプレス) Contact Form7で送信があった時にGoogle Apps Scriptを使用してLine Notifyで通知を受け取る-Part2
WordPressのContact Form7プラグインで送信があった際に、LINEに通知を受け取る方法です。前回の続きです。Part1はこちらフォームを準備するまずは、Contact Form7のフォームを準備します。こちらはテキストを入...
GAS(GoogleAppsScript) 【GAS】指定した列を別のシートに転記するスクリプト
指定した列のデータを別のシートに転記してみます。指定した列のデータのみを別のシートに転記する以下のGASコードは、指定した列のデータのみを別のシートに転記するスクリプトです。function copyColumnToAnotherSheet...
WordPress(ワードプレス) Contact Form7で送信があった時にGoogle Apps Scriptを使用してLine Notifyで通知を受け取る-Part1
WordPressのContact Form7プラグインで送信があった際に、LINEに通知を受け取る方法です。LINE Notifyのアカウントを作成するまずは、LINE Notifyのアカウントを作成します。LINE NotifyはLIN...
GAS(GoogleAppsScript) 【GAS】フォーム（テキストボックス）のデータをスプレッドシートと同期するWEBアプリケーションを作成する-Part3
前回の続きです。index.html側からデータを渡すところまで進めました。次は、index.html側からデータを受け取ってみたいと思います。前回のまとめコード.gsconst spreadsheet = SpreadsheetApp.g...
JavaScript(ジャバスクリプト) 【JavaScript】data-url:を動的に書き換える方法
JavaScriptを使ってdata-url:を書き換えてみます。data-url:とはdata-url:は、データのURLを表すプレフィックスです。data-url:を使用することで、外部ファイルを参照せずにHTML内にデータを直接埋め込...
GAS(GoogleAppsScript) 【GAS】毎月の請求書を自動作成してPDF化する（自動送信もしたい）Part3
前回の続きです。PDFをスクリプトを実行して請求書の中身を自動変更することができました。今回は、この請求書をトリガーをかけて自動実行させていきます。前回の復習リストの一覧から、請求書を手動でフォーマットに合わせて作成できるようなスクリプトを...
GAS(GoogleAppsScript) 【GAS】特定の列で空白セルが見つかったらその行にデータを書き込む
Google Apps Script（GAS）を使用して、Google Sheetsの特定の列で空白セルが見つかった場合に、その行にデータを書き込む方法について説明します。以前、「シート内のチェックが入った行を別シートに転記したい」という話...
GAS(GoogleAppsScript) 【GAS】列内の最初の空白セルを見つけるスクリプト
特定の列内で、上から順番に検索していき最初の空白セルが何行目か？を見つけるスクリプトを作ってみます。特定の列で最初の空白セルの行番号を取得する以下のコードを使用することで、特定の列で最初の空白セルの行番号を取得できます。まずは、下記のような...
GAS(GoogleAppsScript) 【GAS】更新があったファイルをフォルダ内を検索して取得する
フォルダ内からファイルの作成日時情報を取得して、直近で更新があったファイルを取得します。getDateCreated()getDateCreatedメソッドを使うことで、ファイルの作成日を取得できます。const folderId = "X...
GoogleSpreadsheet(スプレッドシート) 【CLEAN関数】セル内の改行を削除する便利関数（スプレッドシート）
CLEAN関数は、Googleスプレッドシートで使用されるテキスト関数の一つである。この関数を使用することで、テキスト文字列から非印字文字を除去することができます。CLEAN関数とは？印刷不可能な ASCII 文字を削除したテキストを返しま...
GAS(GoogleAppsScript) 【GAS】チェックが入ったら別のシートに転記するスクリプトを作りたい｜getValues
例えば、Aのリストにチェックリストがあり、チェックを入れた行を別のシートの末尾に転記したい…といったプログラムを作ってみます。行のデータを別のシートにコピーするGoogle Apps Script（GAS）を使用して、特定の条件が満たされた...
生成AI(エーアイ) Stable Diffusion（ステーブル・ディフュージョン）とは？画像AI生成サービスについて
Stable Diffusion（ステーブル・ディフュージョン）とはStable Diffusion Web（ステーブル・ディフュージョン）はテキストから画像を生成するAI画像生成サービスであり、無料で利用可能です。テキストを入力するだけで...
GAS(GoogleAppsScript) 【GAS】トリガーの実行時間を指定した時間に正確に実行させる方法
GASを使っていて課題になる悩みのひとつが「毎日10:30に○○を実行する」とさせたい時に、時間がアバウトにしか設定できないようになっていることです。こちらを正確な時間にセットできるようにスクリプトを作成してみます。ScriptApp.ne...
JavaScript(ジャバスクリプト) submit（送信）ボタンをクリックしたときに別のページにリダイレクトする
submit（送信）ボタンをクリックしたときに、別のページにリダイレクトする方法についてご紹介します。送信ボタンを押した時に別ページにリダイレクトさせるHTMLとJavaScriptを使用して、以下のようなコードを書くことで別ページにリダイ...
生成AI(エーアイ) Midjourney（ミッドジャーニー）とは？画像AI生成サービスについて
Midjourney（ミッドジャーニー）とはMidjourney（ミッドジャーニー）は、AIによる画像生成を行う自動画像生成ツールです。独立した研究所であるMidjourneyが開発し、新しい思考媒体を探求し、人類の想像力を拡大することを目...
GAS(GoogleAppsScript) 【GAS】月初日と月末日を取得する｜getMonth()
例えば、請求書などで「月初日」や「月末日」を取得してセットしたい、という場合もあるかと思います。そのような時にそれぞれの値を取得する方法です。月末日を求める以下のコードを使用することで、現在の月の月末を求めることができます。function...
GoogleSearchConsole(サーチコンソール) Googleサーチコンソールとは？SEO対策に必須のGoogleサービス
Googleサーチコンソールとは？Googleサーチコンソールとは、Googleが提供するWebサイトの検索エンジン最適化（SEO）ツールの一つで、WebマスターがWebサイトのSEOに役立つ情報を提供するサービスです。サーチコンソールヘル...
生成AI(エーアイ) 【OpenAI】Whisper APIの使い方
Whisper APIは、音声をテキストに変換するAPIです。このAPIを使用することで、音声認識を行ったり、音声を文字化して分析することができます。APIの利用方法Whisper APIを利用するには、以下の手順が必要です。Whisper...
Landing Page（ランディングページ） ランディングページ（LP）のサンプルコード
ランディングページの見栄えはデザインによって異なりますが、以下のような基本的なHTMLとCSSのサンプルコードを紹介します。ランディングページ（LP）のサンプルコードこのコードは、簡単な構造を持つランディングページの例です。<!DOCTYP...
WordPress(ワードプレス) WordPressにあいまい検索を導入する【Googleカスタム検索エンジン】
WordPressには、便利な「サイト内検索機能」が標準搭載されています。しかし、WordPressのデフォルトの検索機能は、完全一致の検索を行いますので、あいまい検索だと結果が出ないという問題があります。曖昧検索を行いたい場合は、「Goo...
JavaScript(ジャバスクリプト) 【GAS】JavaScriptからGASのdoPost関数にデータを送信するには？
doPost関数にデータを送信するJavaScriptからGASのdoPost関数にデータを送信するには、XMLHttpRequestオブジェクトを使用してPOSTリクエストを送信します。以下は、JavaScriptでPOSTリクエストを送...
JavaScript(ジャバスクリプト) JavaScriptでiframeの幅と高さを画面サイズ（ウィンドウ幅）に合わせて自動調整するスクリプトの作り方
iframeを使うと、別のサイトやページを埋め込むことができ、自分のWebページに他のコンテンツを追加することができます。そこで、JavaScriptを使用してiframeの幅を画面サイズに合わせて調整する方法を紹介します。前回は「幅」を自...
