JavaScript(ジャバスクリプト) JavaScriptでiframeの幅を画面サイズ（ウィンドウ幅）に合わせて調整するスクリプトの作り方
Webページ上に外部のコンテンツを埋め込むために、よく使用されるのがiframeです。iframeを使うと、別のサイトやページを埋め込むことができ、自分のWebページに他のコンテンツを追加することができます。しかし、iframeを使用する際...
EGUWEB
JavaScript(ジャバスクリプト) 
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;}上記のコードでは、<...
WordPress(ワードプレス) ワードプレスにGoogleカレンダーを連携させるプラグイン｜Simple Calendar – Google Calendar プラグイン
WordPressとGoogleカレンダーを連携させることで、WordPressのイベントをGoogleカレンダーに同期させることができます。これにより、Googleカレンダーに登録されたイベントが更新されるたびに、自動的にWordPres...
Google(グーグル) 【Google検索】検索で被リンクを調べる方法｜被リンク調査の手順
自分のサイトドメインが、どこにリンクを貼られているの？と思ったときに調べる検索方法です。※現在ではどうやら正確な被リンクは取得ができないようですので参考程度になるかもしれませんが色々と調べられます。被リンクとは？被リンクとは、他のウェブサイ...
CSS(シー・エス・エス) 【CSS】iframeを画面サイズに合わせて可変させる
サンプルはこちら▼iframeを画面サイズに合わせて可変させる方法iframeの親要素に以下のCSSを追加します。iframe-wrapというクラス名を親要素で囲んだ例です。.iframe-wrap{max-width: 100%;posi...
HTML(エイチティーエムエル) 【HTMLテンプレート】シンプルなテンプレート
HTMLのテンプレート以下はHTMLの基本的なテンプレートです。<!DOCTYPE html><html><head> <title>{タイトル}</title> <meta charset="UTF-8"> <meta name="vie...
GAS(GoogleAppsScript) 【GAS】Google スプレッドシートに行を追加する（Google Apps Script）appendRow
Google Apps Script（GAS）を使用して、Google スプレッドシートの行を追加する方法を説明します。sheet.appendRow以下は、新しい行を追加する単純なコード例です。function addRow() { va...
GoogleChrome(グーグルクローム) 【Google Chrome】プロファイルの追加設定と切り替え方法
Chrome プロファイルとは、Google Chrome ブラウザで使用されるアカウントの設定、履歴、ブックマーク、拡張機能、テーマなどの情報を保存する場所です。Chrome プロファイルを作成することで、複数の人が同じコンピューターでブ...
GAS(GoogleAppsScript) 【GAS】フォーム（テキストボックス）のデータをスプレッドシートと同期するWEBアプリケーションを作成する-Part2
前回の続きです。フォーム（テキストボックス）の情報とスプレッドシートの情報を同期させるWEBアプリケーションを作成してみます。前回のまとめindex.html<!DOCTYPE html><html><head> <base target=...
JavaScript(ジャバスクリプト) 【JavaScript】テキストをクリップボードにコピーする方法 (Text Copy)
JavaScriptで画像をクリップボードにコピーする方法について解説します。実際にサンプルコードを用いながら学びましょう。JavaScriptでテキストをクリップボードにコピーするJavaScriptでテキストをクリップボードにコピーする...
