2024年– date –

Google Apps Script（GAS）は、Googleが提供するスクリプト開発環境です。GASを使用すると、Google Workspace（旧称：G Suite）の各種サービス（Gmailやスプレッドシー...

EC-CUBE 4のカスタマイズに際し、筆者が遭遇したエラーとその対処法について記録を残しています。（随時更新中）同じようなエラーに遭遇したときの参考になれば幸いです...

本記事では、 Googleフォーム送信時に 「任意のスプレッドシートのセル」または「任意のスライドのシェイプ（テキストボックスなど）」に フォームの回答を自動転記する...

本記事では、 スプレッドシートの各セルに入力された値を スライドのテキストボックスやテーブルのセルに ワンクリックで自動転記する 方法を、実例（スプレッドシート...

本記事では、 特定の受信メールに記載された内容の一部を スプレッドシートの各セルに ワンクリックで転記する 方法を、実例（メールでの注文を受けた際、その内容を項...

本記事では、スプレッドシートのセルに入力した内容を元に、ボタンクリックでメール下書きを自動生成する方法を紹介します。 このようなメール下書き自動生成ツールを作...

特定の消費税率を設定した商品の詳細ページ（detail.twig）のみに、共通のテキストやアイコンを表示するには？本記事では、「8%」の軽減税率を設定した商品ページに以下...

アコーディオンUIを採用した、よくある質問（FAQ）ページの作成・続編です。 実装までの手順 『１』新規ページ（よくある質問ページ）を作成する（別記事 1ページ目） ...

ECサイトなどで見かける「よくある質問（FAQ）ページ」を実装してみたので、本記事にて実装までの手順を公開します。 実装後の画面（動画） よくある質問（FAQ）ページ...

PCやスマホの画面上で、手軽に抽選会を行えるツールを作成しました。気軽にご利用ください。（当サイトでは広告が表示されますが、抽選会実施中に広告が表示されること...

本記事では、以下のような効果音やBGMを実装する方法を紹介します。 効果音（ボタン） 効果音(1) 効果音(2) 効果音(3) BGM 再生 停止 最初から 音量: 本記事で使用して...

割り勘の自動計算ツール（無料）です。合計金額と人数を入力するだけで、一人当たりの支払い（受取り）金額や、立て替えを加味した複雑な計算を自動で行います。 支払金...

YouTubeに初めて動画を投稿したい方向け！動画投稿用のチャンネルを新規作成＆カスタマイズの手順を纏めました！（操作環境はPCです） 【STEP 1】Googleアカウントにロ...

本記事では、以下のようなプログレスバーを作る方法を紹介します。 不定型プログレスバー（indeterminate） 決定型プログレスバー（determinate） Task 1 Task 2 Task 3...

本記事では、以下のようなローディングアイコンを作る方法（CSS）と、ページの読み込みが完了するまでローディングアイコンを表示する方法（JavaScript）を紹介します。...

本記事では、以下のように画像がズームインしつつ、一定時間で別の画像に切り替わっていく実装方法をご紹介しています。 HTML / CSS / JavaScript コード HTMLCSSJavaSc...

とある数値（合計）を、指定した比（2つ / 3つ / 4つ）で分割計算する無料のWebアプリです。※100を「2:3」に分割したい →「40:60」のように自動で計算できます。 2つの...

本記事では、以下のような「よくある質問集」の実装方法をコード付きで紹介しています。 よくある質問_その1 よくある質問_その1の答え よくある質問_その2 よくある質...

本記事では、以下のようなモーダルウィンドウを使った「お知らせ表示」の実装方法を、HTML / CSS / JavaScriptのコード付きで紹介します。 お知らせ 1 お知らせ 2 お知...

特定のタグが付いた商品の詳細ページ上部（商品名の上）に、共通のテキストやアイコンを表示するには？ 本記事では、以下のように「おすすめ商品」タグが付いた商品の詳...