機能
ステップ形式
手順を番号付きのステップで管理。ドラッグ&ドロップで順序変更も簡単にできます。
画像のアップロード
各ステップにスクリーンショットや説明画像を追加できます。視覚的に分かりやすいマニュアルが作成できます。
アクション機能
URLを開く、テキストをコピーするなどのアクションを設定できます。実行可能なマニュアルを作成できます。
PDF出力
作成したマニュアルをPDF形式でダウンロード。印刷や配布に便利です。
URL共有
マニュアルをURLとして共有できます。LZ-String圧縮により、長いマニュアルも共有可能です。
JSON エクスポート/インポート
マニュアルデータをJSONファイルとしてバックアップ・復元できます。
使い方
1
新規マニュアル作成
「新規作成」ボタンをクリックして、マニュアルのタイトルと説明を入力します。
2
ステップを追加
各手順をステップとして追加します。タイトル、説明、必要に応じて画像を設定します。
3
順序を調整
ドラッグ&ドロップでステップの順序を自由に変更できます。
4
アクションを設定（任意）
URLを開く、テキストをコピーするなどのアクションを各ステップに設定できます。
5
共有・出力
完成したマニュアルをURL共有、PDF出力、またはJSONエクスポートできます。
こんな時に便利
- 業務の引き継ぎ 担当業務の手順書を作成して、新しい担当者にスムーズに引き継げます。
- 新人教育 システムの操作方法や業務フローを視覚的に分かりやすく説明できます。
- システム操作マニュアル スクリーンショット付きで、ソフトウェアの使い方を段階的に説明できます。
- チーム内の手順共有 URL共有で、チームメンバー全員が同じ手順書を参照できます。
- 定型作業の標準化 定型作業の手順を文書化して、ミスを防ぎ、品質を均一化できます。
このツールを作った背景
チームへの引き継ぎや、繰り返し発生する定型作業の手順書作成に何度も苦労していました。NotionやGoogleドキュメントで書くと機能が多すぎて管理が大変になりがちで、「ステップを順番に実行するだけ」に特化したシンプルなツールが欲しかったのが開発のきっかけです。
画像を含む手順書データはブラウザ内の IndexedDB（Dexie.js 経由）に保存しています。localStorage と異なりバイナリデータを格納できるため、スクリーンショット付きの手順書も問題なく保存できます。技術的な設計の詳細はサーバーレス設計の記事で解説しています。
登録不要で利用できます
Guideknotを使う