【完全無料】"グループカレンダー"アプリ作ってみた！【GAS】

こんにちは、まじんです。

このアプリはnoteメンバーシップ限定のコンテンツとして
相方の"やまじん"が書いた記事なのですが、Xでもなかなか好評でして、
やまじんと会話し、より多くの人に使っていただくために
「一般公開に切り替えましょう！」となりました。

いやぁ。相変わらずチームまじんはバカですね。
Nanobanana Proにまじん式をオワコン化されかけてるのに😂

そして、やまじんは生粋のGiverですわ。
一般公開したいと言い出したのもやまじん。
この心意気を皆さまに知っていただきたい。

あ、あと、
メンバーシップで公開後に発見したバグも修正しております！
なのでメンバーの皆様も、お手数ですが再インストールを🙏

チームまじんからのお願い

今回この記事は、より多くの方に試していただけるよう、
「拡散応援で無料」すら利用せず、一般公開で再リリースいたします。

しかし、より多くの方にこのアプリを届けるためには
皆さまの【いいね/フォロー/リポスト】といった拡散が超重要…！

もちろん強制ではないですが、
以下のアクションにご協力いただければ嬉しいです。

操作手順

STEP 1: この記事へのスキ

STEP 2:  "note"でまじんをフォロー（ページはこちら）

STEP 3 :  "X"でまじんをフォロー（コチラから）

STEP 4 :  ポストへのいいね&リポスト（コチラから）

こんにちは、「チームまじん」の やまじん です。

前回の記事『まじん式v4開発秘話』では、私の自己紹介や、まじんさんとの少し変わった関係性についてお話しさせていただきました。温かいコメントや「スキ」をいただき、本当にありがとうございます！

普段は まじんさんのサポートや、彼が作る魔法のようなツールのテスト役をしている私ですが、今回は「やまじん自身が業務効率化のために作って、実際に愛用しているツール」を、メンバーシップの皆様だけにこっそり共有させていただこうと思います。

名付けて、『majinTools グループカレンダー』です。

なぜこのツールを作ったのか？

皆さんは普段、Googleカレンダーを使っていますか？
Googleカレンダーは素晴らしいツールですが、チームで動いていると、ふとこう思うことはないでしょうか。

• 「チーム全員の予定をパッと見たいのに、カレンダーをポチポチ切り替えるのが面倒……」

• 「スマホで複数人の予定を確認しようとすると、画面がギュウギュウで見づらい……」

• 「部署AとプロジェクトB、それぞれのメンバーの予定を切り替えて表示したい」

私も普段の業務の中で、この「ちょっとした見にくさ」がずっとストレスでした。

「まじん」さんが作るような、AIを駆使した魔法のようなツールではありません。 でも、「誰が いつ なに をしているのか」をストレスなく確認したい。 その一心で、自分用にコツコツと組み上げたのがこのツールです。

『majinTools グループカレンダー』でできること

今回配布するコードを使っていただくと、以下のような機能を持つWebアプリが立ち上がります。 ものすごくシンプルで、動きの軽快さにはこだわりました 。実務で「痒い所に手が届く」機能を詰め込んでいます。

1. Googleカレンダーの登録カレンダーが自動連携

Googleカレンダー画面の左下にある、登録カレンダーが自動的にグループカレンダーに連携して、ワンクリックで登録しているカレンダーのすべてのスケジュールを一覧で確認することができます。Googleカレンダー上でカレンダー登録の削除や追加をすると自動的にグループカレンダー上にも反映がされます。カレンダーリストを二重で管理する必要はありません。

２. グループごとのタブ切り替え

「営業チーム」「開発チーム」「役員」など、任意のメンバーセットを「グループ」として登録できます 。 タブをクリックするだけで、表示するメンバーを一瞬で切り替えられます。Googleカレンダーのカレンダー一覧でチェックボックスを付けたり外したりする手間とはおさらばです。 また、このタブやメンバーの並び順は画面右上の設定からグループの編集画面で自由に入れ替えられます 。

３. スマホでも見やすい画面デザイン

出先でスマホからチームの予定を確認したい時、Googleカレンダー公式アプリだと一覧性が低いと感じていました。 このツールはスマホで見ると自動的にレイアウトが調整され、縦スクロールでサクサクカレンダー毎のスケジュールを確認できます 。（設定等は対応していないのですが今後対応したいと思います！）

４. その他のこだわり機能

• アイコン自動取得: 社内のディレクトリ（組織で許可されている場合のみ）や、自分の連絡先から、メンバーのアイコン写真や名前を自動で連携して表示します 。

• グループ表示URL生成: 作ったグループをお気に入りからワンクリックで表示するためのURLを、グループ編集画面右上から取得できます。

「まじん」さんのツールに比べると地味ですが……

正直に言いますと、「まじん」さんが作る『まじん式』のような派手さや、Geminiのような高度なAI機能はありません（笑）。

あくまで、やまじんが「日々の業務を少しでも楽にするため」に作った、手作りの業務ハックツールです。 でも、だからこそ、同じようにチームのスケジュール管理にモヤモヤしている方には、きっと「お、これは便利かも！」と思っていただけるのではないかと思っています。

まじんさんのツールが「魔法」なら、私のツールは「道具箱の中のドライバー」のような存在かもしれません。地味ですが、あると便利です。

メンバーシップ「マジクラ」に参加いただいている皆様の業務が、これで少しでも効率化されれば嬉しいです。気に入っていただけた方は、ぜひご活用ください！

配布コードと導入方法

以下に、今回のツールのソースコードを添付します。 今回は以下の3つのファイルを使います。

【ファイル構成】

1. コード.gs : カレンダー情報の取得などの処理用プログラム

2. 無題.html : 画面の表示用プログラム

3. appsscript.json : 【重要】 設定ファイル（権限周りの設定です）

※ご自身のGoogleアカウントで動作します。初回起動時にカレンダーへのアクセス権限の承認が必要です。

導入手順（3ステップ）

導入方法は、いつもの『まじん式』とほぼ同じですが、1点だけ（手順2）が異なります。 ここだけ注意して進めてください！

手順1：プロジェクトの作成とコードの貼り付け

1. Googleドライブで新規に「Google Apps Script」を作成します。

2. エディタの コード.gs に、配布した コード.gs.txt の中身をすべて上書きします。

3. エディタで「HTMLを追加」し、ファイル名が 無題 となっていることを確認します。（拡張子 .html は自動でつきます）。

4. 作成した 無題.html に、配布した 無題.html.txt の中身をすべて貼り付けます。

手順2：【重要】マニフェストファイルの設定

ここが今回だけの作業です！ Googleカレンダーや連絡先にアクセスするための権限設定ファイル (appsscript.json) を更新します。

1. 画面左側のメニューから「プロジェクトの設定（歯車アイコン）」をクリックします。

2. 「全般設定」にある 「appsscript.json」マニフェスト ファイルをエディタで表示する にチェックを入れます。

3. 左側の「エディタ（コードのアイコン）」に戻ると、ファイル一覧に appsscript.json が表示されています。

4. この appsscript.json を開き、中身をすべて消して、配布した appsscript.json.txt の中身を貼り付けて保存してください。
   ※この作業をしなくとも、最低限の動作はしますが、カレンダーの名前やアイコン画像の取得が一部制限されてしまいます 。

手順3：デプロイ

あとはいつも通りです。

1. 画面右上の「デプロイ」→「新しいデプロイ」をクリック。

2. 種類の選択で「ウェブアプリ」を選択。

3. ユーザー等の設定を行い「デプロイ」ボタンをクリック。

4. 発行されたURLをブックマークすれば完了です！

※初期設定では、登録カレンダーのタブにご自身のGoogleカレンダーで登録されているカレンダーが表示されます。画面右上の「設定（歯車アイコン）」から、グループの作成やメンバーの追加（メールアドレス入力等）を行ってください 。

こちらのツールはメンバーシップの方限定でご利用をお願いいたします。
ご利用される場合には自由にコードを書き換えてご利用いただいて問題ありません。

皆さんに共有前提で作り始めたものではなかったので、皆さんに使っていただいて不具合などあれば直すかもしれません（笑）。 使ってみた感想など、コメントでお待ちしています！

追記

このグループカレンダーは今後さらなる機能拡張を検討していて、
そういったバージョンアップはnoteメンバーシップ限定で発信予定です！

それ以外にもどんどん面白いプロダクトやTipsを
展開していきますので、ぜひご入会ください！！

入会は以下をクリック👇️

まじんの独り言

月額980円で 記事読み放題、アプリ使い放題。
何よりヤバいのが、ソースコード見放題。

これに気付けたら、月額980円という価格設定が
いかに頭おかしいことなのか分かると思います😂

サブスク型のコンテンツは色々ありますけど、
そのコードを全部くれるなんて 普通あり得ないですからね！

そのコードをAIにコンテキストとして食わせたら、
我々がAIと格闘した数百時間の道のりをショートカットできる。

これを時給で換算してみてください。
え、10万円超えてない…？

これが月額980円。
ただ便利なツールが手に入るだけじゃないんです。
AIの活用テクを学べるだけじゃないんです。

ぜひご参加くださいませ。