漫画のプロット制作作業向けの、プロットエディターを作った。

　GitHubで公開しました。

　オフラインで使用したい場合、こちらからダウンロードできます。
　（リンクを開くと、右上の「共有」の横に、下向きの矢印があります。それがダウンロードボタンです。そこを押して、zipファイルをダウンロードしてください。ダウンロードしたzipファイルを解凍して、index.htmlをダブルクリクして実行してください。）　

　簡単な使い方の図。
　「元に戻す」「やり直し」は、想定した動作と違ったので後から削除した。

　極めてシンプルなエディタなので、実際に試してもらうのが早いと思う。

　iOSでも使えます。また、Safariで開くことを経由して、ホーム画面に追加できます。

　iPadなどで、こちらのリンクを開く。右上のコンパスアイコンから、Safariで開く。「ホーム画面に追加」を選ぶ。
　アプリのように、GitHubページへのブックマークが表示されます。

　iOSでもドラッグ＆ドロップが動きますが、ちょっと待機時間があります。

制作の意図

　漫画のプロットを書く時、どうにも、しっくりくるエディタがなかった。

　プロット作りは、いくつかの要素が複合している作業だ。自分の作業を振り返ると、以下の四つに分類できた。

・アイデア出し：雑多なアイデアを脳みそからひねり出しメモする。
・プロット組み：アイデアをプロットにまとめ、あれこれと推敲する。
・ページ割り：プロットをページごとに配分する。入れ替えが多数発生。
・セリフ出し：ページごとにセリフを書きだす。後でコピペしたい。

　アイデアを雑に書きつけるのは、メモ帳でいい。というか、メモ帳以上の機能があっても余分だ。

　一方で、プロットを組む時には、起承転結や作中のイベントの管理が必要になる。これもメモ帳でギリギリできるが、足したり削ったり、入れ替えたりの作業があるので、「付箋メモ」のような機能があるとうれしい。

　ページ割りは、もっと足したり削ったりが頻繁に発生する。ページ番号がないと全体像がわかりにくいが、一々、ページ番号を記述するのは、入れ替えた時に面倒だ。

　セリフは、最も扱いに困る。私が主に漫画制作に用いる「Clip Studio Paint EX」には、セリフのテキストを一括管理する「ストーリーエディター」という機能がある。そこにセリフをまるごとコピペしたいのだが、「ストーリーエディター」には、「一行空けのセリフを別のセリフとして扱う」というルールがある。つまり、

と、いったように、ごく短い会話テキストでも、改行を連発することで、やたらと縦に長くなってしまう。これは、メモ帳だと非常に扱いにくい。

　ページ数が増えれば、セリフも増える。プロットで書いたセリフをストーリーエディターにコピペするのも一苦労だ。

　全体として、「複雑な編集機能は必要ないが、ツリー構造を持っていて、付箋のように自由にテキストが入れ替えでき、ページ番号を自動で振り、セリフのみを1行空けた.txtで出力できるエディタ」が欲しい、ということになる。しかし、そんなエディタは、私の探した限りでは、存在しなかった。なので、作った。

　制作過程

　主に、ChatGPT-4oにコードを書かせてつくらせた。
　まず、手描きの仕様書を見せて、指示をした。

　指示。

『こんにちは。漫画のプロット制作に使えるウェブアプリを開発したいです。まずは簡単に説明させてください。
　漫画を描くときには、ストレートに話の構成ができることはほとんどありません。大抵、あれこれと様々なアイデアを出しながら、苦労して話を考えていきます。そして、最終的には、「〇ページにどのようなことが書いてあるか」と、「そのページに書かれたセリフ」が漫画プロットの完成形になります。
　このような作業は、普通のテキストエディターではとても難しいです。私は、ダイナリストというアウトライナーアプリを使うこともありますが、やはり、便利とは言いがたいです。
　そこで、漫画制作に特化した、推敲用のウェブアプリを開発したいので、手伝ってほしいです。ここから、具体的な要件を述べます。ここまではよろしいですか？』

　返答。

「こんにちは。それはとても興味深いプロジェクトですね。漫画プロット制作に特化したウェブアプリの開発は、多くの漫画家や作家にとって大変有益だと思います。具体的な要件を教えていただければ、どのようにお手伝いできるか提案させていただきます。続けてください。」

　追加指示。

『はい。アプリのイメージを述べます。「左から、大づかみにアイデアを書く→それを細分化していく→1ページ1ページにまで細分化する→セリフをそれぞれのページにつける→セリフだけ、漫画ソフトで使える形でダウンロードできる」こんなイメージです。

　図にします。（ここで仕様書をアップロード。）

　親子関係のある複数のエリアに分かれています。一番左は、アイデアのエリアで、作家は自由にここにアイデアを記します。このボードは、分割されない一個のボードです。
　いいアイデアが浮かんだら、右の「プロット」エリアに、プロットのボードを新規作成します。ボードには「導入」「エンディング」など、名前をつけたり、順序を入れ替えたり、ボードを任意の場所で切断して二つに分けたり、合体させたりできます。
　プロットエリアの子になるボードが、「ページ」のボードです。ページのボードでは、そのページに書かれていることを言葉で書きます。理屈上では、ページのボードが最後まで埋まれば、プロットが完成します。このボードも入れ替えたり、親ボードをつけかえたりできます。
　そして、ページのボードの子になっているのが、セリフのボードです。セリフは、まとめて一つのtxtファイルで出力することで、漫画制作ソフトで簡単にセリフを入れることができます。
　イメージとしては、ツリー管理される自由度の高い付箋メモソフトという感じです。どうでしょうか？まず、実際のコードの前に、実現可能性についてだけ、教えてください。』

返答

「HTML、CSS、およびJavaScriptをベースにしたWebアプリとしての開発は十分に可能です。以下に、各要素の実装方法と全体的な構造について簡単に説明します。」

　……が、最初から指定通りのものが作られたわけではなかった。

　最初のコードでは、こんな結果だった。

　これに対して、あれこれと指示をして修正してもらい、機能を追加したりけずったりしながら、完成させた。

　振り返ると、手描きの仕様書の内容が反映されていなかったので、字が汚すぎて読めなかったのではないかと思う。　

　作るのに、丸一日かかった。半分ぐらいの時間、コードの書き出しを待っていた気がする。修正部分だけ出力してもらおうともしたが、素人の自分には理解できない理由で不具合が頻発したので、結局毎回、全部のコード（500行ぐらい）を書かせていた。絶対、もっと良い方法があったと思うが、自分にはわからなかった。

感想

　あくまで、「クリスタで漫画を描いている人向け」という限定的な用途ではあるが、とても使いやすいものができたと思う。

　実は、このエディタを作る前段階として、一週間前に、Fanzaの同人漫画のデータを集めて、統計を取ろうとしていた。恐ろしいことに、最初は手動でデータを足していた。

　その時に、コードを使って集めるべき、と友人にアドバイスされた。自分は原始人だから、こうやってこん棒を振るしかないんだ、と返事をしたものの、ChatGPT-4oを使えばできるかもしれない、と思った。

　友人の書いてくれたサンプルコードをベースに、ChatGPTにコードをどんどん発展させて、作品情報を収集するプログラムを作った。最終的には10年分、9,3000作品のデータを集めることができた。

　
　自分は一切、プログラミングの知識がないし、コードも読めない。ホームページやブログを弄ったことがあるので、かすかに、htmlとcssの知識はある。jsは、自分にとって魔法の呪文と同じだし、PythonやらNodeJSやら、何をやらされているのかわかっていない。

　それでも、ChatGPTに要望をだして、返ってくる指示に従って作業すると、それなりに目的としていたものが作れる、というのは、嬉しい体験だった。

　今後も、ChatGPTなどを使って、同人漫画制作に役立つものなどを作っていけたらいいな、と思っている。

　今回のツールについて説明した配信。