Pukiwikiイベントカレンダープラグイン

PukiWikiに本格的なイベントスケジュール表示を追加するカレンダープラグイン

PukiWikiで管理しているイベント情報を、見やすいカレンダー形式で一覧表示できるイベントスケジュールプラグインです。

既存の #datatable に登録したイベント情報を利用するため、イベント情報を別途入力し直す必要がありません。

**「いつ、どんなイベントがあるのか」**を、月単位・2週間単位で視覚的に確認できます。

PukiWikiのイベント管理を、もっと見やすく

PukiWikiでイベントや予定を管理していると、

イベントが増えると一覧表だけでは予定を把握しづらい

開始日・終了日が一目で分かりにくい

複数日にまたがるイベントを視覚的に確認したい

今月の予定をカレンダー形式で確認したい

といった場面があります。

EventCalendarでは、#datatable に登録されたイベント情報を読み込み、イベントの期間を横長のバーとして表示します。

イベントの開始日から終了日までが視覚的につながるため、複数日にわたるイベントも直感的に把握できます。

主な特徴

■ 月表示に対応

1か月単位でイベントを確認できます。

月表示では画面内に**3週間（21日分）**を表示し、それ以降の日付は横スクロールで確認できます。

画面幅に合わせて日付の表示幅も調整されるため、広い画面でもカレンダーを有効に利用できます。

■ 2週間表示にも対応

「2週」表示に切り替えることで、現在の日付を中心とした2週間の予定を確認できます。

短期間のスケジュールを確認したい場合にも便利です。

■ 「今日」をすぐに確認

「今日」ボタンをクリックすると、現在の日付を基準に表示位置を自動調整。

月表示では、今日の日付ができるだけ画面中央付近に来るように自動スクロールします。

月初・月末など、完全に中央へ配置できない場合も、スクロール可能な範囲で中央に近づけます。

■ 「月」ボタンも今日を基準に表示

現在どの表示を見ていても「月」ボタンを押すことで現在の月へ移動できます。

さらに、今日の日付を基準として表示位置を自動調整するため、

「今月の予定を確認したい」

という操作をスムーズに行えます。

■ 複数日にわたるイベントを分かりやすく表示

例えば、

2026-09-22 ～ 2026-09-24

と登録されたイベントは、カレンダー上で22日から24日まで連続したイベントバーとして表示されます。

開始日・終了日を一覧表から読み取る必要がなく、イベントの期間を視覚的に確認できます。

■ イベントごとの色分け

イベントの「ジャンル」に応じて色を指定できます。

例えば、

セミナー → 赤

会議 → 緑

展示会 → 青

といった分類が可能です。

さらに、個別に色を指定していないジャンルにはデフォルトカラーを設定できます。

■ PukiWikiページへのリンクにも対応

イベント名をPukiWikiのページリンクとして登録できます。

例えば、

[[イベントA詳細>イベントA]]

と設定すると、カレンダー上のイベント名から該当するPukiWikiページへ移動できます。

イベント一覧から詳細ページへ直接アクセスできるため、イベント情報の整理にも利用できます。

■ 既存の #datatable をそのまま活用

イベント情報は既存の #datatable から取得します。

そのため、カレンダー用にイベント情報を別途管理する必要がありません。

例えば、

|タイトル|ジャンル|日付|場所|

|イベントA|セミナー|2026-09-20|東京|

|イベントB|会議|2026-09-22 ～ 2026-09-24|大阪|

のように管理しておけば、EventCalendarから読み込んで表示できます。

シンプルな記述で利用可能

基本的な使用方法は非常にシンプルです。

#eventcalendar(イベント情報)

色を指定する場合も、

#eventcalendar(イベント情報,セミナー=#FF0000,会議=#4CAF50,default=#607D8B)

のように記述できます。

複雑な設定ファイルを用意する必要はありません。

ダーク表示にも対応

サイトの雰囲気に合わせて、ライト／ダーク表示を切り替えできます。

カレンダー上のボタンから簡単に変更でき、選択した表示状態はブラウザに保存されます。

イベント管理に必要な機能をひとまとめ

EventCalendarには、以下の機能を搭載しています。

月表示

2週間表示

横スクロール

今日への自動スクロール

月移動

2週間単位の移動

前月／次月移動

イベント期間表示

ジャンル別カラー設定

デフォルトカラー設定

PukiWikiページへのリンク

イベントの開始日順ソート

不正な日付データの除外

土曜日・日曜日の視覚的な区別

今日の日付の視覚的な強調

ライト／ダーク表示

レスポンシブ対応

こんな方におすすめ

PukiWikiでイベント情報を管理している方

イベント一覧を、より視覚的に確認したい場合に便利です。

社内Wikiで予定を管理している方

社内イベント、会議、研修、セミナーなどのスケジュール管理に利用できます。

イベント・施設の予定を公開している方

展示会、講座、予約イベントなど、複数日にわたる予定を分かりやすく表示できます。

#datatableをすでに利用している方

既存のイベントデータを活用できるため、データを二重管理する必要がありません。

導入イメージ

【イベント情報】

|タイトル|ジャンル|日付|場所|

|セミナーA|セミナー|2026-09-20|東京|

|展示会B|展示会|2026-09-22 ～ 2026-09-24|大阪|

|会議C|会議|2026-09-26|名古屋|

↓

#eventcalendar(イベント情報)

↓

カレンダー上にイベント期間を分かりやすく表示

既存のイベントデータを活かして、見やすいスケジュール管理を

EventCalendarは、PukiWikiで管理しているイベント情報を活用し、「一覧表」から「視覚的なスケジュール」へ変えるためのプラグインです。

イベント情報を新しく管理し直すのではなく、既存の #datatable をベースにカレンダー表示を追加できます。

PukiWikiをイベント管理・スケジュール管理にも活用したい方におすすめのプラグインです。

ライセンス

本アーカイブのライセンスは **GPL v2（もしくは任意のv2以降のバージョン）**です。

ライセンスが定める諸条件の範囲において、個人・法人内部で自由に利用・改変が可能です。

改変・再配布を行う場合は、GPLの定めるコピーレフトの条件に従ってください。

なお、ライセンスの許諾範囲にかかわらず、著作権者の不利益に該当するあらゆる行為は禁止とします。