トップ > インターネット > ホームページ作成・素材 > 目指せ！ウェブマスター講座【HTML・JavaScript・CGI編】

毎週、WEBサイトの作り方を易しく解説しています。HTML・JavaScript・CGI等各種講座が連載中。ＨＰ作成初級者〜中級者の方には最適なメールマガジンです。


<<メルマガトップへ<<前の記事 ｜ 次の記事>> ｜ 最新の記事最新号をメルマガでお届け


【ウェブ関数】MacOS XのブラウザSafariのバージョンを判別(2)／たこあげ

発行日： 2004/1/5

┏■ 目指せ！ウェブマスター講座 ■━━━━━━━━━━━━━━━━━━━━┓
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
【目次】 〜HTML・JavaScript・CGI〜

01：JavaScript講座（新）
　　　　　　　　　第75回　「MacOS XのブラウザSafariのバージョンを判別(2)」
02：ニャン太の絵文字講座　第54回「たこあげ」
03：編集後記　　明けましておめでとうございます！
　※バックナンバーをご覧になりたいかたはこちら（↓）まで
　　　　　　　　　　　　　　 http://www.melma.com/mag/73/m00036373/
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

--PR--------------------------------------------------------------------
◆◆2GB、月額1万円から始めるレンタルサーバー◆◆
大容量を自分で使うのはもちろん、小分けにして販売することも可能です。
少ないリスクで毎月確実な収益を上げる、レンタルサーバー業を始めて
みませんか。ホームページ制作者は特に最適、オススメです！
→ http://www.kids21.org/resale.html 
------------------------------------------------------------------------


┏━┳━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃01┃JavaScript講座（新）　　　　　　　　　　　　一から始めるJavaScript
┗━┻━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
　第75回　「MacOS XのブラウザSafariのバージョンを判別(2)」

　今回はMacOS XのブラウザSafariのバージョンを判別するプログラムで1.0や
1.1を返すプログラムを作成します。
　Safariが返すuserAgentの文字列をもう一度見てみましょう。

●MacOS X 10.2のもの
Mozilla/5.0 (Macintosh; U; PPC Mac OS X; ja-jp) AppleWebKit/85.7 (KHTML, like Gecko) Safari/85.6 

●MacOS X 10.3のもの
Mozilla/5.0 (Macintosh; U; PPC Mac OS X; ja-jp) AppleWebKit/103u (KHTML, like Gecko) Safari/100.1

　前回は、この文字列の最後の部分を抜き出し表示しました。しかし、名目上の
バージョンはv85.xが1.0、v100.xが1.1となっています。今回は、このような
1.0、1.1のバージョンにして返すプログラムを作成します。

　一番簡単なものとしてはバージョンを抜き出して

100未満だったらバージョン1.0
86以上だったらバージョン1.1

　をif命令を使って判別することです。Safariの場合には、とにかく次の
バージョンが出てみないと分からないというのが難点です。このif命令を使った
プログラムが以下のものになります。


<html>
<head>
<title></title>
<script language="JavaScript"><!--
//　Safariのバージョンを返します
function getVersion()
{
ver = navigator.userAgent.split("/")[3];
n = eval(ver);
if (n < 100) return "1.0";
if (n > 86) return "1.1";
}
// --></script>
</head>
<body>
<form>
<input type="button" value="チェック" onClick="alert(getVersion())">
</form>
</body>
</html>


　このプログラムだとSafariのバージョンが上がるたびにif命令で、どの範囲が、
どのバージョンなのかを調べなければなりません。そこで配列（連想配列／
ハッシュ）を使ってバージョンをチェックする事にします。JavaScriptでは配列の
添え字（[ ]の中の数値、値）にキーワード／文字列を指定することができます。
これを利用し、この部分にSafariのv85やv100の文字列を割り当てます。そこに
名目上のバージョンを入れておくことで、バージョンが上がっても配列を増やす
だけで済みます。

　実際のプログラムは以下のようになります。

<html>
<head>
<title></title>
<script language="JavaScript"><!--
//　Safariのバージョンを返します
function getVersion()
{
ver = new Array();
ver["85"] = "1.0";
ver["100"] = "1.1";
str = navigator.userAgent.split("/")[3];
n = str.split(".")[0];
return ver[n];
}
// --></script>
</head>
<body>
<form>
<input type="button" value="チェック" onClick="alert(getVersion())">
</form>
</body>
</html>


　もし、既存のバージョンでない場合にはundefinedになります。サンプルでは
文字列で返していますが、数値で返しても問題ありません。処理上やりやすいもの
にすれば良いでしょう。

　次回はNetscape Navigatorのバージョンを調べるプログラムについて説明します。


　▽お知らせ▽
　★古籏さんより年始のご挨拶
　あけましておめでとうございます。本年もよろしくお願いいたします。
　今月末にIllustrator 10 + JavaScript本が出る予定です。
　こちらの本も、よろしく(^^)/
　 http://book.mycom.co.jp/book/4-8399-1354-4/4-8399-1354-4.shtml 

　★動画素材を大幅に追加！
　ビクターのハイビジョンカメラGR-HD1で撮影したフリーのハイビジョン動画素材
　も大幅に追加しました。以前は15秒だったものを1分程度にし、QuickTimeでなく
　MPEG 2で配布しています。（MacOS Xで高速変換処理ができるようになったため）
　現在280点ほどですが、年内には1000点ほどまで増やす予定です。
　 http://data.openspc2.org/HDTV/index.html 

　★遂に3万枚突破！！フリーの高解像度素材集
　　 http://data.openspc2.org/sozai/photo/index.html


　　♪JavaScriptに興味のあるお友達がいましたら、自由にご転送ください
　　□バックナンバーはこちら ⇒ http://www.melma.com/mag/73/m00036373/


┏━┳━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃02┃ニャン太の絵文字講座　　　　　　　　　　　　　コピペして使ってね♪
┗━┻━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
　絵文字３コマ

　　走って　　　　　　　　　走って走って…　　　　　あがった
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　┌─┐
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　│幸│
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　└─┘
　　　 ∧＿∧　　　　　　　　　∧＿∧　　 ┌┐　　　　　　　　　　／
　　　(^＿^　)○　　　　　　　(>ｏ<　)○─┤│　　　　　　　　　／
　　⊂|　　　|　＼　　　　　⊂|　　　|　　└┘　　　 ∧＿∧ 　／
　　　|　　　|〜　＼　　　　　|　　　|〜　　　　　　(　^＿^)○
　　⊂　￣￣∪　　　┌─┐　⊂　￣￣∪　　　　　　　|つ　　|

　　今年もハッピー！幸あれ★

　絵文字講座バックナンバーはこちら♪→ http://www.mailmagazine.org/nyan/ 
　携帯版ニャン太の絵文字→ http://mini.mag2.com/pc/m/M0015012.html 


┏━┳━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃03┃編集後記
┗━┻━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
　明けましておめでとうございます。今年も目指せ！ウェブマスター講座を
　どうぞよろしくお願いいたします。皆さんは年末年始をどんな風に過ごしました
　か？私は実家でのんびりしつつ、2004年の抱負を色々考えてみました。今年は
　何となく「１」をテーマにして、「1ヵ月に1冊はビジネス本を読む」「平日は夜
　1時には寝る」などなど。簡単に見えて意外と実現が難しそうなのは「1日1時間
　は歩く」…いつまで続けられるか分かりませんが、がんばりたいところです。
　皆さんはどんな抱負を作りましたか？　　　　やまゆう yamayu@writeup.jp 


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
※講座内容の著作権はすべてそれぞれの著者の方々に帰属します。個人的な利用
　以外のご使用（雑誌掲載、転載）に関しては、著作権にご留意ください。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
【ご意見・お問い合わせ】 yamayu@writeup.jp 
【広告掲載をご希望の方】 yama@c4c.jp 

　このメール配信がご不要の方は、下記URLにアクセスして下さい。
　▽ http://www.melma.com/mag/73/m00036373/

　　　　　　　Copyright(C)2003 WriteUp! All Rights Reserved.
　　　　　　　　　　　　http://www.writeup.jp
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

<<メルマガトップへ<<前の記事 ｜ 次の記事>> ｜ 最新の記事
　
このメルマガの読者になる
規約　
>> メルマ！の会報誌もお届けします

ブックマーク： はてなブックマークに追加del.icio.usに追加Buzzurlにブックマークニフティクリップに追加ライブドアクリップに追加Yahoo!ブックマークに登録My Yahoo!に追加Add to GoogleRSS

このメルマガを読んでいる人はこんなメルマガも読んでいます

当たる懸賞 ＴＯＫＵＴＯＫＵ
豪華商品を当てた人はみんな読んでる？。毎日、厳選したお徳懸賞・プレゼント情報を探し出してき、それをメールマガジンでお届けする。ひと目で分かりやすいの...
楽得・納得　ケロッチのグータラ便
懸賞・プレゼント・季節のお買い物・グルメ情報・旅の情報などをお届けする総合情報誌です。
子ブタタウン☆ぷひ☆
□あっちこっちの美味しい情報や楽しい話題を中心にグルメと旅行のプレゼントや懸賞情報をお届けします
ポケット英単語
英語講師安河内哲也が、旬の英単語を週２回、お手元にお届けします。
関西2人組☆関ｼﾞｬﾆ∞
関ｼﾞｬﾆ∞に溺愛?のゅぃとななが発行する関ｼﾞｬﾆ∞中心ﾏｶﾞでつ☆情報ゃ企画などぃっぱぃ↑登録して損はﾅｼッ!!!関ｼﾞｬﾆ∞FANの方は是非、...


この記事へのコメント


コメントを書く
コメントはありません。

おすすめキャンペーン

三井住友銀行カードローン
金利　年６．０％〜１２．０％。最高５００万円までお借入可能。
最短３０分審査、即日カード発行可能。
お申込はこちら⇒

melma!協賛企業

就職ならen|

発行者プロフィール

ペンネーム ：


このメルマガの読者になる

規約に同意する



このメルマガの最近の記事


このメルマガの最近のコメント

最新のコメントはありません。

注目情報


新着記事トピックス

→ 新着記事トピックス一覧