![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx5oK-w5vNnM0roo2RpfauJ41I3womGvMSyZvFBBMeikNQWdDxinQx0meIzmQXCybGxhLJxXxgI-xVvCUmkaspff80ma8SqIjBqxKtaEOcBquo5Ic2sYBolbkONOV52hubhi3lhelnixQIVjpcARMNJvyt6gY88g59_DMsxXxhXVn-RTVjJ16o1H8L/s1600-rw/ec9b4fe4751c4103b27b4c5f8b72e5b8.png)
Macで開発をしていて、テキストエディタのアプリでなかなか僕にハマるものが無かったんですが、
「ATOM」がようやく便利に使えるエディタだと感じたので、レポします。
ATOM紹介
本家WEBサイト
https://atom.io/
Githubがプログラムエンジニアの為に作ったテキストエディタという事で、このフレーズだけで、「なんだか使える!」と思えるんですが、その昔のβ版は全く使えるシロモノでは無かったのに、最近改めて使ってみたら、非常に使えるように思えてきました。
というのも、前にインストールした時は、入力時に文字変換などに不具合があり、とても仕事で使えるレベルでは無かったんですが、最新版を入れたトコロ、そういう不具合は無くなってました。(全角問題だったのかな?)
また、昔からあったかどうか知りませんが、Packageといういわゆる「プラグイン」の要素が、とてもいい感じになっていて、プラグインを作ったこと無いんで、性格にはわからないんですが、どうやら、githubと繋がっていて、直接インストールしているようですね。
※Githubならではのいい機能でしょう。
インストール
本家サイトから、プログラムデータをDLして、解凍して、アプリケーションフォルダにブチ込むだけです。
せっかくなんで、Docsにドラッグでもして登録しておいてください。
立ち上げると、他のエディタとほぼ変わらない見栄えに少し萎える人もいるかもしれませんが、SublimeTextのように、「金払え!」アラートが出まくるという事はないので、安心して使えます。
サーバーのファイルを直接修正できる
windowsであれば、samba経由でサーバー連携するのもOS的に設定できてしまいますが、macの場合は、samba使ってもいいんですが、macのシステム隠しファイルなどの「ゴミファイル」と呼ばれるものが、サーバーに一緒にアップされてしまって、思わぬトラブルになりかねないので、sambaはオススメできません。
また、ネット越しにマウント操作を行うのも、同じ事になるので、できれば、filezillaなどのFTPソフトでアクセスして、ファイルをローカルディレクトリと同期するのではなく、vimのように、ネット上のファイルを直接修正できればいいと考えていたんですが、atomのpackageには、そういった事ができるものがすでに複数存在していました。
今回は「Remote-FTP」というpackageが便利そうだったんで、インストールしてみました。
設定方法
1.「メニュー」-[Atom」-「Preference...」を選択します。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrof_UnhFWPLWff0Se9dfo7qEmjgvKzvwCF1jzB350cBylkoNrkh5ZLTY5oKJPcZbvGUFG4wEN-kKJ7ZDnWHNtzHgZqg4Htb53ELQQyWQSMxvOOPOPRxxKoX6d5xtAGmj2xl06-XVLBjhsgGJmH-RUNLFVqvxiylwY-pfJL_zvtUwZZHdoYIm58AbO/s1600-rw/28-2-638360281f63b94807da341600e6c680.png)
2.「setting」タブが開くので、「install」を選択する
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUpVNWixxL7h5jiayXvhY_t9j-q7qwJxS3mrXQ9qZXN79kxG7yi0_5v4QsHLxwL1kDR1wOUpDOLSMzcSbeVtRrWtcjMV0rGzbUlCpiXv8wewLXC2FN6qjwSuiI6gjzDYWwnRSfNaUPCfoxmW3fuO1YVKVlTkca_hsU00S0IRGi8zHRSYmfnfYmafTx/s1600-rw/28-3-a5d8f87bcd6d5ce376dd6cfc0a449587-1024x661.png)
3.検索窓に「remote」を入力
いくつかのpackageがリスト表示されます。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoHWediaJpk5pj5KMG_dUGNH6RIIEZw4ZAAi1jPObqeSfgta0gUMgSs8YOSQT8rY3AzdN4P8NN2B8BN7kCA87lWWeuzfhQ9kQnZMUOuu-N5IGVtfC89lf1vlrZ3ii5B6Tmy5CiY3u24LNFZvBEZAGXTtaUMKDwhM3I4Jp3yTvqAovaO0inGIeedOw8/s1600-rw/28-4-fcb10392f917f214dc5b53058a67350c.png)
4.「Remote-FTP」のインストールをクリック
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6i0_yHTscncEaylxO8kpFTN8W_z9ZebaaOy00RGGDoxD3fo27lNIHHXbcaBAMJ6pVv35g4YXQAdWp1O8MAcmf82Lvwxcy8VV2jLT9PN65tu9oQlHrvXAzFOdvi0uMHMhxjDximKDhToQ309PYfQ-aL15RSF1vRFUjqXzdOU06a7MtlWpkn9IsaSrj/s1600-rw/28-5-d2e772ceadc15fe90367dc48b7132e30.png)
5.sftpのコネクション設定タブを開く
「メニュー」-「Packages」-「Remote-FTP」-「Create sFTP Config File」を選択
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2GteqjAH9zHOnKfr333ciovlcyfrR-FoQDPQCN0g0uBOQ-0XU5GltkuOzr49BmhRoFHJlB7oBM9v-VbZI_537-AUObjg8TNMw2pAul-YZQuEVVwmXkygkrepQF07RvYovxBApQS_OLBRoGz31T3Q-qh4jPYavvxMiOdNUgDTSoPGdz735pLcLvbwQ/s1600-rw/28-6-menu-sftp.png)
6.configファイルの編集
下記項目を変更して保存
host:サーバーへのアクセス
user:ログインID
pass:ログインPW
remote:サーバー内のrootからのパス
{
"protocol": "sftp",
"host": "example.com",
"port": 22,
"user": "user",
"pass": "pass",
"remote": "/",
"agent": "",
"privatekey": "",
"passphrase": "",
"hosthash": "",
"ignorehost": true,
"connTimeout": 10000,
"keepalive": 10000
}
7.サーバーに接続
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDbFBmt9NUzjJe9ZHasGSAk4WGJ0XYq_YPaOgmqmuhvZHH0-ncJ_7ffNR3E1_W_QADHSbTDGEaLM5CmQDesDfFovrslzK-XaykoeS9ZPP7408jrlmsnK75ovym-ET432Z7wf3OFOcK0uOB13YPP_V89KwwEvVAHYURhT1IHJNxfw8WzPK6g_8GRday/s1600-rw/28-7-menu-connect.png)
8.「Toggle Tree View」にサーバーディレクトリを表示
作業完了レポート
とりあえず、サーバー接続できてファイルを修正して保存して、表示確認までしてみましたが、かなりサクサク作業です。
効率アップ間違いないです。
でも、サーバーファイルを直接修正してしまうので、開発サーバー、本番サーバー、などの対策は各自でしっかり行ってくださいね。
0 件のコメント:
コメントを投稿