Web(ウェブ技術関連) HTTPリクエストの4つの要素【HTTP通信リクエスト】Webサイト制作の基本
HTTPリクエストは、以下の4つの要素で構成されます。HTTPリクエストの4つの要素HTTPリクエストは、以下の4つの要素で構成されます。リクエストライン：HTTPリクエストの最初の行で、リクエストのタイプ、URI（Uniform Reso...
Web(ウェブ技術関連) Web(ウェブ技術関連) GETとPOSTの違いについて【HTTP通信リクエスト】Webサイト制作の基本
GETとPOSTとは？「GET」と「POST」は、HTTPプロトコルで使用される2つの主要なHTTPメソッドです。GETは主にデータの取得に使用され、POSTはデータの更新や変更に使用されます。GETはURLの長さに制限があり、POSTはデ...
Android(アンドロイド) 音や鼻歌から曲名を探す便利機能【Android（Googleアプリ）】
Androidスマホ（Googleアプリ）には、音から曲名を探す便利な機能があります。これを利用すると、周囲で流れている音楽やメロディーを録音して、その音楽が何かを調べることができます。Googleアプリ以下の手順で、音から曲名を探すことが...
JavaScript(ジャバスクリプト) 【JavaScript】コールバック関数とは？基本について
コールバック関数とは？コールバック関数とは、JavaScriptにおいて非同期処理を行うための重要な概念の1つです。非同期処理は、処理の完了を待たずに次の処理を実行することを可能にするため、プログラムのパフォーマンスを向上させることができま...
JavaScript(ジャバスクリプト) 【JavaScript】アロー関数の使い方（基本）
アロー関数とは？アロー関数は、ES6（ECMAScript 2015）で導入された、簡潔な構文で関数を定義する方法です。従来の関数定義よりも簡潔で読みやすく、特にコールバック関数を扱う際によく利用されます。以下はアロー関数の基本的な書き方で...
API（エーピーアイ） APIとは？異なるシステム間でデータをやり取りするための仕組みについて
APIとは？APIとは、Application Programming Interface（アプリケーション・プログラミング・インターフェース）の略で、プログラム同士がデータのやり取りをするための手順や規約を定めたものです。APIを利用する...
GAS(GoogleAppsScript) 【GAS】ブラウザ上でCSVファイルを読み込み特定の条件でフィルタされた行を削除してダウンロードリンクを生成する
以下のコードは、ブラウザ上でCSVファイルを読み込み、特定の条件でフィルターされた行を削除して、ダウンロードリンクを生成する例です。HTMLコード条件は「数値が10未満の行」を削除するものとします。CSVファイルのフォーマットが異なる場合は...
JavaScript(ジャバスクリプト) JSON（JavaScript Object Notation）とは何か？基本について
今回は、json（JavaScript Object Notation）とは何か？についてご紹介します。JSONとは？JSONとは「JavaScript Object Notation」の略で、データを表現するための軽量でテキストベースのフ...
WordPress(ワードプレス) 「Just another WordPress Site」とは？【WordPress】
「Just another WordPress Site」とは？"Just another WordPress site"とは、WordPressを使用して作成されたウェブサイトの標準的なデフォルトのキャッチフレーズです。新しいWordPr...
GAS(GoogleAppsScript) 【GAS】Googleフォームを開いた時に回答の上限数を設けて回答を締め切る
Googleフォームで回答を収集する際に、特定の日時や回答数に達した場合に自動的に回答を締め切る方法です。回答を受付中＞回答を受け付けていません標準機能で「回答を受付中」の部分をOFFにすると、回答を締め切ることができます。回答者へのメッセ...
Database(データベース) 【MySQL】基本操作の手順とコマンドの使い方を解説！
MySQLはデータベースの中でも特に広く使われているオープンソースのシステムです。初めて使う人にとっては、操作方法やコマンドの使い方が分かりにくいかもしれません。そこで、今回はMySQLの基本操作について、６つの基本的な操作を解説します。M...
VPS（Virtual Private Server） おすすめのVPS（Virtual Private Server）それぞれの特徴やメリットについて解説【2023年】
ここでは、2023年におすすめのVPSサービスを６社紹介し、それぞれのメリットについて解説します。VPS（Virtual Private Server）とは？VPSとは、仮想プライベートサーバー（Virtual Private Server...
VPS（Virtual Private Server） VPSにLet’s Encryptを使用してSSL証明書を取得する手順【SSL化】
VPSにLet's Encryptを使用してSSL証明書を取得する手順は以下の通りです。※環境が変わったり環境が壊れて修復不能になる可能性もありますので慎重に行いましょう。自信が無い場合はしっかりと下調べをしてから設定するほうが無難です。C...
WordPress(ワードプレス) 【WordPress】WEBページ内の自作フォームからGoogleフォームの回答に送信する｜form action [PART2]
前回の続きです。WordPressでページ内にフォームを作成し、そのフォームが送信された際にGoogleフォームの回答として送信する方法です。前回の状態の場合、WEBフォームから送信をすると、送信したタイミングでGoogleフォームの画面が...
API（エーピーアイ） 【API】WEBアプリケーション開発・アプリ開発などに役立つ30個のAPIについて
WEBアプリケーション開発・アプリ開発などに役立つ30個のAPIAPIとは、Application Programming Interfaceの略称で、ソフトウェア同士が情報をやり取りするためのインターフェースです。開発者はAPIを利用する...
JavaScript(ジャバスクリプト) 【JavaScript】ul要素の子要素であるli要素から各li要素の子要素であるa要素を取得してli要素と入れ替える
このスクリプトは、ul要素の子要素であるli要素から、各li要素の子要素であるa要素を取得して、li要素と入れ替えるものです。各li要素の子要素であるa要素を取得して、li要素と入れ替えるこのスクリプトを実行することで、特定のクラス名の配下...
GAS(GoogleAppsScript) フォームから送信があった際にLINEにGASでメッセージを通知させる[PART2]
フォームから送信があった際にLINEにGoogle Apps Script（GAS）を使用してメッセージを通知させてみます。前回のまとめ（メッセージがLINEに通知される）スクリプトを実行すると、指定したメッセージがLINEに通知されるよう...
Googleアナリティクス(GA4) 【GA4】Googleアナリティクスでの効果的な20の分析方法：基本から応用まで！
Googleアナリティクスで効果的な分析方法には、以下のようなものがあります。ゴールの設定ゴールの設定：Googleアナリティクスで重要なのは、サイトやアプリに対して何を達成したいのかを明確にすることです。例えば、商品の購入や問い合わせフォ...
WordPress(ワードプレス) Contact Form7 フォームのデザインをいい感じに改良したい【CSS】
Contact Form7は、WordPressで最も広く使用されているフォームプラグインの1つです。デフォルトのデザインは単純であるため、改良することは可能です。フォームのHTMLコードを確認するまず、Contact Form7のフォーム...
WordPress(ワードプレス) 【ConoHa WING（コノハウィング）】新規のドメインを契約する方法
ConoHa WING（コノハウィング）は、VPSやクラウドストレージなどを提供しているサービスです。ドメインを契約して、自分のウェブサイトを公開することもできます。今回は、ConoHa WINGで新規にドメインを契約する方法をご紹介します...
Domain(ドメイン) DKIM（DomainKeys Identified Mail）とは？DKIM設定について【送信ドメイン認証技術】
DKIMとは？DKIM「DomainKeys Identified Mail」は、送信ドメイン認証技術の1つであり、メール送信者の認証を行うことで、メール送信元ドメインが信頼できるものであることを示し、偽装されたメールの送信を防止することが...
GAS(GoogleAppsScript) フォームから送信があった際にLINEにGASでメッセージを通知させる[PART1]
以前にも別のパターンで何度か登場していますが、今回はフォームから送信があった際にLINEにGASでメッセージを通知させてみます。LINEにGoogle Apps Script（GAS）を使用してメッセージを通知するには、以下の手順で作成でき...
生成AI(エーアイ) WebChatGPT｜インターネットにアクセスできる ChatGPT
ChatGPTが2021年9月時点？例えば「Google Chrome」のシェアを尋ねると、以下のように返ってきます。「「Google Chrome」は世界で最も人気のあるブラウザの一つです。2021年9月時点で、全世界のデスクトップブラウ...
CSS(シー・エス・エス) 【CSS】美しいInstagramフォローボタンを作成する方法
以下は美しいInstagramフォローボタンのCSSデザイン例と設置方法です。 フォローするFontAwesomeを読み込むFontAwesomeをダウンロードするか、CDNから読み込みます。<link rel="stylesheet" h...
JavaScript(ジャバスクリプト) JavaScriptを使ったアニメーションの実装方法と３つの事例について
JavaScriptのアニメーションを作成することで、目を引くウェブサイトを作成することができます。以下は、人々を驚かせるかもしれない、いくつかのアイデアです。サンプルページはこちら▼JavaScriptの４つのアニメーション例キャンバスを...
GAS(GoogleAppsScript) 【GAS】Google Driveでスプレッドシートの自動バックアップを行うスクリプトを作る
GASを使ってGoogle Driveでスプレッドシートの自動バックアップを行うスクリプトを作ることができます。Google DriveにあるフォルダにバックアップするGoogle Apps Script（GAS）を使用して、Google ...
Web(ウェブ技術関連) デザイン専門用語30選【Webデザイン・WEBサイト制作】
Webデザインに関する専門用語をまとめました。印刷に使われるCMYKやデジタル表示に使用されるRGB、画像を構成する最小単位のピクセル、画像の精細度を表す解像度など基本的な用語から、文字の微調整であるレタリングやキービジュアル、ブランディン...
PWA（プログレッシブウェブアプリ） manifest.jsonとは？定義ファイルについて
manifest.jsonとはmanifest.jsonは、Webアプリケーションやブラウザ拡張機能の開発に使用されるJSONファイルです。このファイルは、アプリケーションまたは拡張機能の基本情報や設定、アイコンなどのリソースの場所を定義し...
GoogleDrive(グーグルドライブ) diagrams.netとは？オンラインで無料で使えるフローチャートや図表作成ツール[PART1]
diagrams.netとは？diagrams.netは、オンラインで無料で使えるフローチャートや図表作成ツールです。下記のような図を作ることができます。フロー図UMLERDネットワーク図ビジネス手順モデル組織図回路図ワイヤーフレームと模型...
WordPress(ワードプレス) functions.phpを修正せずにWordPressサイトにコードを追加できるプラグイン「Code Snippets」
「Code Snippets」プラグインとは？「Code Snippets」は、WordPressサイトにカスタム機能を追加するためのプラグインです。このプラグインを使用すると、ユーザーはWordPressのテーマファイルやプラグインファイ...
