JavaScript(ジャバスクリプト) 【JavaScript】ul要素の子要素であるli要素から各li要素の子要素であるa要素を取得してli要素と入れ替える
このスクリプトは、ul要素の子要素であるli要素から、各li要素の子要素であるa要素を取得して、li要素と入れ替えるものです。 各li要素の子要素であるa要素を取得して、li要素と入れ替える このスクリプトを実行することで、特定のクラス名の...
JavaScript(ジャバスクリプト) 
GAS(GoogleAppsScript) フォームから送信があった際にLINEにGASでメッセージを通知させる[PART2]
フォームから送信があった際にLINEにGoogle Apps Script（GAS）を使用してメッセージを通知させてみます。 前回のまとめ（メッセージがLINEに通知される） スクリプトを実行すると、指定したメッセージがLINEに通知される...
WordPress(ワードプレス) Contact Form7 フォームのデザインをいい感じに改良したい【CSS】
Contact Form7は、WordPressで最も広く使用されているフォームプラグインの1つです。デフォルトのデザインは単純であるため、改良することは可能です。 フォームのHTMLコードを確認する まず、Contact Form7のフォ...
Googleアナリティクス 【GA4】Googleアナリティクスでの効果的な20の分析方法：基本から応用まで！
Googleアナリティクスで効果的な分析方法には、以下のようなものがあります。 ゴールの設定 ゴールの設定：Googleアナリティクスで重要なのは、サイトやアプリに対して何を達成したいのかを明確にすることです。 例えば、商品の購入や問い合わ...
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...
JavaScript(ジャバスクリプト) JavaScriptを使ったアニメーションの実装方法と３つの事例について
JavaScriptのアニメーションを作成することで、目を引くウェブサイトを作成することができます。以下は、人々を驚かせるかもしれない、いくつかのアイデアです。 サンプルページはこちら▼ JavaScriptの４つのアニメーション例 キャン...
GAS(GoogleAppsScript) 【GAS】Google Driveでスプレッドシートの自動バックアップを行うスクリプトを作る
GASを使ってGoogle Driveでスプレッドシートの自動バックアップを行うスクリプトを作ることができます。 Google Driveにあるフォルダにバックアップする Google Apps Script（GAS）を使用して、Googl...
Web(ウェブ技術関連) デザイン専門用語30選【Webデザイン・WEBサイト制作】
Webデザインに関する専門用語をまとめました。 印刷に使われるCMYKやデジタル表示に使用されるRGB、画像を構成する最小単位のピクセル、画像の精細度を表す解像度など基本的な用語から、文字の微調整であるレタリングやキービジュアル、ブランディ...
PWA（プログレッシブウェブアプリ） manifest.jsonとは？定義ファイルについて
manifest.jsonとは manifest.jsonは、Webアプリケーションやブラウザ拡張機能の開発に使用されるJSONファイルです。 このファイルは、アプリケーションまたは拡張機能の基本情報や設定、アイコンなどのリソースの場所を定...
GoogleDrive(グーグルドライブ) diagrams.netとは？オンラインで無料で使えるフローチャートや図表作成ツール[PART1]
diagrams.netとは？ diagrams.netは、オンラインで無料で使えるフローチャートや図表作成ツールです。下記のような図を作ることができます。 フロー図 UML ERD ネットワーク図 ビジネス手順モデル 組織図 回路図 ワイ...
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; を使ってもうまくいかない場合、次のような可能性があります。 要素がブロック要素かどうか 要素がブロック要素である必要があります。inlin...
WordPress(ワードプレス) 【Contact Form7】メールアドレスが正しいかどうか2回入力して検証するフォームを作成する
メールアドレスが正しいかどうか2回入力して、検証するフォームを作成します。 フィルターフックに追加する このコードは、Contact Form 7のバリデーションフィルタを追加するためのものです。functions.phpやスニペットに追加...
JavaScript(ジャバスクリプト) JavaScript初心者必見！抑えておくべき１０つのポイント
JavaScriptはWeb開発において重要なプログラミング言語であり、抑えておくべきポイントは多岐にわたりますが、以下にいくつか挙げてみます。 基本構文 基本構文：JavaScriptの基本的な構文を把握することが重要です。 変数の宣言方...
