Web制作の仕事をしていると、
「どんなツールを使っているのか？」
「作業環境はどうしているのか？」
と聞かれることがよくあります。
私自身、デザイン・コーディング・WordPress構築まで幅広く関わってきましたが、
ツールは一度決めたら終わりではなく、
時代や作業内容に合わせて少しずつ入れ替えています。
この記事では、
2026年時点で実際に使っている作業環境やツールを、
「なぜそれを使っているのか」という理由も含めてまとめました。
これからWeb制作を始める方や、
作業環境を見直したい方の参考になれば嬉しいです。
エディタ
VS Code → Cursor（試し中）
これまではずっと VS Code を使っていましたが、
最近は Cursor を試しています。
AI補助がかなり強くて、
「この処理どう書くんだっけ？」みたいな時に
サッとヒントを出してくれるのが便利。
最近は FigmaとCursorを連動させて、
デザインからコーディングまで
どこまでAIで効率化できるのかも検証中です。
まだ「これ最高！」と断言できるところまではいっていませんが、
正直、かなり可能性は感じています。
うまく実務に落とし込めそうだったら、
また別記事でまとめる予定です。
デザインツール
Photoshop → Affinity（試し中）
長年 Photoshop を使ってきましたが、
最近は Affinity も試しています。
無料ってすごすぎる。
- 簡単なトリミング
- 軽いレタッチや色補正
このあたりなら特に問題なく使えています。
ただ、
- バナー作成
- ガッツリデザイン作業
は、今のところまだ Photoshop を使うことが多いです。
これもまた検証して、Affinity記事書きたいと思います。
Figma
UIデザインや構成確認にはやっぱり Figma。
正直Photoshopよりサクサク動くのが最高です。
最近は
「このデザイン、あとで誰かが触る可能性あるな」
という時は、ほぼFigma一択です。
Canva
社内共有が必要なときや、
「あとから誰でも修正できる状態にしておきたい」
という案件では Canva を使うことも多いです。
デザインに詳しくない人でも触れる、
という点ではやっぱり強いですね。
ガジェット・作業環境
MacBook Pro
メインマシンは MacBook Pro 14インチ。
ずっとMacだし、持ち運びもできるし、安定感はやっぱりこれ。
外部モニター（2枚）
- acer
- Dell
大きめモニターを2枚使っています。
コード＋デザイン＋ブラウザを同時に開けるので、
一度この環境に慣れると戻れません。
モニターライト（Quntis）
地味だけど、あるとかなり違うやつ。
夜作業のときに
目の疲れ方がかなり変わりました。
マウス・周辺機器
- Logicoolのマウス（手が疲れなくて最高）
- SANWA SUPPLYのマウス（持ち運びはこっち）
このあたりは安定重視です。
振動ブルブルマシン（意外と必需品）
長時間座りっぱなしになるので、
血行対策＆運動不足解消用に
振動するブルブルマシンも使っています。
座ったままでも使えるのが地味に助かっていて、
使った後は体がちょっと軽くなる感じ。
心なしかセルライトも減ったような……？
（気のせいかもしれないけど笑）
「今日は全然動いてないな…」という日の
最低限の対策として、かなり重宝しています。
まとめ
制作ツールも作業環境も、
「最新かどうか」より
続けやすいか・ストレスが少ないかを基準に選んでいます。
試し中のものも多いので、
また変化があれば随時追記していく予定です。
コメント