ノートで使えるコンポーネント

monthletのノートに置けるコンポーネントの一覧です。チャットで「手順書にして」「売上を棒グラフで」のように頼むと、AIが内容に合うものを選んでノートを組み立てます。編集モードの「＋」から選んで、自分で置くこともできます。

基本

本文

ふつうの文章の段落です。大きめの導入文や小さめの注記にしたり、中央に寄せたりもできます。

見出し

ノートを区切る見出しです。ノートの先頭の見出しがタイトルになります。見出しの上に「STEP 1」のような小さなラベルも添えられます。

引用

引いてきた文章を本文と分けて表示します。発言者や出典も添えられます。

コールアウト

補足や注意を色付きの枠で目立たせます。情報・ヒント・注意・警告の種類があります。

コード

コードを等幅の文字で、言語に合わせて色分けして表示します。ファイル名も添えられます。

区切り線

話題の切れ目に横線を引きます。

リスト

箇条書きリスト

順番のない項目を並べます。Tabで項目を一段下げ、Shift+Tabで一段上げられます（5段まで）。

番号付きリスト

番号を振って項目を並べます。Tabで項目を一段下げ、Shift+Tabで一段上げられます（5段まで）。

チェックリスト

やることや持ち物のように、あとでチェックを付けていく項目のリストです。クリックするとチェックが入り、その状態はノートに保存されます。

チェックボックス

1つだけの確認項目です。クリックで完了と未完了が切り替わり、その状態はノートに保存されます。

表

表

行と列でデータを並べます。列ごとに並べ替えたり、合計・平均・最小・最大を出したりできます。

メディア

画像

画像を置きます。キャプションも付けられます。

動画

動画を置き、ノートの中で再生できます。

音声

音声ファイルを置き、ノートの中で再生できます。

レイアウト

2 カラム

内容を左右2列に並べます。比較や、説明と図の組み合わせに使えます。

カラム

2〜4列のグリッドに並べます。並列の項目を1列に1つずつ置けます。

カード

関連する内容を1枚のカードにまとめます。塗りや薄い背景色も付けられます。

トグル

クリックで開閉する折りたたみです。補足やFAQをしまっておけます。

タブ

内容をタブで切り替えて見せます。期間別のような切り替えに使えます。

目次

ノートの見出しから目次を作ります。項目をクリックするとその見出しへ移動し、見出しを書き換えると目次も変わります。

データ表示

タイムライン

日付の付いた出来事を時系列に並べます。

ステップ

番号付きの手順を並べます。手順書に使えます。

統計

指標を大きな数字で見せます。

進捗バー

達成率や進み具合を0〜100%のバーで表示します。

特徴カード

アイコン・題・短い説明のカードを横に並べます。機能や利点の紹介に使えます。

バッジ

タグや状態のような短いラベルを、色付きで並べます。

キーと値

項目名と値を2列で並べます。概要やスペックの一覧に向いています。

チャート

数値をグラフにします。棒・折れ線・面・積み上げ・円・ドーナツ・レーダーなどから選べます。

ダイアグラム

フローチャートや組織図を描きます。要素の配置は自動で決まります。

マインドマップ

1つの中心から枝分かれする図を描きます。枝は左右に振り分けられ、枝ごとに色が変わります。

数式

LaTeXで書いた数式を表示します。文中に短い式を入れることもできます。

スライダー

重要度や満足度のような点数を、ドラッグして入れるバーです。値はノートに保存されます。

ステータス

Todo・Doing・Doneのような状態を色付きのバッジで表示します。クリックすると次の状態に切り替わります。

計算フィールド

名前を付けた数値から、合計・平均・加重平均を出します。入力を直すと結果もすぐ変わります。

ノートは1つの普通のHTMLファイルです。数式・図・グラフも、書き出したファイルの中にそのまま入ります。スライダーやステータスは、書き出すと最後に操作した値で表示されます。