超現場ブログ

Technique,Design and Events

デバッグできるエディタを利用しよう

Twitter Facebook Google+ はてブ

717953340-compressor

最近の制作環境向けのエディタとしてSublimeText3やAtom、Bracketsなどがよく上げられます。

ただ、最近の最近のフロントエンドの開発は、PHP・WordPress、JS、JSのフレームワーク、Gulp、Grunt、WebPack、Node.js、Gitなどを使用することが多くなってきています。

そこで、コマンドラインツールやデバッグ機能などもエディタの中で簡単に使えないかなー、と思った際にVisual Studio Code(VSC)がそれを満たしてくれそうだったので、これまでBracketsを使用していましたが、VSCを使用することにしました。
エディタなのにIDEに近いような機能を提供してくれます。
IDE入れちゃえば、という意見もあると思いますが、IDEはとにかく重いので、それに比べて軽量なVSCのほうが使いやすい印象です。

Visual Studio Code

VSCデバッグ画面

また、この後のことも考えてNode.jsも併せてインストールしておくことをお勧めします。

VSCは流行りのpythonの開発環境としても相性がいいも利点です。

ちなみに、PHPのデバッグができる環境にするには一工夫が必要なのですが、一例としては以下の記事がわかりやすくて参考になります。
Visual Studio Codeを使ったPHPの開発環境の構築 (Windows, Mac)

これでPHPやWordPressの開発をする際も、デバッグしながら作業をすることができますね。

WordPressについては知りたい方は、まずはコードを書かなくてもできるWordPressの使い方、を学べるグループ講座を開催します。
WordPress基礎講座
こちらの講座に参加してみませんか?

その他WEB系技術の習得をご検討の方は体験・カウンセリングにきてみませんか?
お待ちしております。

まずは無料の体験レッスン・カウンセリングへ!

あなたの目的や目標をお伺いしたうえで、
現在のスキルを分析し、
あなたに最適なカリキュラムをご提案します。

体験レッスン・カウンセリングの流れ

ご質問・ご相談の方はこちら

ご質問・ご相談ですか?

どんなことでもお気軽にご相談ください。

ご質問・ご相談はこちら

Copyright © 超現場主義 All rights reserved.