documentationjs + add-text-to-markdownでREADME.mdのAPIリファレンスを自動更新
documentationjs + add-text-to-markdownでREADME.mdのAPIリファレンスを自動更新 documentationjsはJSDocからドキュメントを生成できるツールで、ES2015以降のコードにも対応しています。 (TypeScriptは対応してないようです) 以前はMarkdownへの出力が難しかったのですが、いつのまにかdocumentation build -f mdでMarkdownでのAPIドキュメントが生成できるようになっていました。 これを使うことで、ライブラリを書いてそのJSDocからドキュメントを生成して、READMEのUsageセキュクションを自動的に更新できるようになっています。 以前もできたのですが、かなりトリッキーなテーマを書いたりしないといけませんでした。(後stdoutへの出力がなかった気がします) –theme for
Ring UI - JetBrains製のUIコンポーネント集
Webアプリケーションを作る際に大事なのがUIです。Bootstrapのようなテーマもありますが、まだまだ足りない部品があることも多いでしょう。そうしたときに工夫すれば実装できるのか、または最初から用意されているのかで大きな違いがあります。 今回紹介するRing UIはJetBrains社製のUIフレームワークになります。 Ring UIの使い方 スクリーンショット多めで紹介します。まずはアラート。 ログイン。 アバター。 バッジ。 ボタン。 ボタングループ。 チェックボックス。 日付ピッカー。 エラーメッセージ。 フッター。 グリッド。 Markdown。 ページネーション。 タグリスト。 Ring UIでは他にも何十種類ものUIコンポーネントが公開されています。コンポーネントが多ければそれだけ実現できるUIが増え、全体の雰囲気も統一できます。雰囲気的には一般的なWebサイトはもちろん、
ブラウザ上でMarkdownを安全に展開する - 葉っぱ日記
不特定のユーザーが入力したMarkdownをブラウザ上でJavaScriptを使ってHTMLに変換するという場面においては、JavaScriptで変換してHTMLを生成するという処理の都合上どうしてもDOM-based XSSの発生を考えないわけにはいかない。かといって、MarkdownをパースしHTMLを生成するという処理すべてをXSSが存在しないように注意しながら自分で書くのも大変だし、markedやmarkdown-jsなどの既存の変換用のJSを持ってきてもそれらがXSSしないかを確認するのは結構大変だったりする。 そういった場合には、Markdownから生成されたHTMLをRickDOMを通すことで、万が一HTML内にJavaScriptが含まれていたとしてもそれらを除外し、許可された要素、許可された属性だけで構築された安全なHTMLに再構築することができる。さらに、そうやって生成
Bootstrap Markdown - 使おう！BootstrapにマッチしたMarkdownエディタ MOONGIFT
Markdownでコンテンツを編集するサイトでは採用必須ですね！ 最近はテキスト編集をさせようと思うとまずMarkdownが筆頭に上がってくるようになりました。さらにWebサービス開発にBootstrapをベースにする人たちもたくさんいます。であればその二つが合わさって欲しいと思っている人は多かったはず。Bootstrap Markdownをぜひ使ってみましょう！ 使い方は簡単です。テキストエリアにdata-provide="markdown"を指定します。サンプルとしては以下のようなコードです。 <form> <input name="title" type="text" placeholder="Title?" /> <textarea name="content" data-provide="markdown" rows="10"></textarea> <label class="
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
302 mdast - JS.ORG
JSのコメントからmarkdownファイルを生成するgulpプラグイン作った - Qiita
Markdown形式をリアルタイムプレビューしつつ編集可能にするjQueryプラグイン「Meltdown」:phpspot開発日誌