Slidevを導入してMarkdownで美しいスライドを書こう - Qiita
(PR) 本記事でご紹介している Slidev などのテクニックについて、2021/11/20(土) 開催の VS Code Conference Japan 2021 にてご紹介しました。YouTubeアーカイブや発表資料も是非ご参照ください。 Slidevとは Slidevはエンジニア向けプレゼンテーションツールです。 Markdownで記述した文書から美しいスライドを生成できます。 公式デモ とそのソースとなるMarkdown もご参照ください。 ドキュメントは以下にあります。 すぐに使えるサンプル 使用頻度の高いと思われる記法を含めたサンプルのMarkdownを以下に公開しています。 コピペするなどしてお使いください。詳細は後述します。 上記Markdownを使用しているスライドを以下にデプロイしています。 上記Markdownの記述内容と見比べていただけると分かりやすいかと思いま
mdpdf - スタイル設定が指定できるMarkdown to PDF
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました MarkdownはHTMLだけでなく、他のフォーマットに展開する際にも使える便利な記法です。よくあるのはPDFではないでしょうか。しかし殆ど装飾も行われないシンプルなPDFなので、業務や報告書で使うのはちょっと躊躇してしまいます。 そこで使ってみたいのがmdpdfです。スタイル設定などが可能なMarkdownからPDFへの変換ソフトウェアです。 mdpdfの使い方 変換例です。ヘッダーを追加しました。 2ページ目にもちゃんとヘッダーが表示されます。 こちらはスタイル設定を適用したものです。先ほどとはフォントが異なります。 別なスタイルシート。文字が大きすぎて被ってしまっていますが、修正すれば問題ないでしょう。 mdpdfではスタイル設定としてCSSが使えるのがポイントです。つまりM
markdown2bootstrap - MarkdownをBootstrapと組み合わせてHTML化
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました MarkdownでHTMLが出力できるのは良く知られていますが、生成されるのは素のHTMLタグとなっています。このまま表示に使いたいと思うことは殆どないでしょう。必要なのは多少なりともデザインです。 そこで使ってみたいのがmarkdown2bootstrapです。MarkdownからHTMLを生成し、それに合わせたBootstrapデザインを提供してくれます。 markdown2bootstrapの使い方 markdown2bootstrapのインストールはnpmで行えます。 $ npm install -g markdown2bootstrap 終わったらMarkdownファイルのあるディレクトリで実行するだけです。 $ markdown2bootstrap README.md
MDwiki·Markdownをコンテンツに使ったCMS/Wikiシステム MOONGIFT
最近はどこもかしこもMarkdownの活用で争っているように見えます。それだけ汎用的に使えて利便性の高いフォーマットであると言うことでしょう。ということで今回もまたMarkdownの新しい使い道を探す旅です。 MDwikiはMarkdownをベースにしたCMSまたはWikiとなっています。JavaScriptでMarkdownファイルを読み込み、JavaScriptでレンダリングしている点がユニークな点です。 HTMLが出力されていますが実際に読み込まれているのはMarkdownです。 画像は表示されている件数によって並びが変わるようになっています。 テーブル表示にも対応しています。 その他Gimmicksという記法が追加されており、YouTubeやGistの埋め込み、Facebook/Discusといったコミュニケーション機能も追加できるようになっています。Wikiとして新しいページが追
Web上で見たままに変更できるMarkdownエディタ·demarcate.js MOONGIFT
demarcate.jsはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 Markdown記法を採用するWebサイト、Webサービスが随分増えているように感じます。一つの統一されたフォーマットで作業できるのは良い事です。今回はWebブラウザ上でダイナミックにコンテンツを編集できるdemarcate.jsを紹介します。 こちらはデモです。左側のコンテンツが編集できる部分になります。右側にはヘルプが出ています。 編集したい部分がマウスオーバーでハイライトされます。クリックで編集モードに入ります。 編集モードです。ツールバーが編集エリアの下に出るのが特徴的です。 もちろん日本語も使えます。右側にMarkdownの記法ヘルプが出てくれるのも便利ですね。 上下ボタンを押すとコンテンツの位置を差し替えられます。 Markdown記法を拡張しているようで、テーブル表示
Daring Fireball: Markdown
By John Gruber Archive The Talk Show Dithering Projects Contact Colophon Feeds / Social Sponsorship WorkOS, the modern identity platform for B2B SaaS — free up to 1 million MAUs. Main Basics Syntax License Dingus Download Markdown 1.0.1 (18 KB) — 17 Dec 2004 Introduction Markdown is a text-to-HTML conversion tool for web writers. Markdown allows you to write using an easy-to-read, easy-to-write pl
Wikiマークアップ言語Markdownをリアルタイムにプレビューさせてみるupflow | エンタープライズ | マイコミジャーナル
upflow - realtime Markdown? Wikiで採用されることが多いテキストフォーマットにMarkdownがある。Markdownはシンプルなフォーマットのマークアップ言語と変換ユーティリティのことで、Markdown形式で入力したものをHTMLに変換されて使うことが多い。Markdown形式を意識していなくてもWikiを使っている場合にはMarkdown形式のテキストを書いていることが多い。 マークアップ言語は技術に精通したユーザにとっては便利な方法だ。ワープロやオーサリングツールのようなWYSIWYGアプリケーションは、マークアップ言語を直接扱うユーザにとっては逆に操作が煩雑なツールとして敬遠されることもある。逆に技術にあまり精通していないユーザには、WYSIWYGアプリを使わないで直接マークアップを使うユーザが不可解な存在に見える。 ではその中間は実現できないか、と
Markdown記法をJavaScriptで·Showdown MOONGIFT
個人的には一番好きな記法であるMarkdown。Wikiも良いのだが、エンジンによって記法のばらつきがあるのが問題だ。その点、記法だけを考えればMarkdownは統一されているので、シェアさえ広がれば皆使えるようになる。 Markdown記法のリアルタイムプレビュー だが書くときはテキストエリアで、実際のレンダリング結果は送信してみないと分からないというのは面倒くさい。そこでShowdownを使ってみよう。 ShowdownはJavaScriptを使ってMarkdown記法をパースするオープンソース・ソフトウェアだ。 Showdownは言わばJavaScriptによるMarkdownエンジンだ。ブラウザベースで動作するのでリアルタイムプレビューに向いている。入力した内容がその場で見られれば失敗も少なくなるし、色々試すことができる。 HTMLソース さらに便利なのが、ドロップダウンでプレビュ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
