Guideknot - マニュアル作成ツール

機能

ステップ形式

手順を番号付きのステップで管理。ドラッグ&ドロップで順序変更も簡単にできます。

画像のアップロード

各ステップにスクリーンショットや説明画像を追加できます。視覚的に分かりやすいマニュアルが作成できます。

アクション機能

URLを開く、テキストをコピーするなどのアクションを設定できます。実行可能なマニュアルを作成できます。

PDF出力

作成したマニュアルをPDF形式でダウンロード。印刷や配布に便利です。

URL共有

マニュアルをURLとして共有できます。LZ-String圧縮により、長いマニュアルも共有可能です。

JSON エクスポート/インポート

マニュアルデータをJSONファイルとしてバックアップ・復元できます。

こんな人におすすめ

チームメンバーへの業務引き継ぎ資料を作りたい人 手順をステップごとに整理することで、引き継ぎ漏れを防ぎやすくなります。
新人教育用にシステム操作マニュアルを整備したい人 スクリーンショットを添えながら、操作を一つずつ説明できます。
NotionやWordでは機能が多すぎて手順書作成が億劫な人 「ステップを順番に並べる」ことに特化したシンプルな操作感が特徴です。
スクリーンショット付きの手順書を手早く作りたい人 画像を貼るだけで視覚的に分かりやすいマニュアルがすぐ完成します。

使い方

新規マニュアル作成

「新規作成」ボタンをクリックして、マニュアルのタイトルと説明を入力します。

ステップを追加

各手順をステップとして追加します。タイトル、説明、必要に応じて画像を設定します。

順序を調整

ドラッグ&ドロップでステップの順序を自由に変更できます。

アクションを設定（任意）

URLを開く、テキストをコピーするなどのアクションを各ステップに設定できます。

共有・出力

完成したマニュアルをURL共有、PDF出力、またはJSONエクスポートできます。

こんな時に便利

業務の引き継ぎ 担当業務の手順書を作成して、新しい担当者にスムーズに引き継げます。
新人教育 システムの操作方法や業務フローを視覚的に分かりやすく説明できます。
システム操作マニュアル スクリーンショット付きで、ソフトウェアの使い方を段階的に説明できます。
チーム内の手順共有 URL共有で、チームメンバー全員が同じ手順書を参照できます。
定型作業の標準化 定型作業の手順を文書化して、ミスを防ぎ、品質を均一化できます。

このツールを作った背景

チームへの引き継ぎや、繰り返し発生する定型作業の手順書作成に何度も苦労していました。NotionやGoogleドキュメントで書くと機能が多すぎて管理が大変になりがちで、「ステップを順番に実行するだけ」に特化したシンプルなツールが欲しかったのが開発のきっかけです。

画像を含む手順書データはブラウザ内の IndexedDB（Dexie.js 経由）に保存しています。localStorage と異なりバイナリデータを格納できるため、スクリーンショット付きの手順書も問題なく保存できます。技術的な設計の詳細はサーバーレス設計の記事で解説しています。

よくある質問

Q. 作成したマニュアルのデータはどこに保存されますか？

A. ブラウザ内のIndexedDB（Dexie.js経由）に保存されます。画像を含むデータもブラウザ内に保持され、サーバーには送信されません。

Q. 料金はかかりますか？

A. 無料です。登録不要でマニュアル作成を始められます。

Q. 作成したマニュアルを他の人に見せるにはどうすればいいですか？

A. URL共有機能を使うと、マニュアルの内容をURLとして発行できます。受け取った人はそのURLを開くだけで閲覧できます。PDF出力やJSONエクスポートにも対応しています。

Q. ブラウザを変えたら作成したマニュアルは消えますか？

A. IndexedDBはブラウザ・端末ごとに独立した保存領域のため、別のブラウザでは表示されません。JSONエクスポート機能でバックアップを取り、別の端末でインポートすることで移行できます。

機能