ネストを減らしてみた

横幅が狭いのはテンション下がる

  • 気分的な問題だが重要
  • リッチエディタでページ単位に分割する必要性は薄い
  • markdown では分割しないと画像の問題がある

少し試す

  • スキーマ変更したときに前回入力分は削除した
  • よって適当に入力しなおし

リッチエディタの方がやりやすいか?

  • marp は見出しとリストが基本(だと思っている)
  • リッチエディタでもその辺なら不便は感じない(本当に?)
  • 画像を簡単に挿入できるメリットは大きい

リッチエディタでカバーできない箇所

  • テーブルの編集ができない

  • コメントの編集ができない

  • インラインスタイルの編集ができない

    • ⇒この辺を使うかというと……テーブルは使いたいかな

markdown の手軽さを捨てる理由になるか

markdown のことを考えるとページ単位での入力の方が良いと思われ。そこを捨ててまでリッチエディタに寄せたスキーマにする理由は?

  • 正直なところは不明

  • markdown との書式の違いよりも環境的な小回りが問題か

  • しばらく試してみる

    • ⇒ 最終ページに結果の記述あり

テーブル

  • markdown フィールドで入力してみた
  • できないことはないが
  • 構造的な理由で分割されてないフィールドだとコピペの障害になるか
項目1 項目2 項目3
ABC あいうえお 1023938
abc アイウエオ 56
QQQQ ららら 3495

markdown でコードブロック

const a:number = 1;
console.log(a)

ここからリッチエディタ再開

  • 最初の入力だととくに違和感もないか

  • あとから構成を変更するとつらくなりそう

    • ⇒ コンテンツの画面開きなおすだけで違和感ありありだった

モバイル

  • これは厳しいな
  • 横幅が思ったよりも広がった感じにならない
  • sticky とページタイトルあたりは回避しないと
  • iphone あたりだと問題ないのかな?
  • インデントはキーボードから操作出来ない?
  • undo も出来ないかな。

モバイルだとページ単位が楽?

  • スクロール位置がわかりにくい

  • 全体が掴みにくい

    • my strter で分割に慣れたからか?

ちょっとてすと

  • コメントを利用するためのテスト
  • 背景色はspan に付く
  • span を markdown まで通すなら特定の色だけにするか

背景色が違うところはコメントにする。いちおうそれなりに動きはしそう。 ---

いっそのこと文法を拡張しまくるか

  • コードブロックで特別な始まりをしたらmarkdown扱いする

  • 背景色でコメントとmarkdownを指定る

    • ⇒ 黄色はコメント、青はmarkdonwとか

      • ⇒改行した部分を<span> でラップできないはず
  • ということはやはりコードブロックか

```markdown
コードブロック内で上記のようにされたら markdown 扱い。

コードブロック

表示できない?

const a=1;
console.log(a)

auto scale が動作しないぽい。スクリプトの実行タイミングとかそんなのが原因とおもわれる。たぶん。 ---

エクスポートのことは忘れずに

  • 独自の文法を導入すると問題がある

  • エクスポートのときに特殊な処理が必要

    • 今回は markdown ソースが出来上がるからそれでもいいか
    • html の方も残しておきたいかな

しばらく試してみた

  • 10 ページほど入力してみた(このスライド)

  • 実感としてラフに入力しやすいというのはある

    • プレビューが別窓にあるのとは違う全体の把握のしやすさ
    • マークダウン記法でのリスト入力はやりやすい
  • ただし markdown 用にフィールドが分割されるのは違和感ありあり

  • 期待していたモバイルでの編集はちょっと無しかな