フリーランスのウェブ制作者である私の制作環境をご紹介

当サービス「誰かのためのホームページ制作」は、個人事業主（フリーランス）のウェブ制作者ひとりで運営されています。

本稿では、そんなフリーランスのウェブ制作者の制作環境を、ちらっとご紹介してしまいます。

制作環境への投資はなるべく積極的にすることで、常に最大限のパフォーマンスを発揮できるよう心がけております。

ハードウェア環境

PC：【Apple】Mac mini【MGNR3J/A】

別売りのモニターに接続するタイプ。

16GBのユニファイドメモリで、サクサク動きます。

ストレスも少なく仕事できるので、毎日重宝しております。

やっぱりWindowsよりMac派かなー、と思う次第です。

モニター：【LG】モニター ディスプレイ 27インチ【27ul850-w】

一般的な27インチモニターで、一切不満はありません。

休憩時間にゲームをする際にも、このモニターを使っています。

マウス：【ロジクール】MX Master 3【MX2200sMG】

握りやすい。

充電もしやすく充電持ちもいいです。

ボタンとスクロールが多くついていて、専用アプリで機能割り当てが使えるので超便利！

ブラウザのタブを切り替える際や、スーパーリロードする際に、この機能が生きてきます。

キーボード：【Apple】Magic Keyboard

Macとの相性も踏まえて、Magic Keyboardを使っています。

過去に一度ボタンが押せなくなったために買い替え済み。

寿命が少し残念な気もしますが、使い勝手はやはり一番ですかね。

サブ：【ロジクール】MX KEYS mini【KX700PG】

トラックパッド：【Apple】Magic Trackpad 2【MJ2R2J/A】

トラックパッドは、なんだかんだ常時接続しています。

Macには仮想デスクトップ機能がありますので、それを切り替えるのに利用しています。

なくてもよいようで、地味にないとストレスを感じます。

ソフトウェア環境

現在のウェブ制作の開発現場では、スピードや効率が非常に重視されます。

だからこそ、日々情報をアップデートして、便利なツールを正しく利用する知識を蓄えなくてはなりません。

様々なツール・ソフト・サービスをうまく活用することで、作業効率を高めています。

Photoshop

画像編集・加工ソフトであり、本来はフォトレタッチに優れたソフトですが、ウェブ制作の実務でも存分に使えます。

「Illustrator」「Fireworks」を勧める声もあり、筆者も過去に検討しましたが、Photoshopの操作感には敵いませんでした。

Visual Studio Code

軽量で使い勝手のよいコードエディター。
かゆいところに手が届いている様々なショートカットは、一度覚えたら他には戻れません。

「Sublime Text 3」から乗り換えましたが、ユーザー数が多く、取り扱い上の不明点を検索で調べられる点は強みです。

Transmit

Mac専用のFTPアプリ。

同期機能など便利な機能が備わっており、有料ではありますが非常におすすめできます。

MAMP

ローカル環境にウェブサーバとデータベースを構築できるソフト。

WordPressをローカル環境に導入するために利用しています。

WordPressテーマ制作の際、これがあるのとないのでは作業効率が段違いです。

Google Fonts

天下のGoogle様が提供する日本語も使える無料ウェブフォントサービス。

利用方法が非常に簡単で重宝しています。

ほぼすべての案件で利用中。

かつては見出しやメニューのデザインでいちいち画像を作成していましたが、今ではウェブフォントがあるのでその必要もなくなり、保守効率が飛躍的に上がりました。

WordPress

オープンソースのブログCMSプラットフォーム。

無料でCMS構築ができ、カスタマイズ性も高いです。

何よりユーザーが多いので、検索エンジンで疑問点が解決するのも有り難い。

Sass

ツールというよりは概念ですが、感動を覚えたこの仕組みは紹介しておきましょう。

CSSに関数や変数の処理を導入し、プログラムっぽく書くことができます。

HTMLコーディングをする人の「50〜80％程度」がSassを使用しているらしいですが、作業効率は格段にあがりますので納得です。

Emmet(Zen-Coding)

HTML／CSSを独自の省略記法で書いて、さっと展開するというプラグイン。

これがあるのとないのでは、作業効率が大違い。

爆速コーディングのために、絶対に導入しておきたいツールです。