Markdownで書く電子書籍開発環境 #niku_sushi 自己紹介 Name : azu Twitter : @azu_re Website: Web scratch, JSer.info JavaScript Plugin Architecture JavaScript Plugin Architecture 電子書籍の開発中にやったこと やりたかったこと [Markdown] 電子書籍開発環境 · Issue #42 Markdown/文章のLint インラインコードのLint ファイルのincludeするMarkdown拡張 Markdown to HTML or PDF エディタ [Markdown] 電子書籍開発環境 · Issue #42 Markdown/文章のLint => textlint インラインコードのLint => ESLint ファイルのincludeする
不特定のユーザーが入力したMarkdownをブラウザ上でJavaScriptを使ってHTMLに変換するという場面においては、JavaScriptで変換してHTMLを生成するという処理の都合上どうしてもDOM-based XSSの発生を考えないわけにはいかない。かといって、MarkdownをパースしHTMLを生成するという処理すべてをXSSが存在しないように注意しながら自分で書くのも大変だし、markedやmarkdown-jsなどの既存の変換用のJSを持ってきてもそれらがXSSしないかを確認するのは結構大変だったりする。 そういった場合には、Markdownから生成されたHTMLをRickDOMを通すことで、万が一HTML内にJavaScriptが含まれていたとしてもそれらを除外し、許可された要素、許可された属性だけで構築された安全なHTMLに再構築することができる。さらに、そうやって生成
社内セミナー用にプレゼン資料を作成する必要があるのだけど、markdownでサクッと書きたかったので環境を整えてみた。 markdownでプレゼン資料を作成する方法がイロイロあって悩んだけど、シンタックスハイライトが使えるのと、テンプレートが豊富なのでslideshowを使うことにした。 slideshowでプレゼン資料作成 markdownやtextileからスライドを作成できるgem。 テンプレートも色々ある。 ※テンプレートのリストには載ってないけど、impress.jsとかも使える 今回はslideshow-showerというテンプレートを使用した。 インストール $ gem install slideshow テンプレートのインストール $ slideshow install shower テンプレートの適用、ビルド $ slideshow build index.md -t s
Haskell製のドキュメントコンバータ。markdownをhtmlにしたりLaTeXにしたりっていうことができるやつ。変換できる形式が多い。便利だ。 いろいろできてすごいんだけどオプションも多め。さすがに全部はめんどくさいけど調べてみた。 インストール 詳しいことはここに書かれている。 Pandoc - Installing pandoc だいたいのOSに対応しているみたいなんで誰でも試せる。 MacのHomebrewでインストールする Homebrewでインストールした。といっても、Pandocはformulaが用意されていない(npmでも用意されていないのと同じ理由らしい)ので、いま話題のhaskell-platformを通して、それからcabalを使ってインストール。 % brew install haskell-platform % cabal update % cabal in
If you need to convert files from one markup format into another, pandoc is your swiss-army knife. Pandoc can convert between the following formats: (← = conversion from; → = conversion to; ↔︎ = conversion from and to) Lightweight markup formats ↔︎ Markdown (including CommonMark and GitHub-flavored Markdown) ↔︎ reStructuredText → AsciiDoc ↔︎ Emacs Org-Mode ↔︎ Emacs Muse ↔︎ Textile → Markua ← txt2t
めもめも。 wiki記法みたいな書き方で色々できるアレです。導入してみたので、記法をまとめてみました。 導入したのはこれ。 WordPress › Markdown for WordPress and bbPress « WordPress Plugins “markdown”でプラグイン検索するとたくさんヒットするんですが、公開前に手動で変換ボタンを押さなくちゃいけなかったりするものもありました。これはそんな事はなくて、書いておけば勝手に変換して表示してくれます。パフォーマンスはその分悪いのかな……？ これを選んだ理由はそれくらいで、またその利点も他のプラグインが備えている事もあるかと思いますが、とりあえず使ってみます。他にもっと便利そうなのあれば教えてください。 あと後述してますが、SyntaxHighlighterと競合してぐちゃぐちゃになりました。これはSyntaxHighligh
今僕は大抵の文章をMarkdown記法で書いています。 Markdownの心地よさは以前この日記に書いた通りです。 Markdownは編集時もレンダリング後も見た目があまり変わらず、プレーンテキストでありながら構造をもたらしてくれます。 Markdownで文章を書こう！ - ゆーすけべー日記 「何用の」文章を書くかは人それぞれだと思いますが、 僕の場合はメルマガとこの日記（Blog）の記事というこの2つ向けの文章をメインで書きます。Markdownはプレーンテキストの状態でも構造が見やすいので、emacsなど僕にとって慣れてるエディタを使えばよいのですが、ある程度Markdown記法をサポートして色づけやプレビューなどをしてくれるエディタを使うとはかどります。後ほど解説する理由通りメルマガとBlog、それぞれエディタを分けて使っているので、その2つのMacソフトを紹介します。 DAY ON
みなさんはどのようなエディタでどのような記法で文章を書いていますか？ 状況によるとは思いますが、WordとかMacのPagesで文章を書いているという方や Evernoteでメモを取っているという方、または、Blogの投稿フォームに綴っている方、 様々だと思います。 僕も書くものによってはPagesやEvernoteも使うのですが、一番文章を書く手法が「プレーンテキスト＋Markdown」というものです。今もこの手法で書いています。Blogを書く時、雑誌の原稿を書く時、はたまたメルマガの原稿を書く時、全てにおいてこのやり方は今の僕にとってベストです。 プレーンテキストである利点 そもそもプレーンテキストとはWikipediaによると、 プレーンテキストには文字情報以外の情報は一切含まず、テキストデータのみで構成されている。バイナリデータや文字の整形情報を持たないので、最低限の機能しか持たな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
