SETUP GUIDE
セットアップ手順
Apps Scriptのプロジェクトを作るところから、コード登録、地域の設定、権限の承認、ウェブアプリのデプロイ、タブレットでの表示までを順番に説明します。所要時間は15分ほどです。
FIRST
つまずきやすい3点(最初に読む)
index だけです。
/dev はスクリプトを編集できる本人専用の開発用URLで、ほかの端末では開けません。デプロイ後に表示される /exec のURLを使ってください。
setup を一度実行し、権限の確認画面で許可し直してください。
1. 準備
使うGoogleアカウントを決めます
予定を表示したいGoogleカレンダーのアカウントで作業します。Apps Scriptはこのアカウントの権限で動き、カレンダーを読み取ります。
Apps Scriptを開きます
script.google.comを開き、[新しいプロジェクト]を作成します。プロジェクト名は「ダッシュボード」など分かりやすい名前にします。
2. 3ファイルをApps Scriptへ登録する
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のURL | NHKニュース(主要) |
NEWS_COUNT | ニュースの表示件数 | 8 |
DAYS | 予定を表示する日数 | 7 |
REFRESH_MIN | 画面の自動更新間隔(分) | 10 |
CALENDAR_EXCLUDE | 表示しないカレンダー名の一覧 | なし |
4. 動作確認と権限の承認
関数 setup を実行します
エディタ上部の関数選択で setup を選び、[実行]を押します。
権限を確認して許可します
[権限を確認]→ 自分のアカウントを選びます。「このアプリはGoogleで確認されていません」と表示されたら、[詳細]→[(プロジェクト名)(安全ではないページ)に移動]を選び、内容を確認して[許可]します。
実行ログを確認します
天気・予定・ニュースのそれぞれに「OK」と表示されれば準備完了です。「NG」の場合は、続くメッセージで原因を確認してください。
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を開いた状態で固定できます。
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の設置で困っている」と伝えると、手順に沿った対処を教えてくれます。
- コード全文はコードページからコピーできます。該当する部分を一緒に貼ると、より正確な回答が得られます。