たくさん物置いてもファイルが壊れない：Photoshopのいいところ（対比：Fireworks）

Photoshopの悪いところばっかり見つけてもアレなので、いいところも書こうと思う。

ちなみにもともとはPhotoshop好きだし、Photoshopがダメなんかぜんぜん思ってません。
さらっとカンタンにWeb用パーツとか作ったりするのはFireworksの方がイイ！ということなだけです。
Photoshopは何でもできちゃうんです。たぶん。だからこそ、ほーんのちょっとしたことをやるのにも手順が多くなったりしがちです。
カンタンな事はカンタン操作でできるように機能追加してくれないかなー。


で、ここから今回の本題。

Photoshopはたくさん字や画像やベクトルパーツを置いても、ファイルサイズが何十MB、何百MBになっても特に問題なく開いて操作して保存できて、後でまた何事もなく開いて作業できます。（もちろんある程度PCスペック必要ですけど）

対してFireworks。
お使いの方は絶対一度は体験していることだと思いますが、字やパーツをたくさん置いて作業していると、いつの間にか操作がガクガクしてくる、レイヤーなど各パネルの表示がおかしくなってくる。
よくわからないダイアログ（操作が完了できませんでした　など）が出だす。

そして極めつけは、「内部エラーが発生しました。」連続ダイアログが出て保存さえできなくなります。（対策としてヒストリー消すとか、レイヤーを全て非表示に一時的にするとか、そんなの聞きますが、ほとんどの場合効果なし。）

そしてそういう問題がなく保存できた場合でも、次に開くとまったくファイルが開けなくなる現象も多数。
以下のような時、そのような内部エラーが出る確率が上がるような気がします。

1. ファイルサイズが大きくなる（数MBでも）
2. パーツ（特にパスが多いベクトルパーツ）をたくさん置き過ぎる

でもちょっとページのラフ作るだけでも結構パーツ必要だから無理…

Fireworksの内部エラーに対抗する対策としては

1. いらないパーツはこまめに消す。
2. 早めに保存。
3. 名前を変えてファイルの履歴を残しておく。

Fireworksの「内部エラーが発生しました。」あーもうこの表示大嫌い。内部エラーってなんだよ。自分でどうにかしろよ。なんの解決の糸口も掴めないエラー表示ほどムカつくものはありません。

シェイプがコピー＆ペーストで複製できない：Photoshopの不便なところ

シェイプを移動ツールで選択してコピー→別のファイルを開いてそこにペーストという簡単な動作ができない。

1. 目的のシェイプを移動ツールで選択
2. レイヤーのとこで右クリック（またはメニューのレイヤーから）レイヤーの複製を選ぶ
3. 保存先-ドキュメント　でペーストしたいファイル選ぶ

というなんだか面倒な手順が必要。
Fireworksみたいに普通にコピーペーストできればいいのに。
（ちなみに、「パスコンポーネント選択ツール」で選択してコピペ、はできるけど、パスだけがペーストされる。シェイプでなく。これはこれで使うとは思うけどさー）

同一ファイル内ならAltキー+ドラッグで複製できるからまぁいいけど、シェイプでちょっとした三角アイコンとかつくって別でも使いたい時、ちょっと面倒。

せめてシェイプ右クリックで複製が選べればいいのに。

なんとかしてほしいPhotoshop。

塗りの無い部分も選択できてしまう：Photoshopの不便なところ

枠だけで塗りの無いシェイプ（四角の枠だけのパーツ）を作って、その中に別のシェイプがいくつかある状態。
その時、外側の枠は選択せずに、中のパーツ群を選択したくてもできない。
塗りがないから空欄の状態になっているかとおもいきや、枠だけでもそこが選択できてしまうので、結局外側の枠だけ動いてしまう。

青枠の塗りは無しになっている。
赤と緑だけを選択したいので、青枠の空欄（塗りなし部分）から移動ツールで囲い始めて目的の2個をまとめて囲いたいが…（PhotoshopCC）

実際には塗りなしでも白い部分は青枠として認識しているので、結局青枠だけ選択されて移動してしまう。
移動ツールでは塗りなし部分は透明として扱って欲しい（PhotoshopCC）

Fireworksだと、塗りがなかったら選択対象は枠の部分のみで内部は選択対象にならないから、中の選択ができてラクなのに。
というかそれが自然な動作だと思うんだけどなー。

今は仕方ないので全部を囲って青枠を改めて選択からはずすという面倒な作業。
例みたいな簡単な物ならそれでもいいのですが、通常は複雑な構造になっていることが多いのでそれも難しい状態です。

なんとかしてほしいPhotoshop。

「ビッグ・ファット・キャットの世界一簡単な英語の本」その後

いちおう読み終わりました。

たしかに、英文が書いてあっても普通に読めます。たぶん、中学1年英語が怪しいくらいレベルでもなんとかなる感じです。
全体的に基本的な文章のみで構成されていて、難しい単語には和訳が書いてあるのでなんとなく読めます。
またイラストで想像もできるし、短いブロックごとにくぎって少しづつ説明が書いてあるので段階的に慣れて行ける感じです。

後半はだんだん英文ブロックが長くなっていきますが、それでもギリついていける感じでした。

あと重要なのは読み飛ばしですね。たまーに変わった形式の文が出てくるのですが、最初は飛ばしてあとでまた戻って周囲を読んだりしながらなんども読み返すとなんとなく理解できるようになる感じです（すごくぼんやりとですが）

これを繰り返すのがいいのかなーと思います。

次の巻に行くか、もう1回くらいよむか迷い中・・・

DreamWeaverで非登録の拡張子のファイルを無理やりデザインビューで見られるようにする。

DreamWeaverで、htmlなど以外の拡張子のファイル（例えば*.ctpなど）を開くと、コードビューでしか開けない。
拡張子が変なのであっても、無理やりデザインビューで見たい時ありますよね。ですよね？

そういう時は、開くファイルのタイプを指定してあげます。設定ファイルは直接エディタで編集しないといけません。
間違えると起動できなくなったりするので、必ずバックアップを取りましょう。

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

・MMDocumentTypes.xmlファイルをエディタで開きます。
場所は、DreamWeaver設定ファイルの辺（Windows7の場合、C:\Users\ユーザー名\AppData\Roaming\Adobe\Dreamweaver CC\ja_JP\Configuration\DocumentTypes）

・ファイルの最初の方に、htmlぽく開くように指定する拡張子を書く部分があるので、2ヶ所に書きます。
「internaltype」と「macfileextension」の所

↓記入例
<documenttype id="HTML" internaltype="HTML" winfileextension="html,htm,shtml,shtm,stm,tpl,lasso,xhtml,ctp" macfileextension="html,htm,shtml,shtm,tpl,lasso,xhtml,ssi,ctp" file="Default.html" writebyteordermark="false" mimetype="text/html">


・DreamWeaverを再起動
・デザインビューで見られるようになったはず。

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

これ、普通にアプリケーション内の環境設定で追加できるようにすればいいのに。
システムを構成しているようなファイルって色々拡張子あるし、オリジナルで作っちゃうエンジニアもいて（やめてほしいけど）そういう時にぱっと対応できるといいな。
エディタで環境ファイルを手動で修正ってなんか間違えそうでやっぱり怖い。

シェイプ描画したレイヤーロックしているのに複製できてしまう：Photoshopの不便なところ

シェイプツールをロックしておき、もう触りたくないのに、パス選択ツールでは選択できてしまう。
その上、移動ツールで複製もできてしまうので邪魔。
ロックしてるんだから一切触れないようにするのが普通だと思うのに、なんだこの挙動。

例の画像は極端だけど、周りの青い枠はロックして最上位に配置。
その下にある緑の四角を複製したくて操作（Altキー押しながら緑四角レイヤーをドラッグ）すると、移動はしないけど、上位にあるロックしてる青い枠が選択されて複製されてしまう。
なので目的の緑四角レイヤーはどうやってもドラッグ複製ができない。

ロックしてるのにパス選択ツールで選択できて下のレイヤーが選択できない（PhotoshopCC）

ロックしてるのに移動ツールで複製できてしまう（PhotoshopCC）

選択ツールの「自動選択」のチェックをはずしてからやれば。とかいう人がいますが、そんな毎回チェックつけたり外したり、使い勝手が悪すぎます。

そもそも、「ロック」しているレイヤーが選択されたり複製されてしまう方がどう考えても問題ですね。

レイヤーをまとめる方法が1つしか無い：Photoshopの不便なところ

レイヤーをまとめておきたい時、IllustratorやFireworksだと、「フォルダ」と「グループ」の2つの方法があるが、Photoshopでは、「グループ」しかない。（でもそのレイヤーまとめの見た目はフォルダのように表示される）

部位で単に大まかに分けておきたい時（ヘッダー、サイドメニューなど）は「フォルダ」を使って、基本的には1個の部品としてまとめておきたい時（ボタン背景と文字とアイコンなどのセット）は「グループ」にしておきたいのに、そういう使い方がしにくい。

せめてこういう場所の挙動はIllustratorと同じにすればいいのに。

テーブルセルの高さの最小値を指定したい

テーブルのセルが行全部中身空の場合（1行すべて<td></td>の状態）
この時、高さが無くなって、くっついてしまう。


min-heightを入れてもテーブルセルには効かないし。
とりあえず人から聞いた対策をやってみる。

見えない高さだけのある物体をセル内に入れるんですね。

.td_minHeight td:first-child:before {
display: block;
float: left;
height: 16px;
content: "";
}


min-heightや:before が効かない古いブラウザにはダメだし、見えないとはいえ、変な物体が必ず先頭セルに入るのでSEO的にはもしかしたらあまりよくないかもしれないけど、今回は「ブラウザはIE8以上、検索からは除外するページ」で使う場所なので、問題なしでしょう。

【css】テーブルセル高さ無くなってくっつく問題