Mermaid 入門してみたメモ(flowchart で力尽きた…)
GitHub で Markdown の中に Mermaid を埋め込んだら表示してくれる機能がバレンタイン デーにリリースされました。 今まで Mermaid は知らなくて、テキストでアクティビティ図やクラス図みたいなものを書く必要があるときは PlantUML を使ってましたが GitHub が対応したということで Mermaid に入門してみようと思います。 因みに、この記事を書き始めた時点では、まだ何もやっていないので Mermaid については名前と図が書けるらしいということしか知りません。 では、やってみようと思います。 試すための環境 Visual Studio Code の Markdown Preview Mermaid Support を入れることで Markdown のプレビュー機能が Mermaid のプレビューに対応します。 導入前はこんな感じですが 拡張機能を入れ
HTMLの静的サイトでもマークダウンで記事を書きたい【jQuery/markdown-it.js】
サイトをコーディングしていると、 WordPressを構築するほどじゃないけど記事ページがある 小規模なサイトで会社概要だけマークダウンで作成したい ポートフォリオサイト等で制作物のページだけマークダウンで管理したい という状況が自分自身、結構ありました。 マークダウンからHTML化させるVSCodeの拡張機能とかもありますが、マークダウンの文言含めてGitHubで管理したいなと思い、jQueryとmarkdown-it.jsというのを使ってHTML＋マークダウンで簡易な複数ページのサイトを構築するコードをまとめました。 最低限のサンプルコード まずは、マークダウンで作成できる最低限のコードを紹介します。 js-markdown-editerというクラス内の部分がマークダウンで書くと変換されるようになります。（インデントつけるとコンパイルされないです…😭） <!-- マークダウン記述箇所
技術文書の書き方
howto-tech-docs.md 技術文書の書き方 このメモは、私（@ymmt2005）が長年にわたってソフトウェアプロダクト開発に関わってきて 2022年現在こうしたほうが良いと考えているベストプラクティスです。 科学的な分析等に基づくわけではない経験則であるため、今後も随時見直すことがありますし、 ここに書いてあることが常に正しいわけでもあらゆるソフトウェア開発に適するわけでもありません。 しかしながら、実務経験が豊富で、モダンな技術スタックに明るいエンジニアの経験則は一定の 役に立つのではないかと考えて記します。 技術文書とは ここでは、ソフトウェア開発で技術者が書くべき文書ということにします。 ソフトウェアエンジニアにも役割がいろいろあり、アーキテクトと independent contributor では書く文書が違うということはあるでしょうけれど、ここではごっちゃにします。
Markdownから直接PowerPointを作成する - 広告／統計／アニメ／映画 等に関するブログ
ちょっと前までは、MarkdownからPDFやワードファイルにできてもPpwerPointにするのは再現性が厳しいものがありました。 ※以前の記事 yyhhyy.hatenablog.com しかしいつの間にかPandocがPowerPointへの変換もサポートしていました。 使い方 ※ Pandocのインストールまでは様々なサイトがありますので割愛します。あともうちょっとこういうことができたら良いな、の部分を以下に抜粋しました。 PowerPointのフォーマットを指定したい 自分1人でスライド作成が完結するならPDFでもHTMLスライドでも問題ありません。しかし敢えてPowerPointファイルにする必要がある、ということは、パワポにして誰かと共有する必要があるというケースだと思われます。 その際、課題となるのが、スライドマスタをあわせたい、フォントを併せたいといったニーズでしょう。
Markdownでシーケンス図とかが書けるMermaid記法で業務フローを書いたら意外とイケたので自分なりのコツを紹介してみる | DevelopersIO
こんにちは、臼田です。 みなさん、業務設計してますか？(挨拶 今回はMarkdownでシーケンス図やフローチャートなどの図を記述できるMermaidを使って業務フローを書いてみたら、意外と書けたので自分なりのTipsを紹介したいと思います。 その前に 注意点として、まだMermaidを使い始めたばかりなので、「もっとこうしたらいいぞ」とか「こっちのほうがいいぞ」とかあれば建設的なフィードバックとしてSNSとかでいただけるとありがたいです。 あと業務フローって表現しましたが、人によって思い描く業務フローが違うと思うので、業務フローの定義に関するツッコミはご容赦ください。私が今回Mermaidで書いたのは以下の図です。(内容はブログ用に簡素化しました) この図のコードは以下のとおりです。(後ほど解説します) sequenceDiagram autonumber actor お客様 partic
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vivliostyle — 楽しく CSS 組版！
Visual Studio Code＋Markdownでキレイなプレゼンスライドを手軽に作成できる「Marp」／Markdownに慣れているのならばちょっとした拡張記法を覚えるだけ【レビュー】