【Macユーザー】コーダー からフロントエンドになるまでに使ったツール　~コーダー 編~

筆者について

実績も何もない所から、知り合いのツテで下請けという形で働いていました。全て在宅のため、自分でツールを揃える必要があり、話を聞いたり自分で調べながら揃えたツールです。

コーダー時代

環境構築

・Local: WordPressのローカル環境構築。とにかくセットアップが早い。スムーズに行けば10分以内で終わる。

デザイン

・Photoshop
・AdobeXD
ツールの使い方を覚えました。書き出しはよく使います。

IDE

・VSCode:駆け出しの頃Atom使ってましたが速攻変えた方がいいって言われました。おかげで結構恩恵ありました。

Chrome拡張機能

・UI Build Assistant: YouTubeで有名なしまぶーさんの作ったツールです。border,padding,marginの概念がよく分からなかった頃に勉強になりました。

・What Font:使っているフォント、テキストサイズがすぐに分かります。

・Fire Shot:サイト全体のキャプチャをしたい時にすぐに撮れます。

WordPressプラグイン

・All in One Migration:バックアップ出来て、サイト移行も出来て最強ツール。
・All in One SEO: メタ設定とか簡単に
・ContactForm7: メールフォームはとりあえずはこれ。

コミュニケーション

・Slack
・ChatWork
・Zoom
取引先相手によって違うので、最初から両方使えた方が良い。

インフラ

・Xserver:安定している。WordPressのセットアップが早い。ドメイン無料でついてくるキャンペーンをやってたりする。

FTP・SFTP

・FileZilla: サーバーとのファイル通信に

最後に

いかがでしたでしょうか。コーダーとしての歴はそれほど長くないので、ざっくりですが参考になれば幸いです。