# スマートフォンで使える？オンラインIDE！特徴と料金
> オンラインIDEならパソコンなどに左右されるずにコードが書けるのでは？と思い調査してまとめてみました。
- Canonical: https://c-a-p-engineer.github.io/online-ides/
- Published: 2024-01-23T04:00:00.000Z
- Modified: 2024-01-23T04:00:00.000Z

オンラインIDEならパソコンなどに左右されるずにコードが書けるのでは？と思い調査してまとめてみました。

~~育児中にスマートフォンでコーディング出来れば嬉しいなと思って…~~


## 一覧表

| サービス名                | 無料プランの有無 | 有料プラン開始価格 | 主な特徴                                               |
|----------------------------|------------------|-------------------|-------------------------------------------------------|
| [CodeAnywhere](#codeanywhere)   | なし             | $9/月            | DigitalOcean統合、複数カーソル、コード補完            |
| [Coder](#coder)                 | あり             | 別途料金プラン参照| Linuxアクセス、リアルタイムコラボ、VS Code拡張機能対応  |
| [SourceLair](#sourcelair)        | なし             | $10/月           | 効率的インターフェイス、複数言語サポート、自動補完      |
| [ShiftEdit](#shiftedit)         | なし             | $10/月           | 複数のファイルアクセスポイント、FTP/SFTP等サポート     |
| [AWS Cloud 9](#aws-cloud-9)   | AWS料金に依存    | AWS料金に依存     | AWSの一部、クラウドベースの開発環境                   |
| [StackBlitz](#stackblitz)        | あり             | -                 | フロントエンドおよびバックエンドプロジェクト対応      |
| [CodeSandbox](#codesandbox)   | あり             | -                 | フロントエンドおよびフルスタックWebアプリ開発に適用   |



## CodeAnywhere
- **特徴**:
  - DigitalOceanとの統合
  - 複数のカーソルサポート
  - JavaScript、PHP、HTML、CSSのコード補完
  - JavaScriptとCSSのリンティング
- **料金**:
  - 無料プランなし
  - 月額 $9～
  - [料金プラン](https://codeanywhere.com/pricing)
- **公式**: <a href="https://codeanywhere.com" target="_blank" rel="nofollow noopener">CodeAnywhere</a>

## Coder
- **特徴**:
  - Linuxへのアクセス
  - リアルタイムコラボレーション
  - Visual Studio Codeとその拡張機能のフルサポート
  - 最大96コアのアクセス
  - ブラウザ上でのコーディング
- **料金**:
  - セルフホストなら無料
  - [料金プラン](https://coder.com/pricing)
- **公式**: <a href="https://coder.com" target="_blank" rel="nofollow noopener">Coder</a>

## SourceLair
- **特徴**:
  - シンプルかつ効率的なインターフェイス
  - 複数言語サポート
  - クロスプラットフォーム
  - 自動補完
  - ブラケットマッチング
- **料金**:
  - 無料プランあり
  - 月額10$～
  - <a href="https://www.sourcelair.com/pricing" target="_blank" rel="nofollow noopener">料金プラン</a>
- **公式**: <a href="https://www.sourcelair.com" target="_blank" rel="nofollow noopener">SourceLair</a>

## ShiftEdit
- **特徴**:
  - FTP、SFTP、WebDAV、Dropbox、Google Drive、Amazon S3からのファイルアクセス
- **料金**:
  - 無料プランなし
  - 月額10$～
  - <a href="https://shiftedit.net/premier" target="_blank" rel="nofollow noopener">料金プラン</a>
- **公式**: <a href="https://shiftedit.net" target="_blank" rel="nofollow noopener">ShiftEdit</a>

## AWS Cloud 9
- **特徴**:
  - Amazon Web Servicesの一部
  - AWS Computeの料金設定
- **料金**:
  - 無料プランなし
  - <a href="https://aws.amazon.com/cloud9/pricing/" target="_blank" rel="nofollow noopener">AWS Compute料金</a>
- **公式**: <a href="https://c9.io" target="_blank" rel="nofollow noopener">AWS Cloud 9</a>

## StackBlitz
- **特徴**:
  - フロントエンドおよびバックエンドプロジェクトに対応
  - 人気のフロントエンドおよびバックエンドフレームワークサポート
  - GitHubからプロジェクトを起動可能
  - オフラインでのプロジェクト実行が可能
- **料金**:
  - 無料プランあり
  - <a href="https://stackblitz.com/pricing" target="_blank" rel="nofollow noopener">料金プラン</a>
- **公式**: <a href="https://www.stackblitz.com" target="_blank" rel="nofollow noopener">StackBlitz</a>

## CodeSandbox
- **特徴**:
  - フロントエンドおよびフルスタックWebアプリの開発に適用
  - 人気のフロントエンドフレームワークサポート
  - GitHubからプロジェクトのインポート可能
  - ブログ投稿、ドキュメンテーション、GitHub READMEにサンドボックスを埋め込み可能

- **料金**:
  - 無料プランあり
  - <a href="https://codesandbox.io/pricing" target="_blank" rel="nofollow noopener">料金プラン</a>
- **公式**: <a href="https://codesandbox.io" target="_blank" rel="nofollow noopener">CodeSandbox</a>

これらのオンラインIDEは、場所を選ばずにプログラミングを行うことができます。
各IDEの特徴と料金を比較し、あなたのニーズに最適なものを選んでください。