（最新じゃないけどイメージがわかるスクリーンショット（Outline.html ver1.0））

（最新（Outline.html ver1.2））

概要

HTML+CSS+JavaScriptで作っているローカルのアウトライナー

JavaScriptの習得を目指す試みの一環

ちょうど勉強を始めて1ヶ月（2022/01/27開始）

（自分用なので公開の予定はありません）

できること

アウトライナーの基本的な動作

階層化とインデント

子項目の開閉

ショートカットキーで項目を上下/左右に移動

操作を元に戻す/やり直す

検索でフィルタリング

一部のアウトライナーにある機能（の簡易版）

フォーカス

2ペイン表示

Windows系のアウトラインプロセッサのイメージを元に

リンク/バックリンク

更に

項目ごとにメタデータを付与

フォーカス上部に表示

attr欄で見た目を操作

外部リンクを付与すれば詳細を開かなくともアイコンでリンクを開ける

Scrapbox/Markdown形式で出力

全体またはフォーカスした範囲を本文としたScrapboxのページを作る

フォーカスした範囲をMarkdown形式にしたテキストデータを新規タブで開いて表示する

まだできないこと

検索→できた

項目の削除

History（挙動のGIFなどがあります）

2022/02/21　Outline.html ver0.x

2022/02/24　Outline.html ver1.0

2022/02/25　Outline.html ver1.1

2022/02/26　Outline.html ver1.2

2022/02/27　Outline.html ver1.3

2022/03/03　Outline.html ver1.4