スキルアップを始める!

2023-06

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によってデザインが見づらい状態・・・になってしまう場合があります。 デザインによっては、ダークモードが動くと見づらくなる場合があるかもしれません。 この場合に、何かしらアナウ...
JavaScript(ジャバスクリプト)

【JavaScript】li要素全体をクリックしてリンク先にジャンプさせる

li要素全体をクリックしてリンクしたい 例えば下記のようなHTMLリスト(目次)があったとして、このli要素はリンクにならず、a要素がリンクとなります。 <div class="toc-content"> <ol class="toc-li...
WordPress(ワードプレス)

functions.phpを修正せずWordPressにコード追加できる便利プラグイン「WPCode」

「WPCode」プラグインとは? 「WPCode – ヘッダーとフッターの挿入 + カスタムコードスニペット – WordPress コードマネージャー」は、WordPressのプラグインの1つであり、簡単にヘッダーとフッターにカスタムコー...
JavaScript(ジャバスクリプト)

【JavaScript】特定のクラス名を指定して変数に格納する|querySelector・querySelectorAll

querySelectorメソッド 特定のクラス名を指定するには、documentオブジェクトのquerySelectorメソッドやquerySelectorAllメソッドに、ドット(.)を使ってクラス名を指定します。具体的には、以下のよう...
JavaScript(ジャバスクリプト)

【JavaScript】ビルトインオブジェクトとは?JavaScriptの実行環境オブジェクト

ビルトインオブジェクトとは? ビルトインオブジェクトとは、JavaScriptの実行環境に最初から用意されているオブジェクトのことを指します。ビルトインオブジェクトには、以下のようなものがあります。 Objectオブジェクト Arrayオブ...
GAS(GoogleAppsScript)

【GAS】if文の基本について|特定の条件が満たされた場合に実行するスクリプト

if文の基本|if (条件式) if文は、特定の条件が満たされた場合に、あるステートメント(コードの塊)を実行するために使用されます。if文は、プログラムの制御フローを変更するために重要な役割を果たします。 基本的なif文の構文は以下の通り...
GAS(GoogleAppsScript)

【GAS】for文(ループ)反復処理プログラムの基本的な使い方について

GASでは、for文を使用して反復処理を行うことができます。for文は、指定した条件が満たされている間、一連のステートメント(コードの塊)を繰り返し実行するために使用されます。 for文の一般的な構文|for (初期化式; 条件式; 更新式...
jQuery(ジェイクエリ)

【jQuery】JavaScriptを使用して、フォームの入力内容を確認する

jQueryでフォームの入力内容を確認する JavaScriptを使用して、フォームの入力内容を確認する方法はいくつかありますが、jQueryを使用すると簡単に実装できます。 以下は、フォームが送信される前にフォームの入力内容を確認するため...
JavaScript(ジャバスクリプト)

【JavaScript】フォームの入力内容を確かめる|制御構文・正規表現・例外処理を使った処理

JavaScriptを使用して、フォームの入力内容を確認する方法について説明します。 制御構文(入力欄が空欄かどうか) まず、制御構文を使用して、入力された値が適切かどうかを確認します。 以下は、例として、フォームの入力欄が空欄でないことを...
WordPress(ワードプレス)

【ContactForm7】非表示の値を渡して送信する|hidden(隠し入力項目)

hiddenで値を送信する ContactFormに非表示の入力項目を用意したいと思ったときは、フォームタグタイプhiddenが使えます。 例えば、下記のように指定します。 [hidden testId01 default:'テスト1'] ...
JavaScript(ジャバスクリプト)

【JavaScript】オブジェクト・プロパティ・メソッドについて

オブジェクトとは JavaScriptにおけるオブジェクトは、キーと値のペアの集合で構成されます。キーは文字列であり、値には任意のデータ型を使用できます。オブジェクトは、波括弧 {} 内にキーと値をカンマで区切って定義します。 例えば、以下...
WordPress(ワードプレス)

【WordPress】Salon Booking Systemの使い方|美容室・サロンなどにおすすめの予約システムプラグイン

Salon Booking Systemは、予約管理のためのWordPressプラグインです。このプラグインをインストールすることで、WordPressウェブサイト上での予約受付が可能となります。「美容師」「理髪店」「美容院」「スパ」「機械...
Web(ウェブ技術関連)

「リバースプロキシ」とは?プロキシサーバーとリバースプロキシについて

「リバースプロキシ」とは? 「リバースプロキシ」とは、Webサーバーの前に設置され、外部からのアクセスを代理で受け取り、内部のサーバーに振り分ける役割を持つサーバーのことを指します。 いわばサーバー側に置かれた仲介者であり、外部からのアクセ...
JavaScript(ジャバスクリプト)

JavaScriptの即時関数(IIFE)とは?

即時関数(IIFE: Immediately Invoked Function Expression)とは? JavaScriptの即時関数(IIFE: Immediately Invoked Function Expression)は、関...
Googleスプレッドシート

【Googleスプレッドシート】COUNTIFS関数の基本と使い方について

COUNTIFS関数とは? countifs関数は、複数の条件を指定してデータを抽出する際に非常に便利な関数です。 COUNTIFS関数の構文は、以下の通りです。 =COUNTIFS(範囲1, 条件1, 範囲2, 条件2, ...) この関...
JavaScript(ジャバスクリプト)

【JavaScript】コメントアウトとは?実行を無視する機能について

コメントアウトとは? JavaScriptにおいてコメントアウトとは、プログラムの中で人間が読みやすくするために、実行時には無視されるようにする機能ことです。 コメントアウトは、プログラムに対するメモや付属事項を書いたり、コードの一部を一時...
URLをコピーしました!