突然ですが、私はよく野菜や果物を買いに地元にある直売所に行きます。直売所のいい所はいろいろな商品が低価格で購入できることと、新鮮な野菜が手に入ることと、生産者さんとの関わりももてることなどたくさんですね！私の行きつけの直売所は珍しい野菜を多く扱っているので、楽しい楽しい。

直売所愛を語ってしまったところで本題に行きたいと思います（本当はもっと語りたいところでもありますw）

テキストエディタとは

今までのお話しの中で「テキストエディタ」という言葉が出てきましたが、ご存じの方もご存知でない方もいらっしゃるかと思います。テキストエディタとは、その名の通りテキストファイルのことで、HTMLやCSS、PHP(つまりコードや文書のことですね)などのコードを書く時に欠かせないソフトファイルです。テキストエディタのメリットは、コードを打つ時に色が変わったり、見やすいようにインデントしてくれたり、アプリによってはコードを打つと入力補助をしてくれたり..。つまりはメリットだらけです。MacやWindowsには元々デフォルトでエディタが入っていますが、HTMLなどコードを書くときは専用のテキストエディタを使用することをおすすめします！

テキストエディタは何を使えばい？使い方は？

テキストエディタは様々な会社から出ていて有料、無料とありますが無料のアプリで全然OKです。有名なテキストエディタだと、「visual studio code」や「Sublime Text」「Brackets」などなど。visual studio codeはマイクロソフト社が開発した無料のテキストエディタになり、実際に使用している方も多いですね（youtubeやオンライン講座などでも度々出てきます）。それぞれ詳しく説明していきます！

visual studio code

visual studio codeは無料のテキストエディタです。入力したコードの予測変換をしてくれたり、分かりやすいようにインデントしてくれたり、間違ったコードのエラーを教えてくれたりします。シンプルなので初心者でも比較的使いやすいかと思います。拡張機能で日本語表記にできるのも良いところですね。Mac、Windowsどちらも対応しています！

Sublime Text

Sublime Textも基本的にシンプルです。テキスト検索（<p>ダグであれば<p>タグのみ選択できるので、一括で修正もできます！）することができ、選択した行を同時に編集することもできるので使い勝手がいいかと思います。Mac、Windowsの他にLinuxにも対応していますが基本的に有料なので（無料でダウンロードはできますが、機能に制限があります）１度無料で試しに使ってみるものいいですね！

Brackets

BracketsはAdobeが開発した無料テキストエディタになり、Mac、Windows、Linuxに対応しています。Bracketsの特徴はコーディングしながらプレビューが見れるところ。実際にどう作っているのか確認できるので初心者にはありがたいです。自分好みにカスタマイズも可能なので、慣れてきたらカスタマイズしてみてください！

他にも、サクラエディタ(無料・Windowsのみ対応)、Note Pad(無料・Windowsのみ対応)などがあります。（Adobe社が提供しているDream weaverなど他にもありますが、初めて使うのであれば上記のテキストエディタをおすすめします。)

色々なテキストエディタをご紹介しましたが、相性や使いやすいなどあるかと思うので、とりあえず使ってみてダメなら次、みたいな感じで試していくと良いかもです！

Web制作