萩原 由紀
最新記事 by 萩原 由紀 (全て見る)
- 長時間残業は生理不順の原因に!~女性の健康を守る仕事のコツ~ - 2017年8月13日
- 子供が欲しい、でも夜勤はどうする?~働く女性の労働時間事情~ - 2017年8月13日
- 特集!女性の長時間残業問題~その影響と解決策を探る9のトピック~ - 2017年8月13日
- 長時間残業は不妊改善の妨げ?~女性の仕事と幸せの両立を探る~ - 2017年8月13日
- みんなの労働時間、どのくらい?女性におすすめの仕事を徹底検証! - 2017年8月13日
<サイトの「パーツ」到着!>
私がJavaScriptと格闘しはじめて2週間が経ちました。
完成した全体のデザインのイメージ(デザインカンプといいます)と、
デザイナーさんが作成してくれた画像たちが、
メールで私の手元に届きました。
おおお、ついに!
ついにここから、プログラムの本番!
ワクワクと緊張がない交ぜになったこの昂揚感!
きなこ「なんか一人でしゃべってるね・・・」
ムギ「飼い主さん、大丈夫かしら」
む、勝手に部屋をのぞき見しながら、ネコたちがひどいこと言ってますね。
あ、我が家はネコも1匹ではございません。
ネコは、合わせて3匹おります。
三毛猫がきなこで、毛の長い茶色いのがムギです。どっちもメスです。
我が家の動物たち、前回までに登場したみこみこ、はなこ、ももを合わせて、
これでオールキャストが出揃いました。
全員まとめて、なにとぞよろしくお願いします・・・。
そうそう、サイト作りに戻ります。
デザイナーさんから届いた画像たち。
これは、言ってみればサイトの「パーツ」になっていきます。
こんな感じ。
PSDという形式のファイルで届くので、
これらをサイトに挿入する画像ファイルに変換するには、画像編集のソフトが必要になってきます。
私は、たまたま旦那さんが持っていた
「fireworks」というソフトを使うことにしました。
ソフトのバージョンはもう古いものでしたが・・・。
まずは、これらをHTMLでサイト内に読み込みをし、
CSSでレイアウト通りに配置する作業から開始します。
<で、「パーツ」、どうしたらいいの?>
さて、慣れないfireworksを片手に、
PSDファイルを画像ファイルへ変換していきます。
・・・これって、画像の種類ってどうしたらいいんだろう?
ネットで、画像ファイルの種類(jpgとかのアレです)についてちょっと調べてみました。
ふむふむ。透明な箇所がある場合は、pngかgifでないとダメなのね。
ふーん。じゃ、gifにしとけばいいのかな。
みこみこ「おい!確認しなくて大丈夫なのか?」
だって、pngなんて聞いたことないもん。
どっちも画像ファイルだし、名前違うだけじゃん?
大丈夫じゃないかなー。
・・・ワタシ、この時点で大いに誤る。
が、ワタシがそれを知るのは、これから4か月ほど経ってからのことになります。
この段階では、もうそんなことぜーんぜん知らず、
勝手に画像をgifファイルとして保存していきました。
この時のワタシ、画像のことよりも
初めて使うこの画像ソフトというものの操作に大苦戦。
マイクロソフトの各種オフィス用ソフトしか使ったことなかったので、
操作感覚が全然違うし、何より用語の意味がわからない。
デザイナーの石丸さんにぼやいたら、
「photoshopの方が感覚的で使いやすいですよ!」
とのお言葉。
そうかー、ソフトによって違うんだ。
まあでも、今はあるものを使おう!
ソフトって高いしね・・・。
みこみこ「心配だ。ものすごく心配だ・・・!」
ネコの心、飼い主知らず。
ワタシは画像で使うプログラムの準備をすすめていったのでした。