Hyunseok Byun · ビョン・ヒョンソク
← indexcalendar
Calendar — CalDAV カレンダー + iOS 自動登録
Calendar — CalDAV カレンダー + iOS 自動登録
01 / 02
AI·稼働中·2026-01: 進行中

Calendar

CalDAV カレンダー + iOS 自動登録

自身のメインカレンダーとして毎日使用しており、iPhone · MBP · Android すべてに接続しています。 CalDAV 双方向同期と、ブラウザで iOS .mobileconfig を自動生成してワンクリックで登録できます。

技術スタック

Next.js 16React 19React CompilerCalDAVshadcn/uiVercel

制作の動機

Android 端末を導入したのですが、iCloud カレンダーが Android に馴染みませんでした。 iPhone · Mac · Android · Windows どこでも同じカレンダーを使いたく、CalDAV 標準をサポートすればあらゆるアプリでそのまま利用できます。

コメント

自身の生活向上のために作り、統合しました: 全デバイスで同じカレンダー、一度の .mobileconfig ダウンロードで iPhone 自動登録。 現在すべての予定をここで管理しています。

主な特徴

  • 01CalDAV 双方向同期: Apple Calendar / Thunderbird / GNOME Calendar など標準クライアント互換
  • 02iOS .mobileconfig をブラウザで直接生成: plist XML を download、ワンクリックで iOS/macOS に CalDAV 自動登録
  • 03Next.js 16 + React 19 + React Compiler 有効、shadcn + Radix + Tailwind 4
  • 04@dnd-kit ドラッグ/リサイズ: EventLayout/ResizePreview/MovePreview で複数週 span 衝突を回避
  • 05proxy.ts で Vercel WAF を回避: CalDAV の PROPFIND / REPORT など非標準メソッドを caldav.hyns.dev 経由
  • 06Server Action 認証 forward + CSRF (Origin/Host)、Nanum Gothic + M+ 1 Code の CJK フォントを直接ホスト

備考

  • ·CalDAV サーバロジックは b-hub に実装: 標準クライアントが b-hub を直接呼出
  • ·ko / en / jp 多言語、macOS Calendar の UI に着想