JavaScript(ジャバスクリプト) 【JavaScript】Ajaxとは？（非同期的なJavaScriptとXML）
Ajaxとは？ Ajaxとは、Asynchronous JavaScript and XML（非同期的なJavaScriptとXML）の略語で、Webページを更新するために必要な情報を取得するためのテクノロジーです。 Ajaxを使用すること...
JavaScript(ジャバスクリプト) 
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 ...
GAS(GoogleAppsScript) GASで特定のシートのデータをCSVでローカルにダウンロードする方法（Part3）
ダウンロードで関数を実行する 前回、ダウンロードを実行できました。 ファイルがダウンロードされましたが、中身は謎の状態になっています。 こちらを調整していきます。 CSVをリターンする 前回のコードから追加します。 function for...
GAS(GoogleAppsScript) GASで特定のシートのデータをCSVでローカルにダウンロードする方法（Part2）
CSVデータを作成する 前回は作成した関数を実行することで、作成したHTMLテンプレートをモーダルダイアログとして表示できました。表示されたモーダルダイアログには、"ファイルダウンロード" というタイトルが表示されます。 こちらにCSVダウ...
GAS(GoogleAppsScript) GASで特定のシートのデータをCSVでローカルにダウンロードする方法（Part1）
CSVでダウンロードしたい GASで特定のシートのデータをローカルにCSVファイルとしてダウンロードする方法です。 ダイアログを作成する まず、GASのスクリプトを実行して直接ローカルにダウンロード（おそらく）できないようなので、一度ダイア...
GoogleCalender(グーグルカレンダー) Googleカレンダー「通常と異なるトラフィックが検出されました」
通常と異なるトラフィックが検出されました このページについてお使いのコンピュータ ネットワークから通常と異なるトラフィックが検出されました。このページは、リクエストがロボットではなく実際のユーザーによって送信されたことを確かめるものです。こ...
WordPress(ワードプレス) 【Contact Form 7】ファイル添付機能の拡張子を制限する（WordPress）
Contact Form 7でファイル添付の拡張子を制限します。 Contact Form 7でアップロードできるファイルの拡張子は？ Contact Form 7では、様々な形式のファイルをアップロードできるようになっています。 PDFは...
JavaScript(ジャバスクリプト) 【JavaScript】ボタンをクリックしたときに現在のパラメータを次のページに渡す
ボタンをクリックしたときに、現在のページのパラメータを次のページに渡したい。 現在のページのパラメータを次のページに渡したい 例えば、次のようなパラメータがあったとします。 このページを開いたときに、次のページにパラメータを渡したい…。 例...
WordPress(ワードプレス) 【WordPress】Contact Form 7でファイル添付機能を追加する方法
Contact Form 7 で画像ファイルを添付する機能を追加するためにはいくつかの手順を実行する必要があります。 以下に、Contact Form 7に画像ファイル添付機能を追加する方法を示します。 添付ファイルフィールドの追加 フォー...
GAS(GoogleAppsScript) 【GAS】LINE Notifyで画像を添付して送信する方法
Google Apps Scriptを使用して、LINE Notifyに画像を添付して送信してみます。 LINE Notifyに画像を添付して送信する まずは、LINE Notifyを登録して、トークンを発行します。 このあたりは過去に何度...
VPS（Virtual Private Server） 【VPS】Let’s Encryptの証明書について｜Certbotインストール
VPSにSSL証明書をインストールする手順は次のとおりです。VPS上にApache、Nginx、または他のWebサーバーをインストールした後の流れです。 SSL証明書を取得する まず、SSL証明書を取得する必要があります。証明書は、信頼でき...
Googleスプレッドシート 単精度浮動小数点(有効桁数15桁)【スプレッドシート】
有効桁数15桁…？ 単精度浮動小数点は、スプレッドシートの数値型の一つで、15桁の有効桁数を持ちます。 これは、数値の精度が十分である場合には十分ですが、非常に大きな数や小さな数を扱う場合には、精度が低下する可能性があります。 スプレッドシ...
CSS(シー・エス・エス) 【CSS】取り消し線の色を変更するには？
text-decorationとは？ text-decorationは、CSSのプロパティの一つであり、テキストの装飾や線の追加に使用されます。このプロパティは、テキストに下線、上線、取り消し線、およびその他の線を追加するために利用されます...
JavaScript(ジャバスクリプト) 【JavaScript】画面をスクロールしたら画像をふわっと表示する
画面スクロールイベントが発生したら特定の要素にクラスを追加して、スクロールしたら画像をふわっと表示させる方法です。 scrollイベントを取得 このコードは、特定のクラス名（ここでは 'wp-block-image'）が付いたすべての要素を...
Web(ウェブ技術関連) 【TCP/IPプロトコル】代表的なポート番号とその種類について
TCP/IPプロトコルのポート番号とは ポート番号は、TCP/IPプロトコルにおいて、特定のアプリケーションやサービスに割り当てられた識別番号のことを指します。 TCP/IPプロトコルは、インターネット上で情報をやり取りするために広く使用さ...
Web(ウェブ技術関連) ポート番号443番のポートとは？HTTPS通信について
ポート番号443とは？ ポート番号443は、TCP/IPプロトコルのポート番号の一つであり、SSLやTLSによって保護された通信に使用されます。 通常、WebブラウザからWebサイトにアクセスする際には、ポート番号80番が使用されますが、セ...
JavaScript(ジャバスクリプト) 【JavaScript】端末がダークモードの時にダイアログやポップアップウィンドウで通知する方法
ダークモードでデザインが暗くなる 端末がダークモードの時に、CSSによってデザインが見づらい状態・・・になってしまう場合があります。 デザインによっては、ダークモードが動くと見づらくなる場合があるかもしれません。 この場合に、何かしらアナウ...
