JavaScript(ジャバスクリプト) 【for…of文】JavaScriptの繰り返し処理について
JavaScriptのfor...of文を使用した様々なパターンの具体的な例を示します。この文は、配列やマップ、セットなどの反復可能オブジェクトの各要素に対して繰り返しを行うのに適しています。 配列の要素を反復処理する let fruits...
2024-01
JavaScript(ジャバスクリプト) 
WordPress(ワードプレス) 【WordPress】Contact Form 7 で選択した金額の計算をJavaScriptで実装する手順
WordPressでContact Form 7を使って金額を計算し、その情報を処理するための手順です。プランやオプションを含めた注文金額の計算をJavaScriptで実装する方法を示します。 完成形の説明 フォーム: Contact Fo...
JavaScript(ジャバスクリプト) 【for-inループ】オブジェクトのプロパティを反復処理する
JavaScriptのfor-inループを使用すると、オブジェクトの各プロパティを反復処理し、それぞれのキーと値を出力することができます。 for (let key in object) for (let key in object) { ...
JavaScript(ジャバスクリプト) for文とは？コードブロックを繰り返し実行するためのループ処理について
JavaScriptのfor文は、指定された条件が偽になるまで、コードブロックを繰り返し実行するためのループです。主に、以下のように3つの部分に分かれています。 初期化式 初期化式 - ループが始まる前に一度だけ実行されます。通常、ループカ...
react React(リアクト) とは？使用する主なステップと流れについて
ReactはJavaScriptのライブラリで、ユーザーインターフェイスを構築するために使用されます。 React(リアクト)とは ReactはMeta（旧Facebook）によって開発された、ユーザーインターフェースを構築するためのJav...
Windows(ウィンドウズ) 【Windows】Fnキーが無いキーボードで音量をショートカットで調整する便利な方法
Fnキーがないキーボードで音量をショートカットで調整する方法です。 ショートカットを作成する まずは、デスクトップに音量のショートカットアイコンを作成します。 %windir%\System32\SndVol.exe -f 49825268...
PWA（プログレッシブウェブアプリ） 【PWA】ボタンをクリックしてプッシュ通知を送り画像を添付する方法
Web Push通知を実装するために、Progressive Web App（PWA）にプッシュ通知・Web Push機能を組み込んでみます。 プッシュ通知の権限をリクエスト（Notification.requestPermission） ...
PWA（プログレッシブウェブアプリ） 【PWA】Web Push APIを使用してブラウザに通知を送信する
プッシュ通知を送信するには、Web Push APIを使用してブラウザに通知を送信します。以下は、プッシュ通知を送信するJavaScriptのサンプルコードです。※プッシュ通知を送信するにはサーバーサイドの実装も必要です。 Service ...
Instagram(インスタグラム) 【Instagram】インスタライブ（ライブ動画）でアーカイブを残す方法
インスタライブ（ライブ動画）のアーカイブを残す方法です。 インスタグラムアプリを開く インスタグラムアプリを開く: スマートフォンやタブレットでインスタグラムアプリを開きます。 プロフィールに移動する プロフィールに移動する: 右下のプロフ...
PWA（プログレッシブウェブアプリ） 【PWA】プッシュ通知の権限をアナウンスする画面を表示したい（JavaScript）
Notification API を使用 プッシュ通知の権限をアナウンスする画面を表示するためには、JavaScriptとブラウザの Notification API を使用します。 リクエストする簡単な例 以下は、購読するボタンが押された...
Firebase(ファイアベース) Firebaseのpayload（ペイロード）とは？Cloud Firestoreにデータを書き込む際のpayload
Firebaseのpayload（ペイロード）とは Firebaseの「payload（ペイロード）」は、通常、Firebase Realtime DatabaseまたはCloud FirestoreなどのFirebaseサービスにデータを...
Googleスプレッドシート 【スプレッドシート】stringValue={abc} abcの中身だけ取り出したい
Google スプレッドシートで、下記のようなテキストの中から abc の中身だけを取り出したい場合の方法です。 stringValue={abc} 取り出せますか？ 関数を使って取り出せます。 FIND 関数と MID 関数を組み合わせる...
WordPress(ワードプレス) 【WordPress】会員制サイトを作る時の考え方（会員サイト構築編）
会員サイトは、特定のコンテンツやサービスを会員限定で提供するウェブサイトです。このモデルは、定期的な価値を生み出し、熱心なコミュニティを形成することが可能です。ordPressはその柔軟性と拡張性から、会員サイトを作るのにも適したプラットフ...
Web(ウェブ技術関連) mBaaS（モバイル バックエンド サービス）とは？主な特徴や機能について
mBaaS（モバイル バックエンド サービス）とは mBaaS（モバイル バックエンド サービス）は、モバイルアプリケーションの開発者が、サーバーサイドの機能やリソースをクラウド上で提供し、簡単に利用できるようにするサービスです。 mBaa...
JavaScript(ジャバスクリプト) mapとは？JavaScriptの配列オブジェクトについて
mapメソッドとは？ map は、JavaScriptの配列オブジェクトが提供するメソッドの一つです。map メソッドは、配列内の各要素に対して指定した関数を実行し、その結果を新しい配列として返します。元の配列は変更されず、新しい配列が生成...
JavaScript(ジャバスクリプト) 【JavaScript】forEachメソッドとは？基本と使い方について
forEachメソッドとは？ forEachは、JavaScriptで配列を繰り返し処理するためのメソッドです。与えられた関数を配列の各要素に対して一度ずつ呼び出します。ここで、提供されたコードでは、dataという配列の各要素に対してfor...
GAS(GoogleAppsScript) 【GAS】Firebaseのデータを取得してスプレッドシートに書き込む（Part2）
Google Apps Script（GAS）を使用してFirebaseからデータを取得し、それをスプレッドシートに書き込みます。前回のつづきです。 だんだん難しくなってきましたね。 大丈夫です、順番に進めていきましょう。 Cloud Fi...
GAS(GoogleAppsScript) 【GAS】Firebaseのデータを取得してスプレッドシートに書き込む（Part1）
Google Apps Script（GAS）を使用してFirebaseからデータを取得し、それをスプレッドシートに書き込みます。以下は、基本的な例です。 Google Apps Scriptプロジェクトの作成: Google ドライブで新...
WordPress(ワードプレス) 【WordPress】会話風の吹き出しを表示できるLIQUID SPEECH BALLOON プラグインの使い方
IQUID SPEECH BALLOON プラグインを使うと、ページやブログに会話風の吹き出しを作ることができます。 吹き出し風のブロックを作りたいです！ 作ってみましょう！ LIQUID SPEECH BALLOON の使い方 WordP...
GAS(GoogleAppsScript) 【GAS】Googleスプレッドシートに予定一覧を作成しics（iCalendar形式）形式でGoogleカレンダーにエクスポートする
Googleスプレッドシートから直接ICS形式でエクスポートする機能がデフォルトでは提供されていません。代わりに、Google Apps Scriptを使用してスプレッドシートからiCalendar形式を作成して、カレンダーにイベントを追加...
Googleスプレッドシート 【Googleスプレッドシート】ファイルを開く時にパスワードを設定する方法（Part2）
前回の続きです。 残念ながら、Google スプレッドシートにファイルを開く際に直接パスワードを設定する機能がありません。そこで、他の方法を考えてみます。 パスワードを設定したWEBページに埋め込む 前回、こちらの公開したスプレッドシートを...
JavaScript(ジャバスクリプト) 【JavaScript】CSSで特定の文字が入った段落を非表示にしたい
特定の文字が入った段落を非表示にしたい 段落を非表示にするにはCSSのセレクタで可能ですが、クラス名や指定する場所が決まっていない場合に「特定の文字が入った段落を非表示にしたい」といった場合に困ったことになります。代替手段としてJavaSc...
Googleスプレッドシート 【Googleスプレッドシート】ファイルを開く時にパスワードを設定する方法（直接は無さそう）
Googleスプレッドシートにパスワード設定機能が無い？ Googleスプレッドシートでは、Excelのようなファイルにパスワードをかける機能が直接提供されていません。 しかし、代わりの方法を考えて、利用することができます。 Excelファ...
GAS(GoogleAppsScript) Google Apps Scriptを用いたプルダウンメニューの条件分岐例
プルダウンメニューの選択に応じて異なるアクションを実行します。この例では、選択されたオプションに応じて、別のセルにメッセージを表示します。 条件分岐スクリプトの作成 ここでは、選択されたオプションに応じて異なるアクションを実行するスクリプト...
PWA（プログレッシブウェブアプリ） Firebase Cloud Messagingを使用してPush通知を送信するための基本的な手順
Firebaseプロジェクトの作成と設定: Firebaseコンソールにアクセスし、新しいプロジェクトを作成します。 プロジェクトの設定で、Firebase Cloud Messaging（FCM）を有効にします。 Firebaseプロジェ...
JavaScript(ジャバスクリプト) JSONデータとは？種類や基本的なフォーマットについて
JSON（JavaScript Object Notation）は、軽量でデータ交換のためのテキストベースのデータ形式です。以下はJSONデータの基本的なフォーマットです。 オブジェクト（Object） JSONデータは、中括弧 {} で囲...
JavaScript(ジャバスクリプト) 【JavaScript】async 属性を付与して読み込み順番を変える
async属性を使用してスクリプトの読み込み順序を変更する例を示します。以下は、3つのスクリプトがあり、それぞれが異なる順序で非同期に読み込まれる例です。 async属性とは？ async 属性は、HTMLの<script>タグに使用される...
Googleスプレッドシート 【スプレッドシート】IFERROR 関数を使用してN/Aエラー時に「商品が見つかりません」と表示する
IFERROR 関数について Google スプレッドシートで IFERROR 関数を使用すると、指定された式がエラーを返す場合に、代わりに表示する値を定義できます。これは、特に VLOOKUP などのエラーを起こしやすい関数を使用する際に...
PWA（プログレッシブウェブアプリ） FirebaseでPWAのPush通知アプリを作る（Part1）
Firebaseを使用してPWA（プログレッシブWebアプリケーション）のPush通知アプリを作成する方法についての詳細な手順を以下に示します。これはPart1であり、Firebaseのセットアップと基本的なPWAの設定に焦点を当てます。以...
Gmail(Gメール) 【Gmail】便利な検索機能20個｜メールの整理や検索を効率的に行う方法
以下、それぞれGmailの便利な検索機能です。 キーワード検索 キーワード検索： メールの本文や件名に特定のキーワードが含まれている場合、検索ボックスにキーワードを入力して対応するメールを見つけることができます。 差出人指定 差出人指定： ...
