SETUP GUIDE

セットアップ手順

Apps Scriptのプロジェクトを作るところから、コード登録、地域の設定、権限の承認、ウェブアプリのデプロイ、タブレットでの表示までを順番に説明します。所要時間は15分ほどです。

FIRST

つまずきやすい3点(最初に読む)

1. HTMLファイルの名前は正確に「index」にする 大文字や全角、前後の空白が入ると画面が真っ白になります。拡張子(.html)は自動で付くので、入力するのは index だけです。
2. タブレットで開くのは末尾が「/exec」のURL /dev はスクリプトを編集できる本人専用の開発用URLで、ほかの端末では開けません。デプロイ後に表示される /exec のURLを使ってください。
3.「取得できませんでした」はたいてい権限承認が未完了 天気や予定が出ないときは、エディタで関数 setup を一度実行し、権限の確認画面で許可し直してください。

1. 準備

使うGoogleアカウントを決めます

予定を表示したいGoogleカレンダーのアカウントで作業します。Apps Scriptはこのアカウントの権限で動き、カレンダーを読み取ります。

Apps Scriptを開きます

script.google.comを開き、[新しいプロジェクト]を作成します。プロジェクト名は「ダッシュボード」など分かりやすい名前にします。

2. 3ファイルをApps Scriptへ登録する

コードはコードページから個別にコピーできます。一括で用意する場合は、ソースZIPを展開してください。

Code.gsを貼り付けます

最初からある コード.gs の内容をすべて削除し、Code.gsのコードを貼り付けます。表示名は「コード.gs」のままで動作します。

HTMLファイル index を追加します

左側の「+」から[HTML]を選び、名前を index にします。作成された index.html の中身をすべて削除し、画面のコードを貼り付けます。

appsscript.jsonを書き換えます

左側の歯車アイコン[プロジェクトの設定]で「『appsscript.json』マニフェスト ファイルをエディタで表示する」にチェックを入れます。エディタに現れた appsscript.json の中身を、マニフェストのコードに置き換えます。

このファイルで、カレンダーへのアクセスを読み取りのみに限定し、タイムゾーンを日本時間にしています。

すべて保存します

3ファイルとも保存します(Macは⌘+S、Windowsは Ctrl+S)。

3. 地域を設定する

Code.gs の CONFIG を開きます

ファイルの冒頭にある CONFIG のうち、★の付いた項目だけを書き換えます。それ以外は初期値のままで動きます。

天気の地域を書き換えます

Googleマップで自宅付近を長押しすると、緯度・経度(例:35.69, 139.75)が表示されます。

天気のリンク先を設定します(任意)

天気欄をタップしたときに開くページです。たとえばtenki.jpでお住まいの市区町村のページを開き、そのURLを貼ります。空欄のままでも動作します。

保存します

書き換えたら保存します。数値は引用符で囲まず、そのまま書きます。

項目内容初期値
PLACE ★画面に表示する地名(表示用)東京都千代田区
LAT / LON ★天気を取得する地点の緯度・経度35.69 / 139.75
WEATHER_URL ★天気欄をタップしたときに開くページ空欄(開かない)
NEWS_RSSニュースのRSSのURLNHKニュース(主要)
NEWS_COUNTニュースの表示件数8
DAYS予定を表示する日数7
REFRESH_MIN画面の自動更新間隔(分)10
CALENDAR_EXCLUDE表示しないカレンダー名の一覧なし

4. 動作確認と権限の承認

関数 setup を実行します

エディタ上部の関数選択で setup を選び、[実行]を押します。

権限を確認して許可します

[権限を確認]→ 自分のアカウントを選びます。「このアプリはGoogleで確認されていません」と表示されたら、[詳細]→[(プロジェクト名)(安全ではないページ)に移動]を選び、内容を確認して[許可]します。

実行ログを確認します

天気・予定・ニュースのそれぞれに「OK」と表示されれば準備完了です。「NG」の場合は、続くメッセージで原因を確認してください。

「Googleで確認されていません」の警告は、必ず表示されます。このプロジェクトはあなた自身が作成したもので、Googleの審査を経ていないために出る表示です。求められる権限は「カレンダーの閲覧」と「外部サービスへの接続(天気・ニュースの取得)」の2つだけです。

5. ウェブアプリとしてデプロイする

[デプロイ]→[新しいデプロイ]を開きます

「種類の選択」の歯車から「ウェブアプリ」を選びます。

実行者とアクセス範囲を設定します

項目設定
次のユーザーとして実行自分
アクセスできるユーザー自分のみ

「全員」を選ぶと、URLを知っている人があなたの予定を見られる状態になります。必ず「自分のみ」にしてください。

デプロイして /exec のURLをコピーします

表示された「ウェブアプリ」のURL(末尾が /exec)を控えます。

6. タブレットで表示する

発行したURLを、表示用タブレットのブラウザで開いたまま、充電器につないで置いておきます。画面を消さない設定は機種によって異なります。

iPad(iPadOS)の場合

SafariでURLを開きます

控えたURLを開き、デプロイしたのと同じGoogleアカウントでログインします。「自分のみ」に設定しているため、ログインしていないと表示されません。

画面を消えないようにします

[設定]→[画面表示と明るさ]→[自動ロック]を「なし」にし、充電器につないだまま置いておきます。

Safariの表示を整えます

アドレスバーを小さくするには、Safariのタブ表示を「コンパクト」にします(iPadOSのバージョンにより表示が異なります)。

アクセスガイダンスで固定します(任意)

[設定]→[アクセシビリティ]→[アクセスガイダンス]をオンにし、Safariを開いた状態でトップボタン(またはホームボタン)を3回押すと、ほかのアプリへ移らないよう固定できます。

Androidの場合

ChromeでURLを開きます

控えたURLを開き、デプロイしたのと同じGoogleアカウントでログインします。しばらく操作しないと、アドレスバーは自動で隠れます。

画面を消えないようにします

手軽にするなら、[設定]→[ディスプレイ]→[画面消灯](スリープ)を、選べる範囲で一番長い時間にします。確実に消したくない場合は、[設定]→[デバイス情報]→[ビルド番号]を7回タップして開発者向けオプションを有効にし、[設定]→[システム]→[開発者向けオプション]→[スリープモードにしない](充電中は画面をオンのまま)をオンにします。

※メニュー名は機種・Androidのバージョンにより多少異なります。

ほかのアプリへ移らないよう固定します(任意)

[設定]→[セキュリティ]→[アプリ固定](機種により[画面のピン留め])をオンにすると、Chromeを開いた状態で固定できます。

「ホーム画面に追加」して全画面アプリとして使う方法はおすすめしません。ホーム画面(アプリ)から開くとGoogleのログイン状態が保持されず、表示のたびにログインを求められることがあります。iPadはSafari、AndroidはChromeのタブで開いたまま使ってください。

7. 既知の注意点

  • 繰り返し予定をタップすると、その回ではなく繰り返しの最初の予定が開くことがあります。
  • 天気は30分、ニュースは15分ごとに取得し直します。それより短い間隔では内容が変わりません。
  • 天気が「取得できませんでした」となる場合は、時間をおいて再度確認してください。MET Norwayの無料APIは、短時間に何度も取得すると一時的に制限されることがあります(本アプリは取得結果を30分キャッシュしています)。
  • 古いiOSでの動作は確認していません。

8. コードを更新するとき

ファイルを新しい版へ差し替えます

CONFIG の設定値を控えてから Code.gs・index.html を貼り替え、設定値を書き戻して保存します。

新しいバージョンとして再デプロイします

[デプロイ]→[デプロイを管理]で既存のウェブアプリを編集し、バージョンで「新バージョン」を選んでデプロイします。コードを保存しただけでは、/exec のURLに反映されません。URLは変わりません。

HELP

困ったときは、AIに聞いてみましょう

このアプリのコードはすべて公開しています。設置でつまずいたら、生成AI(ChatGPT・Claude・Geminiなど)に聞くのが近道です。

  • うまくいかない画面の内容やエラーの文言を、そのまま貼り付けて「Google Apps Scriptの設置で困っている」と伝えると、手順に沿った対処を教えてくれます。
  • コード全文はコードページからコピーできます。該当する部分を一緒に貼ると、より正確な回答が得られます。
貼るときの注意 自分の予定の中身や、発行されたURLなど、他人に見られたくない情報は伏せてから貼ってください。このアプリは個別サポートを行っていません。

Google公式資料