GitBookForget building your own custom docs platform. With GitBook you get beautiful documentation for your users, and a branch-based Git workflow for your team.
markdownã‹ã‚‰HTMLスライドをã¤ãã‚‹gemを書ã„㟠- massat.jp
カンタンãªæ–‡æ›¸ã‚’書ãã®ã«ä¾¿åˆ©ãª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を書ã„㦠プレゼンタイトル =============
markdownã§ã‚¹ãƒ©ã‚¤ãƒ‰è³‡æ–™ã‚’作りãŸã„ - ã§ã¤mblr
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 × slideshow × guard ã§å¿«é©ãƒ—ãƒ¬ã‚¼ãƒ³è³‡æ–™ä½œæˆ - ã¦ã‚“ã¦ã‚“ã®ã¶ã‚ã
社内セミナー用ã«ãƒ—レゼン資料を作æˆã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã®ã ã‘ã©ã€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記法 ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ
Markdown記法ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã§ã™ã€‚ 記法ã¯GitHub Flavored Markdownã«æº–æ‹ ã—ã€ä¸€éƒ¨æ‹¡å¼µã—ã¦ã„ã¾ã™ã€‚ Qiitaã§ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ãƒã‚¤ãƒ©ã‚¤ãƒˆå¯èƒ½ãªè¨€èªžä¸€è¦§ã«ã¤ã„ã¦ã¯ã€ シンタックスãƒã‚¤ãƒ©ã‚¤ãƒˆå¯èƒ½ãªè¨€èªž ã‚’ã”覧下ã•ã„。 Code - コードã®æŒ¿å…¥ Code blocks - コードブãƒãƒƒã‚¯ ãŸã¨ãˆã°ã€ã€ŒRubyã€ã§è¨˜è¿°ã—ãŸã‚³ãƒ¼ãƒ‰ã‚’ファイルå「qiita.rbã€ã¨ã—ã¦æŠ•ç¨¿ã—ãŸã„ã¨ãã¯ã€ ãƒãƒƒã‚¯ã‚¯ã‚ªãƒ¼ãƒˆï¼ˆ`） ã‹ ãƒãƒ«ãƒ€ï¼ˆ~） を使用ã—ã¦ä»¥ä¸‹ã®ã‚ˆã†ã«æŠ•ç¨¿ã™ã‚‹ã¨ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ãƒã‚¤ãƒ©ã‚¤ãƒˆãŒé©ç”¨ã•ã‚Œã¾ã™ã€‚ コードブãƒãƒƒã‚¯å†…ã§ã‚³ãƒ¼ãƒ‰ãƒ–ãƒãƒƒã‚¯ã‚’書ããŸã„å ´åˆã¯ç•°ãªã‚‹è¨˜å·ã‚’使ã†ã“ã¨ã§æ›¸ã‘ã¾ã™ã€‚
全部無料ã§ã€‚Evernoteã«Markdownã§æ›¸ã„ãŸCSS対応ã®æ–‡æ›¸ã‚’投稿ã™ã‚‹ã‚„ã‚Šæ–¹ - 三ç‰å…µ
Macã®Evernoteã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã¯ä½¿ã„ã«ãã„。ã¨ãã«MarkdownãŒä½¿ãˆãªã„ã®ã¯è¾›ã„。リッãƒãƒ†ã‚ストã ã£ã¦å…¨ç„¶ãƒªãƒƒãƒã«ã§ããªã„。もã£ã¨ãã‚Œã„ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®æ–‡æ›¸ã‚’投稿ã—ãŸã„。 ãã‚“ãªã“ã¨ã‚’æ€ã£ã¦ã„ã¦ã€ã˜ã‚ƒã‚Mouã¨ã„ã†Markdownエディタã§æ›¸ã„ãŸæ–‡æ›¸ã‚’Evernoteã«ä¿å˜ã§ãるよã†ã«ã—ãŸã‚‰ã„ã„ã‚“ã˜ã‚ƒãªã„ã‹ã€ã¨ã„ã†èª°ã‚‚ãŒè€ƒãˆãã†ã ã‘ã©ã‚ãˆã¦èª°ã‚‚やらãªã‹ã£ãŸ(ã‚ã‚“ã©ãã•ã„ã‹ã‚‰)ã§ã‚ã‚ã†ã‚ˆã†ãªã“ã¨ã‚’ã§ãるよã†ã«ã—ãŸã€‚ çµæžœçš„ã«ã©ã†ãªã£ãŸã‹ã¨ã„ã†ã¨ã€ä¸‹ã®ç”»åƒã®ã‚ˆã†ãªCSSã§ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸæ–‡æ›¸ã‚’Evernoteã«æŠ•ç¨¿ã§ãるよã†ã«ãªã£ãŸã€‚ デザインã¯Mouã§ç”¨æ„ã•ã‚Œã¦ã„ã‚‹github.cssã‚’ãã®ã¾ã¾å‰²ã‚Šå½“ã¦ã¦ã„る。 ã“ã‚Œã¯AppleScriptã£ã¦ã„ã†ãƒžã‚¤ãƒŠãƒ¼ãªè¨€èªžã§æ›¸ã„ãŸã‚¹ã‚¯ãƒªãƒ—トを使ã†ã€‚ã¡ã‚‡ã£ã¨è©¦é¨“çš„ãªã‚“ã ã‘ã©ä»Šå›žã¯ãã®ã‚¹ã‚¯ãƒªãƒ—トを公開。 å¿…è¦ãªã‚‚ã® Mouã®æ–‡æ›¸ã‚’Evernoteã«æŠ•
Markdown ã®è¨˜æ³•
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
一生涯ã¯ã¦ãªè¨˜æ³•ã—ã¾ã™ã‹ï¼Ÿãã‚Œã¨ã‚‚Markdownã—ã¾ã™ã‹ï¼Ÿ
ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã§ã¯ã¯ã¦ãªè¨˜æ³•ã¨ã„ã†ã€HTMLã®ç°¡ç•¥è¨˜æ³•ãŒä½¿ãˆã¾ã™ã€‚ã“ã®è¨˜æ³•ã‚’利用ã™ã‚‹ã“ã¨ã§ç°¡å˜ã«æ•´å½¢ã•ã‚ŒãŸæ—¥è¨˜ã‚’書ãã“ã¨ãŒã§ãã¾ã™ã€‚ç§ã‚‚ï¼–å¹´é–“ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã¨ã€ã¯ã¦ãªè¨˜æ³•ã®ãŠä¸–話ã«ãªã‚Šã¾ã—ãŸã€‚ ã—ã‹ã—ã¯ã¦ãªè¨˜æ³•ã¯ã€ã¯ã¦ãªç‹¬è‡ªã®ç°¡ç•¥è¨˜æ³•ãªã®ã§ä»–ã§ã¯ä½¿ãˆã¾ã›ã‚“。従ã£ã¦ä¸€ã¤ã®ä¸å®‰ãŒã‚ˆãŽã‚Šã¾ã™ã€‚ ã“ã®å…ˆã‚‚ã—10å¹´ã€20å¹´ã¨ãƒ–ãƒã‚°ã‚’書ã続ã‘ã‚‹ã¨ã—ãŸã‚‰ã€ãã‚Œã¯ã¯ã¦ãªè¨˜æ³•ã§ã„ã„ã®ã‹ã¨ã€‚ ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã«ã¯åˆ¥ã®ä¸æº€ã‚‚ã‚ã‚Šã¾ã™ã€‚次ã®ã‚ˆã†ãªã‚‚ã®ã§ã™ã€‚ HTML整形後ã®æ–‡ç« ã‚’ãƒãƒ¼ã‚«ãƒ«ç’°å¢ƒã§ç¢ºèªã§ããªã„。 記事ã«å¤‰æ›´ãŒç”Ÿã˜ã¦Web上ã§ç›´æŽ¥ç·¨é›†ã—ãŸå ´åˆã«ã€ãƒãƒ¼ã‚«ãƒ«ãƒ‡ãƒ¼ã‚¿ã¨å†…容ãŒä¸ä¸€è‡´ã¨ãªã‚Šã€ãã®ç®¡ç†ãŒç…©é›‘ã¨ãªã‚‹1。 ã‚ã‚“ãªã«ã‚µãƒ³ãƒ—ルãŒã‚ã‚‹ã®ã«ã€ã‚¤ã‚±ã¦ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãŒè¦‹å½“ãŸã‚‰ãªã„2。 基本的ã«ã‚µã‚¤ãƒˆãŒé‡ã„。 Github Pages + Jekyll ãã‚“ãªç†ç”±ã‹ã‚‰ç§ã¯GitHub Pagesã¨J
Markdownã§æ–‡ç« を書ã“ã†ï¼ - ゆーã™ã‘ã¹ãƒ¼æ—¥è¨˜
ã¿ãªã•ã‚“ã¯ã©ã®ã‚ˆã†ãªã‚¨ãƒ‡ã‚£ã‚¿ã§ã©ã®ã‚ˆã†ãªè¨˜æ³•ã§æ–‡ç« を書ã„ã¦ã„ã¾ã™ã‹ï¼Ÿ 状æ³ã«ã‚ˆã‚‹ã¨ã¯æ€ã„ã¾ã™ãŒã€Wordã¨ã‹Macã®Pagesã§æ–‡ç« を書ã„ã¦ã„ã‚‹ã¨ã„ã†æ–¹ã‚„ Evernoteã§ãƒ¡ãƒ¢ã‚’å–ã£ã¦ã„ã‚‹ã¨ã„ã†æ–¹ã€ã¾ãŸã¯ã€Blogã®æŠ•ç¨¿ãƒ•ã‚©ãƒ¼ãƒ ã«ç¶´ã£ã¦ã„る方〠様々ã ã¨æ€ã„ã¾ã™ã€‚ 僕も書ãã‚‚ã®ã«ã‚ˆã£ã¦ã¯Pagesã‚„Evernoteも使ã†ã®ã§ã™ãŒã€ä¸€ç•ªæ–‡ç« を書ã手法ãŒã€Œãƒ—レーンテã‚スト＋Markdownã€ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚今もã“ã®æ‰‹æ³•ã§æ›¸ã„ã¦ã„ã¾ã™ã€‚Blogを書ã時ã€é›‘誌ã®åŽŸç¨¿ã‚’書ã時ã€ã¯ãŸã¾ãŸãƒ¡ãƒ«ãƒžã‚¬ã®åŽŸç¨¿ã‚’書ã時ã€å…¨ã¦ã«ãŠã„ã¦ã“ã®ã‚„ã‚Šæ–¹ã¯ä»Šã®åƒ•ã«ã¨ã£ã¦ãƒ™ã‚¹ãƒˆã§ã™ã€‚ プレーンテã‚ストã§ã‚る利点 ãã‚‚ãもプレーンテã‚ストã¨ã¯Wikipediaã«ã‚ˆã‚‹ã¨ã€ プレーンテã‚ストã«ã¯æ–‡å—æƒ…å ±ä»¥å¤–ã®æƒ…å ±ã¯ä¸€åˆ‡å«ã¾ãšã€ãƒ†ã‚ストデータã®ã¿ã§æ§‹æˆã•ã‚Œã¦ã„る。ãƒã‚¤ãƒŠãƒªãƒ‡ãƒ¼ã‚¿ã‚„æ–‡å—ã®æ•´å½¢æƒ…å ±ã‚’æŒãŸãªã„ã®ã§ã€æœ€ä½Žé™ã®æ©Ÿèƒ½ã—ã‹æŒãŸãª
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Marked.js 㧠Markdown をクライアントå´ã§ãƒ‘ースã—ã¦è¡¨ç¤ºã™ã‚‹ - Qiita
Loading...
「ã“ã‘ã‚€ã•ã‚ºã€ã«ï¼“度通ã£ã¦ æ±éƒŠé›‘è¨˜ï¼ ç³å ‚ on scriptogr.am
{{#tags}}- {{label}}
{{/tags}}