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のエイリアスとして使用されますが、jQuer...
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の添付ファイルは保存される？Contact...
JavaScript(ジャバスクリプト) 【JavaScript】マウス位置を取得するプロパティ（client・page・screen・offset）
マウスの位置を取得するJavaScriptでマウスの位置を取得するには、以下のようなプロパティを使用します。clientX, clientYpageX, pageYscreenX, screenYoffsetX, offsetY例えば、以下...
