水平タイプのタイムラインを手軽に作成出来るjQuery.Timelineの機能を継承し、TypeScriptで設計し直したタイムラインライブラリ・「Sunorhc.Timeline」

Ads

Sunorhc.Timeline

水平タイプのタイムラインを手軽に作成出来るjQuery.Timelineの機能を継承し、TypeScriptで設計し直したタイムラインライブラリ・「Sunorhc.Timeline」
Sunorhc.Timelineは水平タイプのタイムラインを手軽に作成出来るjQuery.Timelineの機能を継承し、TypeScriptで設計し直したタイムラインライブラリです。代替ではなく後継版として設計してるそうです。

機能をそのまま踏襲しつつ、一からTSで書き直したそうです。横型のタイムラインで、マウスでドラッグして動かしたり、マウスホバーでツールチップ表示、バーのクリックで詳細をポップアップなど、その他、例えば日ベースや週ベース、スタイリングなど様々な細かい条件で異なる表示に対応可能となっています。これらのオプション設定は基本的にjQuery.Timelineと同様のものとなります。

以下は公式ドキュメントに挙げられていた使用例です。

もちろん、更にカスタマイズの自由度を向上させたり高パフォーマンス、タッチデバイス操作のサポートなど今の時代に合わせて再構築されています。

jquery.timelineはタイムラインライブラリとしては優秀なプラグインでしたが時代の流れにより4、5年前のv2を最後にアップデートが止まりました。利用していた方にとっては有難い後継ライブラリではないかと思います。ライセンスはMIT。

Sunorhc.Timeline