OrcaOS - Web-based OS Simulator

超軽量なウェブベースのOSシミュレーター。デスクトップUI、ターミナル、ファイルマネージャーを備えています。

OrcaOS is a lightweight web-based OS simulator. It features a desktop UI, terminal, file manager, Notebook for Python and R, and LAMP(Apache, MySL, PHP).

Features(特徴)

• デスクトップ環境（ウィンドウのドラッグ、リサイズ、最小化、最大化）

• 高機能ターミナル（30以上のLinuxコマンドをサポート）

• ファイルマネージャー（仮想ファイルシステム）

• モダンなダークテーマ

• 完全にブラウザで動作

• クロスプラットフォーム対応（Windows、macOS、Linux）

• Desktop environment (window dragging, resizing, minimizing, maximizing)

• Powerful terminal (supports over 30 Linux commands)

• File manager (virtual file system)

• Modern dark theme

• Runs entirely in your browser

• Cross-platform support (Windows, macOS, Linux)

System Requirements(システム要件)

• Node.js 18以上（https://nodejs.org/ からダウンロード）

• Windows 10/11、macOS、またはLinux

• モダンなウェブブラウザ

• Node.js 18 or higher (download from https://nodejs.org/)

• Windows 10/11, macOS, or Linux

• Modern web browser

Running Locally on Windows(ローカル実行)

Automatic Setup(自動セットアップ（推奨）)

1. プロジェクトフォルダを開く

2. setup.bat をダブルクリック

3. 自動的にインストールと起動が完了します

4. Open the project folder

5. Double-click setup.bat

6. Installation and startup complete automatically

Subsequent Running(2回目以降の起動)

start.bat をダブルクリックするだけ Simply double-click start.bat

Manual Setup(手動セットアップ)

コマンドプロンプトで:

In Command Prompt:

# 依存関係をインストール
npm install
# 開発サーバーを起動
npm run dev

ブラウザで http://localhost:3000 を開く

Open http://localhost:3000 in your browser

Running Locally on macOS/Linux(macOS/Linuxでローカル実行)

Automatic Setup(自動セットアップ（推奨）)

# Give execution permissions(実行権限を付与)
chmod +x setup.sh start.sh check-system.sh

# Run setup(セットアップを実行)
./setup.sh

Subsequent Running(2回目以降の起動)

./start.sh

Manual Setup(手動セットアップ)

# 依存関係をインストール
npm install

# 開発サーバーを起動
npm run dev

ブラウザで http://localhost:3000 を開く

Open http://localhost:3000 in your browser

利用可能なターミナルコマンド

ファイル操作

• ls [dir] - ディレクトリの内容を表示
• cd <dir> - ディレクトリを移動
• pwd - 現在のディレクトリを表示
• cat <file> - ファイルの内容を表示
• mkdir <dir> - ディレクトリを作成
• touch <file> - 空のファイルを作成
• rm <file> - ファイル/ディレクトリを削除
• cp <src> <dst> - ファイルをコピー
• mv <src> <dst> - ファイルを移動/名前変更
• find <name> - ファイルを名前で検索
• grep <text> <file> - ファイル内のテキストを検索

テキストエディタ

• vi <file> - viエディタ（シミュレート）
• nano <file> - nanoエディタ（シミュレート）
• echo <text> [> file] - テキストを表示/ファイルに書き込み

システム情報

• clear - ターミナルをクリア
• date - 現在の日時を表示
• uname - システム情報を表示
• whoami - 現在のユーザーを表示
• uptime - システム稼働時間を表示
• df - ディスク使用状況を表示
• ps - プロセス一覧を表示
• env - 環境変数を表示
• help - コマンド一覧を表示
• history - コマンド履歴のヒント

使用例

# ディレクトリを作成してファイルを作成
$ mkdir myproject
$ cd myproject
$ touch readme.txt
$ echo "Hello OrcaOS" > readme.txt
$ cat readme.txt
# ファイルを検索
$ find readme
$ grep Hello readme.txt
# システム情報を確認
$ uname
$ date
$ whoami

LAMP機能

apacheの起動

1. ターミナルを起動する
2. apache2 start

webブラウザの起動

1. アイコンをクリックする

MySQLの利用

1. アイコンをクリックする

see X for OrcaOS

Python

1. ターミナルの起動
2. Pythonコマンドを入力する

プロジェクト構造

orcaos/
├── app/
│   ├── page.tsx          # メインページ
│   ├── layout.tsx        # レイアウト
│   └── globals.css       # グローバルスタイル
├── components/
│   ├── desktop.tsx       # デスクトップ環境
│   ├── window.tsx        # ウィンドウコンポーネント
│   ├── terminal.tsx      # ターミナルアプリ
│   ├── file-manager.tsx  # ファイルマネージャー
│   └── taskbar.tsx       # タスクバー（ロゴ表示）
├── hooks/
│   └── use-file-system.ts # 仮想ファイルシステム（拡張版）
├── public/
│   └── orcaos01.jpg      # OrcaOSロゴ
├── setup.bat             # Windowsセットアップスクリプト
├── start.bat             # Windows起動スクリプト
├── check-system.bat      # Windowsシステム診断ツール
├── setup.sh              # macOS/Linuxセットアップスクリプト
├── start.sh              # macOS/Linux起動スクリプト
└── check-system.sh       # macOS/Linuxシステム診断ツール

技術スタック

• Next.js 16（React 19）
• TypeScript
• Tailwind CSS v4
• shadcn/ui
• Next.js Image optimization

ライセンス

MIT License