Markdown を拡張する MDX はドキュメント作成の新たな可能性？
この記事は、技術書典 11 で頒布中の「Vivliostyle で本を作ろう vol. 5」から抜粋した記事です。ご興味ありましたら、Vivliostyle を使って組版された本誌もぜひお買い求めください！ また、この記事以外の内容もすべて Vivliostyle 公式サイトで無料公開中です。 技術書やドキュメントを執筆する際、あなたはどのような形式で文章を書きますか？ 最近ではもっぱら Markdown で書かれることが多いですが、この Markdown を拡張するポテンシャルを持つお気に入りの OSS プロジェクト「MDX」を紹介します。 MDX = Markdown + JSX MDX の名前の由来は Markdown + JSX なので、MDX を理解するためにはまず JSX について知る必要があります。 JSX とは JavaScript の拡張構文の一つで、元々 React の
js を書いて URL やページの内容を加工してコピーできる Chrome 拡張ココピーのご紹介 - ぽ靴な缶
この記事は はてなエンジニア Advent Calendar 2020 - Qiita の23日目の記事です。 qiita.com 昨日は id:Krouton さんの 30日でできる! OS自作入門 を読むために nasm_of_nask というコンパイラを作った話 - KRAZY感情STYLE でした。よかったですね。 コードでコピーするココピーです 今日はちょっと前に作ったブラウザ拡張、cocopy を紹介します。 chrome.google.com しゅぴっと拡張を開いてコピーするフォーマットを選択できます。 このアニメーションはコピー機がブーンとスキャンする感じをイメージしています。 利用者が js を書いてフォーマットを追加できます。 コードからは URL、タイトル、選択中のテキスト、ページの HTML にアクセスできます。 Markdown, Scrapbox HTML, は
React NativeでMarkdownを表示する方法をいくつか比較してみた - PIYO - Tech & Life -
GitHubのようにMarkdownが書けるようなサイトが増えています。僕の働いているソニックガーデンが使っているオフィスツールRemottyでもMarkdownのような記法を一部サポートしています。 WebでMarkdownを扱うにはMarkdown形式の文字列をサーバーサイドなりクライアントサイドでHTML化して表示するだけなのでとても簡単です。また、 ただのHTMLなのでCSSにより見た目もかなり柔軟に変えることができます。 ではReact Nativeアプリではどうしたらいいだろうか、というのが最近の課題です。実はRemottyのモバイルアプリでちょっとしたマークダウン的なものをどのように表示すべきなのかというのは悩んでいて、現状では開発した当時一番マシかなと思ったものを使っています。 Markdownを表示するためにライブラリ（または標準コンポーネント）を使います。使い方には大き
Inkdrop Mobile v2 リリース
Inkdropは、日々のハッキング作業をメモするために特化したMarkdownエディタ付きのノートアプリです。シンプルさ重視の設計で作られています。すべて僕一人で開発・運営しています。このプロジェクトは、インディーデベロッパーとして健康的なペースで製品を作って飯を食うという挑戦です。その過程で考えて採った戦略はすべてこのブログに記録しています。それらがあなたの個人開発の参考になればと思います。Inkdropについて更に知るには以下のウェブサイトをご覧ください： https://www.inkdrop.info/ 完全にスクラッチで再構築しました私たちはプログラミングをする際は主にPCかラップトップを使います。しかしながらポータビリティは多くのユーザにとって重要です。どこにいようとも、ノートにすぐアクセスできる必要があります。その重要性を理解し、６ヶ月以上の間、僕はモバイルアプリの新バージョ
[ Electron + React ] 5分で作るMarkdown Editor - Qiita
自己紹介 じゅんじゅんというニックネームで、関西を拠点に活動しているフロントエンドエンジニアです。 HAL大阪の2回生です👍 (2016.9.9現在) よくstart up系イベントに行くので、大阪らへんの方は会いましょう！ 作ったもの 今回は ElectronとReactで作ること しか決まってないので、リアルタイムプレビューの機能だけしかつけていません。 できたもの。 今回作った経緯 今回は、いつもREADMEとかを書くときにsublime textのOmniMarkupPreviewerを使っていたんですが、全然動かない。。 なぜか分からないので、勉強を兼ねて作ることにしました。 今回使う技術は Electron React ぐらいです。 Editor部分はAceを使いました。 Markdownのpreviewには、markedを使いました。 Electronに関しては、ほぼサンプ
![[ Electron + React ] 5分で作るMarkdown Editor - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/e80faf5657df1adfe2cf214f2f6b3feb57cc2138/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGOTAzNDclMkZwcm9maWxlLWltYWdlcyUyRjE2OTY0MjU0NzE_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9MTMxMWNhOWZkOTAzZjM1MGJiNDM2NTVkYjVjZDExODU%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Da5b4bb05fc4f07b74e99506f542abf54%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCJTIwRWxlY3Ryb24lMjAlMkIlMjBSZWFjdCUyMCU1RCUyMDUlRTUlODglODYlRTMlODElQTclRTQlQkQlOUMlRTMlODIlOEJNYXJrZG93biUyMEVkaXRvciZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPWU1ZmRkM2FmZGJjYjM1NmQ4ODc0ODMyMjhlZDk3MTNh%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBrb25vanVueWEmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz04ZTU1MWIxZjQzNWQ3NDg1NTNhNmE3YmMxZGNjZjEzYQ%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D6002c945bd5a56e6c43f5ac861bbdbe3)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
