プログラミング

【GAS】ストップウォッチを作成する【JavaScript】

GASを使うとWebアプリが簡単に作成できます。今回は、ストップウォッチを作成します。ストップウォッチアプリの完成形ストップウォッチアプリの画面とコードです。const doGet = () => { return htmlOutput =...
プログラミング

【GAS】YouTube埋め込みアプリの作成【IFrame Player API】

ブログやアプリに、YouTubeプレーヤーを埋め込むことができます。今回は、GASで作成したアプリにYouTubeプレーヤーを埋め込んでみます。基本となるGASファイルの作成GASで基本となる、次の4つのファイルを作成します。こちらの記事を...
プログラミング

Webアプリでスプレッドシートのデータを操る

Webアプリにスプレッドシートのデータを表示したい。Webアプリからのデータをスプレッドシートに書き込みたい。Webアプリのデータベースとして、スプレッドシートを使用することができます。GASを使用して、スプレッドシートと連携する方法をまと...
プログラミング

体重管理のグラフはGoogleにお任せ【Google Apps Script】

Googleアカウントがあれば無料で使用できるスプレッドシートとGoogle Apps Script。今回は、スプレッドシートで作ったグラフを、GAS(Google Apps Script)でHTMLとして表示させてみます。ダイエットをする...
プログラミング

【その4 JavaScriptで動き】ストレス解消のメンタルクリアボタンを作る【Google Apps Script】

前回のメンタルクリアボタンの概要はこちら。ストレス解消法の1つの「メンタルクリアボタン」をGoogle Apps Scriptで作成します。完成形は次のとおり。ボタンを押せば、ボタンの表示文字と色が変化していきます。前回の記事では、CSSで...
プログラミング

【その3 CSSで装飾】ストレス解消のメンタルクリアボタンを作る【Google Apps Script】

前回のメンタルクリアボタンの概要はこちら。ストレス解消法の1つの「メンタルクリアボタン」をGoogle Apps Scriptで作成します。完成形は次のとおり。ボタンを押せば、ボタンの表示文字と色が変化していきます。前回の記事では、Goog...
プログラミング

【その2 設計・構造】ストレス解消のメンタルクリアボタンを作る【Google Apps Script】

前回のメンタルクリアボタンの概要はこちら。ストレス解消法の1つの「メンタルクリアボタン」をGoogle Apps Scriptで作成します。完成形は次のとおり。ボタンを押せば、ボタンの表示文字と色が変化していきます。アプリの基本機能、デザイ...
プログラミング

【その1 概要】ストレス解消のメンタルクリアボタンを作る【Google Apps Script】

ストレス社会といわれるように、子育てや仕事、人間関係など様々なストレスを感じながら生活しています。そんなストレス解消法の1つに「メンタルクリアボタン」というテクニックがあります。今回はメンタルクリアボタンのアプリをGoogle Apps S...
プログラミング

【Google Apps Script】Webアプリの基本テンプレート

Webアプリ(サイト)は、HTML、CSS、JavaScriptから成り立ちます。これらは1つのファイルにまとめて書くことができますが、複数のファイルに分けた方が管理がしやすくなります。ボタンを押したら文字が非表示になるアプリで説明します。...
プログラミング

WEBからの通知をLINEで受信する方法【LINE Notifyの使い方】

カレンダーに予定を入れていたのに、すっかり忘れていた。そんなときに通知があれば便利ですよね。Webサービスからの通知をLINEで受け取れたら便利だと思ったことありませんか?そんなときに役立つのが「LINE Notify」です。様々なサービス...