T
技術ブログ記事をZenn互換で作成
by ToyB0x
ブログのテーマをヒアリングしながら、Zenn互換のMarkdown記事を対話的に構成・執筆できます。 Playwright CLI でブラウザスクリーンショットや動画を自動撮影し、手順や操作フローを画像で記録できます。 読者像・記事のゴール・トーン(チュートリアル/解説/体験記など)を確認し、読みやすい構成を自動生成します。 セクション、コード例、アウトラインをテンプレート化した上で、Zenn Topics タグも自動提案します。 完成後のファイルを blog-output/ に整理して出力し、Zennへの投稿準備が完了します。 エンジニアで、使った技術や知見をZennに記事化したいが、構成や見出しに迷う方 ソフトウェアの紹介・チュートリアル記事を書く際に、スクリーンショット撮影を自動化したい方 技術ブログを継続的に書きたいが、毎回ゼロから構成を考えるのが負担な方 デモ動画やスクリーンショットが豊富で、わかりやすい記事を短時間で完成させたい方 ブログ記事作成は5つのフェーズで進みます。Phase 1(ディスカッション2-3回)では記事ゴール・想定読者・記事種別を対話で確認、Phase 2(アウトライン確定)では構成・撮影計画を表形式でユーザーに提示し承認を得ます。Phase 3(素材撮影)では Playwright CLI でスクリーンショット・動画・GIF を撮影、blog-output/NNN/ ディレクトリに連番で整理します。ffmpeg は GIF変換に必要。Phase 4(記事執筆)で Zenn互換Markdown を生成、Phase 5(完了)でファイルパスと概要を報告します。入力パラメータはテーマ・方向性・対象URL で、短い指示でも Phase 1 から対話を開始し、不足情報を補います。
記事翻訳