成長記

プログラム本番開始!

The following two tabs change content below.

萩原 由紀

産業カウンセラー、第一種衛生管理者。 前夫との離婚をきっかけに、人材派遣業の世界へ飛び込んだインドア女。営業としてキャリアを積み支店管理者まで勤めたが、再婚を機に、自営業の夫を手伝うか自分のキャリアを追求するか迷い、思い切って退職。Webのスキルを学ぶ。現在は、ある組織に勤めシステム管理と衛生管理を兼任する傍ら、フリーランスとしても自宅で仕事をしている。

<サイトの「パーツ」到着!>


 

私がJavaScriptと格闘しはじめて2週間が経ちました。

 

完成した全体のデザインのイメージ(デザインカンプといいます)と、

デザイナーさんが作成してくれた画像たちが、

メールで私の手元に届きました。

 

おおお、ついに!

ついにここから、プログラムの本番!

ワクワクと緊張がない交ぜになったこの昂揚感!

 

きなこ「なんか一人でしゃべってるね・・・」

ムギ「飼い主さん、大丈夫かしら」

 

 

む、勝手に部屋をのぞき見しながら、ネコたちがひどいこと言ってますね。

 

あ、我が家はネコも1匹ではございません。

ネコは、合わせて3匹おります。

三毛猫がきなこで、毛の長い茶色いのがムギです。どっちもメスです。

 

我が家の動物たち、前回までに登場したみこみこ、はなこ、ももを合わせて、

これでオールキャストが出揃いました。

全員まとめて、なにとぞよろしくお願いします・・・。

 

 

そうそう、サイト作りに戻ります。

 

デザイナーさんから届いた画像たち。

これは、言ってみればサイトの「パーツ」になっていきます。

 

こんな感じ。

 

 

PSDという形式のファイルで届くので、

これらをサイトに挿入する画像ファイルに変換するには、画像編集のソフトが必要になってきます。

 

私は、たまたま旦那さんが持っていた

「fireworks」というソフトを使うことにしました。

ソフトのバージョンはもう古いものでしたが・・・。

 

まずは、これらをHTMLでサイト内に読み込みをし、

CSSでレイアウト通りに配置する作業から開始します。

 

 


<で、「パーツ」、どうしたらいいの?>


 

 

さて、慣れないfireworksを片手に、

PSDファイルを画像ファイルへ変換していきます。

 


 

・・・これって、画像の種類ってどうしたらいいんだろう?

 

ネットで、画像ファイルの種類(jpgとかのアレです)についてちょっと調べてみました。

 

ふむふむ。透明な箇所がある場合は、pngかgifでないとダメなのね。

ふーん。じゃ、gifにしとけばいいのかな。

 

みこみこ「おい!確認しなくて大丈夫なのか?」

 

だって、pngなんて聞いたことないもん。

 

どっちも画像ファイルだし、名前違うだけじゃん?

大丈夫じゃないかなー。

 

 

・・・ワタシ、この時点で大いに誤る。

が、ワタシがそれを知るのは、これから4か月ほど経ってからのことになります。

 

この段階では、もうそんなことぜーんぜん知らず、

勝手に画像をgifファイルとして保存していきました。

 

この時のワタシ、画像のことよりも

初めて使うこの画像ソフトというものの操作に大苦戦。

 

マイクロソフトの各種オフィス用ソフトしか使ったことなかったので、

操作感覚が全然違うし、何より用語の意味がわからない。

 

 

デザイナーの石丸さんにぼやいたら、

「photoshopの方が感覚的で使いやすいですよ!」

とのお言葉。

 

そうかー、ソフトによって違うんだ。

まあでも、今はあるものを使おう!

ソフトって高いしね・・・。

 

 

みこみこ「心配だ。ものすごく心配だ・・・!」

 

ネコの心、飼い主知らず。

ワタシは画像で使うプログラムの準備をすすめていったのでした。

 

-成長記

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

ブログはじめました。

自営業のヨメ、HTMLの海へ初ダイブ。

The following two tabs change content below.この記事を書いた人最新の記事 萩原 由紀 産業カウンセラー、第一種衛生管理者。 前夫との離婚をきっかけに、人材派 …

(・・・飼い主、火星語しゃべってる?)

自営業のヨメ、HTMLの海を泳ぎ切る

The following two tabs change content below.この記事を書いた人最新の記事 萩原 由紀 産業カウンセラー、第一種衛生管理者。 前夫との離婚をきっかけに、人材派 …

あたくし、意外と色んなこと知っててよ。

いよいよ直面!プログラミングの激流

The following two tabs change content below.この記事を書いた人最新の記事 萩原 由紀 産業カウンセラー、第一種衛生管理者。 前夫との離婚をきっかけに、人材派 …

はな、焦ってる飼い主がスキでしゅよ♪

初めてのHTML&CSS

The following two tabs change content below.この記事を書いた人最新の記事 萩原 由紀 産業カウンセラー、第一種衛生管理者。 前夫との離婚をきっかけに、人材派 …

むしろぜんぶ筋斗雲にしちゃえよ

どなたか日本の方はいませんか?

The following two tabs change content below.この記事を書いた人最新の記事 萩原 由紀 産業カウンセラー、第一種衛生管理者。 前夫との離婚をきっかけに、人材派 …