Mac

2014年のMacのWeb制作環境。

2014.04.10 / Notes

Web制作ではこれまでずっとMacで行っていますが、使っているアプリケーションの制作環境は少しずつ変わってきました。
2010年当時は、こんなラインナップでした。今でも使い続けているものもありますが、便利さなどを判断して違うアプリケーションに置き換えたものも多いです。今現在の自分のWeb制作環境をご紹介します。

Espresso

Espresso

Web開発でメインで使っているテキストエディタです。Macらしいインターフェイスで軽快に動作するところが気に入っています。ほかのテキストエディタ同様にEmmetを導入することで生産性がぐっと上がります。唯一の不満点をとしては、ウィンドウ分割ができないところでしょうか。以前はCodaをメインにしていましたが、動作が少し重いのとタブのデザインが好みでなかったので、最近ではあまり使わなくなりました。

 

 

Illustrator

Illustrator

ベクターベースのグラフィックツールです。デザインカンプの作成や、画像パーツの作成・スライス処理など、日常的に活用しています。こちらも以前はFireworksで行っていた作業でしたが、CS6をもってFireworksの開発が終了したのを機に、思い切ってIllustratorに移行しました。最近はIllustratorによる作業にも慣れて、改めてその多機能さに感心しています。もっと使いこなさないと。

 

 

Photoshop

Photoshop

画像の編集、Web用の書き出しにはPhotoshopを使っています。サイズの縮小などによるリサンプリングはやはり一番きれいです。

 

 

MAMP

MAMP

MacでApache、MySQL、PHPなどを、ローカル環境で利用できるようにするためのパッケージです。このアプリケーションもWeb開発では必須ではないでしょうか。自分はGUIで細かく設定できるMAMP PROの方を使っています。

 

 

ForkLift

ForkLift

ファイルブラウザ&FTPクライアントです。このアプリケーションも長く使い続けているものの一つです。Finder自体もタブに対応したり進化していますが、ForkLiftではデュアルパネルがあって、さらに便利です。

 

 

Evernote

Evernote

オンラインノートアプリです。Webで見つけた情報のスクラップや、制作の中のちょっとしたメモなどに重宝しています。忘れてしまいがちな情報を記録することは大事だと感じるこのごろです。

 

 

Dropbox

Dropbox

オンラインストレージです。デバイス間でのデータの同期ができるので、デスクトップで行っている作業を場所を変えてノートで行ったりと、ワークスタイルの幅が広がりました。データ自体のバックアップという意味でも安心につながります。

 

 

Parallels Desktop

Parallels Desktop

Windowなどの仮想マシンを構築できます。サイトの動作検証にも十分なので、Windows実機に触れる機会はますます減りました。

 

 

Byword

Byword

文章を書くことに特化したテキストエディタです。マークダウンにも対応しているので、ちょっとしたアウトライン作成に活用しています。

 

 

TextExpander

TextExpander

テキストの入力補助アプリケーションです。短い文字列を入力入力することでスニペットを展開して入力することができます。よく使うHTMLタグやjQueryのコードをあらかじめ登録しておくことで、素早いコーディングが可能です。

 

 

Codebox

Codebox

上記のTextExpanderでは入力を目的としたスニペットですが、こちらはある程度長いコードをストックするためのアプリケーションです。汎用的なスクリプトを再利用するために、残しておくようにしています。

 

 

Dash

Dash

プログラミング言語のリファレンスとスニペット管理アプリケーションです。膨大な種類の言語のリファレンスが用意されていて、高速に検索することができます。

 

 

Window Magnet

Window Magnet

ウィンドウを上下左右に均等に分割して表示するためのアプリケーションです。画面の左半分でコーディング、右半分でブラウザでの確認といった感じに、画面もきちんと整理整頓したい人向け。

オンラインのメモアプリ「Simplenote」。

2013.11.26 / Notes

Macでは標準で「メモ帳」という、iCloud経由で同期ができるメモアプリが付属していて、ちょっとしたメモには重宝します。
ただこのアプリはテキストをリッチテキストで管理しているため、純粋にプレーンテキストを扱いたい場合には、やや抵抗があります。

 

そこで見つけたのが「Simplenote」というオンラインサービスです。
名前の通り、きわめてシンプルでプレーンテキストのみを扱うメモアプリです。
登録のみで無料で利用することができ、スマホ用、デスクトップ用のアプリが存在します。
Mac用アプリも非常に美しいです。
Simplenote
「Evernote」や「Springpad」など多機能なオンラインサービスも魅力ですが、
「Simplenote」の様なサービスも、また違った用途で活用できそうです。

 

Simplenote

OS Xのキーボードショートカットの設定。

2013.11.13 / Notes

OS Xでは標準機能としてシステム環境設定から、各アプリケーションのキーボードショートカットを割り当てることができます。
設定方法は簡単で、「システム環境設定 > キーボード > ショートカット」の画面で、「アプリケーション」の項目に「+」ボタンから追加して、該当アプリケーションの選択と、メニュー項目の名称を入力するのみです。
もしメニュー項目の名称が異なる階層で重複して存在する場合には、階層の上位のメニュー名称を「->」の記号で繋いでいくことで、確実に割り当てることができます。
キーボードショートカット
上の画像では、テキストエディタ「Espresso」でよく使う言語のハイライトシンタックスに、キーボードショートカットを割り当てています。

OS X 10.9 Mavericksにアップグレード。

2013.10.23 / Notes

本日公開されたOS X 10.9 Mavericksに早速アップグレードしてみました。
今回のアップグレードでは、うれしいことに無料でダウンロードすることができます。

 

自分の環境ではMac App Storeからダウンロードをしてインストールまでに、およそ1時間くらいかかりました。
一番心配だった、Adobe CCなどソフトの互換性は今のところ問題なさそうです。

 

システム環境設定のアクセシビリティの設定に変更があったので、TextExpandarやQuickeysの利用にはやや注意が必要です。
Quickeysに関しては2009年以降アップデートがないので、そろそろお別れかもしれません・・・。

Web開発アプリケーション「Coda 2」が登場。

2012.05.24 / Notes

MacのWeb開発アプリケーション「Coda」の新バージョンが登場しました。
2007年に登場以来、5年ぶりの初のメジャーアップデートとなりましたが、細部まで作り込まれた非常に完成度の高いアプリケーションとなっています。
もはやエディタと呼ぶには相応しくないくらい多機能で、大抵のことはCodaのみで完結してしまいそうです。
Coda 2
Coda 2ではユーザーインターフェイスの変更などもあり、使い慣れるまでには多少時間がかかるかもしれません。ファイルブラウザや分割ウィンドウ、タブなどは、より使いやすくなっているように感じます。
プラグインには後方互換があるようで、「Zen Cording」はそのまま使えるみたいなので、ちょっと安心しました。
MacのWeb開発環境では「Espresso」というアプリケーションも使いやすくて気に入っていますが、今後どちらをメインに使うか悩むところです。

 

パニック (Coda 2)