Firebase(ファイアベース) 【PWA】Firebaseを使ってスマホのトークンを取得してプッシュ通知を送る仕組みを作成する（Part3）
Firebaseを使用してスマートフォンのトークンを取得し、PWAでプッシュ通知を送るシステムを構築してみます。前回の続きです。エラー発生？前回のコードのままだと、何かエラーが発生して、うまくトークンが取得できないようなので、内容を変更して...
Firebase(ファイアベース) 
Firebase(ファイアベース) 【PWA】Firebaseを使ってスマホのトークンを取得してプッシュ通知を送る仕組みを作成する（Part2）
Firebaseを使用してスマートフォンのトークンを取得し、PWAでプッシュ通知を送るシステムを構築してみます。前回の続きです。Firebase SDKの設定まずは、以下のステップを行います。Firebaseプロジェクトを作成し、アプリを登...
Firebase(ファイアベース) 【PWA】Firebaseを使ってスマホのトークンを取得してプッシュ通知を送る仕組みを作成する（Part1）
Firebaseを使用してスマートフォンのトークンを取得し、Progressive Web Apps (PWA)でプッシュ通知を送るシステムを構築する流れです。Firebaseプロジェクトの設定Firebaseの公式ウェブサイトにアクセスし...
生成AI(エーアイ) 【GPTs】VoxScriptとは？YouTubeの動画を要約するためのAIツール
VoxScriptはGPTsでYouTubeの動画を要約するためのツールです。YouTube動画の選択YouTube動画の選択：まず、要約したいYouTube動画を見つけます。動画のURLをコピー：動画のページからURLをコピーします。Vo...
Googleアナリティクス(GA4) 【GA4】Google tagのタグについて（Google Analyticsの設定）
このコードは、Googleのアナリティクスをウェブページに組み込むためのスクリプトです。ウェブサイトの訪問者の行動を追跡し、分析するために使用されます。<!-- Google tag (gtag.js) --><script async s...
AppSheet（アップシート） 【AppSheet】顧客管理アプリを作成する（Part1）
AppSheetを使用して顧客管理アプリを作成するには、以下のステップに従ってください。このプロセスは、AppSheetの直感的なインターフェイスとパワフルな機能を活用して、カスタマイズ可能な顧客管理システムを構築します。サンプルデータの準...
GoogleSpreadsheet(スプレッドシート) 【スプレッドシート】RAND関数とは？使い方について
RAND関数とは？スプレッドシートでのRAND関数は、0以上1未満のランダムな実数を生成します。この関数はパラメータを必要とせず、=RAND()という形でセルに入力するだけで、ランダムな値を得られます。=RAND()この機能は、シミュレーシ...
GIMP(ギンプ) 【GIMP】チャンネルの基本と仕組みについて
GIMPでの「チャンネル」とは、画像の特定の色情報を保持するコンテナのことを指します。画像を構成する基本的な色（赤、緑、青のRGB色空間）はそれぞれ独立したチャンネルとして扱われます。これにより、GIMPでは画像の色を細かく制御し、編集する...
Web(ウェブ技術関連) CPRA（California Privacy Rights Act）とは？
カリフォルニア州プライバシー権利法（CPRA）カリフォルニア州プライバシー権利法（CPRA）（California Privacy Rights Act）は、カリフォルニア消費者プライバシー法（CCPA）の規定を拡張し、カリフォルニア州民に...
Domain(ドメイン) ネームサーバーとは？基本的な役割と種類について
ネームサーバーは、インターネットの日常的な使用において見えないところで重要な役割を果たしています。ユーザーがスムーズにウェブサイトにアクセスできるのは、この効率的なドメイン名解決システムのおかげです。ネームサーバーとは？ネームサーバーは、イ...
Marketing(マーケティング) モンティ・ホール問題とは？数学と確率論の分野において議論を巻き起こした問題
モンティ・ホール問題は数学と確率論の分野において有名で議論を巻き起こした問題の一つです。この問題はアメリカのテレビゲームショー「Let's Make a Deal」にちなんで名付けられ、そのショーのホストであるモンティ・ホールに由来していま...
Firebase(ファイアベース) Firebaseを使用して端末にプッシュ通知を送信する（Part1）
Firebaseプロジェクトを設定するFirebaseのウェブサイトにアクセスし、新しいプロジェクトを作成します。作成したプロジェクトにアプリを追加します。iOS、Android、Webアプリのいずれかを選択できます。必要に応じて、Fire...
Python(パイソン) Pythonとmoviepyで動画を簡単結合！（moviepy）
Pythonで動画を結合する方法を、Pythonのインストールから順に説明します。Pythonのインストール公式ウェブサイト(python.org)にアクセスします。自分のOSに合わせたインストーラーをダウンロードし、指示に従ってインストー...
PWA（プログレッシブウェブアプリ） PWA（Progressive Web Apps）とは？特徴やメリットについて解説
PWA（Progressive Web Apps）とは？PWA（Progressive Web Apps）は、ウェブ技術を利用して作成されるアプリケーションの一種で、従来のウェブページよりも高度な機能とユーザー体験を提供します。以下にその特...
JavaScript(ジャバスクリプト) 【for…of文】JavaScriptの繰り返し処理について
JavaScriptのfor...of文を使用した様々なパターンの具体的な例を示します。この文は、配列やマップ、セットなどの反復可能オブジェクトの各要素に対して繰り返しを行うのに適しています。配列の要素を反復処理するlet fruits =...
WordPress(ワードプレス) 【WordPress】Contact Form 7 で選択した金額の計算をJavaScriptで実装する手順
WordPressでContact Form 7を使って金額を計算し、その情報を処理するための手順です。プランやオプションを含めた注文金額の計算をJavaScriptで実装する方法を示します。完成形の説明フォーム: Contact Form...
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）によって開発された、ユーザーインターフェースを構築するためのJavaS...
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 W...
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サービスにデータを送...
GoogleSpreadsheet(スプレッドシート) 【スプレッドシート】stringValue={abc} abcの中身だけ取り出したい
Google スプレッドシートで、下記のようなテキストの中から abc の中身だけを取り出したい場合の方法です。stringValue={abc}取り出せますか？関数を使って取り出せます。FIND 関数と MID 関数を組み合わせるFIND...
WordPress(ワードプレス) 【WordPress】会員制サイトを作る時の考え方（会員サイト構築編）
会員サイトは、特定のコンテンツやサービスを会員限定で提供するウェブサイトです。このモデルは、定期的な価値を生み出し、熱心なコミュニティを形成することが可能です。ordPressはその柔軟性と拡張性から、会員サイトを作るのにも適したプラットフ...
Web(ウェブ技術関連) mBaaS（モバイル バックエンド サービス）とは？主な特徴や機能について
mBaaS（モバイル バックエンド サービス）とはmBaaS（モバイル バックエンド サービス）は、モバイルアプリケーションの開発者が、サーバーサイドの機能やリソースをクラウド上で提供し、簡単に利用できるようにするサービスです。mBaaSは...
JavaScript(ジャバスクリプト) mapとは？JavaScriptの配列オブジェクトについて
mapメソッドとは？map は、JavaScriptの配列オブジェクトが提供するメソッドの一つです。map メソッドは、配列内の各要素に対して指定した関数を実行し、その結果を新しい配列として返します。元の配列は変更されず、新しい配列が生成さ...
JavaScript(ジャバスクリプト) 【JavaScript】forEachメソッドとは？基本と使い方について
forEachメソッドとは？forEachは、JavaScriptで配列を繰り返し処理するためのメソッドです。与えられた関数を配列の各要素に対して一度ずつ呼び出します。ここで、提供されたコードでは、dataという配列の各要素に対してforE...
