2018.12.13最終更新日2019.11.18やっしーエディタで変わる?コーディング初心者が思った作業環境の重要性アプリ開発2300IT企業に勤め始めたばかりの新参者やっしーです!!今回はHTMLのコーディングを本格的に始めたばかりの僕が思った作業環境の重要性についてお伝えしたいと思います。HTMLやCSSをかじったことのある方でなんだかめんどくさくなり、やめてしまった方はいないでしょうか?ちなみに僕もその一人です(笑)僕が嫌になってしまった理由の一つとして作業の煩雑さでした。HTMLで文章を書いてもCSSできれいなWEBページにしなければならないのは皆さまご存知の通りでしょう。「ここを変えたつもりなんてなかったのに!」...こういった事も、実はテキストエディターで何とかなっちゃいます。ご存知の方も多いとは多いとは思いますが、テキストエディターとはHTMLに限らず、プログラミングをするうえで必要になるもので、テキストファイルを作成、編集、保存するものになります。今回はSublimetextを使って、その快適さ、便利さについて書いていきたいと思います。(ちなみに私はSublimetextを使う前はBraketsというものを使っていました。)まず、Sublimetextとはいろいろな開発現場でも使用されいている無料のテキストエディターです。SublimeTextのインストールはこちらからSublimetextはプラグインを導入することにより、自分好みにカスタマイズすることができます。いうかインストールしただけでは、プラグインを入れないとチョット物足りないです(笑)とりあえずプラグインを入れておきましょう。赤枠の部分をコピーします。consoleをクリックします。画面下に出てきた入力欄に先ほどコピーしてきたテキストを貼り付けてEnterを押します。Controlが追加されていれば導入完了です。Sublimetextの日本語化プラグインを導入するやっぱり英語よりも日本語になってたほうが使いやすいので日本語化します。現在バージョンでは、日本語化プラグインは簡単ですが部分的なサポートのもの、もう一つは少し手間ですが、完全に日本語化されるものがあります。二つともご紹介しますので、ご自分に合うやり方で日本語化してみてください。入力しましょうEnterを押すとしたのような画面が出てくるので次はChineseLocalizationsと入力してください。新しいタブが追加され以下のような画面が出てくると導入完了です。HelpのタブにLangageが追加されているので早速日本語を選択してみましょう。japanizeと入力してプラグインをインストールします。packages)をクリックするとエクスプローラーが起動しますので、その中にあるjapanezeのフォルダ内に移動します。Japanizeフォルダ内にある拡張子が.jpとなっているファイルをjapanizeと同じ改装にあるdefaultに移し、拡張子.jpがついているファイルの拡張子.jpをすべて消していきます(一旦japanizeフォルダ内に新しいフォルダを作成してそこに.jpファイルをいれてリネーム作業を行ってからファイルをdefaultに移動させると楽です。)リネーム後は拡張子が.sublime-menuとなっています。フォルダ内にあるMain.sublime-menuをuserフォルダに移動させれば導入完了です。省略記法を展開する事で、各種コードが生成されます。(導入した後divと入力してtabキーを押してみてください!すごく楽になることがわかります(笑))HTMLBeautifyHTMLのタグを整形してくれます。FTrailingSpacesスペースを検知し、ハイライトしてくれます。ColorPickerカラーコードを選択するポップアップが表示されます。IMEsupportWindows専用のプラグインで、日本語のテキストをインライン表示してくれます。画面分割HTMLとCSSはセットで考えるものですよね、いちいちコーディングするたびに画面を切り替えるのは面倒なので画面分割します。表示タブから画面分割を選んで好きな割り方を選ぶだけです。2画面表示にできました。無料なのに自分流にカスタマイズできるのがSublimetextの魅力です。最近ITベンチャーに転職してきた新参者です。PCに限らず機械いじり大好きなオタク人間なので、書く記事はメカばっかりかもしれませんがよろしくお願いします。研修内容アクセスお問い合わせ。