--- title: どんなテキストエディタが利用可能ですか? slug: Learn/Common_questions/Available_text_editors translation_of: Learn/Common_questions/Available_text_editors --- <div>{{IncludeSubnav("/ja/Learn")}}</div> <div class="summary"> <p>この記事では Web 開発用のテキストエディタをインストールする際に考慮すべき点をいくつか取り上げます。</p> </div> <table class="learn-box nostripe standard-table"> <tbody> <tr> <th scope="row">学習の前提:</th> <td><a href="/ja/docs/Learn/Common_questions/ウェブサイトを作成するのにどんなソフトウェアが必要か?">Web サイトを構築するために必要な様々なソフトウェア</a>について知っていること。</td> </tr> <tr> <th scope="row">学習の目標</th> <td>Web 開発者としてのニーズに最適なテキストエディタを選択する方法を学びます。</td> </tr> </tbody> </table> <h2 id="概要">概要</h2> <p>Web サイトは、ほとんどテキストファイルで構成されています。その開発を容易で快適なものにするため、最適なテキストエディタを選びましょう。</p> <p>テキストエディタは、コンピュータサイエンスにとって基本的なものです(Web 開発はコンピュータサイエンスそのものですよね)。そのため、膨大な選択肢があります。理想を言えば、できるだけ多くのエディタを試して、ワークフローに適したものを見つけるのが良いです。とは言っても、取っ掛かりをつけるため、いくつかの指針をあげることにします。</p> <p>まず以下の点を検討しましょう。</p> <ul> <li>どの OS (オペレーティングシステム) を使用するか?</li> <li>どのような技術を扱うのか?</li> <li>テキストエディタに、どのような基本機能を求めるか?</li> <li>テキストエディタの機能を拡張したいか?</li> <li>テキストエディタを使用している間、サポートやヘルプが必要か?</li> <li>テキストエディタの使い勝手は重要か?</li> </ul> <p>ここまでで価格に言及していないことに注目してください。明らかにそれも重要ですが、製品価格は、その品質や機能とはあまり関係ありません。使いやすいテキストエディタを無料で手に入れることも可能なのです。</p> <p>人気のあるエディタの例を挙げてみましょう:</p> <table class="standard-table" style="height: 522px; width: 917px;"> <thead> <tr> <th scope="col">エディタ</th> <th scope="col">ライセンス</th> <th scope="col">価格</th> <th scope="col">OS</th> <th scope="col">サポート</th> <th scope="col">ドキュメント</th> <th scope="col">機能拡張</th> </tr> </thead> <tbody> <tr> <td><a href="https://atom.io/">Atom</a></td> <td>MIT/BSD</td> <td style="text-align: center;">無料</td> <td>Windows, Mac, Linux</td> <td><a href="https://discuss.atom.io/categories" rel="external">Forum</a></td> <td><a href="https://atom.io/docs/latest/">Online Manual</a></td> <td style="text-align: center;"><a href="https://atom.io/packages">Yes</a></td> </tr> <tr> <td><a href="http://brackets.io/" rel="external">Brackets</a></td> <td>MIT/BSD</td> <td style="text-align: center;">無料</td> <td>Windows, Mac, Linux</td> <td><a href="https://groups.google.com/forum/#!forum/brackets-dev" rel="external">Forum</a>, <a href="http://webchat.freenode.net/?channels=brackets" rel="external">IRC</a></td> <td><a href="https://github.com/adobe/brackets/wiki" rel="external">GitHub Wiki</a></td> <td style="text-align: center;"><a href="https://ingorichter.github.io/BracketsExtensionTweetBot/" rel="external">Yes</a></td> </tr> <tr> <td><a href="https://panic.com/coda/" rel="external">Coda</a></td> <td>クローズドソース</td> <td style="text-align: center;">$99</td> <td>Mac</td> <td><a href="https://twitter.com/panic">Twitter</a>, <a href="https://panic.com/qa" rel="external">Forum</a>, <a href="mailto:coda@panic.com">E-mail</a></td> <td><a href="https://panic.com/coda/#book">eBook</a></td> <td style="text-align: center;"><a href="https://panic.com/coda/plugins.php">Yes</a></td> </tr> <tr> <td><a href="http://www.gnu.org/software/emacs/" rel="external">Emacs</a></td> <td>GPL 3</td> <td style="text-align: center;">無料</td> <td>Windows, Mac, Linux</td> <td><a href="http://www.gnu.org/software/emacs/manual/efaq.html" rel="external">FAQ</a>, <a href="http://mail.gnu.org/mailman/listinfo/help-gnu-emacs" rel="external">Mailing list</a>, <a href="news://gnu.emacs.help" rel="external">News Group</a></td> <td><a href="http://www.gnu.org/software/emacs/manual/html_node/emacs/index.html">Online Manual</a></td> <td style="text-align: center;">Yes</td> </tr> <tr> <td><a href="http://www.macrabbit.com/espresso/">Espresso</a></td> <td>クローズドソース</td> <td style="text-align: center;">$75</td> <td>Mac</td> <td><a href="http://www.macrabbit.com/support/" rel="external">FAQ</a>, <a href="mailto:support@macrabbit.com">E-mail</a></td> <td>No end user doc,<br> but <a href="http://wiki.macrabbit.com/">plug-in doc</a></td> <td style="text-align: center;">Yes</td> </tr> <tr> <td><a href="https://wiki.gnome.org/Apps/Gedit">Gedit</a></td> <td>GPL</td> <td style="text-align: center;">無料</td> <td>Windows, Mac, Linux</td> <td><a href="http://mail.gnome.org/mailman/listinfo/gedit-list" rel="external">Mailing list</a>, <a href="irc://irc.gnome.org/%23gedit">IRC</a></td> <td><a href="https://help.gnome.org/users/gedit/stable/">Online Manual</a></td> <td style="text-align: center;"><a href="https://wiki.gnome.org/Apps/Gedit/PluginsLists">Yes</a></td> </tr> <tr> <td><a href="http://komodoide.com/komodo-edit/" rel="external">Komodo Edit</a></td> <td>MPL</td> <td style="text-align: center;">無料</td> <td>Windows, Mac, Linux</td> <td><a href="http://forum.komodoide.com/" rel="external">Forum</a></td> <td><a href="http://docs.activestate.com/komodo/8.5/" rel="external">Online Manual</a></td> <td style="text-align: center;"><a href="http://komodoide.com/resources/addons/">Yes</a></td> </tr> <tr> <td><a href="http://www.notepad-plus-plus.org/" rel="external">Notepad++</a></td> <td>GPL</td> <td style="text-align: center;">無料</td> <td>Windows</td> <td><a href="http://sourceforge.net/p/notepad-plus/discussion/">Forum</a></td> <td><a href="http://npp-wiki.tuxfamily.org/index.php?title=Main_Page" rel="external">Wiki</a></td> <td style="text-align: center;"><a href="http://npp-wiki.tuxfamily.org/index.php?title=Plugin_Central" rel="external">Yes</a></td> </tr> <tr> <td><a href="http://www.pspad.com/">PSPad</a></td> <td>クローズドソース</td> <td style="text-align: center;">無料</td> <td>Windows</td> <td><a href="http://gogogadgetscott.info/pspad/dotazy.htm">FAQ</a>, <a href="http://forum.pspad.com/" rel="external">Forum</a></td> <td><a href="http://gogogadgetscott.info/pspad/">Online Help</a></td> <td style="text-align: center;"><a href="http://www.pspad.com/en/pspad-extensions.php">Yes</a></td> </tr> <tr> <td><a href="http://www.sublimetext.com/" rel="external">Sublime Text</a></td> <td>クローズドソース</td> <td style="text-align: center;">$70</td> <td>Windows, Mac, Linux</td> <td><a href="http://www.sublimetext.com/forum/viewforum.php?f=3" rel="external">Forum</a></td> <td><a href="http://www.sublimetext.com/docs/3/">Official</a>,<a href="http://docs.sublimetext.info/en/latest/index.html"> Unofficial</a></td> <td style="text-align: center;"><a href="https://sublime.wbond.net/">Yes</a></td> </tr> <tr> <td><a href="http://macromates.com/" rel="external">TextMate</a></td> <td>クローズドソース</td> <td style="text-align: center;">$50</td> <td>Mac</td> <td><a href="https://twitter.com/macromates">Twitter</a>, <a href="http://webchat.freenode.net/?channels=textmate">IRC</a>, <a href="http://lists.macromates.com/listinfo/textmate" rel="external">Mailing list</a>, <a href="mailto:tm-support@macromates.com">E-mail</a></td> <td><a href="http://manual.macromates.com/en/">Online Manual</a>, <a href="http://wiki.macromates.com/Main/HomePage" rel="external">Wiki</a></td> <td style="text-align: center;"><a href="http://wiki.macromates.com/Main/Plugins" rel="external">Yes</a></td> </tr> <tr> <td><a href="http://www.barebones.com/products/textwrangler/" rel="external">TextWrangler</a></td> <td>クローズドソース</td> <td style="text-align: center;">無料</td> <td>Mac</td> <td><a href="http://www.barebones.com/support/textwrangler/faqs.html" rel="external">FAQ</a>, <a href="https://groups.google.com/forum/#!forum/textwrangler">Forum</a></td> <td><a href="http://ash.barebones.com/TextWrangler_User_Manual.pdf" rel="external">PDF Manual</a></td> <td style="text-align: center;">No</td> </tr> <tr> <td><a href="http://www.vim.org/" rel="external">Vim</a></td> <td><a href="http://vimdoc.sourceforge.net/htmldoc/uganda.html#license" rel="external">Specific open license</a></td> <td style="text-align: center;">無料</td> <td>Windows, Mac, Linux</td> <td><a href="http://www.vim.org/maillist.php#vim" rel="external">Mailing list</a></td> <td><a href="http://vimdoc.sourceforge.net/">Online Manual</a></td> <td style="text-align: center;"><a href="http://www.vim.org/scripts/script_search_results.php?order_by=creation_date&direction=descending" rel="external">Yes</a></td> </tr> <tr> <td><a href="https://code.visualstudio.com/download">Visual Studio Code</a></td> <td><a href="https://github.com/microsoft/vscode">Open Source</a> under MIT licence/ Specific licence for product</td> <td style="text-align: center;">無料</td> <td>Windows, Mac, Linux</td> <td><a href="https://code.visualstudio.com/docs/supporting/faq">FAQ</a> </td> <td><a href="https://code.visualstudio.com/docs">Documentation</a></td> <td style="text-align: center;"><a href="https://marketplace.visualstudio.com/VSCode">Yes</a></td> </tr> </tbody> </table> <h2 id="アクティブラーニング">アクティブラーニング</h2> <p>現在利用可能なアクティブラーニングはありません。<a href="/ja/docs/MDN/Getting_started">貢献を考えてください</a>。</p> <h2 id="詳しく見てみましょう">詳しく見てみましょう</h2> <h3 id="エディタを選択する基準">エディタを選択する基準</h3> <p>それでは、テキストエディタを選ぶとき何を考慮すべきでしょうか?</p> <h4 id="どの_OS_(オペレーティングシステム)_を使用するか?">どの OS (オペレーティングシステム) を使用するか?</h4> <p>もちろんそれはあなたの選ぶことです。しかし、特定の OS でしか使えないエディタもあります。そのため、OSを切り替えて開発する場合には、選択肢が狭まります。システム上で実行できるのなら、どんなテキストエディタでも作業を行うことは<em>できます</em>。でも、クロスプラットフォームエディタを使用すると、OS 間の移行が容易になります。</p> <p>最初に、あなたが使う OS を選びます。次に、検討中のエディタがその OS をサポートしているか確認してください。ほとんどのエディタは WindowsやMacのサポート状況を、そのWeb サイトで公開しています。OSのバージョンが限定されている (Windows 7 以降のみをサポートし、Vista はサポートしないなど)場合もあります。Ubuntu を使うのなら、Ubuntu ソフトウェアセンター内を検索することをお勧めします。ただし、Linux/UNIX の世界には多様性があり、ディストリビューションが違うと動作も異なったり、パッケージ間の互換性がなかったりします。あまり流通していないテキストエディタに関心を抱いたりすると、自分でソースからコンパイルする羽目になるかもしれません (気の弱い人にはお勧めできません)。</p> <h4 id="どのような技術を扱うのか?">どのような技術を扱うのか?</h4> <p>一般論を言えば、テキストエディタなら、どんなテキストファイルでも開くことができます。自分のメモ書き程度なら、それで十分です。しかし、Web開発を行い、{{Glossary("HTML")}}、{{Glossary("CSS")}}、あるいは{{Glossary("JavaScript")}}をで使ったりすると、ファイルはかなり大きくて複雑なものになります。 Webで扱う技術情報に基づいテキストエディタを選択して、作業を簡単にしましょう。多くのテキストエディタには次のようなサポート機能があります。</p> <ul> <li><strong>コードの着色: </strong>使用する技術のキーワードを着色表示することで、ファイルが読みやすくなります。</li> <li><strong>コードの補完: </strong>よく出てくる構造を自動的に補完して、入力を手助けしてくれます。例えば、 HTMLのタグを自動的に閉じたり、正しいCSS属性の候補を挙げるなど。</li> <li><strong>コードスニペット: </strong>新規にHTML文書を作成していると、同じ構文が何度も出てきます。コードスニペットとして登録した文書の断片を埋めていくことで、何度も入力する労苦から解放されます。</li> </ul> <p>コードの着色はほとんどのテキストエディタがサポートしていますが、他の二つの機能はまだのものが多いのが現状です。使用する予定のテキストエディタが、 {{Glossary("HTML")}}、 {{Glossary("CSS")}}、それに {{Glossary("JavaScript")}}を着色できるか確認しておきましょう。</p> <h4 id="テキストエディタに、どのような基本機能を求めるか?">テキストエディタに、どのような基本機能を求めるか?</h4> <p>あなたのニーズと計画によりますが、以下の機能は多くの場合に有用です。I</p> <ul> <li>文字列の検索と置換。単一ファイル、あるいは複数ファイルにわたって実行できるとよい。検索には{{Glossary("Regular Expression", "正規表現")}}、必要なら他のパターンを使う。</li> <li>指定した行へ移動する。</li> <li>大きなファイルの離れた場所を、画面を分割して表示する。</li> <li>HTMLをブラウザ上で見えるように表示する。</li> <li>散在する文字列を同時に選択する。</li> <li>プロジェクトファイルとディレクトリを表示する。</li> <li>自動整形機能で、コードを読みやすくする。</li> <li>英文などのスペルチェックを行う。</li> </ul> <h4 id="テキストエディタの機能を拡張したいか?">テキストエディタの機能を拡張したいか?</h4> <p>拡張型のテキストエディタは、標準で組み込まれた機能こそ少ないが、必要に応じて機能を拡張することができます</p> <p>あなたの開発に必要な機能が明確でなかったり、使いたい機能がエディタに組み込まれていないときは、拡張型のエディタを検討するのがいいです。良いとされているエディタは、プラグインできる機能を多数持っており、自分で必要なものを探してインストールできるものもあります。</p> <p>多くの機能が必要だが、プラグインが多くなってエディタの動作速度が低下するようなら、統合開発環境(IDE: integrated development environment)を検討してみてください。IDEは、統一したインターフェースで多くのツールを使えるので、初心者には少々荷が重いかもしれません。そういう時は、機能を限定して使えばいいのです。有名なIDEの例を下に挙げておきます。</p> <ul> <li><a href="http://www.aptana.com/">Aptana Studio</a></li> <li><a href="https://eclipse.org/" rel="external">Eclipse</a></li> <li><a href="http://komodoide.com/" rel="external">Komodo IDE</a></li> <li><a href="https://netbeans.org/" rel="external">NetBeans IDE</a></li> <li><a href="http://www.visualstudio.com/" rel="external">Visual Studio</a></li> <li><a href="https://www.jetbrains.com/webstorm/" rel="external">WebStorm</a></li> </ul> <h4 id="テキストエディタを使用している間、サポートやヘルプが必要か?">テキストエディタを使用している間、サポートやヘルプが必要か?</h4> <p>一般にソフトウエアを使うときには、ヘルプがあるかないかを知っておくことは重要です。テキストエディタの場合は、以下の二種類のサポートがあるか調べておくといいです。</p> <ol> <li>ユーザー向けのコンテンツ(FAQ、マニュアル、オンラインヘルプなど)</li> <li>開発者や他のユーザーとのディスカッション(フォーラム、メール、チャットなど)</li> </ol> <p>使いかたを学ぶには、1.のコンテンツを読むのが有効です。インストールや使用上の問題を解決するには、他のユーザーの助けが役に立ちます。</p> <h4 id="テキストエディタの使い勝手は重要か?">テキストエディタの使い勝手は重要か?</h4> <p>たしかに、好みの問題かもしれません。いっぽうでは、表示色やボタンの位置など、UI(ユーザーインターフェース)のそこかしこをカスタマイズしたがる人もいます。変更可能な範囲はエディタごとに異なるので、導入前に調べておきましょう。色遣いを変えられるエディタは多くあります。しかし、カスタマイズしたいことがあまり多いようなら、統合開発環境を選んだ方が賢明です。</p> <h3 id="インストールとセットアップ">インストールとセットアップ</h3> <p>テキストエディタのインストールは、非常に分かりやすいのが普通です。その方法はプラットフォーム(OS)によって変わりますが、それほど難しいものではありません。:</p> <ul> <li><strong>Windows: </strong>インストールファイルは通常、<code>.exe</code> や <code>.msi</code> の実行可能ファイルとして提供されます。また、圧縮ファイル(<code>.zip</code>、<code>.7z</code>、<code>.rar</code>など)として提供されることもあります。その場合は、解凍するソフトウエアが別途必要になりますが、<code>.zip</code> ファイルの解凍ソフトはWindowsに標準で付属してきます。</li> <li><strong>Mac: </strong>エディタのWebサイトから、<code>.dmg</code> ファイルをダウンロードします。Apple Storeから簡単にインストールできるエディタもあります。 </li> <li><strong>Linux: </strong>主要なディストリビューションについては、グラフィカルインターフェースのあるパッケージマネージャー(Ubuntu ソフトウエアセンター、mintInstall、GNOME Software、 &cなど)からインストールできます。また、 パケージ済みの<code>.deb</code> や<code>.rpm</code> ファイルとして入手できることもできます。リポジトリサーバーからインストールすることも多いし、最悪の場合ソースコードを自分でコンパイルしなければならないこともあります。テキストエディタのWebサイトにあるインストール手順の説明を、じっくり調べることをお勧めします。</li> </ul> <p>新しいエディタをインストールしても、OSは既定エディタを変更しない限り、OSは前のエディタを使ってテキストファイルを開こうとします。ファイルをダブルクリックしたときに使う規定エディタを変更するには、以下のリンクにある説明を参照してください。</p> <ul> <li>Windows <ul> <li><a href="http://windows.microsoft.com/en-us/windows-8/choose-programs-windows-uses-default" rel="external">Windows 8</a></li> <li><a href="http://windows.microsoft.com/en-us/windows/change-default-programs#1TC=windows-7" rel="external">Windows 7</a></li> <li><a href="http://pcsupport.about.com/od/fixtheproblem/f/chdefprogram.htm">older systems</a></li> </ul> </li> <li><a href="http://osxdaily.com/2013/08/08/change-default-application-open-files-mac-os-x/" rel="external">Mac OS X</a></li> <li>Linux <ul> <li><a href="http://askubuntu.com/questions/289337/how-can-i-change-file-association-globally" rel="external">Ubuntu Unity</a></li> <li><a href="https://help.gnome.org/users/gnome-help/stable/files-open.html.en" rel="external">GNOME</a></li> <li><a href="http://doc.opensuse.org/documentation/html/openSUSE_113/opensuse-kdeuser/cha.kde.cust.html#pro.kde.cust.system.fileass">KDE</a></li> </ul> </li> </ul> <h2 id="次のステップ">次のステップ</h2> <p>良いテキストエディタが見つかったら、<a href="/ja/docs/Learn/Common_questions/set_up_a_local_testing_server">基本的な作業環境</a>(テストサーバー)の構築に着手しましょう。あるいは、<a href="/ja/docs/Learn/Getting_started_with_the_web">最初のWebページ</a>を書いてみるのもいいでしょう。。</p>