成長記

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

The following two tabs change content below.

萩原 由紀

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

<指示書、いりますか?>


 

さあ、家事を片付けたし、今日のお仕事開始しましょうか!

 

はなこ「・・・」

もも「・・・」

 

ほら、どいたどいた!!なんで今日に限ってここに固まってんの!

 

あ、はい、我が家にはイヌも2匹おります。

茶色いmix犬がももで、黒のラブラドールがはなこです。

以後、お見知りおきを・・・。

 

 

さて、犬たちにご動座いただいてから、改めてパソコンを起動。

 

ディレクター奥村さんから、こんなメールが来ていました。

「プログラムに際して、指示書を出した方がいいですか?」

 

 

指示書って・・・なんだろう・・・^^;

 

 

まさか「分かりません」とも書けないので、右往左往したお返事をしたら、

「サイトのパーツそれぞれの、具体的なサイズなどの指示をお出しした方がよさそうですね」

とおっしゃってくれました。

 

あ、はい!

それは教えていただかないと、ワタシにはサイトが作れないと思います!

 

ということで、ぜひ指示書を出してくださるよう、お願いしました。

 

届いたのがこちら。

 

 

デザイナー、ライター、そしてコーダー(プログラマ)である自分を含め、

メンバー全員あての指示書が、一つにまとまっていました。

 

デザイナーさんへの内容には、いろんなイメージが書かれていて・・・

 

 

うわあ、ワクワクする!

 

 

俄然ふくらむ、サイト作りへの楽しみ。

 

そして、そんなワタシに次なる課題が届いたのでした。

 

 


<パララックスサイトにしよう>


 

「今回のサイトはパララックスサイトになります」

 

とは、ディレクター奥村さんのお言葉。

 

もちろん、ワタシがパララックスの何たるかを知らないと見越して、

見本のサイトをいくつかと、さらにパララックスの「基礎練習」の教材をメールでくださいました。

 

おお、来た来た!

前回ワタシが奥村さんに泣きついた、例の「jQuery」の教材が含まれていますよ。

 

 

スクロールすると、画像なんかが動いたり、その動きで遠近感を演出したりするサイトのことを、

パララックスと呼ぶのだそうです。

 

そして、それを作るにはこの「jQuery」という「JavaScriptのライブラリ」を学ぶ必要があります。

 

「JavaScriptのライブラリ」とは、JavaScriptだけで行うのが難しいようなプログラムを、

あらかじめJavaScriptを組み合わせて、簡易にプログラムできるようにしたもの。

 

「jQuery」とは、そういったものの一種というわけです。

 

いやー、頭のいい人っているもんだな・・・。

 

感心しつつ、お勉強。

本当に基本的なことから段階を追ってやりましたので、時間はかかりつつも、何とか課題をクリアしました。

 

終わって課題を眺めてみれば、

ふつふつとわきあがる達成感。

 

前回解読不能だった「jQuery」が、使えちゃったじゃないの、ワタシ!

 

でも、そこで気になる点が一つ。

見本として送ってくれたサイトは、すごくスムーズに動くのに、

私が課題で作ったサイトの画像の動きは、なんだかガタガタ。

 

ううーん、なんでだろう。これ、すごく引っかかるんだよねぇ。

みこみこ、なんでだと思う?

 

みこみこ「zzz」

 

ごめん、その布団みたいなタオル、どうやってかけたの?

 

まあいい、ネコは放っておこう。

ディレクター奥村さんも、課題はこれでOKって言ってくれてるし、とりあえずはいっか!

 

 

・・・この問題、サイト作成の終盤で立ちはだかってくることを、ワタシはまだ知りませんでした・・・。

 

-成長記

執筆者:


comment

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

関連記事

初めてのHTML&CSS

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

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

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

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

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

プログラム本番開始!

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

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

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