JavaScript(ジャバスクリプト) 【JavaScript】ボタンをクリックしたときに現在のパラメータを次のページに渡す
ボタンをクリックしたときに、現在のページのパラメータを次のページに渡したい。現在のページのパラメータを次のページに渡したい例えば、次のようなパラメータがあったとします。このページを開いたときに、次のページにパラメータを渡したい…。例えば、次...
2023
JavaScript(ジャバスクリプト) 
WordPress(ワードプレス) 【WordPress】Contact Form 7でファイル添付機能を追加する方法
Contact Form 7 で画像ファイルを添付する機能を追加するためにはいくつかの手順を実行する必要があります。以下に、Contact Form 7に画像ファイル添付機能を追加する方法を示します。添付ファイルフィールドの追加フォームのテ...
GAS(GoogleAppsScript) 【GAS】LINE Notifyで画像を添付して送信する方法
Google Apps Scriptを使用して、LINE Notifyに画像を添付して送信してみます。LINE Notifyに画像を添付して送信するまずは、LINE Notifyを登録して、トークンを発行します。このあたりは過去に何度も書い...
VPS（Virtual Private Server） 【VPS】Let’s Encryptの証明書について｜Certbotインストール
VPSにSSL証明書をインストールする手順は次のとおりです。VPS上にApache、Nginx、または他のWebサーバーをインストールした後の流れです。SSL証明書を取得するまず、SSL証明書を取得する必要があります。証明書は、信頼できる認...
GoogleSpreadsheet(スプレッドシート) 単精度浮動小数点(有効桁数15桁)【スプレッドシート】
有効桁数15桁…？単精度浮動小数点は、スプレッドシートの数値型の一つで、15桁の有効桁数を持ちます。これは、数値の精度が十分である場合には十分ですが、非常に大きな数や小さな数を扱う場合には、精度が低下する可能性があります。スプレッドシートで...
CSS(シー・エス・エス) 【CSS】取り消し線の色を変更するには？
text-decorationとは？text-decorationは、CSSのプロパティの一つであり、テキストの装飾や線の追加に使用されます。このプロパティは、テキストに下線、上線、取り消し線、およびその他の線を追加するために利用されます。...
JavaScript(ジャバスクリプト) 【JavaScript】画面をスクロールしたら画像をふわっと表示する
画面スクロールイベントが発生したら特定の要素にクラスを追加して、スクロールしたら画像をふわっと表示させる方法です。scrollイベントを取得このコードは、特定のクラス名（ここでは 'wp-block-image'）が付いたすべての要素を取得...
Web(ウェブ技術関連) 【TCP/IPプロトコル】代表的なポート番号とその種類について
TCP/IPプロトコルのポート番号とはポート番号は、TCP/IPプロトコルにおいて、特定のアプリケーションやサービスに割り当てられた識別番号のことを指します。TCP/IPプロトコルは、インターネット上で情報をやり取りするために広く使用されて...
Web(ウェブ技術関連) ポート番号443番のポートとは？HTTPS通信について
ポート番号443とは？ポート番号443は、TCP/IPプロトコルのポート番号の一つであり、SSLやTLSによって保護された通信に使用されます。通常、WebブラウザからWebサイトにアクセスする際には、ポート番号80番が使用されますが、セキュ...
JavaScript(ジャバスクリプト) 【JavaScript】端末がダークモードの時にダイアログやポップアップウィンドウで通知する方法
ダークモードでデザインが暗くなる端末がダークモードの時に、CSSによってデザインが見づらい状態・・・になってしまう場合があります。デザインによっては、ダークモードが動くと見づらくなる場合があるかもしれません。この場合に、何かしらアナウンスや...
JavaScript(ジャバスクリプト) 【JavaScript】li要素全体をクリックしてリンク先にジャンプさせる
li要素全体をクリックしてリンクしたい例えば下記のようなHTMLリスト（目次）があったとして、このli要素はリンクにならず、a要素がリンクとなります。<div class="toc-content"> <ol class="toc-list...
WordPress(ワードプレス) functions.phpを修正せずWordPressにコード追加できる便利プラグイン「WPCode」
「WPCode」プラグインとは？「WPCode – ヘッダーとフッターの挿入 + カスタムコードスニペット – WordPress コードマネージャー」は、WordPressのプラグインの1つであり、簡単にヘッダーとフッターにカスタムコード...
JavaScript(ジャバスクリプト) 【JavaScript】特定のクラス名を指定して変数に格納する｜querySelector・querySelectorAll
querySelectorメソッド特定のクラス名を指定するには、documentオブジェクトのquerySelectorメソッドやquerySelectorAllメソッドに、ドット（.）を使ってクラス名を指定します。具体的には、以下のように...
JavaScript(ジャバスクリプト) 【JavaScript】ビルトインオブジェクトとは？JavaScriptの実行環境オブジェクト
ビルトインオブジェクトとは？ビルトインオブジェクトとは、JavaScriptの実行環境に最初から用意されているオブジェクトのことを指します。ビルトインオブジェクトには、以下のようなものがあります。ObjectオブジェクトArrayオブジェク...
GAS(GoogleAppsScript) 【GAS】if文の基本について｜特定の条件が満たされた場合に実行するスクリプト
if文の基本｜if (条件式)if文は、特定の条件が満たされた場合に、あるステートメント（コードの塊）を実行するために使用されます。if文は、プログラムの制御フローを変更するために重要な役割を果たします。基本的なif文の構文は以下の通りです...
GAS(GoogleAppsScript) 【GAS】for文（ループ）反復処理プログラムの基本的な使い方について
GASでは、for文を使用して反復処理を行うことができます。for文は、指定した条件が満たされている間、一連のステートメント（コードの塊）を繰り返し実行するために使用されます。for文の一般的な構文｜for (初期化式; 条件式; 更新式)...
jQuery（ジェイクエリ） 【jQuery】JavaScriptを使用して、フォームの入力内容を確認する
jQueryでフォームの入力内容を確認するJavaScriptを使用して、フォームの入力内容を確認する方法はいくつかありますが、jQueryを使用すると簡単に実装できます。以下は、フォームが送信される前にフォームの入力内容を確認するためのj...
JavaScript(ジャバスクリプト) 【JavaScript】フォームの入力内容を確かめる｜制御構文・正規表現・例外処理を使った処理
JavaScriptを使用して、フォームの入力内容を確認する方法について説明します。制御構文（入力欄が空欄かどうか）まず、制御構文を使用して、入力された値が適切かどうかを確認します。以下は、例として、フォームの入力欄が空欄でないことを確認す...
WordPress(ワードプレス) 【ContactForm7】非表示の値を渡して送信する｜hidden（隠し入力項目）
hiddenで値を送信するContactFormに非表示の入力項目を用意したいと思ったときは、フォームタグタイプhiddenが使えます。例えば、下記のように指定します。[hidden testId01 default:'テスト1'][hid...
JavaScript(ジャバスクリプト) 【JavaScript】オブジェクト・プロパティ・メソッドについて
オブジェクトとはJavaScriptにおけるオブジェクトは、キーと値のペアの集合で構成されます。キーは文字列であり、値には任意のデータ型を使用できます。オブジェクトは、波括弧 {} 内にキーと値をカンマで区切って定義します。例えば、以下のよ...
WordPress(ワードプレス) 【WordPress】Salon Booking Systemの使い方｜美容室・サロンなどにおすすめの予約システムプラグイン
Salon Booking Systemは、予約管理のためのWordPressプラグインです。このプラグインをインストールすることで、WordPressウェブサイト上での予約受付が可能となります。「美容師」「理髪店」「美容院」「スパ」「機械...
Web(ウェブ技術関連) 「リバースプロキシ」とは？プロキシサーバーとリバースプロキシについて
「リバースプロキシ」とは？「リバースプロキシ」とは、Webサーバーの前に設置され、外部からのアクセスを代理で受け取り、内部のサーバーに振り分ける役割を持つサーバーのことを指します。いわばサーバー側に置かれた仲介者であり、外部からのアクセスを...
JavaScript(ジャバスクリプト) JavaScriptの即時関数（IIFE）とは？
即時関数(IIFE: Immediately Invoked Function Expression)とは？JavaScriptの即時関数(IIFE: Immediately Invoked Function Expression)は、関数...
GoogleSpreadsheet(スプレッドシート) 【Googleスプレッドシート】COUNTIFS関数の基本と使い方について
COUNTIFS関数とは？countifs関数は、複数の条件を指定してデータを抽出する際に非常に便利な関数です。COUNTIFS関数の構文は、以下の通りです。=COUNTIFS(範囲1, 条件1, 範囲2, 条件2, ...)この関数には、...
JavaScript(ジャバスクリプト) 【JavaScript】コメントアウトとは？実行を無視する機能について
コメントアウトとは？JavaScriptにおいてコメントアウトとは、プログラムの中で人間が読みやすくするために、実行時には無視されるようにする機能ことです。コメントアウトは、プログラムに対するメモや付属事項を書いたり、コードの一部を一時的に...
JavaScript(ジャバスクリプト) 【Cookie】ECサイトでカート情報をCookieに保存するためのJavaScriptコードサンプル例
セッションとCookieは、Webサイトにアクセスするユーザー情報を保持するための方法です。今回は、前回のCookie例のひとつで「カート情報の保持」について見ていきます。 カート情報の保持（Cookie）ECサイトの場合、ユーザーがカート...
JavaScript(ジャバスクリプト) Session（セッション）とCookieの違いについて【JavaScript】
Session（セッション）ととCookieは、Webサイトにアクセスするユーザー情報を保持するための方法です。以下のような違いがあります。保持する情報の種類Cookieは、ユーザーのブラウザに保存される小さなテキストファイルで、主にユーザ...
JavaScript(ジャバスクリプト) 【JavaScript】Cookieを使ってWEBページへの再訪問時の実行を制御する
Cookieを使って再訪問時の実行を制御するこのコードは、Cookieを使って、例えば２回目の訪問ユーザーにポップアップ広告を制御するといった場合のひとつの方法です。Cookieを使用して、ユーザーが最後にポップアップを閉じた時間を追跡し、...
JavaScript(ジャバスクリプト) 【JavaScript】ブラウザーキャッシュでWEBページへ再訪問時の実行を制御する
再訪問時の実行を制御するこのコードは、ブラウザーキャッシュを使用して、例えば２回目の訪問ユーザーにポップアップ広告を制御するといった場合のひとつの方法です。ポップアップが表示された時間を保存するために、ブラウザーキャッシュ内に "popup...
JavaScript(ジャバスクリプト) 【JavaScript】２回目の訪問ユーザーにポップアップなどを表示させないようにする（local storage）
ポップアップを制御する（popup_cache）このコードは、local storage（ローカルストレージ）を使用して２回目の訪問ユーザーにポップアップ広告を制御するためのひとつの方法です。ポップアップが表示された時間を保存するために、ロ...
