{"product_id":"manural","title":"manural","description":"\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cmeta charset=\"utf-8\"\u003e私がWordPressサイトを納品するとき、管理画面の操作マニュアルも一緒に作っています。スクショを撮って、Figma（デザインツール）に並べて、テキストを入れて、PDFで書き出す。\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e毎回3〜5時間、この作業に費やしてきました。\u003cbr\u003e案件によっては、WordPressのカスタム投稿やカスタムフィールドの説明も加えて、さらに数時間。\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e「クライアントにとって大切なものだから、網羅的に丁寧に」と意気込むと、気づけばマニュアル作成だけで1日以上が消えていたこともあります。\u003c\/p\u003e\n\u003ch3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003eその時間、本当に必要でしょうか？\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003ccode class=\"bg-text-200\/5 border border-0.5 border-border-300 text-danger-000 whitespace-pre-wrap rounded-[0.4rem] px-1 py-px text-[0.9rem]\"\u003emanural\u003c\/code\u003eは、Web制作の現場で16年間その作業を繰り返してきた制作者が、マニュアル作成にかかる時間を少しでも短縮できないかと考えて作ったツールです。\u003c\/p\u003e\n\u003ch2 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003e\u003ccode class=\"bg-text-200\/5 border border-0.5 border-border-300 text-danger-000 whitespace-pre-wrap rounded-[0.4rem] px-1 py-px text-[0.9rem]\"\u003emanural\u003c\/code\u003eを使うと、何が変わるか。\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eWordPressサイトの納品マニュアル制作を例に挙げると、これまで3〜5時間かかっていた作業が、約30分で完成します。\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e理由はシンプルです。\u003cbr\u003eWordPress用のマニュアル文章は、最初からmanuralのテンプレートとして入っています。\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eやることは、スクリーンショットをドラッグ＆ドロップで貼るだけ。画像のリサイズも、Figmaへの配置ももう必要ありません。\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eカスタム投稿やカスタムフィールドを使った独自環境の案件でも、\u003cmeta charset=\"utf-8\"\u003eWordPressテンプレートに追加で約1時間で完了します。\u003cbr\u003e\u003cbr\u003eさらに、その内容を「プロジェクト」として保存しておけば、次の案件では30分を切ることもできます。\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003e一度作ったマニュアルが、次の案件の資産になる。\u003cbr\u003e\u003c\/strong\u003eこれが、manuralを作った理由です。\u003c\/p\u003e\n\u003ch2 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003eマニュアル作成にかかる時間を短縮できる5つの理由\u003c\/strong\u003e\u003c\/h2\u003e\n\u003ch3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003e① 3〜5時間かかっていた作業が、約30分で終わる\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eこれは体感ではなく、実際に開発者である小林自身が経験した数字です。\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eWordPressサイトの納品マニュアルを例にすると、スクリーンショットを撮って、Figmaに並べて、テキストを入れて、PDFで書き出す。この作業に、毎回3〜5時間を費やしていました。\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003ccode class=\"bg-text-200\/5 border border-0.5 border-border-300 text-danger-000 whitespace-pre-wrap rounded-[0.4rem] px-1 py-px text-[0.9rem]\"\u003emanural\u003c\/code\u003eを使うと、同じマニュアル作成が約30分で完了します。\u003c\/p\u003e\n\u003ch3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003e② なぜ30分になるのか。テンプレートと画像自動処理が理由です\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eWordPress、GA4、LINE公式アカウントなど、よく作るマニュアルの文章は最初から入っています。ゼロから文章を考える必要はありません。\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eあとはスクリーンショットをドラッグ＆ドロップするだけ。\u003cbr\u003e画像のリサイズも、Figmaへの配置も不要です。\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eツールが自動でサイズと容量を調整します。\u003c\/p\u003e\n\u003ch3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003e③ 2回目以降は、さらに短くなる\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e作成したマニュアルはプロジェクトファイルとして保存できます。\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e次の案件では読み込んで微調整するだけ。\u003cbr\u003eカスタム投稿やカスタムフィールドを使った独自環境のマニュアルも、一度作って保存しておけば、次回からは30分を切ることもできます。\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e案件を重ねるごとに、マニュアル作成の時間が短くなっていく。\u003cbr\u003e一度作ったものが、ずっと使える資産になるのです。\u003c\/p\u003e\n\u003ch3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003e④ HTML・PDF・Markdownの3形式で、そのまま納品できる\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eクライアントの環境や要望に合わせて、出力形式を選べます。\u003c\/p\u003e\n\u003cul class=\"[li_\u0026amp;]:mb-0 [li_\u0026amp;]:mt-1 [li_\u0026amp;]:gap-1 [\u0026amp;:not(:last-child)_ul]:pb-1 [\u0026amp;:not(:last-child)_ol]:pb-1 list-disc flex flex-col gap-1 pl-8 mb-3\"\u003e\n\u003cli class=\"whitespace-normal break-words pl-2\"\u003e\n\u003cstrong\u003eHTML…\u003c\/strong\u003eスマホでも崩れず綺麗に見えるWebマニュアルとしてワンクリックで生成。そのままクライアントのサーバーに設置できます。\u003c\/li\u003e\n\u003cli class=\"whitespace-normal break-words pl-2\"\u003e\n\u003cstrong\u003ePDF…\u003c\/strong\u003e「紙で手元に置きたい」という現場の要望にもすぐ対応。\u003c\/li\u003e\n\u003cli class=\"whitespace-normal break-words pl-2\"\u003e\n\u003cstrong\u003eMarkdown…\u003c\/strong\u003eNotionにそのまま貼り付けて使えます。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e作り直す必要はありません。\u003c\/p\u003e\n\u003ch3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003e⑤ クライアントのシステム画面を外部サーバーに預けなくていい\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eマニュアルには、クライアントの管理画面や社外秘のシステム情報が含まれることがあります。それをクラウドサービスにアップロードすることに、リスクを感じたことはないでしょうか。\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003ccode class=\"bg-text-200\/5 border border-0.5 border-border-300 text-danger-000 whitespace-pre-wrap rounded-[0.4rem] px-1 py-px text-[0.9rem]\"\u003emanural\u003c\/code\u003eはあなたのPCのブラウザ上だけで動作します。\u003cbr\u003e外部へのデータ送信は一切ありません。\u003cbr\u003e機密性の高い情報を扱うマニュアルにも、安心して使えます。\u003c\/p\u003e\n\u003ch2 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003e一度の購入で、マニュアル作成の悩みが終わる\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eこれまでマニュアル作成に費やしていた3〜5時間。その時間を、毎回の案件で丸ごと取り戻せます。\u003cbr\u003e\u003ccode class=\"bg-text-200\/5 border border-0.5 border-border-300 text-danger-000 whitespace-pre-wrap rounded-[0.4rem] px-1 py-px text-[0.9rem]\"\u003emanural\u003c\/code\u003eの価格は、たった一回の時間短縮で回収できる計算です。\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eしかも買い切りなので、月額費用は一切かかりません。\u003cbr\u003e一度購入すればずっと使い続けられます。\u003c\/p\u003e\n\u003ch3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003e今が、一番お得なタイミングです\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eさらに、今後の機能追加・バグ修正などのアップデートは、購入者全員に無料で提供されます。つまり、早く買うほどお得になる仕組みです。\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e \u003c\/p\u003e\n\u003ch2 class=\"text-text-100 mt-2 -mb-1 text-base font-bold\"\u003eよくある質問\u003c\/h2\u003e\n\u003ch3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003eQ. 特別なソフトやサーバーの準備は必要ですか？\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eA. 不要です。お使いのPCのブラウザさえあれば、ダウンロードしてすぐに使い始められます。なお、ご自身のサーバーにアップロードすることで、URLからいつでもどこでもアクセスできる環境にすることも可能です。\u003c\/p\u003e\n\u003ch3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003eQ. スマホやタブレットでも使えますか？\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eA. マニュアルの作成・編集はPC（ブラウザ）での使用を推奨しています。スマホやタブレットでも表示はできますが、編集操作には向いていません。なお、HTML出力で生成したマニュアルはスマホでも崩れず綺麗に閲覧できます。\u003c\/p\u003e\n\u003ch3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003eQ. 商用利用はできますか？\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eA. はい、できます。クライアントへの納品マニュアルとして使用すること、業務効率化のために社内で使用することなど、商用・業務用途での使用を前提に作られています。\u003c\/p\u003e\n\u003ch3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003eQ. 複数のPCで使えますか？\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eA. はい、使えます。購入後にダウンロードしたファイルを別のPCにコピーすれば、そのままご利用いただけます。アカウント管理や台数制限はありません。\u003c\/p\u003e\n\u003ch3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003eQ. 購入後、どうやってダウンロードするのですか？\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eA. 購入完了後、登録したメールアドレスにダウンロードリンクが届きます。リンクからファイルをダウンロードし、解凍してご使用ください。専用のアカウント登録やアプリのインストールは不要です。\u003c\/p\u003e\n\u003ch3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003eQ. アップデートはどうやって受け取るのですか？\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eA. アップデートがリリースされた際は、購入時に登録したメールアドレスへご案内します。メールに記載のダウンロードリンクから最新版を入手してください。追加費用は一切かかりません。\u003c\/p\u003e\n\u003ch3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003eQ. 今後、テンプレートは増えますか？\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eA. はい、増える予定です。特定のツールや業務に特化した「追加テンプレート」を、今後有料オプションとして順次リリースしていく予定です。Web業界に限らず、さまざまな業種・業務に対応したテンプレートを展開していきます。必要なテンプレートだけを買い足して、ツールをより便利に拡張していくことができます。\u003c\/p\u003e\n\u003ch3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003eQ. 購入後、将来的に使えなくなることはありますか？\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eA. ありません。\u003ccode class=\"bg-text-200\/5 border border-0.5 border-border-300 text-danger-000 whitespace-pre-wrap rounded-[0.4rem] px-1 py-px text-[0.9rem]\"\u003emanural\u003c\/code\u003eは買い切り型のツールです。月額費用が発生することも、ある日突然使えなくなることもありません。機能改善やバグ修正のアップデートも、購入者へ継続的に無料で提供します。\u003c\/p\u003e\n\u003ch3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003eQ. 出力したマニュアルをクライアントに納品してもいいですか？\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eA. はい、問題ありません。HTML・PDF・Markdownで出力したマニュアルファイルはクライアントへの納品物としてご自由にお使いいただけます。ただし、ツール本体をクライアントに譲渡したり、クライアントのサーバーに設置して提供することはご遠慮ください。\u003c\/p\u003e\n\u003ch3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003eQ. 不具合や使い方について質問できますか？\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e問い合わせフォームよりご連絡ください。バグや動作不良については優先的に対応いたします。なお、個人開発のツールのため、返答までお時間をいただく場合があります。\u003c\/p\u003e\n\u003ch3 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\u003cstrong\u003eQ. Webサイト制作以外の業種でも使えますか？\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e使えます。内蔵テンプレートはWordPress・GA4・LINE公式アカウントなどWeb制作向けですが、「フリーモード」を使えばどんな業務手順書もゼロから作成できます。\u003cbr\u003e\u003cmeta charset=\"utf-8\"\u003eまた、今後のテンプレートでは多様な業種の内容も追加していきます。社内マニュアル、業務引き継ぎ資料、新入社員向けの手順書など、幅広い用途でご活用いただけます。\u003c\/p\u003e","brand":"margin 余白をつくるビジネスツール","offers":[{"title":"Default Title","offer_id":44154545405994,"sku":null,"price":2980.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0709\/4029\/5210\/files\/manural-thumbnail.png?v=1773061876","url":"https:\/\/margin.corto.jp\/products\/manural","provider":"margin 余白をつくるビジネスツール専門店","version":"1.0","type":"link"}