flowchart.js - SVGのフローチャートを生成するJavaScriptライブラリ MOONGIFT
システムやワークフローを分かりやすく説明する際にフローチャートを使うことがあります。特に業務システムなど、多数のシステムが複雑に組み合わさって処理が実行される場合、きちんと可視化されているかどうかで結果が大きく変わる可能性があります。 Excelで仕様書を書いているとExcel上で完結しそうです。しかしこれでは検索性やメンテナンス性がよくありません。そこで仕様書をMarkdownやHTMLで書いているならばflowchart.jsを使ってみましょう。 flowchart.jsの使い方 flowchart.jsのデモです。専用の記述方法に沿って書くことで、右側のようなフローチャートが生成されます。URLがあるところはクリッカブルになっています。 さらにカラーリングの指定もできたり、縦ではなく横に広がっていく形にもできます。 flowchart.jsはSVGで生成しているのがポイントで、元文書
ttystudio - コンソール操作をアニメーションGIF化
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました WebサービスやGUIアプリケーションにおいてデモを見せる際に動画はとても有効です。どのボタンを押すとどういう動きをするのかが分かるとユーザは利用前に自分のニーズに合っているかすぐに分かります。 ではターミナルのソフトウェアはどうでしょうか。文字を出力すれば良いだけかも知れませんが、ttystudioを使えばコンソール操作さえアニメーションGIFに展開できます。 ttystudioの使い方 ttystudioのインストールはnpmを使って行えます。 $ npm install -g ttystudio 後はttystudioコマンドを実行するだけです。 $ ttystudio output.gif --log そうすると新しいシェルが開くので、自由に操作してCtrl + Qで終了に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
