コーディングを始める前に
HTMLやCSSを実際に書いてみたい!
と思ったら、まずは環境の準備が重要です。
エディタを用意しよう!
エディタとは
コンピュータ上で何らかのデータを編集するためのソフトウェア。
文字データを扱うソフトはテキストエディタと呼ばれ、文字の種類や大きさ、
修飾などが不要なプログラミング時のソースコード作成・編集に用いられることも多い。
統合プログラミング環境における、プログラムを作成する機能を、エディタと呼ぶ場合もある。
ちょっとわかりにくいかもですが、
プログラミングのコードを書くためのソフトウェアのこととなります。
メモ帳(Windows)とかテキストエディタ(MAC)とかでも
書けないことはないですが…かなりみにくいです。
そのため、まずは自分に合ったエディタを探してみましょう!
エディタを選ぶためのポイント
・対応しているプログラミング言語が何か
・対応しているOSは何か
・日本語対応しているか
・動作の軽さ
・各種機能の有無
特に初心者の方は、
日本語対応とか、対応しているOSの種類だけ最低限押さえておけば良いと思います。
現在のおすすめエディタ
Visual Studio Code
Atomとともに現役プログラマーの大きなシェア。
HTMLやCSS、Javascriptなど数多くのプログラミング言語をカバーする汎用性の高さも魅力。
初心者向けのエディタとしてもおすすめ。
(最近はこちらを紹介している動画やサイトが多いように感じたので、現在こちらをインストールして使用してみてます)
Visual Studio Code:https://code.visualstudio.com/
Atom
MacやWindows、Linuxに対応しており、シンプルかつ見やすい。
これからプログラミングを始める超初心者からプロまで満足できる柔軟性あり。
(プログラミングスクールに通ってた時はこちらをおすすめされて一時期使ってました)
Windows版:https://atom.softonic.jp/
MAC版:https://atom.softonic.jp/mac
Sublime Text
プラグインが非常に充実しており、目的に合わせた高度なコーディングにも対応可能。
ハイライトやgrep(文字検索)機能に加えて、複数の文字列の同時編集やなど多彩な機能が魅力。
Sublime Textは本来有料ソフトウェアですが、すべての機能を無料で利用できます。
(少し前まではこちらを使用していました)
Sublime Text:https://www.sublimetext.com/3
PyCharm
Python言語向けのコードエディタ、および統合開発環境(IDE)。
無料の「コミュニティ版」でもエラー検出やハイライトなどの重要な機能はすべて使用可能。
これからPythonを習得してビジネスの幅を広げたい方には特におすすめです。
PyCharm:https://www.jetbrains.com/ja-jp/pycharm/
サクラエディタ
OSはWindowsにのみ対応。
分からない部分は日本語フォーラムですぐに解決できる。
一からコーディングを勉強したい初心者にはとても心強い存在。
サクラエディタ:https://sakura-editor.github.io/
Notepad++
Windowsの標準メモアプリを強化したような簡潔なインターフェースが特徴的。
低スペックのPCでも安定して動作する軽快さが魅力。
初心者向けの無料コードエディタとして常に候補に挙がる人気のソフトウェア。
Notepad++:https://notepad-plus-plus.org/downloads/