【シフト・スケジュール共有向け】ナスカレ・Googleカレンダー・タイムツリーの特徴・取り込み設定・GASにて自動色分け設定方法【コード付き】

こんにちは。tkgです。

今回はシフト勤務の私が一番使いやすいアプリはどれかという所や

シフト共有する際に見やすいものにするためのちょっとしたカスタマイズ方法を

紹介させていただきます。

実現したいところ
試したこと
Google Apps Script(GAS)とは
共有設定

実現したいところ

理想

シフト入力は最小限
他の人との共有は見やすいもの
通知があったり、連携が可能なもの

基本的にシフト入力は簡単にできるものが必須でした。

続いてシフトや予定を共有することがあり、

一目で見やすかったりするものが理想で色々なアプリを試しました。

試したこと

step1(シフカレ)

まずはシフカレというアプリを長い間使っていました。

シフト勤務カレンダー：シフトとスケジュールの人気カレンダー

開発元:Ebisu Soft Inc.

無料

posted withアプリーチ

上記のようにシフトのパターンを設定しておくと、

後はスタンプを押すだけでシフトが入力されていくので、入力手間が省けます。

見た目もシンプルかつパッと見も見やすいのでシフトだけに関しては問題なし。

またシフトの共有は画像保存、lineやメールでも送付可能。

ただ、アップルウォッチやスマホの通知設定が細かくできなかったり、

シフト共有＋OS内蔵カレンダーの連携は有料なので、理想が実現不可

step2(Googleカレンダー)

Googleカレンダーにて管理。

アップルのIOSカレンダーは見にくいので、月単位で見やすそうなGoogleカレンダーを選択。

Google カレンダー: 予定をスマートに管理する

開発元:Google LLC

無料

posted withアプリーチ

上記確認してみても、Googleカレンダーの方が月単位で見やすく、

色分けで視覚的にもわかりやすいですね！

ただ、シフト入力が面倒くさい！

パターン操作もなかったりなので、これ単体では使わなさそう。

そこでPythonを使用して、会社のEXCELシフト表取り込んで(pandas)、

GoogleAPIにて自動取り込み実施を試みました。(プログラミング初心者ですが、、)

pythonは上記で学習中です。

sharepointのエクセルをsharepyで認証→getfileした上で、
pandasで自分シフトを抽出後、for文で各項目をbodyに入れ込んで予定登録。

ただ、社内の認証的にOUTなので断念。

GoogleはAPI等の外部連携が比較的容易で可能性あり！

step3(ナスカレPlus)

ナスカレPlusというアプリで管理。

ナスカレPlus+

開発元:株式会社クイック

無料

posted withアプリーチ

ナスカレというアプリもありますが、それの強化版らしい。

看護師ターゲットのアプリだそうですけど、シフト勤務者も使えます！

シフカレ同様、シフトパターンを決めて、スタンプ形式でシフト登録！

手間がないのはGood！

予定登録時は豊富にあるスタンプも選ぶことが可能で、

月単位の予定もスタンプや色分けでかなり見やすい！

このアプリ単体でもOK？

シフトや予定管理のみならこのアプリ単体でも申し分ないです。

ただ、予定共有に関しては月カレンダー形式ではない。

私的には見ずらい。

また、スタンプは一つだけだったり、

予定時間前の通知設定ができなかったり、

デバイス毎の通知等の細かいカスタマイズはできない。

なので、ナスカレの外部カレンダー連携にてGoogleカレンダーへの連携で使えるかも。

後の外部カレンダーの取り込みで、

ナスカレのアプリでは重複登録することがあったので、

ナスカレPlusのアプリが良いかもです。

step4(タイムツリー)

予定共有するためにタイムツリーを取得。

TimeTree [タイムツリー]

開発元:TimeTree, Inc.

無料

posted withアプリーチ

予定共有重視で、予定共有で有名なタイムツリーで管理実施。

基本的に見た目や操作はGoogleカレンダーです。

なので、シフト登録面倒な結果。

そこで、外部カレンダー(Googleカレンダー)をコピーすることに

カレンダー設定から見ると、GoogleかIOSカレンダーの取り込みが可能。

なので、1番入力の手間いらずのナスカレ→Googleカレンダー→タイムツリー

でコピーしていくことに。自動取り込みではないので、手動取り込み実施。

上記の通り進めていき、

期間設定はコピーする日程を設定。反映先カレンダーは

Googleカレンダー・IOSカレンダーに反映できるので、該当のGoogleカレンダー選択。

その後、Googleカレンダーに書き出してからタイムツリーからコピーする手順です。

ん？かなり見にくい。。

ナスカレ時のシフト配色は保持されず、タイムツリー時は1人毎で単色のみ。

手動で2回取り込み＋取り込みは色情報保持されない模様。

Googleカレンダーで色変更していても意味ない。

各項目で色変更するにはGoogleカレンダーのカレンダー項目を増やさないといけない。

このようにカレンダー項目増やして、各項目に色付けするイメージです。

ただ、ナスカレからの一括取り込みは細かく指示できない。

タイムツリー単体で管理するなら、色付け等も手動でやり、

他の人と共有すればいいですが、今回の理想ではタイムツリーでやるメリットないですね。

となるとGoogleカレンダーを共有した形でやればいいんじゃないか？と

タイムツリーのAPI連携やカスタマイズができにくいので、

やはりGoogleカレンダーを中心にすれば色々カスタマイズ可能かと。

step5(ナスカレ＋Googleカレンダー)

ナスカレ→Googleカレンダーで連携。

先ほどナスカレでGoogleカレンダーにコピーで完了させる。

やはりナスカレの色は保持されてないですね。

こうなるとタイムツリー同様に単色かつ共有情報も見にくいです。

ただ、ナスカレのシフト入力削減と

Googleカレンダーの共有情報の見やすさはあるので、

後はシフト毎に色を変更させてやればとりあえずは良いかなという印象。

そこでGoogleの連携しやすさが活きてきます。

そこで使用するのがGoogle Apps Script(GAS)と言われるもので、

少し弄っていきます。

Google Apps Script(GAS)とは

Googleが提供しているプログラミング言語で、

GoogleのアカウントがあればWEB上の開発環境で手軽に自動化や連携ができるものです。

Googleサービスなので、

Gmailやカレンダーはもちろん様々なサービスと連携や自動化が可能となっています。

特徴

無料で利用可能
環境構築は不要
Googleサービスと連携可能(外部アプリケーションも可)

できることは様々ですので、気になった方は、以下で検索。

今回はGoogleカレンダーを連携させて、件名によって色変更する

スクリプトができれば良い簡単なカスタマイズです。

使い方

まずは、対象のGoogleアカウントにログイン。

その後、「ドライブ」→「新規」→「その他」→「Google Apps Script」の通り選択。

選択後にコード入力画面が出れば、完了です。

題名のところをクリックすれば、プロジェクト名の変更も可能です。

で実際のスクリプトは{}の中の部分に記載していきます。

スクリプト言語は、JavaScriptをベースに作られていますので、

それに沿って記述していきます。

といってもJavaScript全然わからず、かなり苦戦しました。。

実際の色変更コード

まずは以下をすべてコピーして貼り付けてもOKです。

元からあるmyFunction()も消してもOK

function createEvent() {
  var id = "**************" //" "の間にid挿入
  var calendar = CalendarApp.getCalendarById(id); 
  //現在の時間からの予定をとりあえず100件取得
  var startTime = new Date();
  var endTime = new Date(Date.parse(startTime) + (100 * 60 * 60 * 24 * 1000));
  var events = calendar.getEvents(startTime, endTime)
  //各シフト勤務毎の色を設定
  var morning = CalendarApp.EventColor.ORANGE
  var night = CalendarApp.EventColor.MAUVE
  var end_night = CalendarApp.EventColor.PALE_BLUE
  var holiday = CalendarApp.EventColor.RED
  var paid = CalendarApp.EventColor.PALE_RED
  var default_color = CalendarApp.EventColor.CYAN
  for(var i in events){
    var title = events[i].getTitle();//件名(イベント名)を取得
    //各イベント名に合致する条件を設定
    if (title === "朝勤")
    events[i].setColor(morning);
    else if (title === "夜勤")
    events[i].setColor(night);
    else if (title === "明け")
    events[i].setColor(end_night);
    else if (title === "休み")
    events[i].setColor(holiday);
    else if (title === "有給休暇")
    events[i].setColor(paid);
    //それ以外なら一律の色設定
    else {
      events[i].setColor(default_color);
    }
  }
}

まずは、連携させるIDを入力する必要があります。

ID確認方法