QRコードでアクセス
QRコードでアクセス
Web App · 手書きメモ · PWA
マスガキは、タッチ画面に指でひと文字ずつ書いて、手書き文字のまま並べてメモを作るウェブアプリです。インストール不要で、オフラインでも使えます。
アプリを開くOverview
実際の動作画面（PC Chrome）
デモ動画
画面の左右2つのキャンバスに交互に文字を書くと、書き上がった文字が罫線エリアに順番に並んでいきます。タイピングではなく、自分の手書き文字でメモを作る、まったく新しい入力体験です。
アプリはブラウザ上で動作し、インストールは不要。ホーム画面に追加することで、ネイティブアプリのようにオフラインでも起動できます。書いた内容は自動的に端末に保存されるので、途中で画面を閉じても続きから再開できます。
Features
手書き入力を中心に、快適なメモ作成のための機能を備えています。
左右2枚のキャンバスに交互に文字を書くと自動で確定されます。書き終わった文字はすぐ次の入力に移れるため、テンポよく書き続けられます。
一定時間（デフォルト1秒）書く動作が止まると文字が自動確定されます。設定で秒数を変更でき、自分のペースに合わせて調整できます。
文字を確定するたびに内容が端末のローカルストレージへ自動保存されます。アプリを閉じても次回起動時に続きから再開できます。
最大100ステップの操作履歴を保持。誤って文字を削除してしまっても、ツールバーの「↶」ボタンですぐ取り消せます。
文字をタップして選択し、アプリ内でコピー・切り取り・貼り付けができます。選択範囲のドラッグや全選択にも対応しています。
罫線エリアをピンチ操作で拡大・縮小できます。細かい字や長文になっても、ズームして見やすい倍率で確認できます。
書いたメモを画像として保存したり、Google Keepなどのアプリへ直接共有できます。手書きのまま記録を残せます。
ブラウザのUIを隠してフルスクリーンで使用できます。より広い画面で入力エリアを最大限に活用できます。
ホーム画面に追加するとネイティブアプリと同様に起動できます。
How to use
シンプルな操作でどなたでもすぐに使い始められます。
スマートフォンやタブレットのブラウザでアプリのURLにアクセスします。インストールは不要です。
画面下部の左側キャンバスに指で1文字書きます。なぞった筆跡がそのまま表示されます。
続けて右側キャンバスに次の文字を書くと、左の文字が確定されて罫線エリアに追加されます。
左→右→左→右と交互に書き続けることで、手書き文字が横に並んで文章になっていきます。
ブラウザの「ホーム画面に追加」からPWAとしてインストールできます。
ツールバーの💾ボタンでメモを画像保存、📤ボタンで他のアプリへ共有できます。
Environments
モダンブラウザであれば端末を問わず動作します。
Chrome / Firefox など主要ブラウザで動作。PWAホーム画面追加に対応。
Safari で動作。ホーム画面に追加でスタンドアロン起動が可能です。
タッチスクリーン搭載のWindowsやMacでも指・ペンで入力できます。
マウスでも描画可能。キーボードのBackspace・Enter・矢印キーにも対応。
FAQ
はい、完全無料でご利用いただけます。アカウント登録や課金は一切不要です。
メモの内容はお使いの端末のブラウザのローカルストレージに保存されます。外部サーバーへの送信は行わないため、プライバシーが守られます。
現在のところ、端末間の自動同期機能はありません。画像として書き出してからGoogle KeepやLINEなどで送ることで他の端末と共有できます。
マスガキの文字は手書きの画像として保存される仕組みです。テキストデータへの変換（OCR）はGoogleKeepに共有し、「画像のテキストを抽出」機能を利用すれば可能です。
一度ページを読み込んだ後はオフラインでも動作します。ホーム画面に追加（PWAインストール）しておくと、より安定してオフライン利用できます。
⚙️設定メニューから文字サイズを調整できます。また、罫線エリアはピンチ操作で拡大・縮小して確認することも可能です。
はい。個人情報の取り扱いについてはプライバシーポリシーを、ご利用にあたっての条件については利用規約をご覧ください。
Background
きっかけは、仕事で文章を手書きメモしたいと思ったことでした。 既存の手書きメモアプリの多くは罫線がなく自由に書ける分、後でまとめて読み返したり文字起こししたりするには扱いにくいものでした。 かといって手書き文字認識（手書き文字入力）を使うと、変換ミスの訂正がその都度発生して煩わしく、思考の流れが途切れてしまいます。 「まずは罫線に沿って手書きだけ済ませておき、文字起こしはあとでまとめて行いたい」という自分自身の需要から、 罫線付きでノートのように書き進められる、認識・変換なしの手書きメモツールとして生まれたのがマスガキです。
Technology
描画には HTML5 Canvas と Pointer Events API を使用しています。 ペン・指・マウスの入力を統一的に扱えるため、デバイスを選ばず自然な書き心地を実現できます。 また、描いた内容はブラウザの LocalStorage に保存され、サーバーに送信されることはありません。 そのため、オフライン環境でも利用でき、プライバシー面でも安心して使えます。
パフォーマンス面では、ストロークの補間やバッファリングを行い、低スペック端末でも滑らかに動作するよう最適化しています。 これらの処理はすべてクライアント側で完結しており、インストール不要で軽快に動作するのが特徴です。
Design
マスガキは「余計なものを置かない」ことを大切にしています。 Undo/Redo も直感的に操作できます。 UI を最小限に抑えることで、紙に書くような感覚でメモに集中できる体験を目指しました。
Roadmap
ユーザーのフィードバックをもとに、より使いやすいツールへ継続的に改善していきます。