Markdown and WYSIWYG

Transcript

1. 1.

   TBD in Markdown Night Sotaro Karasawa / @sotarok Product Owner

   of Crowi
2. 2.

   とつぜんですがみなさん

3. 3.

   Markdown で書ける最強の Wiki といえば?

4. 4.

   そう、

5. 5.

   http://site.crowi.wiki/

6. 6.

   ですよね!

7. 7.

   自己紹介: @sotarok / Sotaro Karasawa • @sotarok • そうたろうです •

   Mercari, Inc で働いています • Crowi という Wiki エンジン作ってます • 好きなもの •
8. 8.

   せっかくだから宣伝 • Crowi • Wiki エンジンです • OSS でやってます •

   https://github.com/crowi/crowi • 2012年ごろからつくってます • 元々は Crocos (クロコス) という会社の社内 Wiki として作ってました • Crocos + Wiki で Crowi (クロウィ) • あ、そうそうステッカーあります • 　　　　　そのへんのテーブルに 　 →→→ • 社内でも使ってます
9. 9.

   Markdown parser • cmark じゃない • marked っていうやつですよ • remark

   よさそう今日来た甲斐がありました • クライアントでレンダリングしている (JS) • Preprocessor と Postprocessor を書いてる • (はいはい拡張拡張 …) • 結構JSっぽくない描き方しててダサいからアレだけど • markdownの補正、生成されたHTMLの補正 • Plugin 機構ほしいですよね • ユーザーによりそった処理 • 個人的な思いとしては、強いものが勝つからそれでいいか (標準化は大事ではあ るが)
10. 10.

    ところで

11. 11.

    みなさん Markdown は好きですか?

12. 12.

    • 簡易な記法わかりやすい • 対応しているサービスが多い • GitHub とか • というかまあ GitHub

    • Portability という考え方 • (これはかなり重要だったりするのでは) • 生テキストで見ても見やすい • (= テキストエディタでも書きやすい) • テキストエディタで書いて、Paste すれば使えるとか • みんな WYSIWYG 好きじゃない • 良い思い出がない • 余計なことされる Markdown が好きな理由 (多分)
13. 13.

    好き好き Markdown

14. 14.

    と思ってたんですが (本題)

15. 15.

    本当にそうですか?

16. 16.

    WYSIWYG について ちゃんと考えてる

17. 17.

    きっかけ

18. 18.

    • “見たまま編集” • Preview ペインいらない • 記法に慣れていない人に優しい • 非エンジニアのトレーニングがいらない •

    そんなに苦労はしない、簡易な記法であることは前述の通り • 非エンジニアが書けない、とは言わない。もちろん、書いて くれている、メルカリのCS社員も 書いてる • でも、WYSIWYG とどっちがわかりやすいかと言われたら、正直 … 明白 • (みんな目を覚ますんだ!) • 付加機能の拡張表現 • 同時編集 • contenteditable は DOM が前提だからね、という言い訳 • TODO化 • HTML表現 • メディア系の埋め込み WYSIWYG ってすごい
19. 19.

    はりつけたい # sotarok ## 自己紹介 - 名前: Sotaro Karasawa /

    柄沢 聡太郎 - sotarok → 「そうたろっく」ではなく「そうたろうけー」 - 呼び名は「そうたろう」または「そうたろうさん」的なやつだと喜びます - 誕生日: 9/15 ## いつもいる場所 - 六本木または吉祥寺 - 本当は三鷹駅です - “三鷹” っていうと何故か田舎感があり (一駅しか違わないのに) 吉祥寺に住んでること にしてます
20. 20.

    はりつけた

21. 21.

    本質的には • 文章が気持ちよく書ければ良い • 余計なことされず、きれいに表示される、軽快に動作してくれる • ちなみに • Google Docs

    とかも、よくはできている • 強いて cons を挙げれば • Portability • 逆ができるならば? • (例えば、他のサービスへの連携が Markdown でされる) • (contenteditable → markdown) • (いやーそれつくるのだるいよねえ)
22. 22.

    結論

23. 23.

    Dropbox Paper いいよ (そんなまさかな結論) (うそ、結論はネタです) (Markdown 以外も良いケースあるよねってだけの話なのでした) (思考停止しない訓練として)

24. 24.

    あ、あと最後に

25. 25.

    メルカリ、エンジニア募集してます (もちろん宣伝させてください) https://www.mercari.com/jp/jobs/

26. 26.

    Crowi もエンジニア募集してます (メルカリ社でフルタイムでCrowi開発し たい、とかでも相談可)

27. 27.

    ありがとうございました