Save 37% off PRO during our Black Friday Sale! »

Markdown and WYSIWYG

Markdown and WYSIWYG

#markdownnight

4564d3601f6230782300dff8499b2d5a?s=128

Sotaro Karasawa

August 29, 2017
Tweet

Transcript

  1. TBD in Markdown Night Sotaro Karasawa / @sotarok Product Owner

    of Crowi
  2. とつぜんですがみなさん

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

  4. そう、

  5. http://site.crowi.wiki/

  6. ですよね!

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

    Mercari, Inc で働いています • Crowi という Wiki エンジン作ってます • 好きなもの •
  8. せっかくだから宣伝 • Crowi • Wiki エンジンです • OSS でやってます •

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

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

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

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

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

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

  15. 本当にそうですか?

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

  17. きっかけ

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

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

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

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

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

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

  24. あ、あと最後に

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

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

  27. ありがとうございました