---
title: WebIDE を開く
slug: Tools/WebIDE/Opening_WebIDE
tags:
  - DevTools
  - WebIDE
  - opening
translation_of: Archive/WebIDE/Opening_WebIDE
---
<div>{{ToolsSidebar}}</div><p>WebIDE を開く方法は 3 つあります:</p>

<ul>
 <li><em>ツール &gt; Web 開発</em> メニューで <em>WebIDE</em> をクリックする。</li>
 <li>キーボードショートカット <em>Shift + F8</em> を使用する。</li>
 <li>Firefox ツールバーのアイコンをクリックする。<a href="/ja/Firefox/Developer_Edition">Firefox Developer Edition</a> では始めから表示されています。また <a href="/ja/Firefox/Releases/36">バージョン 36</a> 以降では、WebIDE を一度でも開くと表示されるようになります:</li>
</ul>

<p><img alt="" src="https://mdn.mozillademos.org/files/9437/webide-icon.png" style="display: block; margin-left: auto; margin-right: auto; width: 897px;"></p>

<p>WebIDE は以下のようなものです:<img alt="" src="https://mdn.mozillademos.org/files/12147/webide.png" style="display: block; height: 712px; margin-left: auto; margin-right: auto; width: 811px;">左側のサイドバーで、既存のアプリの起動や新しいアプリの作成ができます。右側のサイドバーで、ランタイムの選択や<a href="/ja/docs/Tools/WebIDE/Setting_up_runtimes">新しいランタイムのセットアップ</a>ができます。</p>

<p>中央にあるボタンでアプリの実行・停止・デバッグを行います。これらのボタンはアプリを開いていて、かつランタイムが選択済みである場合にのみ使用できます。</p>

<p>WebIDE のフォントサイズは、標準的なキーボードショートカットを使用して変更できます (OS X では <code>Control</code> の代わりに <code>Command</code> を使用します):</p>

<ul>
 <li><code>Ctrl +</code> でフォントサイズを拡大</li>
 <li><code>Ctrl -</code> でフォントサイズを縮小</li>
 <li><code>Ctrl 0</code> でフォントサイズを既定に戻す</li>
</ul>