Documentation is a critical part of your product experience. GitBook helps you collaborate and build beautiful, centralized docs your users will love.

カンタンな文書を書くのに便利なmarkdown。 このブログもエントリはmarkdownで書いていて、今後もドキュメントはなるべくmarkdownにしたいなと。 んでRubyをさわってみたくて、試しにと思ってmarkdownからHTMLスライドを作るgemを書いた。 markdown_slider markdown_slider 理想は GitHub Flavored Markdown ちっくに書けて、そっからイケてるスライドを生成できるツール。 なんだけど、完成度はまだまだ。 markdownパーサーには redcarpet、生成するHTMLはhtml5slidesをちょっといじったものを使ってる。 インストール gemコマンドでインストール。 1 $ gem install markdown_slider 使いかた markdownを書いて プレゼンタイトル =============
HTMLとJavaScriptでスライドを作るならimpress.jsやhtml5slidesなんか使ってゴリゴリとタグで書いたりするけど面倒くさいのでmarkdownとかで書いてガッと変換して欲しい。 のでいろいろ探してひと通り試してみた。 markdown-slider参照:markdownからHTMLスライドをつくるgemを書いた gemhtml5slidesに吐き出すだけのシンプルな構成markdown記法がgithubライクなので個人的にとっつきやすかったmdslide参照:Markdownテキストからスライドが作れるymrlのmdslideが便利 gemテーマ指定やら出力オプションを指定できるっぽいサーバも立てれるruby1.9.2入れてなかったので結局使わなかったmarkdown2impress参照:プレゼンをmarkdownで書いたらええやん perlimpress.js専
社内セミナー用にプレゼン資料を作成する必要があるのだけど、markdownでサクッと書きたかったので環境を整えてみた。 markdownでプレゼン資料を作成する方法がイロイロあって悩んだけど、シンタックスハイライトが使えるのと、テンプレートが豊富なのでslideshowを使うことにした。 slideshowでプレゼン資料作成 markdownやtextileからスライドを作成できるgem。 テンプレートも色々ある。 ※テンプレートのリストには載ってないけど、impress.jsとかも使える 今回はslideshow-showerというテンプレートを使用した。 インストール $ gem install slideshow テンプレートのインストール $ slideshow install shower テンプレートの適用、ビルド $ slideshow build index.md -t s
ブログにコードを載せることが多くなりそうなので、コードスニペットをいい感じにHTMLで成形してくれるやつを組み込んでみた。1年前の自分はsyntaxhighlight.inがよさそうなんて言ってるけど、いちいちWebサイト開いてコピペする作業するのはだいぶない思う。 このブログはRailsで組んでてMarkdownで書けるようになっているので、ヘルパーでいい感じにやってくれるようにします。 application_helper.rb module ApplicationHelper def markdown(text) html = Redcarpet::Markdown.new( Redcarpet::Render::HTML.new(hard_wrap: true), tables: true, autolink: true, superscript: true, strikethro
Markdown記法のチートシートです。 記法はGitHub Flavored Markdownに準拠し、一部拡張しています。 Qiitaでシンタックスハイライト可能な言語一覧については、 シンタックスハイライト可能な言語 をご覧下さい。 Code - コードの挿入 Code blocks - コードブロック たとえば、「Ruby」で記述したコードをファイル名「qiita.rb」として投稿したいときは、 バッククオート(`) か チルダ(~) を使用して以下のように投稿するとシンタックスハイライトが適用されます。 コードブロック内でコードブロックを書きたい場合は異なる記号を使うことで書けます。
MacのEvernoteのクライアントは使いにくい。とくにMarkdownが使えないのは辛い。リッチテキストだって全然リッチにできない。もっときれいなデザインの文書を投稿したい。 そんなことを思っていて、じゃあMouというMarkdownエディタで書いた文書をEvernoteに保存できるようにしたらいいんじゃないか、という誰もが考えそうだけどあえて誰もやらなかった(めんどくさいから)であろうようなことをできるようにした。 結果的にどうなったかというと、下の画像のようなCSSでデザインされた文書をEvernoteに投稿できるようになった。 デザインはMouで用意されているgithub.cssをそのまま割り当てている。 これはAppleScriptっていうマイナーな言語で書いたスクリプトを使う。ちょっと試験的なんだけど今回はそのスクリプトを公開。 必要なもの Mouの文書をEvernoteに投
Skip to: Content | Navigation | Footer Location: Hg's / Markdown の記法 Language: ja Hg's Now Loading... http://daringfireball.net/projects/markdown/syntax が英語でめんどくさい。 unmovabletype.org に Markdown 記法の日本語での解説があったらしいんだが、残念ながら今は閉鎖されている。まじっすか。 というわけで、このエントリは、ヲレ用 Markdown 記法メモ。っつーか上のリンク先の用例をコピペしただけという噂も。 追記:05/06/07 目次を追加。あと、チェック用にDingusへのリンクも追加しとこう。 Block Element Paragraph Header Blockquote List Code B
はてなダイアリー はてなダイアリーでははてな記法という、HTMLの簡略記法が使えます。この記法を利用することで簡単に整形された日記を書くことができます。私も6年間はてなダイアリーと、はてな記法のお世話になりました。 しかしはてな記法は、はてな独自の簡略記法なので他では使えません。従って一つの不安がよぎります。 この先もし10年、20年とブログを書き続けるとしたら、それははてな記法でいいのかと。 はてなダイアリーには別の不満もあります。次のようなものです。 HTML整形後の文章をローカル環境で確認できない。 記事に変更が生じてWeb上で直接編集した場合に、ローカルデータと内容が不一致となり、その管理が煩雑となる1。 あんなにサンプルがあるのに、イケてるデザインが見当たらない2。 基本的にサイトが重い。 Github Pages + Jekyll そんな理由から私はGitHub PagesとJ
みなさんはどのようなエディタでどのような記法で文章を書いていますか? 状況によるとは思いますが、WordとかMacのPagesで文章を書いているという方や Evernoteでメモを取っているという方、または、Blogの投稿フォームに綴っている方、 様々だと思います。 僕も書くものによってはPagesやEvernoteも使うのですが、一番文章を書く手法が「プレーンテキスト+Markdown」というものです。今もこの手法で書いています。Blogを書く時、雑誌の原稿を書く時、はたまたメルマガの原稿を書く時、全てにおいてこのやり方は今の僕にとってベストです。 プレーンテキストである利点 そもそもプレーンテキストとはWikipediaによると、 プレーンテキストには文字情報以外の情報は一切含まず、テキストデータのみで構成されている。バイナリデータや文字の整形情報を持たないので、最低限の機能しか持たな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く