Corredor

ウェブ、プログラミングの勉強メモ。

Markdown

Markdown の中で Markdown 記法を回避するための数値参照文字

マークダウンでテキストから電子書籍を作ろう作者: 柏原基規発売日: 2015/11/10メディア: Kindle版この商品を含むブログを見る Markdown 記法の説明なんかで、「コードブロックの書き方」をコードブロックで書いたりしたくなることがあるかもしれない。 そん…

Markdown ファイルを動的にパースして表示・別ファイルへの遷移もできる Angular アプリ「ngx-markdown-wiki」を作った

Markdown ファイルを動的にパースして表示し、別の Markdown ファイルへの遷移もできる Angular アプリ「ngx-markdown-wiki」を作った。Markdown ファイル同士の遷移ができるので、Markdown 製の Wiki が作れるかなー、という思いで、「Markdown Wiki」とし…

API Blueprint を利用して Markdown 形式で API 仕様書を作成する

WebAPI の仕様書を Markdown 形式で作成するための拡張言語として、API Blueprint というものが作られている。今回はコレを用いて、Markdown 形式で API 仕様書を作り、HTML 形式で出力してみる。 API Blueprint とは API Blueprint | API Blueprint GitHub …

Reveal.js を使って Markdown ファイルでスライドを作ってみる

Reveal.js というライブラリを使って、Markdown ファイルでスライド資料を作ってみる。 今回は機能を深くは掘り下げず、お試し環境を構築してみるところまで。 まずは Reveal.js の Git リポジトリを Clone し、必要なパッケージをインストールする。 $ git …

「.md」ファイルって何?Markdown (マークダウン) のおさらい

今更かもしれないが、Markdown をおさらいする記事を書いてみようと思う。最近フロントエンド界隈に飛び込んで、「.md ファイルって何やねん?」となっている初学者向け。 Markdown とは Markdown (マークダウン) とは、文書を記述するための軽量マークアッ…

HTML ファイルだけで Markdown を Wiki 風に表示できる「MDWiki」を試してみた

HTML ファイル1つだけで Markdown ファイルをパースして表示してくれる、MDWiki というツールを試してみた。 Markdown ファイルをパースして HTML 表示してくれるツールというと GitBook などがあるが、HTML ファイル1つだけという最強の手軽さが売り。早速…

Markdown の強調構文で使う「アスタリスク」と「アンダースコア」の違い

Markdown 記法の中で強調するための記号には2種類ある。アスタリスク * とアンダースコア _ だ。 **これで強調される** __これでも強調される__ これらの2つの違いと、なぜ2つあるのか、というところを調べてみた。 アスタリスクとアンダースコアの違い 「別…

VSCode の markdown.styles にローカルファイルをフルパス指定できなくなっていた

VSCode の設定 (settings.json) に、markdown.styles という項目がある。これまではココに以下のように記述すると、Markdown のプレビュー表示時に好きなスタイルを当てられた。 // Windows の場合、Mac の場合、file: プロトコルを付けた場合、いずれも緩く…

Markdown を Lint チェックできる「markdownlint」を試してみた

はじめてのMarkdown―軽量マークアップ言語の記法と使い方 (I・O BOOKS)作者: 清水美樹出版社/メーカー: 工学社発売日: 2014/05/01メディア: 単行本この商品を含むブログ (1件) を見る Markdown 記法は HTML パースしてプレビューするものだが、プレーンテキ…

Jenkins に入れて良かったプラグイン4選

Effective DevOps ―4本柱による持続可能な組織文化の育て方作者: Jennifer Davis,Ryn Daniels,吉羽龍太郎,長尾高弘出版社/メーカー: オライリージャパン発売日: 2018/03/24メディア: 単行本(ソフトカバー)この商品を含むブログ (1件) を見る Jenkins に入…

はてなブログに Markdown プレビュー機能があった…

はてなブログPerfect GuideBook[本/雑誌] / JOEAOTO/著ジャンル: 本・雑誌・コミック > PC・システム開発 > 入門書 > インターネット入門書ショップ: CD&DVD NEOWING価格: 1,706円 今更知った…。 参考:記事を書きながら表示を確認! 編集画面にリアルタイ…

GitBook を使ってみる

Web制作者のためのGitHubの教科書 チームの効率を最大化する共同開発ツール Web制作者のための教科書シリーズ作者: 塩谷啓,紫竹佑騎,原一成,平木聡著出版社/メーカー: インプレス発売日: 2014/11/27メディア: Kindle版この商品を含むブログを見る この1年ほ…

Google Drive 上で Markdown ファイルを閲覧・編集できる「StackEdit」

Google ドライブを使うことが増えてきたので、Google ドライブ上で Markdown ファイルを書きたいなーと思って調べたら良いアプリがあった。「StackEdit」というアプリだ。 Google ドライブで使用するには、Google ドライブ上で右クリックし、「アプリを追加…

はてなブログの Markdown で「この言語はどうやってシンタックスハイライトさせたらいい?」を考える

はじめてのMarkdown―軽量マークアップ言語の記法と使い方 (I・O BOOKS)作者: 清水美樹出版社/メーカー: 工学社発売日: 2014/05メディア: 単行本この商品を含むブログ (1件) を見る はてなブログの Markdown を使っていて、「この言語はどうやってシンタック…

はてブロの Markdown 記法でコードを綺麗に書く (シンタックスハイライトさせる)

さきほど書いた記事でスタイルシートをこんな風に見せたけど、 .editor, atom-text-editor::shadow { .comment { font-style: normal; } } これをやる方法。 neos21.hatenablog.com Markdown 記法とか知るまでは「どこのブログも似たようなシンタックスハイ…