成長記

初めてのHTML&CSS

The following two tabs change content below.

萩原 由紀

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

<意外とサクサク?HTML>


 

はなこ「お日様、あったかいでしゅー」

もも「あったかいなー」

みこみこ「・・・」

 

窓辺では、3月初旬の平和な昼下がり。

まったりモードの室内で、ワタシは一人お仕事です。

 

画像の準備を終えたワタシは、

ついにHTMLのコーディング(=プログラムすること)を開始しました。

 

HTMLは、いままで勉強としてはやったことがあるけれど、

仕事としてコーディングするのははじめて!

 

気を引き締めつつ、緊張しながら取り組みましたが、

どうやら今回のHTMLは、ワタシの知っている範囲の知識で

済みそうでした。

 

ああ、よかった・・・ちょっと緊張がほぐれた・・・。

 

実際、コーディング作業はサクサク順調。

あっという間に3時間が経過して、HTMLの作業が終了しました。

 

3時間かぁ。これって、遅いのかな、それとも普通なのかな。

 

在宅の仕事ですから、先輩の仕事ぶりを観察するようなことはできません。

 

ですが、仕事で株式会社凛のひとたちとやりとりをする、

「プロジェクト管理システム」を通じて、

仕事を請け負ってから完了するまでの先輩方の動きを感じることができます。

 

そこを眺めているかぎり、

みなさんコーディングの時間は、ワタシの半分以下のような気がする。

いつかそういう境地にワタシも達することができるのかしら・・・。

 

まぁ、初心者のワタシの仕事が遅いのはあたりまえですよね。

考えるより、どんどん勉強して慣れてしまおう。

 

しかし、たった3時間だけど、頭をフル回転させたためか、

どっと疲れが出ました。

軟弱な話ですが、スケジュール的に問題はないし、

今日の作業はここまでとします。

 

はなこ「順調そうでつまんないでしゅー」

 

そのうち壁にぶちあたるから待っておれ!

 

そう、順調なのはきっとここだけ・・・。

 


<CSSも、意外とサクサク>


 

翌日。

きのう作成したHTMLに、CSSで書式を設定していきます。

 

デザインカンプを見ながら、各画像や文字の位置やサイズを設定。

 

ときどき、幅や高さを設定しわすれて、<div>というタグの中に入れた文字が表示されない!

・・・なんていうアクシデントにも見舞われましたが、

そういった問題も思ったよりスムーズに解消できました。

 

今回のサイトには、シーンが5つあって、

シーンによっては次のシーンとのつながりを紙芝居のような動きにする、

と聞いていましたので、そういうところは重ねた形でレイアウト設定。

 

・・・あれ?

もしかして、こっちも順調に進んでる?

 

みこみこ「よかったではないか」

 

そこは立ち入り禁止です。すぐ出なさい。

 

いやー、危ない。

コーディングに集中しすぎて、みこみこがストーブ前に侵入したのに気づかなかったわ!

振り返ったらみこみこが燃えてた、とか、シャレにならん。

 

けっきょく、6時間ほどかかりましたが、CSSも無事に終わりました。

いやー、よかった!

 

明日から、これにJavaScriptで、パララックスサイトとしての

動きを設定していきます。

 

JavaScript。

どうなるか心配だけど、がんばるしかないよね。

 

不安をかかえながら、いよいよ未知の世界へ突入です。


 

-成長記

執筆者:

関連記事

素知らぬ顔してますけど、ももとはなこ、めっちゃ邪魔。

サイトはどうやら「動く」らしい

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

ところで、サンスウって何?

ときにはハードル走のように

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

女子猫2匹、飼い主の頭がイッちゃったんじゃないかと心配中。

プログラム本番開始!

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

ブログはじめました。

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

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

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

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

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