Warning: Declaration of FEE_Field_Terms::wrap($content, $taxonomy, $before, $sep, $after) should be compatible with FEE_Field_Post::wrap($content, $post_id = 0) in /home/twfs/serverkurabe.com/public_html/blog/wp-content/plugins/front-end-editor/php/fields/post.php on line 0

Warning: Declaration of FEE_Field_Tags::wrap($content, $before, $sep, $after) should be compatible with FEE_Field_Terms::wrap($content, $taxonomy, $before, $sep, $after) in /home/twfs/serverkurabe.com/public_html/blog/wp-content/plugins/front-end-editor/php/fields/post.php on line 0

Warning: Declaration of FEE_Field_Category::wrap($content, $sep, $parents) should be compatible with FEE_Field_Terms::wrap($content, $taxonomy, $before, $sep, $after) in /home/twfs/serverkurabe.com/public_html/blog/wp-content/plugins/front-end-editor/php/fields/post.php on line 0

Warning: Declaration of FEE_Field_Post_Thumbnail::wrap($html, $post_id, $post_thumbnail_id, $size) should be compatible with FEE_Field_Post::wrap($content, $post_id = 0) in /home/twfs/serverkurabe.com/public_html/blog/wp-content/plugins/front-end-editor/php/fields/post.php on line 0

Warning: Declaration of FEE_Field_Post_Meta::wrap($data, $post_id, $key, $ui, $single) should be compatible with FEE_Field_Post::wrap($content, $post_id = 0) in /home/twfs/serverkurabe.com/public_html/blog/wp-content/plugins/front-end-editor/php/fields/post.php on line 0

Warning: Declaration of FEE_Field_Widget::wrap($params) should be compatible with FEE_Field_Base::wrap($content, $data) in /home/twfs/serverkurabe.com/public_html/blog/wp-content/plugins/front-end-editor/php/fields/widget.php on line 0

Warning: Declaration of FEE_Field_Comment::wrap($content) should be compatible with FEE_Field_Base::wrap($content, $data) in /home/twfs/serverkurabe.com/public_html/blog/wp-content/plugins/front-end-editor/php/fields/other.php on line 0

Warning: Declaration of FEE_Field_Term_Field::wrap($content, $term_id, $taxonomy) should be compatible with FEE_Field_Base::wrap($content, $data) in /home/twfs/serverkurabe.com/public_html/blog/wp-content/plugins/front-end-editor/php/fields/other.php on line 0

Warning: Declaration of FEE_Field_Single_Title::wrap($title) should be compatible with FEE_Field_Term_Field::wrap($content, $term_id, $taxonomy) in /home/twfs/serverkurabe.com/public_html/blog/wp-content/plugins/front-end-editor/php/fields/other.php on line 0

Warning: Declaration of FEE_Field_Option::wrap($content, $key, $ui) should be compatible with FEE_Field_Base::wrap($content, $data) in /home/twfs/serverkurabe.com/public_html/blog/wp-content/plugins/front-end-editor/php/fields/other.php on line 0
脱FTPクライアント!notepad++のすすめ | Sabakura Blog

脱FTPクライアント!notepad++のすすめ

脱FTPクライアントなどと少し大げさなタイトルをつけてしまいましたが、今回は特におすすめのエディタであるnotepad++をご紹介したいと思います。
ウェブデザイナーやウェブプログラマ、とくにHTML、CSS、JavaScript、PHPあたりをゴリゴリと書かれる方には非常に役立つソフトだと思います。

notepad++とは

「notepad++(ノートパッドプラスプラス)」は、Windows環境で動く多機能エディタです。

「notepad=メモ帳」というイメージが強いので、メモ帳に機能を足した程度のソフトだと誤解されやすいのですが、メモ帳どころか、Windowsで動く他の有名エディタ(秀丸エディタ、EmEditor、さくらエディタなど)と比べても、まったく遜色のない機能を持っています

シンタックスハイライトは数十を越える言語に対応し、関数の自動補完、タブエディットなどエディタとしての必要機能は一通り揃っています。

また画面分割ができるのも特長です。よく画面分割機能と謳いながらも、実際に開けるファイルは一つだけといったソフトもありますが、notepad++の場合はちゃんと複数のファイルを同時に編集できます。

わかりやすい例で言えば、左ウィンドウでHTMLのソースを編集し、右ウィンドウでCSSを編集するといったことも可能です。

唯一の難点としては、日本語の取り扱い、とくにEUC-JPが扱えないという問題点があります。しかしこれについても「NotePad++ EUC-JP 対応版」を作成している方がいらっしゃるので、ほぼ解決しています。

・Notepad++ EUC-JP 対応版

※そのほか2chのスレによるとファイルの編集内容が消えたという報告もあるので一応利用は自己責任で。ただ私は何年も使っていますが消えたことはないですし、海外では非常に普及率の高いエディタなので、まず心配はいらないと思います。

FTPソフトでのアップロード作業が不要に

便利なFTPプラグイン

notepad++では、プラグインを導入することでさらに機能を拡張できます。プラグインにはファイル比較を行えるものから、簡易エクスプローラーを導入するものまで様々な種類がありますが、なかでも特筆すべきものがFTPに関するプラグインです。

notepad++のFTPプラグインとしては、EUC-JP対応版にも同梱されている「NppFTP」、またはプラグインサイトにある「FTP_synchronize(FTP Folders)」があります。

この2つのプラグインはほぼ同じ機能を有しており、どちらもHTMLやCSS、JS、PHPなどのファイルをエディタで編集後、上書き保存時に同時にFTPでアップロードすることができます。

アップロードいらずの便利さ

この機能のおかげでnotepad++では、感覚としてはサーバー上のファイルを直接リモートで書き換えているかのような透過的な編集ができます。
言い換えれば、ファイルを編集→FTPでアップという普段の作業から、FTPでアップという面倒なステップを省くことができるようになります。

さすがにエディタで編集不可能な画像ファイル等のアップには対処していませんが、コーダーやウェブプログラマの方など、エディタでの作業がメインの方にはじつに役立つ機能だと思います。

また即座にアップロードされるのが恐いという場合は、もちろんFTPサーバーとの接続を切った状態での編集も可能です。さらにこの場合も、編集後にnotepad++から個別にファイルをアップロードできるので、やはりFTPクライアントをいちいち起動する手間は不要です。

共用サーバーでも使えるという優位性

サーバー上のファイルを編集するのであれば、SSHなどを使って接続してVi(Vim)などで直接編集すればいいのに、という意見もあるかもしれません。

実際その方が便利なときもあるのですが、これにはまずSSH接続ができるサーバーでないといけないという問題があります。
専用サーバーやVPSでは問題ないですが、現在のレンタルサーバーはSSH接続を許可している共用サーバーはごく少数しかありません。

そのため共用サーバーかつWindows環境下でFTP作業を省略したい場合には、一番簡単なのがnotepad++とFTPプラグインの組み合わせだと思います。
(Linux環境下であれば、.netrcにIDやパスワードを書いた上でVimで「:e ftp://~」でもいいと思いますが)

また、ローカルのキャッシュフォルダを設定しておけば、ローカルのファイルとサーバーのファイルを常に同期させることもできます。これにより、サーバー上での編集内容がローカルに残っていないといったリスクも防止できます。

以上のように、共用サーバー&Windows環境でウェブを制作していて、毎回のFTP作業が面倒だと感じている方は、ぜひ一度notepad++を試してみてください。

なお、詳しいFTPプラグインの紹介および設定の方法については近日中に記事にする予定です。

追記。設定方法の記事書きました。
→Notepad++のFTPプラグイン「NppFTP」の設定方法

Comment

  1. Notepad++のFTPプラグイン「NppFTP」の設定方法 | Sabakura Blog

    2012-04-24 14:26

    […] ・参考:脱FTPクライアント!notepad++のすすめ […]

  2. Vim(gVim)でサーバー上のファイルを直接編集する | Sabakura Blog

    2012-04-24 14:27

    […] 先日、Windows環境でサーバー上のファイルを透過的に編集するにはnotepad++が一番簡単であるという記事を書きましたが、思ったよりニーズがあるようなので他エディタの場合も書いておき […]

  3. ChromeのDeveloperToolsを使ったらサイト制作速度が一気に上がりました | Sabakura Blog

    2012-06-05 10:18

    […] これまでにもNotepad++のFTPプラグインを使ってアップロード作業を自動化したりはしていたのですが、これにしてもブラウザのリロードは必要だったり、私の環境ではFTPSで接続するとすぐ […]

  4. WordPress と Theme の編集は「NppFTP」を組み込んだ「NotePad++」が担当する – MICRO5 Fan

    2018-02-12 05:03

    […] 「脱FTPクライアント!notepad++のすすめ | Sabakura Blog」より […]

コメントを投稿