UPDATE:2023.5.9
- CATEGORY
- 仕事のこと
愛用している制作で使うツールのお話
ごきげんよう!最近NOBELさんのVC-3000のど飴にハマっている、たぁです。連休はどこへ行っても混雑していると予想してのんびり家で野球観戦したりゲームしたりであっという間に過ぎてしまいました 笑
さて、今回は私がコーディングする際に愛用しているツール+αをご紹介します。
Visual Studio Code
https://code.visualstudio.com/![](https://apricot-design.com/wp2023/wp-content/uploads/2023/05/20230509_01.png)
多くの方が使用しているコードエディターです。
HTMLやCSS、PHPなどのコーディングで使用していて、便利にする機能拡張も多数入れて活用しています。
以前ご紹介した機能拡張の記事です。
Visual Studio Codeのおすすめ機能拡張
Prepros
https://prepros.io/![](https://apricot-design.com/wp2023/wp-content/uploads/2023/05/20230509_02.png)
ここに登録しておけばSassファイルを更新すると自動で変換してくれたり、文法のエラーチェックをしてくれたりととても便利です。
先に書いたVisual Studio Codeの機能拡張でも便利なものがあるのでどちらを使うか悩ましいところですが、今はPreprosを使用しています。
Local
https://localwp.com/![](https://apricot-design.com/wp2023/wp-content/uploads/2023/05/20230509_03.png)
WordPressはその時の最新になりますが、PHPやデータベースのバージョンが選べたり、擬似SSLの設定などもできるのでとても便利です。
特に公開中の案件で修正をかけるときには本番環境からバックアップを取得して、パソコン内に本番とほぼ同じ環境を作成して何も気にせず修正できたり色々試せたりできます。
また、新規作成の時でも一旦パソコン内でコーディングができるので、動作確認をするのに都度サーバーへアップロードする手間が省けます。
MAMP
https://www.mamp.info/en/mamp/mac/![](https://apricot-design.com/wp2023/wp-content/uploads/2023/05/20230509_04.png)
PHPのバージョンが選択できたり、パソコン内のフォルダを指定できるのでこちらも便利です。
Localと合わせて以前ご紹介しておりますのでよろしければご覧ください。
ローカルでWordPressの環境を作る
FileZilla
https://filezilla-project.org/![](https://apricot-design.com/wp2023/wp-content/uploads/2023/05/20230509_05.png)
おまけ:Parallels
https://www.parallels.com/jp/Mac上で仮想環境をつくってWindowsなどを動かせるソフトです。
これがあるとMacを使ったままWindowsを起動してEdgeでの動作確認ができてとっても便利!
ただ有料(年間サブスクリプション)ですし、別途Windowsのライセンスが必要なので会社とかだとテスト用のWindowsパソコンが用意できれば良さそうですね。
まとめ
ざっと愛用しているツール+αをご紹介しましたがいかがでしたでしょうか。コーディングするだけで様々なツールを使用していることがお分かりいただけるかと思います。
他の会社さんではもっと色々なツールを使ってらっしゃるみたいなので日々情報収集して活用できるところは取り入れていきたいですね!