Question 1

MarkdownのコードブロックはどうやってGitHubで書きますか？

Accepted Answer

バッククォート3個で囲み、言語名を指定: ` ```javascript `で始め` ``` `で終了。対応言語: javascript, typescript, python, bash, sql, json, yaml, html, css, go, rust等。インラインコード: ``code``。Markdownテーブル: `| 列1 | 列2 |`形式、2行目に`|---|---|`（ヘッダー区切り）。チェックボックス: `- [x] 完了` / `- [ ] 未完了`（GitHubのみ対応）。

Question 2

Zenn・QiitaのMarkdownと標準Markdownの違いは？

Accepted Answer

Zenn独自記法: `:::message`（情報ボックス）、`:::details`（アコーディオン）、数式（KaTeX: `$$`）、Mermaid図（` ```mermaid `）、ファイル名付きコード（` ```js:app.js `）。Qiita独自: `:::note info`（注釈ボックス）、数式（MathJax）。両者共通のGFM機能: テーブル、チェックボックス、自動リンク、取り消し線。このツールは標準Markdownのプレビューに対応。Zenn/Qiita固有記法は各プラットフォームのプレビューで確認してください。

Question 3

Markdownファイルを自動変換してHTMLサイトにする方法は？

Accepted Answer

静的サイトジェネレーター: Hugo（Go製、高速）・Jekyll（Ruby）・Eleventy（JS）・Astro（JS/TypeScript、MDXサポート）。Next.js/React: `react-markdown`パッケージ＋`remark`/`rehype`プラグインで変換・スタイリング。VitePress・Docusaurus: ドキュメントサイト特化。デプロイ先: Vercel・Netlify・GitHub Pages（全て無料枠あり）。Markdown→PDF変換: `pandoc input.md -o output.pdf`（コマンドライン）。

Markdown プレビュー

Markdown入力

プレビュー

Markdownプレビューツール

見出し

H3見出し

H4見出し

H5見出し

H6見出し

テキスト装飾

リスト

順序なしリスト

順序付きリスト

リンクと画像

コードブロック

引用

テーブル

水平線

このツールをもっと活用する

チートシート・テンプレート集

技術記事・実装ガイド

もっと学びたい方へ

BOOTH Store

Gumroad Store

TechBoost

フィードバック

EZARK Blog