JavaScript(ジャバスクリプト) DOMContentLoadedイベント／DOM操作の基本【JavaScript】
DOMとは？ DOM（Document Object Model）は、HTMLドキュメントの構造を表す階層的なオブジェクトモデルであり、JavaScriptを使用してドキュメントの内容や構造を変更することができます。DOMの処理は次のような...
2023-07
JavaScript(ジャバスクリプト) 
VSCode(Visual Studio Code) 【VSCode】拡張機能「Prettier」で自動整形（フォーマット）する方法
Prettier（プリティア）とは？ プリティアーとは、VSCodeで使える自動整形（フォーマット）の拡張機能です。 以下のような特徴があります。 独自のコードフォーマッター 多くの言語をサポート ほとんどのエディタと統合 選択肢が少ない ...
Looker Studio（ルッカースタジオ） 【Looker Studio】Looker Studio（ルッカースタジオ）の基本について – Part1
Looker Studio（ルッカースタジオ）とは？ Looker Studio (以前の Google Data Studio／Googleデータポータル) は、ビジネスインテリジェンスツールの一部であり、データの視覚化や分析を簡単かつ柔...
jQuery（ジェイクエリ） 【jQuery】アニメーション作成の基本と７つの事例ついて
jQueryによるアニメーション作成 jQueryを活用したアニメーションとして、フェードインやフェードアウトの仕組みやパララックスの機能、ローディングアニメーションなどがあります。 今回は７つの活用事例についてご紹介します。 フェードイン...
jQuery（ジェイクエリ） caught ReferenceError: $ is not defined
「$は定義されていません」というReferenceErrorが発生しました。 jQueryを読み込んでいない このエラーは、通常、jQueryを使用していないために発生します。$は、通常、jQueryのエイリアスとして使用されますが、jQu...
JavaScript(ジャバスクリプト) 【JavaScript】Ajaxとは？（非同期的なJavaScriptとXML）
Ajaxとは？ Ajaxとは、Asynchronous JavaScript and XML（非同期的なJavaScriptとXML）の略語で、Webページを更新するために必要な情報を取得するためのテクノロジーです。 Ajaxを使用すること...
GAS(GoogleAppsScript) 【GAS】Contact Form 7で添付したファイルをLINE Notifyで送信する（Part3）
前回の続きです。Contact Form 7で添付したファイルをLINE Notifyで送信します。 前回までの内容はこちら▼ GASに権限を承認する スクリプトの実行には権限が必要ですので、スクリプトを実行して権限を与えておきます。 実行...
GAS(GoogleAppsScript) 【GAS】Contact Form 7で添付したファイルをLINE Notifyで送信する（Part2）
前回の続きです。Contact Form 7で添付したファイルをLINE Notifyで送信します。 前回までの内容はこちら▼ 全体の流れ JavaScript側のコードで、フォームデータに添付ファイルのデータを追加し、それをリクエストとし...
GAS(GoogleAppsScript) 【GAS】Contact Form 7で添付したファイルをLINE Notifyで送信する（Part1）
Contact Form 7で添付したファイルをLINE Notifyで送信する方法です。※画像送付はセキュリティの問題もあるので個人情報の運用などは特にご注意ください。 Contact Form 7の添付ファイルは保存される？ Conta...
JavaScript(ジャバスクリプト) 【JavaScript】マウス位置を取得するプロパティ（client・page・screen・offset）
マウスの位置を取得する JavaScriptでマウスの位置を取得するには、以下のようなプロパティを使用します。 clientX, clientY pageX, pageY screenX, screenY offsetX, offsetY ...
