HTML(エイチティーエムエル) 【HTML】HTMLの属性とは？要素の性質を制御する機能について
HTMLの属性はHTML要素の追加情報を提供し、その振る舞いや表示を制御するために使われます。ここではよく使われるいくつかのHTML属性を一覧で紹介します。HTMLの属性とは？HTMLの属性は、HTML要素の振る舞いや表示を制御するために使...
EGUWEB
HTML(エイチティーエムエル) 
WordPress(ワードプレス) 【WordPress】Jetpackの購読フォームショートコードを使用する
Jetpackの購読フォームショートコードを使用するには、以下の手順を踏むことでWordPressサイトに購読フォームを簡単に追加することができます。Jetpackプラグインのインストールと有効化WordPressのダッシュボードから「プラ...
WordPress(ワードプレス) 【WordPress】PopupMakerプラグインを使用して画像をクリックするとメルマガ登録フォームが表示されるポップアップを作成する
PopupMakerプラグインを使用して、画像をクリックするとメルマガ登録フォームが表示されるポップアップを作成する方法です。PopupMakerのインストールと有効化WordPressのダッシュボードにログイン。「プラグイン」→「新規追加...
JavaScript(ジャバスクリプト) 【JavaScript】楽天市場の商品検索APIを利用して商品を表示する（Part1）
楽天が運営するRakuten Developersは、楽天市場などのサービスを利用する開発者向けのツールを提供するプラットフォームです。APIの利用には、まずRakuten Developersでのアプリ登録が必要です。ここでは、楽天市場の...
Google(グーグル) Google 日本語入力のインストール方法と便利な機能について
Google 日本語入力は、日本語のテキスト入力をサポートするための人気のある入力システムです。WindowsやMacにインストールして使用できます。以下に、インストール方法と便利な機能について説明します。インストール方法WindowsGo...
GoogleSpreadsheet(スプレッドシート) 【スプレッドシート】数式をそのままセルに表示したい場合の３つの方法
数式をそのままセルに表示したい場合の３つの方法です。アポストロフィ（シングルクォート）を付けるスプレッドシートで数式を関数のままセルに表示するには、数式の前にアポストロフィ（シングルクォート）を付けます。これにより、数式が文字列として扱われ...
GoogleForm(グーグルフォーム) 【Googleフォーム】フロントエンド環境とGoogleフォームを組み合わせてお問い合わせやアンケートフォームを作成する（Part2)
前回、Googleフォームを使ってHTMLだけでお問い合わせフォームや申込みフォームを作ることができました。ただし、このままだと送信後に画面がGoogleフォームの送信後の画面に変わってしまいますので、送信をした時に別の画面に切り替わるよう...
CSS(シー・エス・エス) 【CSS】:first-child 擬似クラスと ::after 擬似要素を組み合わせて使用する
:first-child 擬似クラスと ::after 擬似要素を組み合わせて使用することで、特定の要素の最初の子要素の後にコンテンツを追加することができます。例えば、リストの最初のアイテムの後に特別なテキストやアイコンを追加したい場合に便...
WordPress(ワードプレス) “Error establishing a database connection”（データベース接続の確立エラー）の原因について
"Error establishing a database connection"（データベース接続の確立エラー）は、ウェブサイトやアプリケーションがデータベースに接続できない場合に発生するエラーメッセージです。これはいくつかの問題によっ...
JavaScript(ジャバスクリプト) 【JavaScript】IndexedDBの基本と使い方について
IndexedDB はウェブブラウザで大量の構造化データをクライアントサイドに保存し、ネットワーク使用が無い場合でも高速にクエリできるようにする JavaScript の低レベル API です。以下に IndexedDB の基本的な使い方を...
GoogleSpreadsheet(スプレッドシート) 【スプレッドシート】RANK.EQ 関数で数値の順位を検索する
RANK.EQ関数はスプレッドシートで使用される関数で、指定された数値がデータセット内でどの位置にあるかを確認するのに役立ちます。この関数は、データの中から数値の順位を等級で返します。特に大量のデータを扱う際に便利です。RANK.EQ 関数...
GoogleSpreadsheet(スプレッドシート) 【スプレッドシート】SUMIFS関数の基本的な使い方
SUMIFS関数の構文=SUMIFS(合計範囲, 条件範囲1, 条件1, , ...)合計範囲: 合計するセル範囲。条件範囲1: 条件を適用するセル範囲。条件1: 条件1。条件範囲2, 条件2, ...: （オプション）追加の条件範囲と条件...
GoogleSpreadsheet(スプレッドシート) 【スプレッドシート】goQR.me APIを利用してQRコードを作成する｜QR Code Generator
goQR.me API（QR Code Generator）を利用すると、オンラインでQRコードを生成したり読み取ったりできます。このAPIでは、QRコードを作成することが可能です。GoQR.me APIの使い方GoQR.me APIを使用...
Finance(財務・経営) 損益分岐点の仕組みと計算方法の基本について
損益分岐点（そんえきぶんきてん、Break-even Point、BEP）とは、事業や製品の販売において、全体の費用（固定費と変動費の合計）と総収入が等しくなる点のことです。この点を超えると利益が出始め、未達の場合は損失が発生します。損益分...
CSS(シー・エス・エス) 【CSS】pre 要素を右端で折り返し（自動改行）する｜white-space: pre-wrap;
HTMLにおいて、pre 要素は、通常、その中のテキストを書かれた通りに表示します。これには空白や改行がそのまま反映されるという特性があります。しかし、pre 要素内での自動的な折り返し（自動改行）を実現するには、CSSを使用する必要があり...
CSS(シー・エス・エス) 【CSS】疑似要素 ::before と ::afterの重なりの順番とz-indexについて
CSSにおいて、疑似要素 ::before と ::after は、要素の内容の前後にコンテンツを追加するために使用されます。これらの疑似要素の重なり順序については、通常、次のようになります。疑似要素の重なり順序::before 疑似要素が...
GoogleAds Google広告のコンバージョン設定をする方法（コンバージョンアクション）
Google広告のコンバージョン設定は、広告キャンペーンの成果を正確に測定するための重要なプロセスです。ここでは、その概要と設定の手順について分かりやすく説明します。Google広告のコンバージョンとは？コンバージョンとは、広告をクリックし...
CSS(シー・エス・エス) 【CSS】:rootセレクタとは？スタイリング効率を向上させる便利な擬似クラス
今回はCSSの:rootセレクタを使用して、スタイリング効率を向上させる方法について紹介します。:rootセレクタとはCSSの:root擬似クラスは、文書ツリーの最上部に位置するルート要素を指定するために使用されます。HTMLの場合、このル...
WordPress(ワードプレス) 【WordPress】メニューに画像を設定する方法（HTMLタグ）
WordPressでメニューに画像を設定する方法です。WordPressでメニューに直接HTMLタグを使って画像を設定するには、コードを利用するか、プラグインを使用するのが一般的です。functions.php にカスタムフィルターを追加子...
GoogleAds Google タグマネージャー（GTM）を使用して Google 広告のタグを設定する
Google タグマネージャー（GTM）を使用して Google 広告のタグを設定する方法を分かりやすく解説します。このツールはHTMLに直接タグを埋め込む手間を省き、広告キャンペーンの効果を効率的にトラッキングできるように設計されています...
GAS(GoogleAppsScript) 【GAS】Googleフォームの送信上限を超えたら回答を自動的に締め切る
Googleフォームで回答の送信上限を超えた場合に自動で回答を締め切る方法を説明します。Google Apps Script（GAS）を使用して、フォームの回答数を監視し、設定した上限に達したらフォームを自動で締め切る処理を実装します。Go...
GoogleSpreadsheet(スプレッドシート) 【スプレッドシート】SUMIF関数の使い方｜特定の条件に一致する範囲内の値を合計する
SUMIF関数は、特定の条件に一致する範囲内の値を合計するために使用されます。この関数は、特にデータが多くて条件に基づいて特定の値を集計したい場合に便利です。SUMIF関数の基本構文SUMIF(範囲, 検索条件, [合計範囲])範囲: 条件...
PremierePro(プレミアプロ) 【PremierePro】「イーズイン・イーズアウト」とは？
「イーズイン・イーズアウト」とは、アニメーションやモーショングラフィックスにおいて使われる用語で、アニメーションの動きが始まるときと終わるときに、速度が徐々に加速または減速することを指します。これは、物体が動き始めるときや停止するときに見ら...
JavaScript(ジャバスクリプト) 【JavaScript】fetch APIとは？JavaScriptでリソースを非同期に取得するためのモダンなインターフェース
fetch APIとはfetch APIは、JavaScriptでリソースを非同期に取得するためのモダンなインターフェースです。XMLHttpRequestのような古い技術よりもシンプルで強力な方法を提供し、PromiseベースのAPIを介...
GoogleSpreadsheet(スプレッドシート) 【スプレッドシート】セル内からひらがな・（）などを探して削除する｜REGEXREPLACE関数
REGEXREPLACE関数とはREGEXREPLACE関数は、テキスト文字列内のテキストを正規表現を使用して検索し、置換する関数です。=REGEXREPLACE(テキスト, 正規表現, 置換)テキスト - 一部を置換する対象のテキスト正規...
GoogleSpreadsheet(スプレッドシート) 【スプレッドシート】セル内からひらがなを探して削除する｜REGEXREPLACE関数
REGEXREPLACE関数とはREGEXREPLACE関数は、テキスト文字列内のテキストを正規表現を使用して検索し、置換するGoogleスプレッドシートの関数です。=REGEXREPLACE(テキスト, 正規表現, 置換)テキスト - 一...
WordPress(ワードプレス) 【WordPress】作業効率化のショートカットキー（Mac編）
多くの方がホームページやブログ作成にWordPressを利用しています。WordPressで記事を書く際、文字にリンクを張ったり、見出しをつけたり、画像を挿入するには通常、それぞれのボタンをクリックする必要があります。しかし、キーボードから...
Marketing(マーケティング) ウェイソン選択課題とは？人々が条件文（if-then文）をどのように解釈するかの心理実験
ウェイソン選択課題（Wason selection task）とはウェイソン選択課題（Wason selection task）は、1960年代に心理学者ピーター・ウェイソンによって考案された、論理的推理能力を試す心理実験です。この課題は、...
GoogleSpreadsheet(スプレッドシート) 【スプレッドシート】Googleスプレッドシートで作成したグラフをウェブ上でHTML埋め込み公開する方法
Googleスプレッドシートで作成したグラフをウェブ上に埋め込んで公開する方法です。グラフを選択するGoogleスプレッドシートで、公開したいグラフを見つけます。グラフをクリックすると、選択され、その周囲に枠が表示されます。グラフを公開する...
GAS(GoogleAppsScript) Google Apps Script (GAS) でスプレッドシートの末尾に新しい行を追加する｜insertRowAfter・appendRow
基本的なアプローチは、スプレッドシートの現在の行数を特定し、その後に新しい行を追加することです。以下に、そのための簡単なスクリプトを示します。末尾に行を追加する(insertRowAfter)スプレッドシートの最後に新しい行を追加します。f...
