Web・モバイル業界専門お仕事情報満載サイト【ウェブタント(Web担当)】


	一般労働者派遣:(般)13-302759 / 有料職業紹介:13-ユ-302233 ｜会社概要｜お問合せ｜法人のお客様へ｜就業中スタッフ専用｜ログイン│サイトマップ


職種からお仕事を探す　 Webディレクター│ Webデザイナー│ コーダー │ ネットショップ運営│モバイルサイト│ 事務 │ その他　今週の特集

ネットショップに役立つプログラミングを楽しく伝授


	イベントドリブンを覚えましょう

今回から、すこしずつ Javascript を踏まえながら、プログラムの世界へ進んで生きたいと思います。

まず、すごく簡単なことをやってみたいと思います。

「ボタンをクリックすると、メッセージが表示される」

です。



＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

<form name="form1">

  <input type="button" name="button1" value="ダイアログメッセージを表示する"

   onClick="javascript:alert('Hello, world!');">

</form name="form1">

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

たったこれだけの、HTMLを用意してみましょう。

それが、こちらになります。

ボタンをクリックすると、「Hello World !!」と、表示されます。

ボタンをクリックすると、用意していたプログラムが動く。

このことを、「イベントドリブン」といいます。

イベントとは・・・「ボタンをクリックする」のこと。

　ほかにも、イベントは、
　
　　　・選択肢のなかからどれか選らんだり
　　　・画面のどこかをダブルクリックしたり
　　　・ページを表示したり（ページの表示か完了したり）
　　　・タイマー設定をプログラムで行い、毎秒イベントを発生させたり

　いろいろあります。

また徐々に紹介していきますね。

さて、今回の、「ボタンをクリックする」は、上記プログラムのなかの

　onClick

に該当します。

そして、=（イコール）でつながれた右辺に、「クリックされたら実行したいプログラム」を記述します。

　Javascript: ・・・これはジャバスクリプトです。の宣言。
　alert()・・・ダイアログボックスを表示しなさい。の命令。
　'Hello World !!'・・・alert命令に渡す、引数（ひきすう）。これを表示しなさいという意味。

です。

なんとなくですが、これからいろいろとでてきますので、

　宣言：命令（引数）

この形も、覚えておいてくださいね。

そして、そのパーツ、ひとつ・ひとつに意味があたえられているということを。

こういった形のことを、文法と読びます。

いやな思い出、よぎります。まるで英語の授業のようです。

SVが第一文型とか、SVOCだとか・・・グラマーの時間は大の苦手でした。意味がわからないし、楽しくないし・・・

このあたり、プログラミング「言語」というくらいだから、やっぱり文法が決められています。

　宣言しておいて、命令を書いて、そこに引数という具体的な値を渡す。

それをコンピュータが理解して動かすための取り決めが「文法」といえるでしょう。

最後にちょっと、こぼればなし。

今回表示させたメッセージの、

　'Hello, world!'

について。

直訳すると、

　「こんにちは、世界」

となります。

んー、意味がわからないですね。

これって、昔から、初歩的なプログラムの例題でつかわれるメッセージの定番であり伝統なんです。

むりやり意訳すると

　「こんにちは、プログラミングの世界」

といえるかも。

マイクテストの

「本日は晴天です」

も、とくに意味がありませんよね。そういう風に考えてください。

あ、こぼれ話ついでに・・・

「本日は晴天です」は、意味がないと書きましたが、実は、英訳に戻すと意味があったともいわれています。

英語だと、

「It's fine today」となります。

こちらの場合だと、若干意味があり、

「t's」「f」「d」などマイクでは拾いにくい発音が入っているので、テストにいいフレーズだったとか。

和訳して、意味がなくなってしまったようです(^^;

ひさやん

プログラム暦25年。現在32歳。

飲んで騒いでがスキなばかりに、完全なるヲタクになりそこねたオトコ。
ファミコンの代わりにPC-8001、MSXと一緒に育つ。

MCSE,ORACLE MASTER Platinum と数々の業界系資格をもつ。

座右の銘は「やっぱり細部に神は宿る」。

プログラマとかSEよりも、実はアーキテクトと呼ばれたい。
「ロジック美」を追及したい。
みなさまのお役にたてるようがんばります。

フルFlashサイトにはProgression

Excelで流れ図（フローチャート）を作ってみよう

手順といえば流れ図。それってロジカルシンキング？

これからの時代は LL でいこう！

----------------------------------------------------

全ての記事を見る

とこみゆきの良新日記
大池めぐみブログ
佐藤麻衣子ブログ
笠原華子ブログ
橋和田智子ブログ
平岡典子ブログ
野崎朋子ブログ
高見英作ブログ
松本ひとみブログ
高橋理華ブログ
椎木美由紀ブログ
細畠牧奈ブログ
外薗聖子ブログ

ちょっと耳より♪Web/Mobileコラム

　サポタントSTAFFが、現場で感じた
　スキルUP情報を交代でお届け♪

今週のイチオシ企業様

　毎週、コーディネータの
　おすすめ企業様をご紹介します♪

東京｜神奈川｜埼玉｜千葉

大阪｜京都｜奈良｜兵庫

愛知｜静岡｜岐阜

非公開案件も多数あります。派遣スタッフエントリーより登録後に選択することも、もちろん可能です。

派遣スタッフエントリー

登録から契約までの流れ

派遣スタッフ登録特典

↑このページのトップへ

ウェブタント運営会社	サポタント株式会社　http://www.supotant.com/
ウェブタント運営会社	ネット業界で目標実現を目指すお客様を「おブッチギリ」に「愛」たっぷりにお手伝いする【サポート担当】の会社です。 IT業界で、就職・転職を目指している方、人材を募集されている企業の人事採用（雇用）担当者さま、ネットショップを立ち上げられたい方、ネット通販を運営されている経営者の方々のお手伝いをさせていただきます！
主な事業内容	■一般労働者派遣事業：(般)13-302759　　■有料職業紹介事業：13-ユ-302233
	WEBデザイナー、WEBディレクター、WEBプロデューサ、WEBマスター、ネットショップ店長・運営者、ブログ編集管理者、ソーシャルネットワーキングの制作・管理業務者、プログラマー・保守、マーケティング企画、メルマガライター、WEB系企業一般事務員など、即戦力スタッフを派遣・紹介いたします。未経験者には、技術研修を行い、スキルアップを図ります。（中途採用もあり）
	＜主な派遣先企業様実績　最寄り駅＞【関東】東京：銀座、新橋、有楽町、目黒、代官山、渋谷、神谷町、表参道、恵比寿、六本木、飯田橋、大森、　神奈川：横浜、新横浜、茅ヶ崎【関西】大阪：梅田、本町、心斎橋、なんば、三ノ宮、神戸、京都
	■ECサイトセミナーの企画及び運営事務局
	サイト開設、売り上げUP、集客UP、SEO、SEM、PPCなど、EC業界の最新情報をお届けするセミナーを企画・運営しております。
参加団体	社団法人　日本人材派遣協会　会員 / 東京商工会議所 / Web広告研究会 / オンラインショップマスターズクラブ / NPO法人　キープラネット / 全国イーコマース協議会

　トップページ｜会社概要・各拠点連絡先｜個人情報保護方針｜法人のお客様へ