markdownで予定管理できる markwhenを使ってみた

# 使ってみるに至った理由
markdownでタイムラインやカレンダーなどのスケジュール管理ができるということで面白そうだと思った🤔
markdownで書けるので、Github管理もできるし良さげかも❓️

# markwhen is 何❓️
[Markwhen](https://markwhen.com/) はテキストをタイムラインに変換するツールです。
マークダウン風のテキストを書くと、見栄えの良いタイムラインやその他のビジュアライズが可能です。
👇️この方のポストで見つけました。 @miyattiさん、ありがとうございます！

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">cursorで予定管理とかできないかなーと思ってたら「markwhen」という面白いプロジェクトを発見した。<a href="https://t.co/okvXj8uZxy">https://t.co/okvXj8uZxy</a> markdown的な書き方でスケジュールをかくと、ガントやカレンダービューで表示してくれる。これに、clasp+GASとかでgoogle… <a href="https://t.co/XBRTELQEUZ">pic.twitter.com/XBRTELQEUZ</a></p>&mdash; みやっち | 令和トラベル (NEWT) MLチーム (@miyatti) <a href="https://twitter.com/miyatti/status/1837325748467814441?ref_src=twsrc%5Etfw">September 21, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

# 使ってみる
ドキュメントページもあり、エディタもありますが、学習コストは少しありそうです💦

- [Overview | Markwhen Documentation](https://docs.markwhen.com/)
- [Welcome to Markwhen! - Meridiem](https://meridiem.markwhen.com/example)

## CLIインストール

```
$ npm i -g @markwhen/mw
$ yarn global add @markwhen/mw
```

## 最初なのでWEBにあるエディタ使って書いてみた
### ⏳️ タイムライン
![サンプルプロジェクトX-Meridiem-09-29-2024_11_13_PM.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14268/80de7da8-78a9-2767-744a-9f1b8e62780b.png)

### 📅 カレンダー
![サンプルプロジェクトX-Meridiem-09-29-2024_11_15_PM.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14268/a49903f0-43fb-0464-6445-e3f6166d5e78.png)

### 👀 Oneview
![サンプルプロジェクトX-Meridiem-09-29-2024_11_17_PM.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14268/71108ec1-7cf4-aba8-77bb-8ded74fa1cab.png)

## 書いたものをローカルへコピー

### 書いた内容
```markdown:sample_markwhen.md
---
title: サンプルプロジェクトX
description: 全てのプロジェクトを成功させる！
edit:
  - fugafuga@markwhen.com
// Anyone can view
view:
  - \*
---
section SampleA #welcome
2024-08/2024-09-20: 要件定義
now: タスクA

2024-09-29/2024-10-01: タスクB
#welcome

2024-09/2024-10: タスクC
endSection

section SampleB #fire
2024-08/2024-09-20: 要件整理
now: ミーティング

2024-11/2024-11: 利用者説明
#fire

endSection

section 全体
group SampleA #SampleA
// Supports ISO8601
2024-08/2024-10: Sub task #HOGE
2024-11/2024-12: Sub task 2 #FUGA
More info about sub task 2

- [ ] メモる
- [x] 考える
- [ ] 書き出す
- [ ] 清書する

endGroup
endSection

```

### markwhenに読ませてHTMLに変換

```
$ mw sample_markwhen.md
$ open timeline.html (デフォルトだとタイムラインがHTMLで出力される模様)
```

![スクリーンショット 2024-09-29 23.26.11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14268/7183a083-8b67-8f0f-3212-e3dc560ef289.png)

### カレンダーもやってみる

```
$ mw sample_markwhen.md calendar.html -o calendar
$ open calendar.html
```

が、何度か試してもできない・・・🤔

![スクリーンショット 2024-09-29 23.35.12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14268/e3c2d4da-1189-393d-dc18-96605ffde3bd.png)

なんかエラーが出てしまっていました。。。。
色々と試してみたけど、ローカルでカレンダービュー表示はできずでした💦
うまくできた方いたら教えて下さい🙇🙇🙇

![スクリーンショット 2024-09-29 23.36.05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/14268/2a02afa1-6bcf-bea7-3883-f9478dda7e45.png)

### その他機能
- エディタ上でDrag and Dropにて予定を移動できたり、タイムライン上で予定追加が可能
- [VS Codeの拡張](https://marketplace.visualstudio.com/items?itemName=Markwhen.markwhen)がある
- Obsidianで使える[プラグイン](https://obsidian.md/plugins?id=markwhen)がある

ローカルでカレンダービュー表示しながら担当タスクを予定変更ができたり、Githubのissueと連携できたり、
iCal連携できたりすると便利そうだけどなーと思いましたが、そこまでは充実しておらず、
こんなツールがあるよという紹介で終わってしまいました。。。。残念😢