基本フロー
文字列を入力し、必要に応じてローマ字変換、フォント、サイズ、色、線、余白を調整します。右側のプレビューは、現在の設定をもとに常に再描画されます。
文字列と改行
手動改行はそのまま保持されます。長文は固定最大幅を基準に単語単位で折り返し、長単語のみ文字単位にフォールバックします。ローマ字変換は描画前テキストに対して適用されます。
フォント
同梱フォントはそのまま使えます。必要なら「システムフォントを読み込む」で OS のフォント一覧を追加できます。手動入力欄に値がある間は、その指定がプルダウンより優先されます。
ワークシートと行数
ワークシートモードを有効にすると、見本の下へ練習行を追加できます。最低行数固定を使うと、入力が短い場合でも指定行数まで空行で補完します。
出力
- PNG ダウンロード: ファイルとして保存します。
- クリップボードへコピー: 対応ブラウザなら画像として直接貼り付けできます。
- 透明背景: プレビュー上では市松表示ですが、出力画像は設定どおりの透過状態を保ちます。
詳細仕様書
入力、フォント、描画、出力、保存、PWA の詳細は、このマニュアル内の「詳細仕様」タブを参照してください。
Live Preview
Live Preview では、文字列の左右に小さな内部余白を確保しています。4線は十分な長さを保ったまま、文字が線の端にぴったり接しないように描画されます。
Version
Current version information appears in the sidebar footer and the manual header. Release history is tracked in CHANGELOG.md.
現在のバージョンは、左側パネル最下部とこのマニュアル上部で確認できます。変更履歴は CHANGELOG.md で管理しています。
方針
このアプリは、公開配布するフォントを Klee One 系に限定し、それ以外の教材向けフォントはユーザー自身の端末から読み込んで使う前提にしています。これにより、アプリ配布側がフォントファイルを再配布するリスクを減らせます。
既定フォント
Klee One は Fontworks 提供のオープンソースフォントで、日本の教材らしさと公開しやすさのバランスが良い候補です。アプリには Regular と SemiBold を同梱し、現在の既定選択は Klee One SemiBold です。
システムフォントと手動入力
教材フォントを使いたい場合は、各自で OS にインストールした上で「システムフォントを読み込む」を実行してください。一覧に出ない場合は手動入力も使えますが、手動入力欄に値がある間はその指定が優先されます。
利用時の注意
- 使いたいフォントを各自で OS にインストールします。
- このアプリで「システムフォントを読み込む」を実行します。
- 一覧に出たフォントを選択します。見つからない場合は手動入力も使えます。
- 公開可否や再配布可否は、必ずそのフォントのライセンスを確認してください。
詳細仕様書
フォント選択の優先順位、警告表示、折り返しや描画への反映などの詳細は、このマニュアル内の「詳細仕様」タブを参照してください。
フォント候補の見え方
フォント選択のプルダウンでは、対応環境であれば候補名そのものが各フォントで表示されます。ただしネイティブの select 表示品質は OS とブラウザに依存します。