JavaScript(ジャバスクリプト) 【JavaScript】ブラウザの戻るボタンと進むボタンを設定する
ブラウザの戻る・進むボタンをHTMLのボタンで表示し、画面の下部に固定したスマホ風UIを作成してみます。 HTML部分 以下のように実装します。 <!-- ページコンテンツ --> <div class="navigation-button...
JavaScript(ジャバスクリプト) 
WordPress(ワードプレス) Google SpreadsheetとWordPressを連携できるSheets to WP Table Live SyncプラグインでWEBページにデータ表示する
Google SpreadsheetのデータをWordPressサイトに表示したい場合、「Sheets to WP Table Live Sync」プラグインがおすすめです。 プラグインの主な機能 【プラグインの主な機能】 Google S...
Googleスプレッドシート Googleスプレッドシートで仕事・作業の業務効率化をする５つの活用方法
Googleスプレッドシートは多くの業務で活用できる汎用的なツールです。以下、具体的な活用事例の一例です。 売上管理 商品ごとの売上実績を記録し、グラフ化して視覚的に分析できる 支店別や営業担当者別の売上を一覧で管理できる 【商品別売上実績...
Marketing(マーケティング) Webマーケティングを行う際の10の施策例
Webマーケティングの各施策について、10の施策例を説明します。 ターゲットの明確化 顧客ペルソナの作成が重要です。年齢、性別、興味関心、課題や目標などを詳細に設定します。 ターゲット層の年齢、性別、居住地域、興味関心などを詳細に特定する ...
Notion(ノーション) 【Notion】Notionを仕事に活用するときの10のアイデア
Notionは非常に柔軟性の高いツールで、仕事のさまざまな側面に適用できます。ここに仕事でのNotion活用のアイデアを10個紹介します。 Notionを仕事に活用するときのアイデア プロジェクト管理: プロジェクトの進捗状況を一元管理でき...
Marketing(マーケティング) OEM（Original Equipment Manufacturer）とは？仕組みやメリットについて
OEMとは OEM（Original Equipment Manufacturer）とは、他社ブランドの製品を製造すること、またはその業務を行う企業のことです。日本語では「相手先ブランド名製造」や「納入先商標による受託製造」などと訳されます...
CSS(シー・エス・エス) 【CSS】要素の範囲を超えた部分を非表示にする(切り取る)overflow: hidden
overflow: hiddenとは overflow: hiddenは、CSSプロパティの1つで、要素の内容がその領域を超えた場合の動作を指定するものです。 具体的には、以下のような効果があります。 要素の範囲を超えた部分は表示されなくな...
WordPress(ワードプレス) 【WordPress】ワードプレスのカテゴリ（category）はどう考えればいい？詳しく解説！
WordPressのカテゴリは、ブログ記事を整理し、ユーザーが興味のある情報を見つけやすくするための重要な要素です。適切なカテゴリ分けを行うことで、ブログ全体のユーザビリティが向上し、SEOにも良い影響を与えます。 「どんなカテゴリを作れば...
Googleスプレッドシート 【スプレッドシート】特定の条件に合致するデータを抽出する際に便利な９つの関数
スプレッドシートで特定の条件に合致するデータを抽出する際に便利な関数は主に以下のようなものがあります。 FILTER関数 条件に合致する行を抽出できます。複数の条件を組み合わせることも可能です。 構文: =FILTER(範囲, 条件1, )...
Googleスプレッドシート 【FLATTEN関数】複数列の表データを1列にまとめることができる便利関数（スプレッドシート）
FLATTEN関数は、配列内の配列を1つの行に展開するスプレッドシートの便利な関数です。 FLATTEN関数の構文 関数の構文: =FLATTEN(配列) 配列: 展開する入れ子の配列を指定します FLATTEN関数の例 以下の例を見てみま...
Googleタグマネージャー Google タグマネージャーで電話発信タップを計測する設定方法（Google広告）
Google タグマネージャーを使って、サイトの電話番号リンクがタップされた際のコンバージョンを計測します。 WEBページに画像を配置する まずは、WEBページに画像を配置します。ワードプレスの場合は画像をアップロードするだけで簡単に画像の...
JavaScript(ジャバスクリプト) 【JavaScript】module(モジュール)のルールと使い方について
モジュールの概要 JavaScriptのモジュールは、コードを再利用可能な小さな部品に分割する仕組みです。これにより、コードの保守性が向上し、グローバル変数の衝突を回避できます。 モジュールのルール モジュール内は常にStrictモードで実...
WordPress(ワードプレス) Customer Reviews for WooCommerce｜WooCommerceで顧客レビューを活用できるプラグイン
WooCommerceで顧客レビューを手軽に収集し、マーケティングに活用できる便利なプラグインがあります。その名も「Customer Reviews for WooCommerce」。今回はこのプラグインの特徴と、活用するメリットについてご...
SEO(検索エンジン最適化) ロングテールキーワードとは？検索エンジン最適化（SEO）戦略の重要な役割について
今回は「ロングテールキーワード」について解説します。 ロングテールキーワードとは ロングテールキーワード（Long-tail Keywords）とは、検索エンジン最適化（SEO）の戦略において重要な役割を果たす、比較的検索ボリュームが低いが...
PC(パソコン) 【Lenovo】普段用途から動画編集まで「レノボ・ジャパン」公式オンラインストアのオススメ機種
ビジネス用途からゲーミングまで、幅広いニーズに応える、パソコン業界で高い信頼を誇るLenovoの製品についてご紹介します。 Lenovoの概要について Lenovoは、1984年に中国で設立された世界的なテクノロジー企業で、パソコン、スマー...
HTML(エイチティーエムエル) HTMLの target 属性における “_blank” と “blank” の違いについて
HTMLの target 属性における "_blank" と "blank" の具体的な違いは、主にブラウザがリンクの目的地をどのように扱うかに基づいています。 target="_blank" target="_blank"は、HTMLのリ...
WordPress(ワードプレス) 【WordPress】サイトを別のドメインに移行するためにphpMyAdminでデータベースの内容を更新する
WordPressのサイトを別のドメインに移行するために、phpMyAdminを使ってデータベースの内容を更新する手順です。 phpMyAdminにアクセスする レンタルサーバーにログインし、phpMyAdminを開きます。 使用しているW...
WordPress(ワードプレス) phpMyAdminを使ってWordPressのデータベースをエクスポートおよび復元する方法
phpMyAdminを使ってWordPressのデータベースをエクスポートおよび復元する方法です。この手順は、バックアップの作成や新しいサーバーへの移行時に非常に役立ちます。 phpMyAdminでデータベースのエクスポート(Export)...
JavaScript(ジャバスクリプト) 【JavaScript】scriptタグをまたいだ場合のスコープについて
scriptタグをまたいだ場合のスコープ HTMLドキュメントにおいて、複数の <script> タグが存在する場合、各 <script> タグの間でのスコープはグローバルスコープに影響を受けます。一つの <script> タグで宣言された...
GAS(GoogleAppsScript) Google Apps Script (GAS) を使ってスプレッドシートと組み合わせた簡易的なスタンプカードシステムを作る（Part1）
Google Apps Script (GAS) を使ってスプレッドシートと組み合わせたスタンプカードシステムを作るプロセスについて説明します。ここでは基本的なステップとスクリプトの例を提供します。 スプレッドシートの設定 Google ス...
Googleタグマネージャー 【タグマネージャー】Google広告のコンバージョン設定方法
Google タグマネージャー（GTM）を使用して Google 広告のコンバージョンを設定してみます。 コンバージョンアクションの設定 コンバージョンアクションを設定するためのステップです。 Google広告にログインして、画面右上の「ツ...
HTML(エイチティーエムエル) 【HTML】HTMLの属性とは？要素の性質を制御する機能について
HTMLの属性はHTML要素の追加情報を提供し、その振る舞いや表示を制御するために使われます。ここではよく使われるいくつかのHTML属性を一覧で紹介します。 HTMLの属性とは？ HTMLの属性は、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にインストールして使用できます。以下に、インストール方法と便利な機能について説明します。 インストール方法 Windows...
Googleスプレッドシート 【スプレッドシート】数式をそのままセルに表示したい場合の３つの方法
数式をそのままセルに表示したい場合の３つの方法です。 アポストロフィ（シングルクォート）を付ける スプレッドシートで数式を関数のままセルに表示するには、数式の前にアポストロフィ（シングルクォート）を付けます。 これにより、数式が文字列として...
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"（データベース接続の確立エラー）は、ウェブサイトやアプリケーションがデータベースに接続できない場合に発生するエラーメッセージです。これはいくつかの問題によっ...
