--a
あ、暑いわ。。。
a--
--b
姫咲さん、仕方ないよ。
会社のクーラーが壊れてるんだから。
a--
--a
なんでよりによってこんな暑い日に壊れるのかしら。
a--
--c
それはきっと、日ごろの行いが。。。
a--
--a
なんか言いましたか!
a--
--c
怒ると余計に暑くなるよ。
a--
よし、来たぞ!
NDDからの株情報だ!
20分でホームページを更新してアップしろ!!
--a
うん、何かしら?
a--
--b
うちの大口案件じゃないか。
NDD東日本の株情報を速報でホームページに公開する仕事。
a--
--a
何?、うちはそんな仕事も受けてるの?
もっと、クリエイティブな案件ないの?
a--
--c
怒られるぞ。。。
a--
バチっ!!!!
--a
あら、電気が消えたわ。
a--
--c
停電みたいだな。。。
a--
困ったことになったぞ!!
株情報が公開できない!
--c
これは大変だぞ。。。
a--
--a
何が??
a--
--b
停電でサーバーが落ちたから、ホームぺージが公開出来ないんだ。。。
a--
--a
予備のサーバーとかないのかしら。
a--
--b
だめだ、ホームページのテンプレートがそのサーバーに入っているんだ。
それ以外は地下倉庫に行って、去年使ったコードが書かれたページを書面で取ってくるしかない。
a--
--a
取ってくるって、停電してるんだから、地下は真っ暗でしょ。
a--
誰か!!地下へ行って、書面を取ってきてくれ!!
--b
そら来たぞ!!
a--
だめだ!あと20分じゃ間に合わない!!
--b
書面を取ってきたら、そのコードをホームページにタイプしなきゃいけない。
取って来る時間も入れると、確かに20分じゃ無理だ。
a--
--a
なんか、、、嫌な予感、、、、
a--
--b
はーい!!!!
いいアイディアがあります!!!!!
a--
--a
は、隼人。。。私はこれから合コンへ。。。。
a--
--b
ここにスマホタイプが大変にお早い、社長の娘さんがおります!!!!
a--
お~、そうか!!!
決まりだ、行ってきてくれ!!!!
--b
ということで。
a--
--a
(ジタバタ)
いやだ~~~。
行きたくないよ~~~。
暗いのこわいよ~~~。
a--
--b
携帯で連絡し合えばいいだろぉ。
a--
--a
(ジタバタ)
いやだいやだ~~~~~。
暗いのいやだ~~~。
いやだ~~~~~~。
a--
--c
騒ぎすぎだ!!!!
a--
--a
付いて来てくれる男子、手を挙げて!!
a--
しーーーーーん。
--a
みんな北海道へ転勤にしてあげるわ!!
a--
--c
姫咲さん、ちがうんだよ。。。
a--
--a
うん?
a--
--b
実は、出るんだ。。。
地下室に。。。
a--
--a
で、でるって???!!!
a--
--c
ゆ、幽霊。。。
a--
--a
(ジタバタ)
いやだ、いやだ~~~~~。
行きたくないよ~~~。
幽霊いやだ~~~~~~。
a--
--b
前にいた、女子社員の影山美穂さん、
亡くなったんだ。。。
a--
--a
きゃーーーー。
a--
--c
まだ、説明中だ!!!
a--
--b
病気でね。。。
手術。。。上手く行かなかったんだ。
a--
--a
あ、あっ、、
a--
--c
今度は声も出ないか!!!
a--
--c
その影山さんの声が地下室から時より聞こえるらしいんだ。
a--
--a
ご、合コン、、合コン、、、
a--
--c
もう観念しろ!!!!
a--
--c
スマホで連絡取り合えばなんでもないだろ!
a--
--a
わ、分かったわよ。。。
誘導お願い。。
a--
--a
それに、私、どのコードの書面だか全然読めないんだからね。
a--
--c
電話で何が書いてあるか伝えてくれればいいんだよ。
で、そのコードをスマホでタイプして、送信するだけ。
簡単だろ。
a--
--a
ゲ、この螺旋階段降りてくの?
a--
--a
あっ、ライト忘れた!!
a--
--a
スマホの懐中電灯、、、
a--
--a
下の方真っ暗じゃない、もう、、、
a--
--a
え~と、隼人に電話っと。。
a--
--a
あら、電話すると、懐中電灯が使えないし、懐中電灯使うと電話できないし、どうしましょう??
a--
--b
姫咲さん??あと10分だから。
a--
--a
隼人!!電話してこないでよ。懐中電灯が使えないじゃない。
a--
--b
早く!!時間がないんだ!!
a--
--a
暗いから切るわよ。。。
a--
だめ、これ以上先はいっちゃだめ!!!
--a
ぎゃーーーーーーーー。
出た!!!
a--
--a
あ、あなたは!!!??
a--
見つかっちゃだめね。
来ないでよ!!
--b
・・・・・・どうした、姫咲さん!!!
a--
--a
もう終わりよ。
私は頭がいっちゃったのよ。
a--
--b
それは元々だろ!!!!
a--
--a
いい返す気力がないわ。。
a--
--b
まさか、出たのか。。。
a--
--a
・・・・
a--
--b
ちょっとおかっぱの。
ピンクの服を着た。。。
a--
--a
知ってんじゃないの!!!
a--
--b
そうか、、、彼女のフィアンセ、増尾もここの社員だったんだ。
付き合ってたんだよ。。美穂さんと。。
a--
--a
フィアンセ??
さっきの女性と???
a--
--b
手術が上手く行ったら増尾が見せる予定だったんだ。
彼が作った花火のホームページを。彼女が喜ぶだろうと思って。。。
a--
--a
・・・・
a--
--b
でも、増尾の想いもむなしく、美穂さんはホームページを見ることなく、この世を去ってしまった。
a--
--a
わ~~~~ん。
なんて切ないのかしら~~~~。
a--
--b
見せるはずだった特大画面がその地下倉庫に保管されているんだ。。
きっと、それが原因で。。。
a--
--b
とにかく、探すんだ!!
姫咲さん!!あと5分しかない!
a--
--a
そんなこと言われても、ここ暗いのよね。。。
a--
探しものはこの書面かしら?
--a
わ、出た!!
a--
--a
そ、それよ!!
a--
3枚あるわ!どれでしょう??
--a
なんでクイズになるの!!
a--
そのテーブルの上にあるわ。
--a
美穂さん、、消えた。。
a--
--b
どうした!
a--
--a
テーブルの上に3枚の紙が置いてあるわ。
a--
--b
その3枚の中の1枚がHTMLで書かれたコードかもしれない!
a--
--a
一つづつ見てみるわ!!
a--
--a
一枚目に書かれているのはこれよ!
<?php
a--
--b
だめだ、そのコードからはじまるページはPHPだから違う。
a--
--a
もう一つはこれよ!
$(function(){
a--
--b
それはjQueryと言われるコードの種類だ。それでもない。
ということはもう一つがHTMLのコードに違いない!
a--
--a
3枚目に書かれているのはこれよ!
/* CSS Document */
a--
--b
違う!それはCSSだ!!
HTMLはどこだ!!
a--
これは渡さないわ!!
--a
美穂さん、それを渡しなさい!!
a--
だめよ、あなたは私と一緒に来るのよ!!
--a
ひっ、、やめて!!!
a--
この暗い、暗い地下の奥へ、一緒に進んでいきましょう。。。
--a
いやーーーー、助けて!!!
a--
叫んでも無駄よ。
美穂、止めるんだ!!
--b
間に合ったみたいだな。
a--
--a
隼人!!
a--
美穂、俺はこの花火が一緒に見たかったんだ。
増尾さん。。。
--b
急いで連れてきたんだ、増尾を。。。
それでその特大モニターに遠隔操作で表示させたんだ。
a--
ごめんよ、一人にさせてしまって。。。
また、会おう、、、ここで、、1年に1回、、この花火をまた見よう!!
増尾さん!!!
美穂!!!
--a
・・・ちょっと展開がくさいわね。。。
a--
--a
まぁ、いいわ。
あっ、4枚目の紙がテーブルの上に!!!
a--
--b
姫咲さん、コードは!!??
a--
--a
これよ!!
<!DOCTYPE html>
a--
--b
それだ!!!
姫咲さん、あと2分だ!!!
スマホでタイプして送信だ!!
a--
--a
うお~~~。
スマホタイプ!!!
a--
--b
は、早い!!!!
もう送られてきた!!!!
a--
--b
姫咲さん!!!
間に合ったぞ!!!
やったー!
a--
--a
私はもうクタクタよ。。。
そっちに戻るわよ。
a--
--a
あら、なんか外側からドアに鍵がかかってる。。。
a--
来年の今日までここで一緒におしゃべりしましょ。
--a
するか!!!!
a--
b--
--d
ホームページを作成する上で、少しづつコードの種類も分かってくるといいぞ。
HTMLのコードの始まりは必ずDoctype宣言というものからはじまるんだ。
HTML5で作っている場合には最初にこのような宣言をするんだ。
<!DOCTYPE html>
これが書かれているものはHTMLで出来ているから分かりやすいね。
次にPHPで出来ているページは先頭にこういう記述があるんだ。
<?php
PHPと書いてあるから分かりやすいね。
PHPは主にデータベースと連携したり出来るプログラムだ。
そして、jQueryと言われるコードは色々動かす時に使うコードなんだよ。
大きな上部の写真が横に流れていくようなスライダーがjQueryで出来ていることが多いね。
$(function(){
こんな始まり方をしているのも結構あるんだ。
CSSコードはどんなか検索で調べてみるのも面白いぞ!
a--
--f
今回の件で少し痩せちゃったじゃない!
a--
--e
うん??
変わってないよ。
a--