成長記

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

The following two tabs change content below.

萩原 由紀

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

<まずは動きの大枠を作ってみよう>


 

さて、ここからはJavaScriptのプログラミングです。

 

私が全くの初心者であることもあり、

ディレクターの奥村さんが心配して、ご連絡をくれました。

 

「細かい点は後で詰めればいいので、まずは全体の動きの大枠を作ってみましょう」

 

おお、ありがとうございます!

 

あらかじめそういうご指示をいただかなかったら、

細かいところがひたすら気になる性格のワタシですから、

おそらく、先に進まなくて同じところをグルグルと回ったことでしょう。

 

ムギ「あれでしょ、グルグル回るとバターになるんでしょ」

 

それはトラでしょー。

おハナシの世界だから、回るとバターになるんです。

 

みこみこ「ウマそうだな♪」

 

バターには塩が入ってるから、あなたは舐めちゃダメ。

 

っていうか、そういう話じゃなーい!

 

うっかりネコのペースに巻き込まれてしまった。

仕事に集中集中!

 

大枠から・・・ということで、各シーンの切り替わり方を設定するところから着手します。

 


<CSSのワナ>


 

シーンごとの背景の動きの設定は、今まで練習としてやってきた基本的なことでした。

 

勉強を思い出しながらなので時間はかかるけど、

まぁそんなにつまづかずにできるだろう・・・と思っていたのですが。

 

なぜだろう、予定しているように動かない・・・?

 

確認しても、書いてあるJavaScriptのコードは、間違っていません。

うーんうーんと悩んだ結果、ネットで調べることにしました。

 

調べているうちに、目に飛び込んできた一文。

 

「CSSの position : absolute は、その要素が無かったものとして扱われ、次の要素が配置されます。」

 

 

JavaScriptじゃなくて、CSSのせいかぁっ!

 

 

positionとは、サイト内で画像などを表示させる位置を指定するものです。

それには、absolute とか、relative とか、

いくつか使える「属性」(設定方法のようなもの)があるのですが、

こういった違いがあるとはよくわからず使っていました。

 

かなりテキトウに使ってしまっていたので、

CSSの書き直しです。

 

きなこ(あ、飼い主がへこんだ・・・)

 

 

ここから先の道のりが、いかに長いか分かってしまった瞬間でした。

 

いままで単品ではうまく行っていたHTMLとCSSが、

Javascriptが合流したことで、違う側面を見せるのですね。

 

ああ、ワタシ、コーディングの激流に流されてゆく・・・。

 

そんなイメージが湧きつつも、

メンバーが見守る岸を目指して、まだまだがんばります。

-成長記

執筆者:

関連記事

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

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

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

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

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

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

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

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

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

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

初めてのHTML&CSS

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

ブログはじめました。

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

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