CI/CD 可視化
GitHub Actions 可視化ツール
GitHub ActionsのワークフローYAMLをMermaid.jsで可視化します。ジョブ間の依存関係(needs)を解析し、フローチャートとして表示します。
graph TD
A[Start] --> B[Input YAML]
B --> C[Visualize]
最新記事
Story
2026-03-09
再帰で解くJSON→TypeScript型変換:ライブラリに頼らない強み
APIレスポンスから瞬時に型定義を生成。外部パーサーを使わずに再帰的なアルゴリズムで軽量・高速に実装した裏側を紹介します。
Read more →
Story
2026-03-09
安全なJWT検証環境をブラウザに。セキュリティエンジニアの視点
機密性の高いトークンを安全に扱うために。joseライブラリとローカル処理を組み合わせたJWTツールの設計思想を解説します。
Read more →
Story
2026-03-09
QRコード生成をもっと手軽に、もっと安全に
Canvas APIとnode-qrcodeを組み合わせ、ブラウザ上でのリアルタイムな生成とプライバシー保護を両立したツールの紹介。
Read more →
Story
2026-03-09
データ送信なしで安心。ブラウザ完結型Diffツールの開発背景
テキスト差分を安全かつ高速に比較するために、外部ライブラリを活用しつつプライバシーを最優先した設計について解説します。
Read more →
Story
2026-03-09
ライブラリ不要のタイムゾーン変換:Intl APIの底力
Moment.jsやdate-fnsを使わずに、ブラウザ標準のIntl APIだけで実現する軽量なタイムゾーン処理の裏側。
Read more →
Story
2026-03-03
SQL to ER図変換ツールの開発秘話:ブラウザ完結へのこだわり
SQLからER図を生成するツールの開発背景と、セキュリティと利便性を両立させるための技術的な挑戦について紹介します。
Read more →