動画マニュアル作成アプリを開発しました!
本記事では、私が開発した「動画マニュアル作成アプリ」について、その背景・機能・技術スタックなどを詳しく紹介いたします。
近年、業務マニュアルの動画化ニーズが高まる中で、誰でも手軽にマニュアルを録画・管理・共有できるアプリケーションの必要性を感じ、暇つぶしがてら開発しました
動画マニュアル作成ソフトは色々な企業からリリースされておりますが、ランニングコストが高く、また、カスタマイズが出来ないものが非常に多いです
無料で使用できて、更に自社に合わせてカスタマイズできる動画マニュアル作成ソフトが欲しいなという思いで思いで公開することにいたしました
私が最低限必要かなと感じる機能だけに絞って作成したので、こんな機能が欲しいなどがございましたら、お気軽にコメントください
▶ GitHub 公開ページ：https://github.com/Yuusuke9228/video-manual-app
📌 開発の背景
紙やPDFベースのマニュアルは情報伝達に限界があります。
- 実際の操作感が伝わらない
- 読む手間・理解コストが高い
- 更新や共有に手間がかかる
- 言葉の壁がありグローバルでない
この課題を解決する手段として注目されているのが「動画マニュアル」です。
しかし、世に出ているツールは、高額・導入難・UIが複雑なものが多く、中小企業や個人が気軽に使えるものがありませんでした。
そこで、次の方針で完全無料＆オープンソースの自作アプリを開発しました。
- 🎞 手元で録画した動画をアップロード
- 🗂 シリーズ・ステップで整理
- 🌐 ブラウザ上で簡単閲覧
- 🔐 ログイン認証・ユーザー管理
🚀 主な機能一覧
本アプリでは、動画マニュアルに必要な一連の機能を網羅しています。
1. 動画マニュアルのシリーズ化
複数の動画を「シリーズ」としてまとめることができ、各業務フローをステップ単位で整理可能です。
2. ステップ動画の登録と管理
各シリーズに含まれるステップを、タイトル＋説明＋録画動画として登録できます。
3. 録画済みファイルのアップロード
画面キャプチャなど、手元で録画した動画ファイル（mp4等）をアップロードし、マニュアルとして登録・共有できます。
4. 検索＆フィルタ機能
マニュアルは大量になると管理が大変になります。本アプリではシリーズ名・タグ・作成者などでの検索が可能です。
5. ユーザー認証・セキュリティ
ログイン制を採用し、各ユーザーが自身のマニュアルのみ管理可能です。シンプルな自作PHP認証処理を用いています。
🧑💻 技術スタック
- サーバーサイド：PHP（フレームワーク未使用）
- DB：MySQL / MariaDB
- フロント：HTML + CSS + JavaScript
- 画面構成：手書きHTML + CSS設計
構造は非常にシンプルで、初心者でも読みやすく、改修・拡張しやすい設計を意識しています。
▶ GitHub: Yuusuke9228/video-manual-app
📈 想定ユースケース
本アプリは次のような現場に特にマッチします：
- 🧑🏫 社内教育・新人研修の動画マニュアル化
- 👨🔧 工場や製造業の作業手順共有
- 👨💼 IT系企業の操作フローの標準化
- 🎓 教育現場での授業・講義録画
🔐 セキュリティ対策
- ✔ ログイン必須（セッション制御）
- ✔ ユーザー毎に閲覧・登録権限を制限
- ✔ アップロードファイルは拡張子チェック
- ✔ 入力値検証による不正リクエスト排除
🛠 今後の拡張予定
- ✅ コメント機能（社内レビュー）
- ✅ シェアリンクの発行
- ✅ ダウンロード制限機能
- ✅ 外部連携API（Slack通知など）
GitHubへのIssue投稿・Fork歓迎です！
📣 まとめ
最低限の機能ですが、「動画で伝える時代」に対応するマニュアルアプリを、無料かつオープンソースで開発しました。
動画マニュアルは、紙マニュアルよりも視覚的で伝わりやすく、誰でも使える・残せる点で大きな武器になります。
こんな機能が欲しい、こうなっていれば使い易いなどがございましたら、お気軽にご連絡ください
また、プログラムや設計部分も需要があれば詳細に解説したいと思います
最後までお読みいただきありがとうございました!
ぜひGitHubのスター・フォーク・Issue投稿などもよろしくお願いします。
