CodeMirror v6によるZennのMarkdownエディタの作り方
Zennでは、「記事」や「本のチャプター」のMarkdownエディタのベースにCodeMirrorというライブラリを使っています。これまではCodeMirrorのv5を使っていた（正確にはv5に依存するラッパーライブラリを使っていた）のですが、古いバージョンを使い続けるリスク解消と更なるエディタの拡張性を得るため、CodeMirrorのv6にアップグレードすることにしました。 本記事では、CodeMirror v6の基本的な知識部分から、ZennのMarkdownエディタを実装するまでのカスタマイズ方法を紹介します。 CodeMirrorの基礎知識 はじめに CodeMirrorはWeb上にコードエディタを実装するためのライブラリです。標準で多くのプログラミング言語に対応したシンタックスハイライトや入力補完、折りたたみ、キーマップ、マルチカーソルなど、モダンなコードエディタに必要な機能を備
Boostnote | Boost Happiness, Productivity, and Creativity.
Write overviews of systems including concepts, terminology definitions and description of how these concepts work together. Having a 'living document' to help drive dialogue and exchange of ideas through collaboration helps this process significantly. Organize your dev team's sprint backlog and visualize them with status, assignees, reviewers, due date and everything you need. Reduce repeated prog
Excelなテスト仕様書をMarkdown/GitHub/CircleCIに移行した話 - トレタ開発者ブログ
こんにちは、QAエンジニアの井上恵一です。好きな飲み物は一番搾りと韃靼そば茶です。 初回からニッチなネタではありますが、昨年入社した直後に行った、 iPad アプリのテスト仕様書の管理方法を見直したときの話を紹介しようと思います。 見直しのきっかけ トレタは飲食店向けの予約/顧客台帳アプリです。だれでもかんたんに使いこなせるシンプルさを追求してはいますが、製品の進化に伴ってそのテストケース数はすでに数千という単位にまで膨れあがっています。 製品の品質を安定させるためには、テストの内容自体をブラッシュアップすることが重要なのは言うまでもありません。ただ、安定した製品を永続的に提供していくためには、それに加えて、膨大なテストケースを効率よくメンテナンスし続けるためのプロセス作りも欠かせません。 入社のタイミングでトレタのテスト設計を担当することになったので、テストケースの管理方法についてもいち
ASP.NETでMarkdownを活用してみる | Vinberoj de Verda Luno
この投稿は ASP.NET Advent Calendar 2015 の9日目の記事です。 GitHubやQiitaなど、さまざまなサービスで使われている形式になってきたMarkdown。この便利(?)なものをASP.NETでも使ってみようというのがこの記事の趣旨です。 CommonMark.NET Markdownを処理するライブラリを探してみると、その一つとして CommonMark.NET が見つかります。この説明によると、Full .NETライブラリにも関わらずネイティブライブラリのラッパーと同じくらい速く、さらにPCLや.NET Coreの上でも動くそうです。これはMarkdownに対して使わない手はないですよね。 ちなみにCommonMarkとは、Markdownに数ある方言を解決するために、その仕様化を目指したプロジェクトです。というわけで、正確にはMarkdownを使ってい
Markdownで使えるタスクリストを実装する - Qiita
Markdownの変換を行う処理では、下例のような文字列が含まれたMarkdownをHTMLに変換するときに、うまくチェックボックスが表示されるように取り計らう必要があります。 Foo Bar Baz そこで、MarkdownをHTMLに変換したあとに実行する処理として「もしli要素の内容が [ ] か [x] で始まっていたら、その部分を <input type="checkbox"> に置換する、という処理を加えます。どのように処理を追加しているかという点については、Markdownを拡張して独自記法をつくる - Qiita により詳しい説明が載っています。ソースコード上では、Qiita::Markdown::Filters::Checkbox がその処理を担当している部分になります。 JavaScript JavaScript側では「チェックボックスが選択されたとき、Markdown
Markdownを拡張して独自記法をつくる - Qiita
Qiita::Markdownの解説記事です。Markdown拡張ならHTML::Pipelineという旨の投稿です。 いま読んでいるこの投稿の描画にもQiita::Markdownが利用されています。 方言とライブラリ Markdownには様々な種類・方言があり、最近ではStandard Markdown is now Common Markdownが一部で話題になったりしました。かいつまんで言うと「Markdownの方言多すぎるしStandard Markdownって名前で共同プロジェクトつくろうとしたけど紆余曲折あって結局CommonMarkって名前になったわ」という感じです。 MarkdownをHTMLに変換するためのライブラリを探すと、例えばRubyではRedcarpet、C言語では同作者のSundown等が有名なところです。GitHubが利用しているライブラリgithub-ma
Markdownからスライド資料を作る
B! 460 0 1 0 何か人に見せる時には資料としてPower Pointとかでスライドを作るわけですが、 普段メモもMarkdown形式で書いてく事が多くて、 簡単なもの、特に文字だけの物の場合はそのままコピペするだけみたいな ことも多いので、 直接Markdownからスライドを作る物を試してみることに。 Markdownからスライドを作れるツール Pandoc 対応フォーマット インストール PDF作成(beamerテンプレートを使う) beamerのテーマについて 日本語について Pandocまとめ Slide Show (S9) インストール スライド用HTML作成 PDFにコンバート その他のツール Marp mkd2pdf markdown-pdf markdown2impress mdslide slidedeck remark Markdown2pdf Swipe Sl
電書ちゃんのでんでんコンバーター
テキスト、画像、CSSファイル、およびでんでんコンバーターの設定ファイル (ddconv.yml) 、自動ルビ用CSVファイル(ruby.csv)がアップロードできます。 複数ファイルのアップロードができます。ファイルの選択時にControlキーを押しながらファイルを選んでください。複数ファイルのアップロードに対応していない一部のブラウザでは、テキストを一つだけアップロードしてください。それ以上の機能は対応しません。 ファイル名には、半角英数、半角ハイフン「-」、半角アンダースコア「_」のみを使うようにしてください。ファイル名に日本語を含めるとうまく動作しないことがあります。 アップロードできるファイルの最大数は100ファイルです。 ファイル1つあたりのサイズ上限は3MBです。 アップロードしたファイルは後からすべて削除されます。サーバ上にデータは残りません。 テキスト 本文にあたるテキス
Railsでカスタムmarkdownを実装する - たのしい人生
2013-09-19 Railsでカスタムmarkdownを実装する Railsでブログ実装したくなることないですか？ その際に記法の選択肢の一つにmarkdownが出てくると思います。 redcarpetを使うと簡単にmarkdownを実装できるので、その方法をまとめました。 Redcarpetでmarkdownを実装する Gemfileにredcarpetを追加 gem 'redcarpet' helperにメソッドを作る app/helpers/markdown_helper.rb など作って、 module MarkdownHelper def markdown(text) unless @markdown renderer = Redcarpet::Render::HTML.new @markdown = Redcarpet::Markdown.new(renderer) e
Markdown文法の全訳
Markdownの文法について作者が解説したページを全訳してみました。 まだまだ手を入れ足りないところがありますが暫定公開します。 【更新】2008年12月30日17時45分(ホームページを移動) 【原文】http://daringfireball.net/projects/markdown/syntax.php 【ＨＰ】http://daringfireball.net/projects/markdown/ はじめに 注意 ライセンスは修正BSDライセンスです。原文のライセンスを尊重の上、適当にどうぞ。 意訳していて、原文の意味を損なわない程度に言葉を加えたり省略している部分があります。 訳が間違っている可能性があります。暫時修正はするつもりですが、必ず原文を優先するようにしてください。 意見等につきましては遠くない将来にコメント欄など何らかの連絡方法を保てるようにしたいと考えていま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
VimでMarkdownをプレビューする（previmプラグイン） - 結城浩のはてなブログ