Web Shakehands
Web Shakehands

Language


ストーリー3/ジョン・タイターとホームページを作るための様々なプログラミング



  • --a
    隼人!
    このパソコンの掃除お願い!
    a--
    --b
    姫咲さん、そのどでかくて、古くて、汚いパソコンは何?
    a--
    --a
    秋葉で買ったのよ!
    a--
    --b
    会社のパソコン、すべてiPhoneにするんじゃなかったっけ?
    a--
    --a
    いいのよ。
    これは私のタイピングの練習用に使うの。
    a--
    --c
    なんか、音がうるさそうだな。。。
    a--
    --a
    ピッカピカにするのよ!!
    菌、一匹でもいたら、お父様に言ってあなたは北海道に転勤よ!
    a--
    --b
    は、はい、、
    うん??? ちょっとまてよ。。。。
    そのパソコン???
    a--
    --a
    何?私の言うことが聞けないって。。。
    a--
    --b
    それ!!!??
    IBM5100じゃないか???
    a--
    --a
    5100円よりは安いわよ。
    a--
    --b
    そうじゃなくて!!!!
    それは、伝説のタイムトラベラー「ジョン・タイター」が2036年に持ち帰ったと言われるパソコンじゃないか!!
    a--
    --a
    それ、女の子受けしないわよ。
    a--
    --b
    これが、IBM5100だ!
    a--


    http://www-03.ibm.com/ibm/history/exhibits/pc/pc_3.html

    --a
    こんな写真がなによ?
    a--
    --b
    ジョン・タイターはこのIBM5100を2036年の未来からタイムリープして取りに来たんだ。
    a--
    --a
    えぇーーーーーー?!!!!そうなのーーー???!!
    ◇※?〇※◇?〇
    a--
    --c
    そんなに驚かなくても。。。
    a--
    --b
    前に2000年問題ってあったよねぇ。
    a--
    --a
    結局、なんもなかったやつでしょ。
    a--
    --b
    そう。
    西暦2000年になると、多くのコンピュータが誤作動して、世の中がパニックになると言われてたけど、何も起きなかったんだ。
    a--
    --a
    それと、これと何の関係があるのよ!
    a--
    --b
    ジョン・タイターは2038年問題への対策としてこのIBM5100が必要だと言ってたんだ。
    a--
    --a
    言ってた?
    どうして、その未来人が現代人にそんなこと話すのよ。
    a--
    --b
    これが世界のトップミステリーの一つとされている理由なんだよ。
    a--
    --b
    掲示板に書き込みをしたんだ。
    a--
    --a
    掲示板?駅の?
    a--
    --c
    違う!!
    インターネットの掲示板サイト!
    a--
    --b
    2000年11月から、彼が未来に帰る2001年3月までの間、この掲示板に色々な人からの彼や未来に対しての質問に回答していたんだ。
    a--
    --b
    今でもこの回答は残っているし、一冊の書籍にもなってる。
    a--
    --a
    うん?帰った??
    IBM5100を未来に持ち帰ったってこと?
    a--
    --c
    そう。。。そのはずだけど。。。
    a--
    --a
    じゃぁ、なんでここにあるのよ!
    a--
    --c
    ・・・・
    a--
    --c
    と、とにかくこれはピカピカに磨いて、姫咲さんが家に持って帰ってタイピングに使うのに。。。
    a--
    --a
    いやよ!!
    a--
    --a
    隼人!私に何かあったら、身体を張って犠牲になるのよ!!
    a--
    --c
    あ~、何も聞かなかったよ~。。。何も聞いてなんかいないよ~。。
    a--
    --b
    でも、ジョン・タイターは危険な人物じゃないはずだ。
    a--
    --a
    そ、そうなの??
    a--
    --b
    彼のいる2036年の世界は「第三次世界大戦」で荒んでいるそうなんだ。
    争いからは何も生み出さないということを現代人に伝えたかったのかもしれない。。。
    a--
    --a
    世界を変えるために来たんじゃないの?
    よくドラマであるみたいな。
    a--
    --b
    それが、ジョン・タイターが言うには、彼がいる世界とこの世界は、微妙に違う世界らしいんだ。
    a--
    --a
    ディズニーランドとサンリオピューロランドのことかしら?
    a--
    --c
    ずいぶん世界が違うな!!!!
    a--
    --b
    彼が言うには世界は一つだけじゃなくて、少しづつ違う似た世界がたくさん存在していて、彼は2.5%ズレた世界線から来てるそうなんだ。
    a--
    --a
    ◇※?〇※◇?〇
    a--
    --b
    うん、気持ちは分かる。
    a--
    --b
    今日、朝、姫咲さんが会社に遅刻してきたわけだけど、遅刻していない姫咲さんも違う世界線で存在しているというわけ。
    a--
    --a
    北海道に飛ばされたいの!!??
    a--
    --b
    い、いえ、、
    この世界線の未来を変えたからと言って、彼がいる世界の戦争がなくなるわけじゃなかったのかもね。
    a--
    --a
    で、このIBM5100はなんの役に立つのかしら?
    a--
    --b
    2038年問題に必要なコンピュータシステムの解析が必要で、内部に特殊な翻訳装置のついているこのパソコンを取ってくる必要があったんだ。
    a--
    --a
    翻訳装置?
    a--
    --b
    そう、APLやBASICが普及する前に書かれたIBMのプログラミング言語もすべて解読できるらしい。
    a--
    --a
    ほんとかしら。
    a--
    --b
    あとから、この翻訳装置はほんとうにパソコンに搭載していたことが分かったんだ。
    IBMの関係者も、どうして、そのことを知っている人がいるのか、不思議だと発表したんだ。
    a--
    --a
    ジョン・タイターは、そのことを知っていたってことね。
    a--
    --b
    そう。
    彼の祖父がIBM5100の開発に携わっていて、それが理由でタイムトラベラーに選ばれたと言ってるんだ。
    a--
    --b
    プログラミングの話しになったから、ここで、少しプログラミングの種類について話しておこう。
    a--
    --b
    ホームページを作るためには、使用している言語について知る必要があるんだ。
    多くのホームページはHTMLで作られているよ。でもこれは正確にはプログラミングじゃないんだ。
    a--
    --a
    プログラミングと聞くと1+1みたいな計算のように思うわ。
    a--
    --b
    そうなんだ、HTMLは計算するというよりは「マークアップ」と言われていて、リンクを張ったり、CSSと合わせてデザインなどをするものなんだ。
    a--
    --a
    女性でも、取っつきやすいわけね。
    a--
    --b
    女性のWEBデザイナーが増えているのも、プログラミングより簡単に出来るところにあるね。
    a--
    --a
    私も出来るようになるのよね!
    a--
    --c
    そ、それは。。。
    a--
    --a
    何か問題でも!?
    a--
    --b
    い、いえ、
    プログラミング関係はJavascriptやPHPが最近はホームページでよく使われているんだ。
    a--
    --a
    うん?鉛筆の濃さがなんで関係あるの?
    a--
    --c
    それは「HB」だろ!!!
    a--
    --b
    Javascriptはホームページの中で動きを付ける時によく使うんだ。
    a--
    --a
    動き?鉛筆に?
    a--
    --c
    忘れろ!!!
    a--
    --b
    ホームページの上部の大きな写真をスラドショーみたいにするのが流行ってるだろ。
    a--
    --a
    流れる写真みたいなやつね!
    a--
    --b
    そう。
    これもJavascriptなんだ。
    a--
    --b
    HTMLも含めてこれらを操る人を「フロントエンドエンジニア」とも言うね。
    a--
    --a
    私はあなたを操るわ!!
    a--
    --c
    ノ、ノーサンキュー。。。
    a--
    --b
    で、「PHP」というプログラムはデータベースにアクセスして、情報を引っ張り出してきたり出来るプログラム言語だ。
    a--
    --a
    私はあなたを引っ張り出してくるわ!!
    a--
    --c
    プ、プリーズドント。。。
    a--
    --b
    PHPを扱う人のことを「バックエンドエンジニア」とも言うんだ。
    a--
    --a
    「バッドエンド」??
    a--
    --c
    ハッピーエンドにしてくれ!!頼む!!
    a--
    --b
    後ろで操作するという意味だから、「縁の下の力持ち」的な感じかな。
    a--
    --a
    「縁もゆかりもねぇやろうだな」
    a--
    --c
    口が悪うなってきましたな!!!
    a--
    --a
    で、話しは戻るけど、このIBM5100には、IBMのプログラミング言語もすべて解読できる特殊な翻訳機能があるということね。
    a--
    --b
    そう。それで、2001年3月24日に「任務は完了した」と言い残して、ジョン・タイターは姿を消してしまったんだよ。
    a--
    --a
    だから、なんでそのパソコンがここにあるのよ!!
    a--
    --b
    あれ、姫咲さん、、、IBM5100は??
    a--
    --a
    何?って、このテーブルの上に。。。
    a--
    --b
    な、無くなってる!!!??
    a--
    --b
    うん?隣の人は?
    a--
    --a
    隣?
    ここの社員は一昨日退職したばっかりよ。
    a--
    --c
    だって、さっきまで仕事してたじゃないか。。。
    a--
    --a
    そう、、だったかしら?
    私見てないけど。
    a--
    --b
    ほら、ロングヘアで金髪の女性が。。。
    a--
    --a
    金髪?
    a--
    --b
    あっ、日本の人じゃない?
    a--
    --a
    うん?なんか手紙らしきものが机の上にあるわよ。
    a--
    --b
    ・・・・「未来を生きるも死ぬもあなた達の手に掛かっている」
    a--
    --a
    誰が書いたのかしら!!!???
    a--
    --b
    ・・・・
    a--
    --b
    世界線は今きっと混沌としているのかもしれないな。。。
    a--
    --b
    たくさんの世界線があっても、未来は決まってるわけじゃなくて、自分達の選択によって変えられるってことじゃないかなぁ。
    a--
    --a
    まさか、隣にいたのは。。。
    a--
    --b
    「第三次世界大戦」を経験した人からのメッセージ。。。
    a--
    --a
    世界は私達の手にゆだねられているのね。
    a--
    --b
    どんな世界線を作るかは、この世界の住人が決めるってことか。。。
    a--
    --a
    その前に、まず私はタイプが出来るようにならなきゃね!
    a--
    --b
    俺は姫咲さんがホームページが出来るようになるまで、付き添いをしますか。。。
    a--
    b--
    --d
    今回はプログラミングの種類について紹介したんだ。
    HTMLはプログラミングではないけど、「マークアップ」というタグで目印を付けていく方法でホームページを作成出来るんだ。
    CSSと呼ばれるデザインするための記述と合わせて使っていくのが一般的だね。

    Javascriptはホームページの中で動きを付けたい時に使用するよ。
    たとえば、ホームページの上部に大きなスライドした画像を掲載することもこのプログラミングで出来るんだ。
    HTMLなど、これらを使いこなす人のことを「フロントエンドエンジニア」とも言うんだよ。

    PHPはデータベースと連携して、情報を引き出してホームページに掲載することが出来るんだ。こうしたプログラマーのことを「バックエンドエンジニア」と言うね。

    まずはこの辺りを知っておけば、ホームページを作る上で必要な言語が分かってくるよ。
    a--
    --f
    で、バミューダトライアングルの特集はいつなの?
    a--
    --e
    くれぐれも、オカルトのWEBサイトじゃないから間違えないでくれよ。。。
    a--
  • 【 登場人物 】

    姫咲 みのり

    姫咲 みのり
    (ひめさき みのり)

    このストーリーの舞台となっているIT企業の社長の娘。 コンピューターに関しての知識はゼロ。キーボードのタイプが出来ない。でも、スマホ打ちは異常に早い。
    口癖は「ちゃんと教えないと、お父様に言って北海道に転勤にして差し上げますわ!」


    姫咲 みのり

    羽柴 隼人
    (はしば はやと)

    姫咲みのりの指導を頼まれたアンラッキーなベテラン社員。教え方に問題はない。仕事もしっかりしている。なのに、北海道に飛ばされそうになっている。





このエントリーをはてなブックマークに追加

今回の記事タイトル

ストーリー3/ジョン・タイターとホームページを作るための様々なプログラミング

前の記事 ストーリー2/色々なネット広告を使おう!!


姫咲みのり ストーリー !

2017-08-31 ストーリー7/Google検索エンジンで店舗を検索する NEW!


2017-07-17 ストーリー6/HTMLコードを送ってくれ!!


2017-06-28 ストーリー5/ウェブサイトを作るためのさまざまな種類のレイアウト


2017-06-21 ストーリー4/スマートフォンサイトを作る時の3つのポイント!!


2017-06-18 ストーリー3/ジョン・タイターとホームページを作るための様々なプログラミング


2017-06-12 ストーリー2/色々なネット広告を使おう!!


2017-06-08 ストーリー1/WindowsとMacの表示の違い



E-mail を入力するだけで、あなたのHPを作るための
ノウハウメールマガジンを無料でお届けします
E-mail:
  

上部へ