LoginSignup
22
29

More than 5 years have passed since last update.

Googleカレンダーライクなスケジューラーを作成する手段をまとめる

Last updated at Posted at 2016-09-12

0. 前書き

スケジュール管理をするアプリケーションを作成するときに、よく真似したいと話題に上がるのがGoogleカレンダーのようなスケジューラーアプリケーションです。下記のような特徴を持っていると思いますよね。

  1. ビュー(月、週、日)の切り替えができる
  2. スケジュールの作成や移動がマウス操作でできる

ゼロから機能を作成するのも大変ですので、こういったことが実現できるライブラリーを探してみたいと思います。実現手段はWebアプリケーションとします。

1. 見つけたライブラリー

無償・有償問わず探した結果、下記のライブラリーが使えそうです。
前述の2つの要望にも答えてくれています。

  • FullCalener
  • Kendo UI の Scheduler
  • DHTMLX の Scheduler

各製品ホームページに記載のサンプルのスクリーンショットを添えて解説します。

1-1. FullCalender

jQuery Pluginとしてオープンソースで開発されているプロダクト。
https://fullcalendar.io/
機能的にも、充実しているライブラリー。更新も順調に進んでおり現在ver.3。
見た目もシンプルで、ドキュメントも充実しているため好印象です。

image

1-2. Kendo UI の Scheduler

有償ライブラリーであるKendo UIのコンポーネントの一つ。
http://demos.telerik.com/kendo-ui/scheduler/index/
PDFエクスポート機能などもあります。デフォルトの見た目が少し悪い(煩雑な)ので、
ここからそれっぽく組み込んでいくにはけっこうな体力がかかりそうです。
1開発者当たり999ドル(他のコンポーネントも含む)。

image

1-3. DHTMLX の Scheduler

有償ライブラリーのDHTMLX Scheduler。
http://dhtmlx.com/docs/products/dhtmlxScheduler/
ビューに「年」があります。また、こちらもPDFエクスポートできますね。
DHXでは、このスケジューラー単体で売り物にしているため、なんとなく安心感があります。
全機能を使うことができるCommercial Licenseは、449ドル(開発者5名まで)。

image

2. おわりに

今回はGoogleカレンダーライクなパーツを探してみました。有償ライブラリを踏まえてもFullCalenerがシンプルでドキュメントも分かりやすく、開発も活発なためおすすめですね。

22
29
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
22
29