仕事で泣く

デザインとは関係ないけど
備忘録として残そうと思います。


昨日、仕事場で泣きました。

こらえきれず涙したのは
かれこれ4年ぶりかな。

けっこう頻度多い？？；

もともと私は涙腺弱い（？）方で
悲しみ、怒り、悔しさとか
気持ちの振れ幅がMAXになると
自分の意思では止められなくなるのです。

とはいえ、仕事場ではやはり控えたい。
みっともないし周りが気をつかうから。


今回は、本来いるはずのデザイナーの有給がかぶって
3人欠員の状態。

色んな仕事をかかえるなかで、
毎回とんでもない作業工数の仕事が来た。

仮にAさんとしておく。
この人が絡む仕事は毎回膨大な量の作り物があり、
バラバラと追加も出す。
夕方発注しといて翌日昼にゲラ希望とか無茶言う。
それでいてタクシー券は出さない、
終電ぎりぎりまで対応しろと言う。
追加・修正の繰り返し。
そして急かす。

理不尽、不毛、やるせなさの無限ループ。

Aさんと私たちデザイナーの間には
別会社が入ってて、
そこを経由して発注。

 間に入ってる別会社の人も毎回うんざりして
「Aがこう言ってるんで、こうしてやってください」的なノリ。
 メッセンジャーとして完全にAさんの着地点を
理解してないから第三者ぽいオーダーの仕方をする。


新規か修正か優先順位をメッセンジャーに確認して作業。
なんで今さらこの修正？！始めに資料あげとけや！
ってことも多々あり、不毛なやりとりが続く。

いいかげんにしやがれと頭に来た私はメールで
「効率が悪いので先にこちらを確認してからにして下さい」
と投げたら、向こうがキレた。

どうやら「効率が悪い」と感じてるのは相手もそうだったよう。
なんでお前がんなこと言うんだということで
「担当部長と雁首そろえて来い！」という更年期ババアA。
「かまいませんよ」と返事して上司に電話を回す私。

長電話を終えた上司が事情を聞きにきたから
全て状況説明して「私も行きます」と希望を伝えた。
ら、ケンカになるからと止められた。。。。。

以下、上司の言葉。
「ここからは会社同士のやりとりになるから
こちらとしては謝ることしかできないけど、
これだけ長時間対応してるのに
『お宅のデザイナーはどうなってるんだ』って
クレームくるのはたしかに理不尽だ」

この一言で涙腺決壊。

それまで怒りで鼻息荒かった臨戦対戦整った私が
一気に崩れた。。。。。。

悪意ある言葉にはいくらでも対抗できるけど、
優しい思いやりのある言葉にはめっぽう弱い。

上司を巻き込んでしまったことへの申しわけなさや
自分への情けなさ等色んな感情がブレンド。

めちゃくちゃ泣きながら
私をAさんから外してもらって丸く収まるならそれでいいとか
向こうの連携の悪さのとばっちりを受けてることを訴えたけど
デザイナーのために戦ってはくれない。
それが会社という組織。

そりゃそうだよな〜とは心の隅で思いつつ、
クレーム処理はお任せしました。
とりあえず私の苦労は上司には伝わったようなので。

その後も仕事しながら涙があふれてくるたび
トイレとか作業室とか行って
「ちくしょーーーーーー！！！」 と
利き腕じゃない手で壁を殴りつけた。
そんなヒマはないけどやらずにはいられない。
だって涙が止まらないんだもん。


今後もAさんからの仕事は無くなることはないだろう。
（なぜなら他所ではこんな細かい対応できないハズ）

上司からはなんの指示もないが
私は表立ってAさんの仕事に関わるのは辞めると心に決めた。
それが私のデザイナーとしてのプライド。


仕事場で大泣きするとか
自分を担当から外してくれとか
やっぱり大人げないかな？？？？
「逃げ」なんだろうか？？？

聞き流して無の境地で受け入れることができれば
いっぱしの社会人なんだろうか？？？

ヒステリー起こすAさんと相対して
「なに言ってるの」ぐらいの
クレバーで飄々とした対応ができればな〜
と思った出来事でした。

psdをeps保存したときにフォントがベクトル書き出しできない

photoshop備忘録



訳あって低解像度72dpi
A4サイズのものを制作。

psdで文字入力したものは
オープンタイプフォント使用してれば
低解像度でもプリント時には
きれいに出力してくれるもの。

であるはずなのに、
文字もピクセル化（ビットマップ）してしまふ。。。

eps書き出しして画像埋め込みにしても
フォントもラスタライズされてる。。。。
（普通はベクターデータとして取り出せる）

というか、eps保存時
 「ベクトルデータを含める」が
グレーアウトして選択できないっ

なぜだ〜〜〜＞＜？？！




色々調べたら、解決しました★


文字パレットでボールドにチェックが入っていたのだ。
（支給データが元々ボールド設定だった）

なるほどね〜
フォントのファミリーからではなく
photoshop特有の太字設定は
ファイル解像度に沿ってプリントされてしまうのか。


イタリックとかオールキャップスも
きっとアウトなんだろうな。

IllustratorからPhotoshopにコピペすると、なぜか左下に合わせてペーストされてしまう件

仕事中ですが、photoshop備忘録を。


最近、イラレからフォトショにオブジェクトをコピペすると

いつもならば中心を基準にするはずなのに、

なぜだか左下に基準が合ってペーストされてしまうという

不思議現象が勃発。。。



このままでは仕事に支障をきたすっ！（すでに支障あり！）


焦ったさにゃんはググりまくってみた。





【解決編】

環境設定（コマンドK）
 　↓
一　般
　↓
「画像をサイズ変更してペースト／配置」にチェック


これで望みどおり中央配置に！



あ〜よかった。

つうか環境設定いじった覚えないのに。。。＞＜

Excel:文字列が関数とみなされて#NAME?と出てしまう

システム開発にあたり、慣れないExcelで設計クラス図を作成。

またつまらんところで時間をロスしてしまったので

備忘録としておこっと。


クラス図のフィールド名に「-LendBreakdown」と入力したら

セル上に#NAME?と関数エラーが。。。

マイナス-を使ってるから関数とみなされて

そんな関数知らんと言われているらしい（T T）


「-」や「@」や「=」を使う場合は

その記号の前に

シングルコーテーション「'」を使うといいとのこと。


とりあえずこれにて応急処置完了★

JAVA オブジェクト指向について調べてみた

JAVAのオブジェクト指向の難しさ。


前回のJAVA講座でのこと。

超優秀な上級言語経験者が
最終的にグループ制作に入ったとき、
オブジェクト指向が最後まで理解できず
けっきょく書類作成要員として
まわされてしまった
というエピソードを聞いた（￣д￣；）

JAVAなどのオブジェクト指向は
言語経験者ほどつまずきやすいとは聞いてたけど
まさかそこまでとは……。


こ、こわい。。。



あたしは言語経験者じゃないからいいんだけど
初心者だから理解が早いということでもないし。


その言語経験者さんは
きっと初めは順調だったんでしょうね～。

でも途中から分からなくなっちゃって、
分からないことを聞くに聞けず
今までの自分のノウハウでJAVAをやろうとしたんでしょう。

分からないことを素直に聞ける姿勢て
ほんとに大事だな～。というエピソードでした。


そんなワケで、ちょっとビビってしまたので
JAVAに関する気になる言葉をググって備忘録とした。




■オブジェクト指向、本当に分かってる？
■webサーブレット
■フレームワーク

ol li の番号リストがIEで表示されないCSSバグ

ol liとcssを指定したのに
なぜかＩＥだけで番号リストが表示されない。。。




以前もliで悩まされた記憶があるんだけど～。


ググってみると苦しまれた方が多いようで
解決策として
* { zoom: 1; }
と指定して、かつ
ul, ol, li { zoom: normal; }
としてあげると即解決！！となるそうです。

zoom: 1;なんての、初めて知った。



でもあたしの直らないんですがっ＿|￣|○
誰かタスケテ～～！！


必死に答えを探しては試す、を繰り返す。。。

そして見事に解決！



それは、li要素にwidthを指定しないこと。


liをくくってるdivにwidth指定していたので
それを消すと、解決した　=3=3=3=3


でも、なんでダメなんだ～？？

も～っ　人騒がせなＩＥめっ

リンク先をページの特定の位置に指定する方法

カンタンなことだろうーけど、意外とツマづくhtml。
キチンと調べて解決しませう。


★リンク先を、特定の場所に指定したいとき

情報量が多く、縦長のページにリンク先を指定すると
ユーザビリティーもよく、ユーザーが知りたい情報を得ることが出来ます。

「色覚障害の見え方」というコンテンツのリンク先を
あるページのなかのコンテンツにリンクさせたい。

アンカーを指定する。
＜a href="000.html#miekata"＞
000.htmlの後に#miekataと記述。



青い破線「色覚障害の見え方」に、指定するタグを挿入。
＜a id="miekata"＞

※最近まではname="miekata"と
指定するやりかたが一般的だったが
XHTML 1.1以降ではa要素のname属性は廃止されるため、
XHTMLのサイトではid属性を使用する。
また、数字だけのid名（例：id="001"）は使用できない。
参照URL：ハイパーリンク

CSS備忘録

★font-sizeを指定したらline-hightもセットで指定すること
ブラウザごとユーザーの設定ごとにテキスト表示の解釈が違う。
IEでは行間を調整してくれないがfirefoxでは適当にやってくれる。
そのため、heightの見栄えに違いが出てしまう。



★できるだけハックは使用しない
基本に忠実に作っていればハック無しでもキチンと表示できる。
どうしてもダメなところはハックする。
ハックに頼り過ぎない。



★できるだけpaddingは使用しない。
　marginで処理できるものはmarginで。
marginが利かない場合、サイズによってmarginが取れずズレてしまうので
1pxずつ調整してみると、うまくいくことがある。



★IEなどブラウザ別表示の許容範囲とは？
配置がずれてなくて、画像等が隙間やずれが生じないこと。



★基本のターゲットブラウザ、エンジン
　IE6　IE7　Firefox1.5以上　Safari1.3以上
　IE　→　IEエンジン
　netscape・firefox　→　Gekkoエンジン
　Safari　→　Webkit



★faviconはサイトのルート上に置く
imagesフォルダーに入れるのではなくてindex.htmlと同じ階層にfavicon.icoを置く。
ローカルでチェックしてもfirefox以外のブラウザでは
ネット上から見ないとfaviconが表示できない。
IEはサーバーの一番上のフォルダにfavicon.icoがあれば勝手に読んでくれる。



★アンカータグの指定はlink visited hover activeの順番を守る
　この順番で設定しないと動作が正常にならない。



★XML宣言について
XHTMLで作るならXML宣言文は必須。
IE6の互換モードはターゲットブラウザから外す。（XML宣言しているから）
互換モードを入れてしまうとCSSはまったく変わってしまう。
互換モードや古いブラウザで作るならHTML4.01や最悪HTML3.2で作ること。
XHTMLでサイトを作る場合、基本的に古いブラウザや互換モードは外した場合の話になる。



★floatはtableの焼き直し。
　floatはtableレイアウトと大差ない。
　SEO対策を施すなら、絶対配置＆相対配置＆floatを組み合わせる。



★CSSの概念とは
　HTML　→　データ
　CSS　→　レイアウト
　という分離によって、データは重要なものを好きな位置に記述でき、CSSで見やすく配置すること



★テキストタイプのブラウザ
　SEOを意識するならテキストタイプのブラウザがあると便利。
　テキストタイプのブラウザ Lynx
googleなど主要なサーチエンジンのロボットはテキストタイプのブラウザの見え方と同じ情報の見方をしている。

ヒサブリCSS

先述したweb制作、ようやっとデザイン作業が終わり
昨日からhtml化に入った。

クリオ以来のコーディング。。。
やっぱりマメに触ってないと忘れる忘れる。

無料サーバーにアップするため、プログラムは使用制限があって
簡易的なものにしかなんないけど、今回は商用サイト（ガラス屋さん）。
基本はXHTML+CSSで組んで
JSとかflashとか、試験的に取り込んでみるつもり★☆★

現在はliがブラウザ別にうまく表示しなくて手こずってる……(@_@;)
firefox（モダンブラウザ）のほうが正解とは言うけど、
場合によってはIEのいいかげんな表示に救われる時があるのよね。。。
はて、どーしたものか。ちょっと頭冷やそかな～。

コリスさんとか様々なCSSマニュアル的サイトを見てちょっとずつ進む。

そんな中、いい情報を発見！

外部スタイルシートをlinkするかimportするかでパフォーマンスが違うらしい。
IEではimportで外部CSSを指定すると悪影響を与えるので使用しないとか。
いろんなサイトでCSSの指定の仕方があるなーとは思っていたけど
実際さにゃが使ってたのは、HTMLファイルにimport.cssをリンクして複数CSSを読み込むやり方。IE的にはNGですよ～とゆー方を使ってたのだ。。。ショック！

いくらガッコで教えてたからって、そのやり方がすべてではナイんだなと実感。
どんどん新しい情報と技術が出てくる業界なんだから
過去の方法に固執してたら取り残されちゃう。

※追記（2009.6.20.）
　教科書を読み返していたらimport.cssで外部cssを読み込むことでIE4.0のCSSを切ることができるのでした。よって今回もimportした。

とにかく、なんかするたびにコードをドジって
「あ～～～っもうっ！」となってしまう。。。

が、苦労の末にCSSがうまく反映すると単純なもんで嬉しい（＾＾＊
えへへ


こんな低レベルで転職できるんだろか。。。

やっとこさ

長いこと悩んでいた「背景画像が伸びない」という現象が解消された～
あーよかったよかった。

これで本文をガツガツ制作できるっ
つか課題提出は明日なんですが…。。（間に合うか！？）

でもこれがホントやり方としてはベストなのか分からないなあ。
のちのちもっとイイ方法が出てくるかもしれないので
今の方法を書いておきましょう。

●背景画像が周りにあわせて伸び縮みしない

*/親要素*/
#contents {
width:800px;
overflow:hidden;*/overflowはIEではスクロールバーが表示されてしまう*/
}

*/親要素に対して以下の指令を記述*/
#contents:after {
content:"";
display:block;
clear:both;
height:0;
visibility:hidden;
}

*/子要素*/
#main {
width:500px;
float:left;
background:url(画像) repeat-y center;
padding-bottom:32768px;
margin-bottom:-32768px;
}
と、することによって親要素に入っている子要素のdivのbackgroundが伸びた。
padding-bottomとmargin-bottomに32768pxの値を入れるってのがちょっと不安。。。
どっかのブラウザでバグってそーだなあ。
IE6は対象ブラウザにしてないけど、ちょっと見てみよう。

ひとまず今回のサイトではこれで問題解決した★