■Google App Scriptとは GoogleAppScript（GASと呼ばれます）とは、Googleが提供しているプログラミング言語です。 基本的には、JavaScriptと同じ書き方ができます。 GASの利点として、Googleが提供しているサービス（スプレットシートやGmailなど）との連携…

■はじめに 「render」から呼び出すと複数回呼び出されますが、画面読み込み後に「1回だけ呼び出したい」場合の書き方を紹介します。 APIでデータを取得したい場合や、DOMを書き換えたい場合には、ここで処理する方が良いと思います。 ■手順 ソースコードの全…

■はじめに 前回の記事の「定数クラス」に環境毎に分けた定数を定義する方法を記載します。 APIの向き先などで使用することはあると思います。 ■手順 プロジェクトは「create-react-app」を使用して作成しておいてください。 ※そうすることで、環境を分ける定…

■はじめに 以前、「ボタン押下時にテキストの値を取得する方法【React】」でテキストの変更時処理で変数に値を保持して操作していました。 ここでは、オブジェクトを取得することで、必要な時に最新の値が取得できるようになります。 どちらが良いかは、好み…

■はじめに 2つ以上の配列があり、A配列にB配列の要素が重複しているか？重複している場合はどれが重複しているのか？ を調べる方法を記載します。 「filter」関数を使用しての実装になります。 ■手順 A配列にB配列の要素重複確認 const arrayA = ['Apple', '…

■はじめに ReactとDockerの環境構築は完了している前提で記載します。 まだの方は、それぞれの環境構築を行ってからご覧ください。 ■手順 以下のコマンドを実行し、Reactプロジェクトを作成します。 create-react-app dockersample 以下のコマンドを実行し、…

■はじめに ここでは、「react-tabs」というライブラリを使用してタブを作成します。 こちらの公式サイトに書かれているような物が作成できます。 ■手順 以下のコマンドで「react-tabs」をインストールしてください。 npm install react-tabs ソースコードの…

■はじめに GASからSlackにメッセージを送信する方法を記載します。 Slackのワークスペースを作成しておいてください。 ■Slackアプリの作成 こちらにアクセスし、Slackのワークスペースにサインインする。 ※サインインしたら、Slackのワークスペースが表示さ…

■はじめに 事前にカレンダーに予定を設定しておいてください。 ■手順 ソースコードの全量は以下 ※「[Googleのメールアドレス]」はそれぞれ置き換えてください。 function calSample(){ var cal = CalendarApp.getCalendarById("[Googleのメールアドレス]"); …