記事
ブログ 1 ページ
Markdown、レンダリング、実用的なワークフローのガイド。
最新の記事
LaTeX を PNG に変換して数式をスライドと文書に載せる方法
LaTeX の数式をスライドや文書向けの PNG に変換します。分数、平方根、上付き文字、二行の位置合わせを含む例で、編集から形式選択、ダウンロードまで確認できます。実際の出力画像を使い、記号や余白を点検する手順も紹介します。
Mermaid を SVG に変換して文書とスライドに載せる方法
Mermaid のシーケンス図を SVG に出力する手順です。三つの参加者と四つのメッセージを持つ例で、編集から形式選択、ダウンロードまで試せます。実際の SVG と PNG を使い、掲載先で文字や矢印、画像の境界を確認します。
GitHub の README を画像に変換してリリース告知用の PNG を作る
公開 GitHub リポジトリから README を読み込み、バージョン番号と変更点を残して PNG に書き出します。コピーできる例と実際の画像を使い、バッジ、相対パス、改行、リリースへのリンクを確認する手順も紹介します。
Markdown を JPG に変換する方法と PNG との比較
Markdown のチェックリストを JPG に変換する手順です。見出し、太字、表を含むサンプルを使い、同じ大きさの JPEG と PNG を比較できます。アップロード前に細かい文字や罫線、ファイルサイズを確認するポイントも紹介します。
HTML を PNG に変換:HTML と CSS のカードを画像として書き出す
HTML と CSS で作ったカードを PNG に変換する手順です。外部素材を使わない実例と実際の出力画像で、幅、倍率、フォント、余白、切れを確認します。プレビューと保存画像の違いや、再編集できるソースの残し方も説明します。
Markdown の表を PDF に変換:列幅と改ページの確認方法
Markdown の表を読みやすい PDF にするため、横長の列、長い URL、単位の混在を原稿から整理します。同じ原稿の実際の PNG と PDF を比較し、ページ境界や最終行の確認、表の分割、受け渡す形式の選び方を紹介します。
コードを画像に変換:読みやすいコードスクリーンショットの作り方
Code to Image で短いコードをチュートリアルやチーム共有向けの PNG に変換する手順です。実際の JavaScript 出力と Markdown 原稿を使い、言語選択、行番号、折り返し、掲載時の読みやすさ、無料出力と情報の扱いを確認します。
Markdown を Word に変換:表とコードを編集できる DOCX の作り方
Markdown 原稿を、見出し・リスト・表・コードを含む編集可能な Word 文書に変換する手順です。実際の DOCX と同じ原稿の画像を使い、ページ構成の確認、レビューへの渡し方、採用した修正を元ファイルに戻す流れまで紹介します。
ChatGPT の回答を PDF に保存:表とコードを整えて出力する方法
確認済みの ChatGPT 回答を Markdown に整え、見出し・表・コードを使った PDF に保存する手順を紹介します。実際の画像出力と PDF サンプルを比較しながら、無料利用の条件、ブラウザー印刷との使い分け、共有前の確認点まで説明します。