SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新人エンジニアに贈る、高機能エディタのススメ

手に馴染むエディタを使っていこう! 開発者が知っておきたいエディタの諸機能

新人エンジニアに贈る、高機能エディタのススメ

  • X ポスト
  • このエントリーをはてなブックマークに追加

高機能エディタが高機能であるカラクリ

 このように高機能エディタは、コーディングをより効率よく行えるような機能が多々含まれています。しかし、実は、インストールしたてのVS Codeはそれほど高機能ではありません。そのカラクリを解き明かしていきます。

すべては拡張機能のおかげ

 高機能エディタの高度な機能は、実は、後から拡張機能として加えているものがほとんどです。逆にいうと、高機能エディタは、拡張機能を追加することでどんどん高機能にすることができます。しかも、VS Codeの場合は、ファイルの種類に応じて推奨拡張機能を教えてくれます。

 例えば、図14は先のHelloFromCode内にJavaのファイルを作成しようとした画面です(このようにひとつのプロジェクト内にPHPとJavaが混在することは本来ほとんどありえないのですが…)。

図14:VS Codeで未サポートの言語ファイルを作成した画面
図14:VS Codeで未サポートの言語ファイルを作成した画面

 実は、このVS CodeはJava言語をサポートする拡張機能をまだインストールしていない状態です。そのような状態でJava言語のファイルである.javaファイルを作成した瞬間に、図14の右下にあるようにJava言語に関する拡張機能をインストールするようにアラートが表示されます。指示の通り[Install]をクリックすることで、必要な拡張機能がインストールされます。

 もし、この拡張機能をインストールせずに.javaファイルにコードを記述していくと、コードのカラーリングこそしてくれても、インテリセンスは働きません。それが、拡張機能をインストールした後では、図15のようにインテリセンスが働くようになります。

図15:VS CodeでJavaのインテリセンスが有効になった画面
図15:VS CodeでJavaのインテリセンスが有効になった画面

その他の拡張機能のインストール方法

 拡張機能はVS Codeが推奨するものだけでなく、自分で探してインストールすることもできます。左側のアイコンをクリックしてください。すると、図16のような拡張機能の管理画面が表示されます。

図16:VS Codeの拡張機能管理画面
図16:VS Codeの拡張機能管理画面

 今までエクスプローラ機能が表示されていた領域が拡張機能の管理領域に変わり、現在有効な拡張機能、VS Codeが推奨する拡張機能、現在無効な拡張機能が一覧表示されています。一覧のどれかをクリックすると、右側にその拡張機能の解説が表示されます。図16では試しにJapanese Language Pack for VS Code拡張機能を表示させています。実は、VS Codeは表示言語自体も拡張機能として実装されており、インストールしたては英語表記になっていますので、それを日本語化するには、この拡張機能をインストールする必要があります。

 その際は、拡張機能を検索することになります。検索は、左上の[Marketplaceで拡張機能を検索する]欄にキーワードを入力するだけです。図17は試しに日本語言語拡張機能を検索するために「japanese」と入力した画面です。

図17:日本語言語拡張機能を検索している画面
図17:日本語言語拡張機能を検索している画面

 他の拡張機能も、同様にキーワードを入力するだけで検索できます。

結局どのエディタを使えばいいのか~まとめにかえて

 さて、ここまでプログラミング用テキストエディタの特徴をいろいろを紹介してきましたが、こうなると、「結局どのエディタを選べばいいのか?」という疑問が湧いてくると思います。もっともなことだと思いますが、これに対する答えは、突き詰めれば、「使ってみて手に馴染むものを選べばいい」というしかありません。

 つまり、結局は使って、試していく、しかないのですが、少し意識しておいていただきたいのは、必ずしもひとつに絞る必要はない、ということです。コーディングする内容に応じて複数のエディタを使い分ける方が、全体の効率は上がるように思います。

 あくまで一例ですが、筆者は、メインのコーディングにはVS Codeを使っていますが、ファイルひとつだけをちょこっと改変する際は、Windowsならばサクラエディタを使い、MacならばBBEditを使っています。参考になれば幸いです。

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
この記事の著者

WINGSプロジェクト 齊藤 新三(サイトウ シンゾウ)

WINGSプロジェクトについて>有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ(代表 山田祥寛)。主にWeb開発分野の書籍/記事執筆、翻訳、講演等を幅広く手がける。2018年11月時点での登録メンバは55名で、現在も執筆メンバを募集中。興味のある方は、どしどし応募頂きたい。著書記事多数。 RSS X: @WingsPro_info(公式)、@WingsPro_info/wings(メンバーリスト) Facebook <個人紹介>WINGSプロジェクト所属のテクニカルライター。Web系製作会社のシステム部門、SI会社を経てフリーランスとして独立。屋号はSarva(サルヴァ)。HAL大阪の非常勤講師を兼務。

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

山田 祥寛(ヤマダ ヨシヒロ)

静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」代表。主な著書に「独習シリーズ(Java・C#・Python・PHP・Ruby・JSP&サーブレットなど)」「速習シリーズ(ASP.NET Core・Vue.js・React・TypeScript・ECMAScript、Laravelなど)」「改訂3版JavaScript本格入門」「これからはじめるReact実践入門」「はじめてのAndroidアプリ開発 Kotlin編 」他、著書多数

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/11838 2019/12/11 11:00

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング