Codecademy のコースを受講したことがあれば、すでにテキスト エディターに慣れていることでしょう。
Codecademyの学習環境は直感的でユーザーフレンドリーなコーディング体験を提供しますが、時には自分のテキストエディタを使用する必要があります。
私は、自分のニーズに最も適したものをよりよく感じるために、いくつかのテキストエディタに手を出しました。
この記事では、最も人気のある 2 つのテキストエディタの徹底的な比較を提供します。
Visual Studio
Visual Studio (テキスト エディターは Visual Studio Code として知られているので、今後はこの名前で呼びます) は Microsoft の無料のテキスト エディターで、Windows、Linux、および macOS で実行されます。 市場に参入したのは最近で、Microsoftは2015年末にパブリックプレビューとして製品をリリースし、オープンソースコードをGithubに投稿した後、2016年4月に一般リリースとして提供しました。
その初心者にもかかわらず、Visual Studio Codeは開発者の間で急速に人気を集め、Stack Overflowの2018開発者調査において最も人気のある開発環境全体としてランクインしています。
基本
最初のコードを書くとき、または作成済みのファイルを開くときの Visual Studio Code のホーム画面はこのようになっています:
左上のパネルには、編集中のコードの異なるバリエーションを確認することができます。 この場合、私は「style.css」というファイルを編集しています。
中央のパネルは、自分が書いたり修正する必要があるコードを編集する場所です。複数の異なるファイルを並べて開いて編集できます。
この Visual Studio のレイアウトは、シンプルで使いやすいという点でCodecademy 独自のテキスト エディターのレイアウトと類似しています。
もちろん、レイアウトを編集することも可能です。 Zen Mode は、特にリラックスできそうなので、私のお気に入りの 1 つです。 実際には、これは、気が散らないようにコードを編集できる全画面モードです。
その他の機能
Visual Studio Code では、幅広いプログラミング言語でのコードの編集を行うことができます。 上で使用した例は CSS です (そうです、私は CSS をコーディング言語として分類しているのです!)。 CSS は内蔵のプログラミング言語の 1 つですが、Python や C# など、他の言語も Extension Marketplace からインストールおよび設定できます。
デバッグ
プログラムを学ぶ際に行う古典的な演習の 1 つは、あるコードを「破壊」してそれを再び修正しようと試みるというものです。
ありがたいことに、Visual Studio Code にはデバッグ機能があり、目がかすむ段階に達する前にエラーを検出するのに役立ちます。
また、デバッグ プロセスが自動的に停止するポイントである「ブレークポイント」を作成することも可能です。
より基本的なデバッグのレベルでは、Visual Studio Code はコード内の小さな問題を自動的に検出し、問題を簡単に解決できるように直接そこに連れて行きます。
私がコードを学んでいたとき、何かをする方法がわからないときに先生がくれたヒントの 1 つは、グーグルで検索することでした。 Microsoft は Visual Studio Code に Intellisense と呼ばれる機能を構築しました。これは、問題をググる (Microsoft の場合は「Bing-ing」) ことに代わるものです。
インテリセンスは、入力されたもののセマンティクス (文字) と、作成したコードの残りの部分を分析し、書いているものをどう終わらせるかという提案を提供します。
インテリセンスは HTML、CSS、Javascript など、最も一般的なプログラミング言語で使用できますが、その他の言語については、拡張機能をインストールする必要があります。
その他
Visual Studio Code には、コードをよりよく視覚化し、プログラミングを高速化することにより、コーディングの旅で役立つその他の便利な機能が多数あります。 これには以下が含まれます:
- スニペットのサポート。 これにより、再利用可能なコードの小さな部分のカタログを作成し、より大きなコード本体に挿入することができます
- 「Go to」機能。 これにより、シンボル、ファイル、行、および定義をすばやく検索して移動することができます。
全体的な印象
告白しましょう。 私は長年の Windows/Microsoft Office ユーザーです。 この (かっこ悪い) 決断の理由の一部は、Microsoft 製品が身近で操作しやすいと感じるからです。 Visual Studio Code も同様です。
テキスト エディターの初心者であっても、VS Code は簡単に手に入り、すぐに使用することができます。
初心者であれば、基本的なコマンドを実行するのは簡単ですが (さらに、Microsoft は多くのドキュメントを作成しています)、本格的なプログラミングを行う熟練ユーザーであれば、多くの高度な機能オプションも用意されています。
Sublime Text (バージョン 3)
Sublime Text は、元 Google エンジニアによって開発され、2007 年から存在しています。 Visual Studio Code (VSC) との大きな違いは、まず、無料の試用版はあるものの、ライセンス料が 80 ドルであることです。 VSC と同様、Windows、Linux、macOS で動作し、StackOverflow によると 2018 年に 4 番目に人気のある開発環境です。
最新バージョンの Sublime Text-Version 3 は、2013 年 1 月から 2017 年 9 月に公開されるまで、4 年以上ベータ版がありました。
基本
最初に Sublime Text を起動すると、何もないテキスト エディターが表示されます。 サイドバーも、検索するためのオプションも、拡張機能のサイドバーに直接移動するためのオプションもありません。 コーディングに集中できるように、より集中できるレイアウトになっています。
Visual Studio Code と比較してかなり速く開き、コードの編集に取り掛かる準備ができていれば、完璧なスタート ポイントを提供します。 しかし、テキスト エディターに慣れていない場合、他の特徴や機能を見つけるのは困難です。 必要なもののほとんどは上部のメニューにありますが、ツールメニューからコマンドパレット (詳細は後述) を呼び出して、必要なものに素早くアクセスすることもできます。
Sublime Text の機能
Sublime Text を最大限に活用するには、追加のプラグインをインストールして、機能を増やしたいことでしょう。 そのためには、以下に説明する Package Control をインストールする必要があります。
パッケージ コントロール
Package Control は Visual Studio の拡張マーケットプレースに似ていますが、すぐに利用できるわけではありません。 C++ のスターター パッケージ、Python の補完を支援するパッケージ (Visual Studio の Intellisense に少し似ています)、HTML と CSS をより速く書くために略語を使用できるようにして自動的に展開する Emmet など、プログラミング初心者のために多くのパッケージ (またはプラグイン) が用意されています。
コマンド パレット機能を使用すると、メニューからコマンドを探すよりもはるかに速く、任意のコマンドを見つけてナビゲートすることが可能になります。
たとえば、プロジェクトで作業しているときに、新しいフォルダーをすばやく追加したり、作業中のプロジェクトを保存したりする必要がある場合、そのオプションをすばやく表示することができます。
コマンド パレットにアクセスするには、Ctrl + Shift + P を押すだけです。
後戻り機能
このテキスト エディタのすべての「後戻り」機能専用のメニューが Sublime Text にあります。 これは、Visual Studio 自身の「Go to」メニューのより完全な機能バージョンです。
ハイライトには、ファイル内の記号のすべての例を簡単に見つけることができる「Goto Symbol」 (Sublime Text 3 で追加) などがあります。
プロジェクト
プロジェクト機能は Sublime Text 内のフォルダーとファイルを整理する方法を指します。 これは、すべてのフォルダーとファイルが 1 か所に保存され、手動でさらにファイルを開き続けるのではなく、プロジェクトを開くとすぐにサイドバーからすばやくアクセスできることを意味します。
ワークスペースでは、一度に 1 つのプロジェクトしか開くことができないので、プロジェクトを変更したい場合は、[プロジェクトの切り替え] オプションを選択する必要があります。
Visual Studio にも「ワークスペース」という同様の機能があり、複数のファイルを同時に開いて作業することができます。
その他
Sublime Text には他にも多くの「小さな」機能がありますが、ここで言及する価値はあります。 これには以下が含まれます:
- Snippets: これらは Visual Studio と同様に機能しますが、自分で構築したり、拡張機能からインストールしたりすることもできます
- マルチ編集: ctrl + d を押すと、現在作業中の単語またはコマンドのすべてのインスタンスがファイル内でハイライト表示されます。
全体の印象
Sublime Text は、書いたコードを整理して検索し、任意の関数や記号にすばやく簡単にジャンプできる、高速で簡素なテキストエディタです。 その「Goto」機能と多くのキーボード ショートカットにより、経験豊富な開発者でも簡単に操作でき、キーボードから手を離すことなく簡単にコードを書いたり探したりすることができます。
Sublime Text にはデバッグ オプションがないので、この機能を必要とする開発者にとっては問題かもしれません。
どのテキスト エディターを選ぶべきか
Visual Studio は、プログラマーがコードを書き、テストできることから、統合開発環境 (IDE) として分類されるかもしれません。
Visual Studio Code と Sublime Text のもう 1 つの大きな違いは、Sublime Text と比較して、Microsoft が提供するサポートです。
Sublime Text は、見つけにくいドキュメント、最新バージョンの機能を説明するブログ記事、およびフォーラムを提供します。
Sublime Text は、何をしているかを知っていれば、コードを書くのもナビゲートするのもすばやく簡単にできます。
Sublime Text は、何をしているかわかっていれば、素早く簡単にコードを書くことができます。