Landing Page（ランディングページ） ランディングページ（LP）のサンプルコード
ランディングページの見栄えはデザインによって異なりますが、以下のような基本的なHTMLとCSSのサンプルコードを紹介します。ランディングページ（LP）のサンプルコードこのコードは、簡単な構造を持つランディングページの例です。<!DOCTYP...
Landing Page（ランディングページ） 
WordPress(ワードプレス) WordPressにあいまい検索を導入する【Googleカスタム検索エンジン】
WordPressには、便利な「サイト内検索機能」が標準搭載されています。しかし、WordPressのデフォルトの検索機能は、完全一致の検索を行いますので、あいまい検索だと結果が出ないという問題があります。曖昧検索を行いたい場合は、「Goo...
JavaScript(ジャバスクリプト) 【GAS】JavaScriptからGASのdoPost関数にデータを送信するには？
doPost関数にデータを送信するJavaScriptからGASのdoPost関数にデータを送信するには、XMLHttpRequestオブジェクトを使用してPOSTリクエストを送信します。以下は、JavaScriptでPOSTリクエストを送...
JavaScript(ジャバスクリプト) JavaScriptでiframeの幅と高さを画面サイズ（ウィンドウ幅）に合わせて自動調整するスクリプトの作り方
iframeを使うと、別のサイトやページを埋め込むことができ、自分のWebページに他のコンテンツを追加することができます。そこで、JavaScriptを使用してiframeの幅を画面サイズに合わせて調整する方法を紹介します。前回は「幅」を自...
Twitter(ツイッター) Twitterアルゴリズム公開？提供されている機能の概要について
Friday, 31 March 2023、Twitter Recommendation Algorithmが公開されました。Twitterが利用しているコアアルゴリズムこのリポジトリは、Twitterが利用しているコアアルゴリズムの一部を...
GAS(GoogleAppsScript) 【GAS】Googleドライブの特定フォルダ内の最新のファイルを取得する
Google Apps Script（GAS）を使用して、Googleドライブ内の特定のフォルダから最新のファイルを取得する方法について試していきます。Googleドライブ内の特定のフォルダから最新のファイルを取得するGASを開き、新しいプ...
SEO(検索エンジン最適化) 初めてのサイトマップ(sitemap.xml)作成：SEOに必要な理由と手順について
Google検索においてサイトマップを準備して送信することはSEO対策の中でも重要な施策のひとつですが、今回はサイトマップとは？使い方や作成方法を解説します。公式サイトはこちら▼サイトマップ(sitemap.xml)とは？サイトマップは、ウ...
生成AI(エーアイ) ChatGPTを音声で操作できる！「Voice Control for ChatGPT」の使い方を紹介
ChatGPTのボイスコントロール拡張機能「Voice Control for ChatGPT」についてご紹介します。Voice Control for ChatGPTは、Chromeウェブストアからダウンロードできるプラグインで、音声認識...
JavaScript(ジャバスクリプト) JavaScriptでiframeの幅を画面サイズ（ウィンドウ幅）に合わせて調整するスクリプトの作り方
Webページ上に外部のコンテンツを埋め込むために、よく使用されるのがiframeです。iframeを使うと、別のサイトやページを埋め込むことができ、自分のWebページに他のコンテンツを追加することができます。しかし、iframeを使用する際...
WordPress(ワードプレス) 【WordPress】CF7 Google Sheet Connectorでフォーム送信時にスプレッドシートに値を追加する
CF7 Google Sheet Connectorを使用して、Contact Form 7のフォーム送信時にスプレッドシートに値を追加する方法を説明します。CF7 Google Sheet Connectorのインストールと設定CF7 G...
GAS(GoogleAppsScript) 【GAS】毎月の請求書を自動作成してPDF化する（自動送信もしたい）Part2
前回の続きです。PDFをスクリプトを実行して生成するところまでは完成しましたが、次は請求書の中の値を自動入力してみます。前回の続き（PDFを自動生成）こちらを参考にスクリプトを作成します。function makePDFfile(){ co...
生成AI(エーアイ) ChatGPTに音声で送信できるGoogle Chrome拡張機能｜音読さん「Ondoku3-ChatGPT」の使い方
「Ondoku3-ChatGPT」とは、Google Chromeの拡張機能で、ChatGPTが返答したテキストを音声で読み上げることができる便利なツールです。Ondoku3-ChatGPTをインストールする使い方は簡単で、まずGoogle...
GAS(GoogleAppsScript) 【GAS】gpt-3.5-turboのAPIパラメータ取得ではまった
Exception: のリクエストに失敗しました（エラー: 400）。サーバー応答の一部: {"message":"The request body has 1 error(s)","details":.text"}]}（応答の全文を見るに...
Marketing(マーケティング) 【マーケティング】資料をまとめる際に使用できるフレームワーク10選
資料をまとめる際に使用できるフレームワーク10選を紹介します。フレームワークには、以下のようなものがあります。SWOT分析SWOT分析：自社や競合他社の強み、弱み、機会、脅威を分析する手法。自社の強みを生かし、弱みを克服するための施策を考え...
生成AI(エーアイ) 【ChatGTP】生成された文章を編集できる拡張機能「editGPT」が凄い！
ChatGTPで生成された文章を編集できる拡張機能「editGPT」についてご紹介します。「editGPT」のインストール方法Google Chromeのウェブストアから拡張機能「editGPT」をインストールすることができます。【インスト...
GAS(GoogleAppsScript) 【GAS】ワンクリック自動フィルタ機能を実行する方法｜.createFilter()
スプレッドシートで大量のデータを扱う場合、特定の条件に合致するデータを素早く取得したいことがあります。その際に便利なのが「フィルタ機能」です。フィルタ機能とは？フィルタ機能は、スプレッドシートのデータを特定の条件に合致するものだけに絞り込む...
生成AI(エーアイ) 【ChatGPT API】API利用の料金について
ChatGPT APIの価格は、利用方法や使用量に応じて異なります。詳細は、OpenAIの公式ウェブサイトで確認できます。詳細はこちら▼APIの利用料金について※2023年3月時点の情報です。最新の情報は公式サイトを参照ください。以下のよう...
GAS(GoogleAppsScript) 【GAS】JavaScriptを使用してURLパラメータをGoogleスプレッドシートに渡す方法
JavaScriptを使用して、URLパラメータをGoogleスプレッドシートに渡す方法は以下のような流れでGASを使って作れます。Google Apps Scriptを使用する方法Google Apps Scriptを使用して、URLパラ...
GAS(GoogleAppsScript) 【GAS】LINE Messaging APIでLINEのdisplayNameを表示する
この記事は、Google Apps Scriptを使用してLINE Messaging APIに接続し、LINEユーザーのdisplayNameを取得して表示する方法について説明します。displayNameを表示する手順LINE Deve...
GoogleSpreadsheet(スプレッドシート) 【Googleスプレッドシート】セルや範囲にロックをかけて保護する方法
このページでは、Googleスプレッドシートのセルや範囲にロックをかけ、保護する方法について説明します。スプレッドシートの特定のセルにロックをかけるスプレッドシートの特定のセルにロックをかけるには、以下の手順を実行します。スプレッドシートを...
生成AI(エーアイ) 【ChatGPT】ChatGPTの能力を引き出すプロンプト！40個のプロンプト例
ChatGPTには、さまざまなトピックに関するプロンプトがあります。以下は、ChatGPTの能力を引き出す可能性があるいくつかのプロンプト例です。 ChatGPTの能力を引き出すプロンプト「人工知能について教えてください」「健康的な食生活に...
GAS(GoogleAppsScript) 【GAS】エスケープシーケンスについて（文字一覧）
エスケープシーケンスは、文字列内で特殊な文字を表現するための方法です。GASでも同様に、文字列内で特殊な文字を表現するためにエスケープシーケンスを使うことができます。GASでよく使われるエスケープシーケンスの一覧以下は、GASでよく使われる...
GAS(GoogleAppsScript) GASでセルの保護機能を設定する方法（保護の自動化）｜protect()メソッド
GAS（Google Apps Script）を使用してスプレッドシート上で作業している場合、セルの保護機能を活用することができます。セルの保護機能とは？セルの保護機能は、スプレッドシート上の特定のセルにアクセス制限をかけることができます。...
Notion(ノーション) 【Notion】ページ追加時に投稿日を降順で表示させる
Notionでページ追加時に投稿日を降順で表示する方法Notionは、非常に使いやすいページ追加機能を備えています。ページを追加するとき、Notionは通常、新しいページを一番下に追加します。しかし、必要に応じて、降順でページを追加すること...
Canva（キャンバ） Canva Magic Design（キャンバ・マジック・デザイン）｜Canva（キャンバ）の新機能！
Canva Magic Design（キャンバ・マジック・デザイン）とは？Canva Magic Design（キャンバ・マジック・デザイン）は、オンラインデザインツールCanva（キャンバ）の新機能の一つです。Canva Magic De...
GAS(GoogleAppsScript) 【GAS】でChatGPTをLINEで使う（OpenAIとGASを使う）-Part2
前回までで、LINE APIのチャネルアクセストークンと、OpenAIのkeyを取得できました。GASの作成に進みます。GASプロジェクトの作成まず、Googleドライブにアクセスして、新しいスプレッドシートを作成します。そして、スプレッド...
GAS(GoogleAppsScript) 【GAS】でChatGPTをLINEで使う（OpenAIとGASを使う）-Part1
このドキュメントでは、Google Apps Script（GAS）を使用してChatGPT LINE APIを使用する方法について説明します。完成形はこちら▼LINE Developerアカウントの作成まず、LINE Developerコ...
GoogleSpreadsheet(スプレッドシート) 【スプレッドシート】1 か月後の日付を表示する｜EDATE関数
EDATE関数とは？EDATE関数を使うと1ヶ月後の日付を表示できます。EDATE関数は、指定した日付から指定した月数分だけ加算または減算した日付を計算します。この関数は、特に繰り返しのある日付計算に役立ちます。EDATE関数-基本構文ED...
GAS(GoogleAppsScript) 【GAS】明日の日付を取得する方法｜new Date()
Google Apps Script（GAS）を使って、明日の日付を取得する方法を解説します。new Date()GASやJavaScriptにおいて、現在時刻を取得するにはnew Date()を使用します。new Date()は、現在時刻...
CSS(シー・エス・エス) 【CSS】margin-block-endとは？｜要素の下部（ブロック軸）にマージンを付ける方法
margin-block-endとはmargin-block-endは、CSSのプロパティの一つで、要素の下部（ブロック軸）にマージンを追加するために使用されます。p { margin-block-end: 20px;}上記のコードでは、<...
