mdxjs.com
Markdown for the component eraMDX lets you use JSX in your markdown content. You can import components, such as interactive charts or alerts, and embed them within your content. This makes writing long-form content with components a blast. 🚀 Continue reading » New: MDX 3!A small major this time, nothing big, which is also nice sometimes! This mainly drops support for old Node (use 16 or later), a
高速で Markdown を HTML に変換してくれる『markdown-wasm』を使ってみた
はじめに 今回は, MOONGIFT さんで紹介されていた『markdown-wasm』について紹介します. その名の通り WebAssembly を使っているとのことでかなり高速で動くみたいです. まだ細かい検証はできていないんですが, 備忘録として概要と導入方法について紹介します. 『markdown-wasm』とは？ 『markdown-wasm』は, C のコードを WebAssembly に移植した超高速な Markdown パーサーです. 主な特徴は以下です. 依存関係なし(31 kB gzipped) どこでも実行ができ, かつ安全(WebAssembly なので分離されたメモリで実行できる) シンプルな API とても速い md4c(C で作られた Markdown parser) をベースに作られている - (CommonMark の仕様に準拠) 速度面では, 公式ページ
ブラウザでコード譜を書く : "fumen" の紹介 - Qiita
あらまし ブラウザでコード譜を書くためのMarkdownベースのJavascriptライブラリ fumen の紹介です。 Github : https://github.com/hbjpn/fumen/ ドキュメント : https://hbjpn.github.io/fumen/ プレイグラウンド : https://fumenbook.com/ Wordpress Plugin: https://wordpress.org/plugins/fumen/ ずいぶん前(2013年〜)から公開していましたが、以前のバージョンは速度が遅かったり描画の純軟性にかける問題があったので、根本的な作り直しを行いました。また、fumenをコアにしたコード譜作成WEBサービスfumenbookも作りました。 モチベーション 譜面を作るツールは多くあるのですが、音符等まで含めた綺麗な譜面を作ることを主眼にお
GatsbyJSのscriptタグの扱いについて ~Markdown内のscriptタグはエスケープ処理されます~
GatsbyJSのscriptタグの扱いについて ~Markdown内のscriptタグはエスケープ処理されます~ 2020-05-17 2019-12-26 GatsbyJSを使ってみて地味に詰まったポイントがscriptタグの扱いでした。 僕のようになんとなくjavascriptを使い始めた方もいるかもしれないので、今回はGatsbyJSでのscriptタグに関する注意点について書いてみました。 Markdownファイルに書き込んだScriptタグは実行されないまず最初はこれです。 サブタイトルにも書きましたが、GatsbyではMarkdown中のScriptタグはエスケープ処理されてしまうため実行されません。 Markdown中のscriptタグを実行させるには、専用に作られたプラグインを導入するか、自分でそれように作り込む必要があります。 プラグインについてはTwitterやYou
mermaid.jsが素晴らしいけどなかなか使ってる人見かけないので実例晒す(追記あり) - Qiita
mermaid.jsとは JavaScriptのチャート作成ライブラリです。他にも似たようなのは色々ありますが、これ一本でフローチャート、シーケンス、ガントに対応してるので、個人的にお気に入り。 http://knsv.github.io/mermaid/ サイトの各チャートのページ見ると書き方と何ができるかはわかるので、ご覧あれ。 僕の使い方 JSのライブラリを自分でインポートして何かすることはほとんど無くて(後述の理由からガントだけJSで使ってるけど)、基本的には以下の2つの方法で使ってる。 Haroopad フリーでクロスプラットフォーム(OS X, Win, Linux)なMarkdownエディタ。 v0.13からmermaid.jsがインテグされているので、何もしなくてもそのまま使える。 mermaid.jsのグラフの書き方は、コード表記で、言語をmermaidにしてあげるだけ。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Reveal.js、Markdown、Githubでスライドを作成する。 - Qiita
