CSS(シー・エス・エス) CSSのclass名に使える文字は？適切なクラス名とそのサンプル
CSSのclass名に使えるルールCSSのクラス名には、ほとんどのUnicode文字が使用できます。ただし、いくつかのルールがあります。英数字（a-z、A-Z、0-9）は使用できます。ハイフン（-）やアンダースコア（_）も使用できます。ただ...
EGUWEB
CSS(シー・エス・エス) 
SEO(検索エンジン最適化) YMYLとは？SEOに関する重要な概念について
YMYLとは？YMYLとは、Your Money or Your Lifeの略で、直訳すると「あなたのお金、あなたの人生」という意味です。Googleの検索品質評価ガイドラインでは「人の将来の幸福、健康、経済的安定、または安全に影響を与える...
JavaScript(ジャバスクリプト) 【JavaScript】画面遷移中にぐるぐるローディングアニメーションを表示したい
グルグル回るローディングアニメーションリンク先をクリックした際に、グルグル回るローディングアニメーションを表示してみます。スクリプト参考例特定のリンクをクリックしたときにローディングを表示するようにしたい場合、JavaScriptでそのリン...
CSS(シー・エス・エス) z-indexとは？要素の重なり順番を制御するCSS
z-indexは、要素のスタッキングコンテキスト内での描画順序を制御するためのCSSプロパティです。このプロパティは通常、position プロパティが static 以外の値を持つ要素に対して使用されます。以下に、z-indexの詳細な説...
GAS(GoogleAppsScript) 【GAS】スプレッドシートをJSON形式で出力して読み込むAPIを作る（Part2）
前回は、GoogleスプレッドシートをJSON形式で出力するところまで進みました。続きです。JSONデータを出力するHTMLJSONデータから total フィールドの値を取得して表示するためのHTMLコードを準備します。<div clas...
GAS(GoogleAppsScript) 【GAS】スプレッドシートをJSON形式で出力して読み込むAPIを作る（Part1）
GoogleスプレッドシートをJSON形式で出力し、それを読み込むAPIを作成してみます。以下の例では、doGet 関数を使用してJSON形式でデータを出力し、doPost 関数を使用してデータを書き込むようなAPIを作成しています。Goo...
JavaScript(ジャバスクリプト) 【JavaScript】リンクをクリックしたらTwitterに投稿できるようにしたい
HTML部分を作るまずは、表示するカードのHTML部分を作ります。<div class="card-container"> <div class="card"> <a href="#" onclick="tweetCard('いつもありがと...
GoogleSpreadsheet(スプレッドシート) 【Google スプレッドシート】スペースやカンマで区切られた列を分割する（SPLIT 関数）
Google スプレッドシートに貼り付けたCSVなどのデータの列を分割するには、以下の2つの方法があります。方法1： > を使用する分割したい列を選択します。メニューバーの タブをクリックします。 をクリックします。区切り文字を選択します。...
Canva（キャンバ） Canva(キャンバ)でLINE公式アカウントのリッチメニューを作る方法
Canva(キャンバ)を使ってLINE公式アカウントのリッチメニューを効率よく作る流れです。CanvaにログインするCanvaの公式サイトにアクセスして、ログインします。アカウントが無い場合はアカウントを作成します。アカウントを作成するには...
Cursor(カーソル) Cursor(カーソル)でAIを呼び出す方法（Command+K）
CursorでAIを呼び出すには、以下の2つの方法があります。1. キーボードショートカットを使用するCursorのキーボードショートカットは、Command+Kです。Windowsの場合はCtrl+Kです。このキーを押すと、AIのメニュー...
Cursor(カーソル) 「Cursor」とは？AIでコード生成・レビュー・デバッグが可能な次世代エディタ
Cursorは、AIを活用してコーディング作業を効率化するテキストエディタです。Visual Studio Code（VSCode）をフォークして作られており、VSCodeの基本的な機能に加えて、AIによるコード生成、コードレビュー、デバッ...
JavaScript(ジャバスクリプト) 【JavaScript】クイズで正解したら下の方に正解・不正解と表示されるようにしたい
JavaScriptで簡単なクイズのWebページを作成します。HTML<div id="quiz-container"> <h2>クイズ</h2> <p>世界で最も高い山は？</p> <button onclick="checkAnswer...
WebService(ウェブサービス) SiteOly(サイトオリー)とは？Googleスプレッドシートを活用したノーコードWEBサイト作成サービス
SiteOly（サイトオリー）とは？SiteOly（サイトオリー）は、Googleスプレッドシートを使用して、簡単かつ迅速に高度なWebサイトを作成するためのツールです。通常、Webサイトの構築にはHTMLやCSS、JavaScriptなど...
GAS(GoogleAppsScript) 【GAS】Google Apps Scriptを使用してLINE Botを作成する（オウム返しBot編）
LINE BotをGoogle Apps Scriptを使用して作成する手順を以下に示します。これには、LINE Messaging APIを使用してメッセージを送受信する基本的なスクリプトとwebhookを使います。スプレッドシートと連携...
JavaScript(ジャバスクリプト) 【JavaScript】URLパラメータ値でコンテンツの表示・非表示を切り替える
JavaScriptを使って、URLパラメータ値でコンテンツの表示・非表示を切り替えます。URLからパラメータを取得するURLからパラメータを取得します。 <script> $(document).ready(function() { //...
Windows(ウィンドウズ) Windows 11で音声入力を行う方法（Win + H キー）
キーボードショートカットを使用すると便利Windows 11でキーボードショートカットを使用して音声入力を開始することができます。Windows 11では、 + キーを押すと音声入力が開始されます。このキーボードショートカットを利用して、任...
Database(データベース) 予約管理システムのデータベース構造（参考例）
予約管理システムのデータベース構造（参考例）予約管理システムのデータベース構造は、システムの要件によって異なりますが、一般的な要素やテーブル構造の例です。この例は、簡単な予約管理の機能を備えたデータベース構造です。データベース管理システムに...
GAS(GoogleAppsScript) 【GAS】エポック（Epoch）とは？Unixエポックの基本と使用例について
エポック（Epoch）とはエポック（Epoch）は、時間を計測するための基準となる特定の瞬間を指します。コンピュータサイエンスの文脈では、通常、1970年1月1日 00:00:00 UTC（協定世界時）をエポックとして使用します。これをUn...
GAS(GoogleAppsScript) 【GAS】Googleカレンダーの過去の予定を全部削除する関数（deletePastEvents）を作る
何らかの理由でGoogleカレンダーの過去の予定データを一気に削除したいときにもGASが使えます。※このスクリプトを実行すると、過去のイベントが全て削除されますので、慎重に実行してください。過去の予定を削除する関数過去の予定をすべて削除する...
Mac(マック) Macで隠しファイルを表示する方法｜Command + Shift + ドット（.）
方法1: Finderのショートカットキーを使用Finderを開く: デスクトップやDockからFinderを起動します。ショートカットキーを使用: キーボードで Command + Shift + ドット（.） を同時に押します。これによ...
Web(ウェブ技術関連) Shift-JIS（シフト・ジス）とは？文字コードの基本について
Shift JIS（シフト・ジス）は、主に日本語の文字をエンコードするための文字コードの一つです。以下に、Shift JISに関する詳細を述べます。開発と歴史Shift JISは、主に日本のコンピュータメーカーであるNECが提唱し、Micr...
Netlify(ネトリファイ) Netlify(ネットリファイ)をスタートしてGithubのデータをデプロイする
前回の続きです。Netlifyをスタートして、Githubのデータをデプロイする手順を説明します。Netlifyのアカウントを作成まずは、Netlifyのアカウントを作成します。Netlifyの公式サイトにアクセスし、「Sign up」をク...
Netlify(ネトリファイ) Netlify(ネットリファイ)とは？無料で始められる静的サイトホスティングサービス
Netlify(ネットリファイ)とは？Netlify(ネットリファイ)は、サンフランシスコをベースとするクラウドコンピューティングの企業が運営する静的サイトホスティングサービスです。静的サイトとは、HTML、CSS、JavaScript な...
WordPress(ワードプレス) 【WordPress】flexbox（フレックスボックス）で要素を中央に配置する
Flexboxを使ってブロックを中央に配置する方法です。Flexbox（フレックスボックス）とは？WordPressで要素を中央に配置するには、Flexboxを使用すると便利です。.center-box { display: flex;}F...
GAS(GoogleAppsScript) 【GAS】日付と時刻を結合してDate型にする（Part1）
Google Apps Script（GAS）を使用して、日付と時刻を結合してDate型にしてみます。以下は、具体的なコードの例です。日付と時刻を結合するfunction combineDateAndTime() { // 日付と時刻の値を...
Apps(アプリ) Square（スクエア）クレジットカード決済サービスの始め方とメリットとは？
今回は、クレジットカード決済サービス、Square（スクエア）の始め方やメリットについて、お伝えしていきます。squareのアカウント登録はこちらから▼アカウントの作成方法についてはこちらもご参考ください。square（スクエア）とは？Sq...
GAS(GoogleAppsScript) 【GAS】スプレッドシートとGoogleカレンダーを連携する（Part1）
Google スプレッドシートと Google カレンダーを連携してみます。使い方次第でかなり便利なツールになります。主なカレンダーメソッドまずは、予定を追加・削除する際に使える主なカレンダーメソッドです。// 終日の予定を作成create...
GAS(GoogleAppsScript) 【GAS】シートに行を挿入する＆列に関数や定数を設定する方法
新しい行を挿入するGoogle Apps Script（GAS）を使用して、シートに行を挿入し、列に関数や定数を設定する方法は以下の通りです。function addNewRow() { const spreadsheet = Spread...
AppSheet（アップシート） AppSheet（アップシート）とは？作成方法や基本的な使い方について解説！
AppSheet（アップシート） とは？AppSheet は、ノーコードでアプリを作成できるクラウドベースのプラットフォームです。プログラミングの知識がなくても、誰でも簡単にアプリを作成することができます。AppSheet でアプリを作成す...
Marketing(マーケティング) ホーソーン効果とは？種類や具体例について
ホーソーン効果とは?ホーソーン効果とは、人が「注目される」ことで成果を上げようと力を発揮する現象です。他人からのポジティブな注目は、自分の意識決定に大きく影響し、それによって自分の行動や結果が変わってくることは往々にしてあります。ホーソーン...
