Wood-Roots:blogHOMEツール/エディタ201403/17grunt-ftpushを使って変更されたファイルをFTPで自動でアップロードするツール/エディタかれこれ何年も「テキストエディタで編集→FTPクライアントでアップロード」という流れでサイト制作をやってきましたが、さすがに前時代すぎると思いGruntを使いはじめました。できることが多くあって色々やってみたいですが、まずは「編集されたファイルをアップロードする」という点だけの自動化を試してみました。FTPでのアップロードについてはgrunt-ftp-deployを使用するケースが多いですが、grunt-ftpushというプラグインを使うと簡単に「更新したファイルのみ」をアップロードすることができます。Gruntのプラグインページで「FTP」と検索するといろいろ出てくるので、もしかしたらftpush以外にも同じ機能のプラグインもあるかもしれません。基本的な使い方はftp-deployとほぼ同じです。files.・・・だそうです。ADsプラグインのインストール※GruntやNode.jsのインストール方法についてはあちこちで情報が見つかると思いますのでググってみてください。ファイルの更新を監視して、変更があればFTPでアップロード、という流れなのでgrunt-contrib-watchも使います。--save-dev.ftppassの作成FTPのユーザー名、パスワードを記述した.ftppassというファイルを作成します。キー名は何でもかまいませんが、のちほどGruntfile.js内で使用します。"パスワード"}}Gruntfile.jsの作成watchで変更を監視して、ファイルに変更があればftpushを実行する、という流れです。watchと入力すれば、監視がはじまります。私の環境では、初回だけは変更されたファイルだけでなくすべてのファイルがアップロードされました。2度目以降は変更されたファイルのみがアップロードされるようになりました。余談:開発環境をちょっと見直してみたいGruntはプログラマ向けの環境でもっと難しいものかと思っていましたが、プラグインだけで解決する処理であればそれほど迷うことなく環境を構築することが出来ました。自動的にアップロードする、という機能だけを見れば、同種の機能を備えるIDEもあるので、どういう環境が自分に向いてるかも試しながら探してみたいと思います。コメントをキャンセルメールアドレスが公開されることはありません。2Archive2020年92019年182018年102017年172016年202015年212014年312013年552012年50SearchSocialAboutWeb制作会社ではたらく社畜のアウトプットです。Web制作技術のほか、雑記など。当ブログと運営者についてもっと詳しく見るプライバシーポリシーContactお問い合わせは下記フォームをご利用ください。お時間がございましたらお問い合わせの前にこちらをご一読いただけますと幸いです。Wood-Roots:blog。