# Noterich OCRチュートリアル：紙のメモをデジタルテキストに変換する > Noterichの内蔵OCR機能を使って、手書きのメモ、印刷された文書、紙の資料を編集可能なデジタルテキストに変換しましょう。 --- ## はじめに 今日のデジタル時代においても、私たちの多くは紙のメモ、印刷された文書、手書きの資料に頼っています。**Noterich**は、強力な**OCR（光学文字認識）**機能を通じて、物理的なものとデジタルの間のギャップを埋めます。この機能は「Note Scanner」と呼ばれています。 ### なぜNoterich OCRを使うのか？ - ✨ **即時デジタル化**：数秒で紙のメモを編集可能なテキストに変換 - 🎯 **高い精度**：高度なAI搭載の認識エンジン - 📱 **使いやすい**：ドラッグアンドドロップ対応の簡単なアップロードインターフェース - 🔒 **プライバシー重視**：文書を安全に処理 - 📝 **シームレスな統合**：認識されたテキストを直接メモに挿入 ```mermaid flowchart TD A[📄 紙のメモ] --> B[📷 画像のキャプチャ] B --> C[🤖 OCR処理] C --> D[📝 編集可能なデジタルテキスト] D --> E[💾 Noterichに保存] style A fill:#e3f2fd style B fill:#fff3e0 style C fill:#f3e5f5 style D fill:#e8f5e9 style E fill:#ffebee ``` --- ## OCRの使い方 ### 前提条件 始める前に、以下のものを確認してください： 1. **Noterichアカウント**：Noterichのオンラインエディタへのアクセス権 2. **画像ファイル**：文書の写真やスキャン画像（JPG、PNGなど） 3. **最新のブラウザ**：Chrome、Firefox、Safari、またはEdge ### サポートされている画像形式 | 形式 | 拡張子 | 最大サイズ | |--------|-----------|----------| | JPEG | `.jpg`, `.jpeg` | 推奨 | | PNG | `.png` | 推奨 | | WebP | `.webp` | サポート | | GIF | `.gif` | サポート | > 💡 **ヒント**：最良の結果を得るためには、高解像度の画像を使用してください（スキャン時には少なくとも300 DPI）。 --- ## ステップバイステップガイド ### ステップ1：AIアシスタントを開く 1. Noterichエディタに移動する 2. ツールバーにある**AIアシスタント**ボタンをクリックする 3. AIダイアログが開き、2つのモードが表示される ```mermaid graph LR A[ツールバー] --> B[AIアシスタントボタン] B --> C[AIダイアログが開く] C --> D[モード選択] D --> E[一般AI] D --> F[Note Scanner OCR] style F fill:#bbdefb ``` ### ステップ2：Note Scannerモードを選択 AIアシスタントダイアログでは、2つのオプションが表示されます： - **一般AI**：テキストベースのAI支援用 - **Note Scanner** 📷：OCR画像処理用 Note ScannerをクリックしてOCRモードに切り替えます。 ### ステップ3：画像をアップロードする 文書画像を追加するには2つの方法があります： #### オプションA：クリックしてアップロード 1. カメラアイコンのあるアップロードエリアをクリックする 📷 2. ファイルを選択して画像をアップロードする 3. 画像がアップロードされ、プレビューとして表示される #### オプションB：ドラッグアンドドロップ 1. コンピュータから画像ファイルをドラッグする 2. アップロードエリアにドロップする 3. リリースして自動的にアップロードする ```svg <svg viewBox="0 0 200 120" xmlns="http://www.w3.org/2000/svg"> <rect x="10" y="10" width="180" height="100" rx="8" fill="#f0f4f8" stroke="#cbd5e1" stroke-width="2" stroke-dasharray="8,4"/> <text x="100" y="45" text-anchor="middle" font-size="32">📷</text> <text x="100" y="70" text-anchor="middle" font-size="12" fill="#64748b">画像をクリックまたはドラッグして</text> <text x="100" y="85" text-anchor="middle" font-size="12" fill="#64748b">メモをスキャンする</text> <rect x="60" y="95" width="80" height="4" rx="2" fill="#e2e8f0"/> </svg> ``` ### ステップ4：プレビューと確認 アップロード後、以下が表示されます： - 🖼️ **画像プレビュー**：アップロードされた文書のサムネイル - ❌ **削除ボタン**：別の画像をアップロードするためにクリックする - ✅ **準備完了状態**：「生成」ボタンがアクティブになる ### ステップ5：デジタルテキストを生成する 1. **🚀 生成**ボタンをクリックする 2. OCR処理が完了するのを待つ 3. 認識されたテキストがエディタに表示される ### ステップ6：レビューと編集 OCRの出力は直接メモに挿入されます。これで： - ✏️ **認識エラーを編集**する - 📐 **Noterichの豊富なテキストツールを使ってテキストをフォーマットする** - 💾 **デジタル化されたメモを保存する** - 🔗 **ワークスペース内の他のメモにリンクする** --- ## ベストプラクティス ### 画像品質のガイドライン 最適なOCR結果を得るため、以下の推奨事項に従ってください： ```mermaid quadrantChart title "画像品質がOCR精度に与える影響" x-axis "低品質" --> "高品質" y-axis "悪い結果" --> "優れた結果" "ぼやけた写真": [0.2, 0.2] "暗いスキャン": [0.3, 0.3] "良い写真": [0.6, 0.7] "プロフェッショナルなスキャン": [0.9, 0.95] ``` ### 実行すべきこと ✅ - **良い照明を使用する**：均一で明るい照明を確保する - **平らにする**：文書を平らな面に置く - **高解像度**：少なくとも300 DPIを目指す - **直角から撮影する**：直接上から撮影する - **クリアな焦点**：テキストがはっきりと読み取り可能であることを確認する - **コントラスト**：暗いテキストが明るい背景に映ることが最適 ### 実行すべきでないこと ❌ - **影を避ける**：文書に影を映さない - **歪みを避ける**：カメラをページに平行に保つ - **切り取りを過度に行わない**：端に少し余白を残す - **反射を避ける**：光沢のある紙の反射に注意する - **暗い環境を避ける**：暗い状況は精度を低下させる --- ## より良い結果を得るためのヒント ### 手書きのメモ 手書きの認識は難しいことがあります。以下の方法で結果を改善しましょう： 1. **はっきりと書く**：読みやすく、一貫した手書きを使用する 2. **線入りの紙を使用する**：直線を保つのに役立つ 3. **暗いインクを使用する**：青または黒のインクが最適 4. **十分なスペースを保つ**：単語と行の間にスペースを残す ### 印刷された文書 印刷された資料については： 1. **クリーンなスキャン**：スキャン前にほこりや汚れを除去する 2. **標準的なフォント**：一般的なフォントの認識が良くなる 3. **良いコントラスト**：テキストが背景から際立つことを確認する 4. **完全なページ**：端のテキストが切り取られるのを避ける ### 複雑なレイアウト 複数の列や複雑なレイアウトを扱う場合： ```mermaid flowchart LR A[元の文書] --> B[レイアウトタイプ] B --> C[単一列] B --> D[複数列] B --> E[画像付き] C --> F[直接OCR] D --> G[各列を個別に処理] E --> H[テキスト抽出のみ] F --> I[✅ 最良の結果] G --> J[⚠️ 手動修正が必要な場合がある] H --> K[✅ テキストが抽出された] style I fill:#c8e6c9 style J fill:#fff9c4 style K fill:#c8e6c9 ``` --- ## 処理の理解 ### OCR中に何が起こるか？ 「生成」をクリックすると、Noterichはいくつかのステップを実行します： 1. **画像の前処理**：認識のために画像を最適化する - 自動回転補正 - コントラスト強化 - ノイズ削除 2. **テキスト検出**：画像内のテキスト領域を特定する 3. **文字認識**：画像のピクセルをテキスト文字に変換する 4. **後処理**：出力テキストをフォーマットし、構造化する 5. **挿入**：結果を直接エディタに配置する ### 処理時間 典型的な処理時間は以下の要因に依存します： | 要因 | 影響 | |--------|--------| | 画像サイズ | 大きいほど遅い | | テキスト量 | 多くのテキストほど時間がかかる | | 画像品質 | 品質が悪いほど処理時間が増える | | サーバー負荷 | ピーク時には処理が遅くなる | **平均時間**：標準的な文書では2〜5秒 --- ## よくある質問 ### 一般的な質問 **Q: 処理できる画像の数に制限はありますか？** A: NoterichはOCR処理のための十分な制限を提供しています。アカウントプランを確認して詳細を確認してください。 **Q: 一度に複数のページをOCR処理できますか？** A: 現在は一度に一つの画像のみを処理しています。複数ページの文書の場合は、各ページを別々にアップロードしてください。 **Q: どの言語がサポートされていますか？** A: Noterich OCRは、英語、スペイン語、フランス語、ドイツ語、中国語、日本語など、主要な言語をサポートしています。 ### 技術的な質問 **Q: OCRでエラーが発生した場合はどうしますか？** A: OCRは完璧ではありません。常に出力をレビューし、編集してください。元の画像がはっきりしているほど、エラーが少なくなります。 **Q: 手書きのテキストをOCRできますか？** A: はい！手書きの認識はサポートされていますが、印刷されたテキストの方がより正確です。 **Q: 処理中にデータが安全ですか？** A: Noterichはプライバシーを重視しています。文書は安全に処理され、サーバーに永続的に保存されることはありません。 ### トラブルシューティング **Q: 「生成」ボタンが使用できません。なぜですか？** A: 画像をアップロードしていることを確認してください。OCRモードには画像が必要です。 **Q: 出力が不整合に見えます。何が起こっていますか？** A: 以下の理由が考えられます： - 画像の品質が悪い - サポートされていない言語 - 非常に珍しいフォントや手書き - よりクリアな画像を再アップロードしてみてください。 **Q: 処理に時間がかかりすぎます。どうすればいいですか？** A: 1. インターネット接続を確認する 2. 小さい画像ファイルを試してみる 3. 少し待ってから再試行する 4. 問題が続く場合はサポートに連絡する --- ## 高度な機能 ### 画像の最適化 Noterichは自動的に画像を最適化して、より良いOCR結果を得る： - **EXIF方向性**：カメラのメタデータに基づいて自動的に回転を修正 - **スマートスケーリング**：大きな画像をサイズを維持しながら最適化 - **フォーマット変換**：処理に最適なフォーマットに変換 ### バッチ処理ワークフロー 複数の文書を効率的に処理するため： ```mermaid gantt title バッチ処理のタイムライン例 dateFormat X axisFormat %L section 準備 文書の収集 :0, 30 ワークスペースの設定 :30, 60 section 処理 ページ1のOCR :60, 65 ページ2のOCR :65, 70 ページ3のOCR :70, 75 レビューと編集 :75, 120 section 最終確認 フォーマットと整理 :120, 150 保存とバックアップ :150, 180 ``` --- ## 結論 NoterichのOCR機能は、紙の文書の処理方法を変えます。古いメモをデジタル化したり、印刷された記事を変換したり、重要な文書をアーカイブしたりする場合、Note Scannerはプロセスを迅速かつ簡単にします。 ### 主なポイント - 🎯 **品質が重要**：より良い画像 = より良い結果 - ⚡ **迅速な処理**：ほとんどの文書は数秒で処理される - ✏️ **常にレビューする**：正確な結果を得るために出力を編集する - 🔒 **安全**：文書は慎重に処理される 今日から紙のメモをデジタル化し、Noterich OCRの力を体験してください！ --- <div class="flex flex-wrap gap-2 mt-8 mb-12"> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">OCR</span> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">Note Scanner</span> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">文書のデジタル化</span> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">AI搭載</span> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">生産性</span> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">デジタルメモ</span> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">ペーパーレス</span> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">Noterich</span> </div>