生成AI(エーアイ) WebChatGPT｜インターネットにアクセスできる ChatGPT
ChatGPTが2021年9月時点？例えば「Google Chrome」のシェアを尋ねると、以下のように返ってきます。「「Google Chrome」は世界で最も人気のあるブラウザの一つです。2021年9月時点で、全世界のデスクトップブラウ...
2023-04
生成AI(エーアイ) 
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のテーマファイルやプラグインファイ...
生成AI(エーアイ) ChatGPTのプラグイン機能！おすすめ10個と具体例について
以下は、ChatGPTでおすすめする ChatGPT のプラグイン機能と具体例です。翻訳プラグイン翻訳プラグイン言語が異なる人とのコミュニケーションをスムーズに行うことができます。例：「こんにちは」と入力すれば、自動的に相手の言語に翻訳され...
WordPress(ワードプレス) 効果的なブログの書き方の参考になる10のフレームワーク
ブログを書くときには、以下のようなフレームワークが役立つことがあります。PREPフレームワークPoint（ポイント）、Reason（理由）、Example（具体例）、Point（ポイント）の4つの要素を順に並べ、読者に伝えたいことをわかりや...
CSS(シー・エス・エス) 【CSS】margin: 0 autoが効かない？
margin: 0 autoが効かない？要素を中央に配置するために、margin: 0 auto; を使ってもうまくいかない場合、次のような可能性があります。要素がブロック要素かどうか要素がブロック要素である必要があります。inline要素...
WordPress(ワードプレス) 【Contact Form7】メールアドレスが正しいかどうか2回入力して検証するフォームを作成する
メールアドレスが正しいかどうか2回入力して、検証するフォームを作成します。フィルターフックに追加するこのコードは、Contact Form 7のバリデーションフィルタを追加するためのものです。functions.phpやスニペットに追加する...
JavaScript(ジャバスクリプト) JavaScript初心者必見！抑えておくべき１０つのポイント
JavaScriptはWeb開発において重要なプログラミング言語であり、抑えておくべきポイントは多岐にわたりますが、以下にいくつか挙げてみます。基本構文基本構文：JavaScriptの基本的な構文を把握することが重要です。変数の宣言方法、デ...
WordPress(ワードプレス) 【WordPress】ブログ投稿と連動してTwitterに自動投稿できる便利プラグイン｜Blog2Social
「Blog2Social」というプラグインを使えば、WordPressのブログ投稿を自動的にSNSに投稿することができます。以下は、Blog2Socialの設定方法です。プラグインのインストールと有効化プラグインのインストールと有効化 まず...
JavaScript(ジャバスクリプト) UserAgent（ユーザーエージェント）とは？主要なブラウザのユーザーエージェントについて
UserAgent（ユーザーエージェント）とは？UserAgent（ユーザーエージェント）とは、WebブラウザやクローラーなどのHTTPクライアントが、サーバーに送信するリクエストヘッダーの一部です。この情報には、クライアントの種類、バージ...
WordPress(ワードプレス) 【Contact Form 7】JavaScriptで送信ボタン押下時・送信成功時などの処理を設定する（DOM イベント）
Contact Form 7で送信ボタンを押した時、送信成功時などにJavaScript（DOM イベント）で処理を加える方法です。今回はリダイレクトを設定してみます。送信ボタン押下時（wpcf7submit）条件に関係なく、Ajax のフ...
GAS(GoogleAppsScript) 【GASを活用した業務改善】Google Apps Script (GAS) APIを活用した35の活用事例
Google Apps Script (GAS) APIは、Google Apps（Gmail、Googleドライブ、カレンダーなど）と連携して、カスタムスクリプトを作成するためのAPIです。以下は、GAS APIを活用した事例です。自動化...
GAS(GoogleAppsScript) 【Googleスプレッドシート】シート名をセルに表示させる方法（シート名参照カスタム関数）
「スプレッドシート シート名をセルに表示」と検索している方が多かったようですが、おそらくは、例えば「A1セルに現在のシート名を表示したい」といった意味…かな？と思います。このカスタム関数が欲しいとなった場合は、、GoogleAppsScri...
WordPress(ワードプレス) 【WordPress】WEBページ内の自作フォームからGoogleフォームの回答に送信する｜form action [PART1]
WordPressでページ内にフォームを作成し、そのフォームが送信された際にGoogleフォームの回答として送信する方法について。ページ内のフォーム送信時にGoogleフォームの回答に送信してみます。form action についてこの例で...
JavaScript(ジャバスクリプト) 【JavaScript入門】JavaScriptを実行する方法 scriptタグの基本
scriptタグとは？JavaScriptを実行する方法として、scriptタグを使う方法があります。この方法は、Webページ内にJavaScriptコードを直接埋め込んで実行する方法です。scriptタグを使用すると、HTMLのページ内で...
JavaScript(ジャバスクリプト) JavaScriptで使用される主なaddEventListenerメソッド一覧
JavaScriptで使用されるaddEventListenerメソッドは、様々なイベントをリッスンすることができます。以下に一般的なイベントのリストを示します。addEventListenerメソッドとは？addEventListener...
PWA（プログレッシブウェブアプリ） PWA（Progressive Web Apps）とは？PWAのメリットや作り方について
PWA（Progressive Web Apps）とは？PWA（Progressive Web Apps）／プログレッシブウェブアプリは、Web技術を使用してネイティブアプリのような動作を実現することができるアプリです。PWAは、以下の手順...
Marketing(マーケティング) 新規事業を立ち上げる際に抑えておきたい７つのフレームワーク【マーケティング】
ビジネスを成功させるために必要な７つのフレームワークを紹介します。これらのフレームワークを使えば、新規事業を立ち上げる際の成功への確率を高めることができます。ぜひ参考にしてみてください。アイデアの検討アイデアの検討新しいビジネスを始めるにあ...
WordPress(ワードプレス) Contact Form7の送信時にGASとLine Notifyで通知を受け取る-Part4
WordPressのContact Form7プラグインで送信があった際に、LINEに通知を受け取る方法です。前回の続きです。Part3はこちら↓yyyy/mm/dd形式に変換するSat May 06 2023 00:00:00 GMT+0...
生成AI(エーアイ) NotionAIとChatGPTとの違いとは？
NotionAIとは？Notion AIとは、人工知能を活用した自然言語処理技術を使ったテキスト生成サービスです。このサービスを利用することで、文章の自動生成や自動翻訳などの機能を利用することができます。ChatGPTとは？ChatGPTと...
HTML(エイチティーエムエル) HTMLのaタグの基本とアンカーの設定方法
HTMLのaタグとは？HTMLのaタグは、リンクを作成するために使用されます。HTMLでアンカー（特定の場所にジャンプするための場所を示す）を作成するために使用される要素です。この要素は、id属性を持つ別の要素に対してハイパーリンクを作成す...
GAS(GoogleAppsScript) 【GAS】送信ボタンを押した際にフォームフィールドの値を送信する（Contact Form7）|e.parameter[‘your-text’];がundefinedになる
doPostのe.parameter;がundefinedになるe.parameter は、URL クエリパラメータを含むオブジェクトですが、Content-Type が application/x-www-form-urlencoded ...
SEO(検索エンジン最適化) 【SEO対策】Google検索で上位に表示される30の方法
Google検索で上位に表示されるためには、以下のような方法があります。これらの方法を実践し、ユーザーにとって有用な情報やサービスを提供することが、Google検索で上位表示されるための重要なポイントとなります。キーワードの選定キーワードの...
WordPress(ワードプレス) Contact Form7で送信があった時にGoogle Apps Scriptを使用してLine Notifyで通知を受け取る-Part3
WordPressのContact Form7プラグインで送信があった際に、LINEに通知を受け取る方法です。前回の続きです。Part2はこちら↓スプレッドシートの値を取得する前回のままだと、通知を送る際のメッセージは、固定されたままの内容...
JavaScript(ジャバスクリプト) JavaScriptを使用してスマートフォンとPCを判断する方法（User Agent・画面幅）
JavaScriptを使用して、スマートフォンとパーソナルコンピュータ(PC)を判断する方法はいくつかあります。以下は、よく使用される方法の一例です。User Agentの検出User Agentは、WebブラウザーがWebサーバーに送信す...
