もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った - Qiita
はじめに Webサービスやアプリを企画したり、立ち上げたりする際にプロトタイピングツールや、ExcelやPowerpoint、Illustraterなどを駆使した謎のファイルで画面遷移図を描くことがある。 こういう図を元に仕様を決めて行って、サービスを作っていくのは以下の点で困る。 画面遷移図が保守されない。 書くのが非常に面倒くさい ユーザーのモチベーションの流れが追いづらく、見た目ばかりに注目してしまうものになりがち マシンリーダブル(ソフトウェアで構造を取り出せない)でない。 このような欠点があってどうにも扱いづらい。 そんなわけで、markdown風のテキストから簡単に画面遷移図を描けないかなとコンパイラを作成し、次にそれをインタラクティブに編集できるエディタを作成した。 UI Flows図について 画面遷移図的なものを書く際に、僕が個人的につかっていた表現方法として、UI Flo
Vim - 依存ツールなしにMarkdownプレビューできるprevimプラグインを作った - ぼっち勉強会
previmというのを作りました。 作った経緯と、本プラグインの特徴を書きます。 既存のVim + Markdown環境は外部ツールが必要なものが多い Vim + Markdown環境は好みが別れるのか、色々とあります。 quickrun + 何かしらの変換ツール Hack #230: Markdown形式の文書を書く2 (quickrun0.5.0対応版) 上記リンクにある何かしらの変換ツールが必要 mkdpreview-vim Vimで編集中のMarkdownをプレビュー出来るプラグイン書いた 上記リンクにあるいくつかのツールが必要 instant-markdown-d VimでMarkdownをGitHub風にリアルタイムプレビュー Rubyが必要 Node.jsが必要 Marked(Mac用) vim-quickrunとMarkedでmarkdown編集が快適になった 専用アプリが
Markdownを変換したHTML同士の差分を生成する - Qiita
編集履歴が見やすくなりました - Qiita Blog で紹介したように、編集履歴の差分をより分かりやすく表示できるようにしました。この記事では、この差分表示の実装方法について説明します。 Markdiff 差分表示のための実装は、r7kamura/markdiff というライブラリの形で公開しています。Markdiffという名前には、Markdownのdiffという意味を込めています。Markdownへの変換は increments/qiita-markdown が行ってくれるので、変換後のHTMLを2つ渡すと、差分を表示するためのHTMLを返してくれるという仕組みです。差分表示において、このライブラリがCSSによる装飾以外のほぼ全ての仕事を担っています。 使用例 簡単な例で使い方を説明します。以下のように、まず Markdiff::Differ のインスタンスをつくり、Markdiff
markdownを直接ReactElementに変換するコンパイラを書いた - Qiita
mizchi/md2react デモページはここ md2react playground 作った目的 巨大なmarkdownをリアルタイムプレビューする際、ただの文字列をinnerHTMLとかで更新したりしていると、更新の度にパース処理が走ってどんどん重くなってくる。 React には dangerouslySetInnerHTML というプロパティがあって、一応それっぽい感じで差分管理してくれるが、名前の通り色々怪しい挙動をする。 なのでmarkdownのASTから直接ReactElementを吐けるようにするとReactの差分計算で描画高速化されて良いのでは、というわけで作った。これはMarkdownPreview界にとって救いとなるであろう。 どこで使う目的かはお察しください 使い方 global.React = require('react'); var md2react = re
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
