設定・仕様

このサービスで使用している素材とシステム仕様をご確認いただけます

使用素材

フォント

Playfair Display

見出し用セリフフォント

Google Fonts

Inter

本文用サンセリフフォント

Google Fonts
UIライブラリ

shadcn/ui

ボタン、カード、フォーム等のUIコンポーネント

公式サイト

Lucide Icons

アイコンセット

公式サイト

システム仕様

技術スタック
このサービスを構成する技術とライブラリ

フレームワーク

  • Next.jsv15.x
  • Reactv19.x
  • TypeScriptv5.x

スタイリング

  • Tailwind CSSv4.x
  • カラーシステムoklch

画像処理

  • Canvas API(画像の二値化、輪郭検出)
  • 手動選択機能(マウス・タッチ対応)
  • 適応的二値化アルゴリズム

データストレージ

  • localStorage(ブラウザローカルストレージ)
  • 文字データ: Base64形式の画像データ
  • 保存容量: ブラウザ依存(通常5-10MB)

機能仕様

写真アップロード機能

対応ファイル形式

JPEG, PNG, WebP

アップロード方法

ドラッグ&ドロップ、ファイル選択、カメラ撮影(モバイル)

推奨解像度

1200x1600px以上(文字が明瞭に写っているもの)

文字検出機能

自動検出モード

適応的二値化と輪郭検出により、写真から文字領域を自動で抽出。検出感度と最小サイズを調整可能。

手動選択モード

マウスドラッグ(PC)またはタップ&ドラッグ(スマホ)で文字領域を指定。ポインターイベントAPI使用。

リセット機能

自動検出結果が不満足な場合、結果をリセットして再検出可能。

文字管理機能

登録・保存

文字画像とマッピング情報をlocalStorageに保存。ブラウザを閉じても保持。

ゴミ箱機能

削除した文字は一時的にゴミ箱へ。復元または完全削除が可能。

複数選択削除

チェックボックスで複数の文字を選択し、一括でゴミ箱に移動。

フォントプレビュー機能

リアルタイムプレビュー

入力したテキストが手書き文字画像で即座に表示。文字サイズ調整可能。

デモモード

文字未登録時にサンプル手書き文字でデモ表示。手書き風のランダムな配置とサイズ。

文字一覧表示

登録済み全文字をグリッド表示。各文字の画像を確認可能。

テンプレート機能(オプション)

テンプレート種類

ひらがな(46文字)、カタカナ(46文字)、数字・記号(20文字)

PDFダウンロード

Canvas APIでテンプレートを生成し、マス目とガイドライン付きでダウンロード可能。

ブラウザ対応

推奨ブラウザ

  • • Google Chrome(最新版)
  • • Microsoft Edge(最新版)
  • • Safari(最新版)
  • • Firefox(最新版)

必要な機能

  • • Canvas API
  • • localStorage
  • • File API
  • • Pointer Events API
データ管理に関する注意事項

• このサービスはブラウザのlocalStorageを使用してデータを保存します。サーバーへのアップロードは行いません。

• ブラウザのキャッシュをクリアすると、保存した文字データが削除されます。重要なデータは定期的にバックアップしてください。

• 同じブラウザ・同じデバイスでのみデータを共有できます。別のデバイスでは使用できません。

• localStorageの容量制限(通常5-10MB)に達すると、新しい文字を保存できなくなります。不要な文字は削除してください。

バージョン情報
アプリケーションバージョンv1.0.0
最終更新日2025-01-16