--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
とにかく、探すんだ！！
姫咲さん！！あと５分しかない！
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--
