CSS(シー・エス・エス) 【CSS】margin-block-endとは？｜要素の下部（ブロック軸）にマージンを付ける方法
margin-block-endとはmargin-block-endは、CSSのプロパティの一つで、要素の下部（ブロック軸）にマージンを追加するために使用されます。p { margin-block-end: 20px;}上記のコードでは、<...
CSS(シー・エス・エス) 
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でテキストをクリップボードにコピーする...
WordPress(ワードプレス) 【WordPress】メインループで表示する投稿の件数を制限する｜posts_per_page
メインループで表示する投稿の件数を制限する（posts_per_page=X）WordPressのメインループにおいて、表示する投稿の件数を制限するには、以下のようなコードで制限することができます。<?php// 表示件数の設定$args ...
GAS(GoogleAppsScript) 【GAS】%s演算子とは？｜文字列フォーマット演算子
%s演算子について%s演算子は「文字列フォーマット演算子」とも呼ばれ、文字列に値を埋め込むために使用されます。GASでも文字列フォーマットに使用されます。この演算子を使用することで、文字列に変数や定数を埋め込むことができます。例えば、以下の...
GAS(GoogleAppsScript) 【GAS】フォーム（テキストボックス）のデータをスプレッドシートと同期するWEBアプリケーションを作成する-Part1
フォーム（テキストボックス）の情報とスプレッドシートの情報を同期させるWEBアプリケーションを作成してみます。doGet(e)関数まずは、doGet(e)関数を作ります。doGet(e)関数は、Google Apps ScriptでWebア...
GAS(GoogleAppsScript) 【GAS】このアプリケーションは、Google ではなく、別のユーザーによって作成されたものです。を非表示にする
このアプリケーションは、Google ではなく、別のユーザーによって作成されたものです。GASでWEBアプリケーションをデプロイすると「このアプリケーションは、Google ではなく、別のユーザーによって作成されたものです。」と表示されます...
GoogleChrome(グーグルクローム) 【Chrome拡張機能】Notionでブックマークをワンクリック保存！Notion Web Clipper拡張機能
Notion Web Clipper拡張機能とは？Notion Web Clippern拡張機能は、Chromeの拡張機能で、サイトをブックマークとしてNotionに直接保存することができます。この機能を使用することで、ウェブページのリンク...
生成AI(エーアイ) 【SlidesGPT】AIが自動的にスライドを作成してくれる便利サービス！
SlidesGPTとは？SlidesGPTは、高品質なプレゼンテーションを作成するための強力なツールです。高度なアルゴリズムと直感的なインターフェースを備えたSlidesGPTにより、ユーザーは素早く簡単にプロフェッショナルな見栄えのするス...
GoogleChrome(グーグルクローム) 【Chrome拡張機能】Notionでブックマークをワンクリック保存！Save to Notion拡張機能
Save to Notion拡張機能とは？Save to Notion拡張機能は、ブラウザに直接組み込まれたNotionのアドオンで、Notionに直接保存することができます。この機能を使用することで、ウェブページのリンク、画像、テキストを...
JavaScript(ジャバスクリプト) 【JavaScript】マウスカーソルを追従する図形（マウスストーカー）を作る｜CSS
CSSとJavaScriptを使って、マウスに追従する図形や色を作ってみます。サンプルはこちらマウスに追従する図形を作る流れ以下は、CSSを使用してマウスに追従する図形を作成するための基本的な手順です。HTMLファイルで、マウスに追従する要...
GoogleSpreadsheet(スプレッドシート) 【Googleスプレッドシート】ChatGPT関数｜ChatGPTと連携してデータを取得する方法（ChatGPT in Google Sheets™ and Docs™）
ChatGPTのAPI（ChatGPT関数）を使ってスプレッドシートにデータを自動連携させてみます。ChatGPT in Google Sheets™ and Docs™をインストールするまずは、marketplaceから「ChatGPT ...
CSS(シー・エス・エス) 【CSS】video（動画）全画面表示の方法｜動画視聴がより快適に！CSSを使った全画面表示のテクニック
CSSで動画やビデオをフルスクリーンで表示にするには、CSSを使用して次の手順を実行します。ビデオを含むHTML要素（videoタグなど）を作成ビデオを含むHTML要素（videoタグなど）を作成します。ワードプレスの場合は便利な「動画」ブ...
Google(グーグル) 【Googleアカウント】独自ドメインを使って無料でGoogleアカウントを作る方法
独自ドメインを使って無料でGoogleアカウントを作ることができるGoogleアカウントを独自ドメインを使って作ることもできます。独自ドメインとは「example.com」などのドメインをさします。Google Workspaceを契約する...
GAS(GoogleAppsScript) 【GAS】日付・時刻が14時間ずれている場合について（Utilities.formatDate）
現在時刻がずれる…？現在時刻が2023/02/23 0:28:04…のはずが、なぜか14時間ずれています。//現在時刻 const currentDate = new Date(); const formattedDate = Utilit...
GAS(GoogleAppsScript) 【GAS】毎月の請求書を自動作成してPDF化する（自動送信もしたい）Part1
毎月の請求書を自動作成してPDF化してみます。あとは、自動送信もできるようにしてみます。「便利なサービスがたくさんあるのでそちらを使えばいいのでは…」という気もしますが、GASで自力で作ると便利な場面も多々ありますので、挑戦してみます。必要...
WordPress(ワードプレス) 【WordPress】ブログ×Pinterestを連携する方法｜Part2（ピンの一括作成）
WordPress のブログをPinterestに連携させたいという方も多いかと思いますが、今回は、WordPress と Pinterest の連携について説明します。ピンの一括作成認証済みのアカウントになると、ピンの一括作成が使えるよう...
WordPress(ワードプレス) 【WordPress】ブログ×Pinterestを連携する方法｜Part1（Pinterest ボタンを表示する）
WordPress のブログをPinterestに連携させたいという方も多いかと思いますが、今回は、WordPress と Pinterest の連携について説明します。ビジネスアカウントへ切り替えるまずは、アカウントをビジネスアカウントに...
GAS(GoogleAppsScript) 【GAS】doGet・doPostのログを見る（Google Cloud Platform）
GASでdoGet・doPostのログを見る方法です。GASでは、Loggerクラスを利用する方法でログが見れますが、doPostの場合などにLoggerクラスの中身が見れないので、どのようにして見るのか迷ったあげく、Google Clou...
生成AI(エーアイ) ジピットくんβ版（OpenAI API）LINEからChatGPT
LINEからChatGPTで返信してもらえるチャットAIボット「ジピットくんβ版」を作りました。お気軽にお試しください。※サービスは余儀なく突然終了となる場合がありますので予めご了承ください。期間限定となる可能性もありますが、お試しください...
SNS(ソーシャルネットワーキングサービス) 【Instagram】Googleカレンダーに関するおすすめのハッシュタグ
Googleカレンダーに関するおすすめのハッシュタグGoogleカレンダーに関するおすすめのハッシュタグです。#Googleカレンダー - Googleカレンダーに関する一般的なハッシュタグです。#GoogleCalendar - Goog...
GoogleChrome(グーグルクローム) 【Chrome拡張機能】カレンダー + for Google Chrome｜GoogleカレンダーのURLに画像サムネイルを表示できる便利拡張機能
カレンダー + for Google Chrome™とは？この拡張機能は、Google カレンダーの予定の説明からすべての URL を抽出し、クリック可能な画像付き URL リストとして表示します。下記のページより拡張機能をインストールでき...
GoogleChrome(グーグルクローム) 【Chrome拡張機能】Google Calendar Quick Duplicate｜Googleカレンダーに「イベントの複製」アイコンを追加する便利拡張機能
Google Calendar Quick Duplicateとは？Googleカレンダーに「イベントの複製」アイコンを追加する便利な拡張機能が「Google Calendar Quick Duplicate」です。下記のページより拡張機能...
GoogleChrome(グーグルクローム) 【Chrome拡張機能】教えてURL｜閲覧ページで利用されているウェブサービスを解析する便利拡張機能
教えてURLとは？「教えてURL」は、閲覧しているページで利用されているウェブサービスがひと目でわかるようになる拡張機能です。下記のページより拡張機能をインストールできます。使われているWEBツールなどがわかる拡張機能のアイコンをクリックす...
