viewsAtomには豊富なパッケージが用意されていますので、便利なものはどんどん使っちゃいましょう!より快適なコーディング生活を目指して、ぜひご自身にあったパッケージを使ってみてください〜。便利なものは使っていきましょー!ぜひご自身にあったパッケージを見つけて使ってみてください〜。メニューなどを日本語化できます。画像などのパスを補完してくれます。パスを書くときに便利です。HTMLの閉じタグを自動で挿入してくれます。emmetが使えるようになります。全角スペースが□で表示され、可視化できるようになります。全角スペースが残ってしまうミスを未然に防げます。構文チェックをするためのパッケージ、これだけでは動作しません。必要な言語のlinterプラグインをインストールすることで使えるようになります。上で紹介したlinterのscss版。scssの構文チェックをしてくれます。他にもcss、js、phpなど各種用意されています。画面右側にミニマップを表示します。ソースコード全体が表示され、現在地の把握もできます。SublimeTextでおなじみのやつです。スクロール時はミニマップを表示し、それ以外の時は隠れた状態になります。ダブルクリックで選択したワードと同じものをハイライトしてくれます。こちらも、SublimeTextでおなじみのやつです。色コード部分に実際の色も表示されるようになり、視覚的にわかるようになります。左側のツリービューのファイル名の横に、アイコンが出るようになります。ファイル形式が一目でわかりやすいのと、可愛いのでオススメです。キーボード操作だけで、画面上(パネル超えも可能)の好きな場所にカーソル移動できます。ソースコードを整形してくれます。インデントの幅が広いと感じる場合は、変更もできます。使うプロジェクトを登録できます。複数のPCでATOMの設定を引き継ぐためのパッケージ。別のPCで新たに設定し直すのは手間がかかるので、こういうのを使うと便利です。GitHubのアカウントが必要です。Atom上でターミナルが使えるようになります。同じようなパッケージで「terminal-plus」というがあるのですが、Atomを最新にすると動かなかったりするので、こちらの方がオススメです。ペインを左右分割して、一時ファイルとの差分を表示をしてくれます。Atom上でGitのコマンドが使用できるようになります。コンフリクトが発生した箇所を、わかりやすく表示してくれます。マスターしよう!CSSで中央寄せにする方法まとめCSSの【float】についてちょっと本気出して説明してみた。CSSの【float】についてちょっと本気出して説明してみた。しこのブログはWebコンテンツ総合製作の「ふたっぱ!」が運営しています。