COLOPPO(コロッポ)は、CCFOLIA(ココフォリア)のログ整形ツールです。
ログファイルを読み込んでエディタ上で手軽に編集し、
整形後のHTMLファイルをダウンロードできます。
ココフォリアから出力したログの他、既に他のツールで整形された状態のログでも、
標準的なHTMLの構造をしていれば読み込めるようになっています。
絶対ではないので、もし読み込めないものがあればご連絡ください。
当ツールは、コーディングに際しClaude Codeを使用しています。
How to Use
- ココフォリアのログファイル(HTML)を選択またはドラッグ&ドロップ、
もしくは手動で貼り付ける
- サイドバーでヘッダー設定、出力テーマ選択(ライト/ダーク)、発言者の文字色変更、タブのインデント、タブ表示/非表示 など、お好みで調整
- エディターで誤字修正、不要ログ削除、ログ並べ替え、目次・セリフ追加、後からログ追加 など、自由にログ内容を編集
- ツールバーの保存ボタンから整形後のHTMLファイルをダウンロード
※ サイドバー内のデザイン設定(ヘッダーデザイン・キャラクターカラー・タブカラー)は、
元に戻す/やり直し の対象外です。
※ ツールバーのクリップボードボタンから、整形前の形式(装飾なし)のHTMLもDL可能です。
Tips & 注意事項
旧仕様(~2024年頃)のココフォリアルームで出力されたログは、タブ名が「メイン/情報/雑談」等の日本語になっています。
この形式で読み込むと、初回インポート時のインデントの初期設定が全て「小」になってしまうので、必要に応じてタブ設定からインデントを調整してください。
サイドバー内の各種ボタンで、様々なデザイン設定を行えます。
視認性が低いカラーコードのキャラクターのために、文字色の自動調整機能も用意しています。
もちろん手動でもカラー変更を行えますが、自動調整を使うとお手軽に視認性を上げられます。
※文字色の自動調整機能は、再インポート時の再適用が仕様上できません。
この機能を使用したい場合は、インポート毎に都度ボタンをONにしてから保存してください。
▍Webフォント機能の使い方について
フォントの個別ページへいく
フォント名をコピー → 【フォント名】欄に入力
Get font → Get embed code
Embed code in
the head of your html の欄にある、
https ://fonts.googleapis.com/ ~ &display=swap までのURLをコピー
【Google Fonts
URL】の欄に、コピーしてきたURL入力
文字設定パネルの『カスタム』ボタンをもう一度押す →反映されます!