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

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


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


【ウェブ関数】OSを判別する／サルも入る温泉

発行日： 2004/1/19


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

01：JavaScript講座（新）　　　第77回　「OSを判別する」
02：ニャン太の絵文字講座　　　第57回　「サルも入る温泉」
03：編集後記　　センター試験でしたね
　※バックナンバーをご覧になりたいかたはこちら（↓）まで
　　　　　　　　　　　　　　 http://www.melma.com/mag/73/m00036373/
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

--PR--------------------------------------------------------------------
　　　　　　　　　　★　懸賞は努力で勝ち取るもの　★　　　　　　　　　　
　　　　　　　　　　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　クイズで３問勝ち抜いた方の中から５名様に日立製の豪華家電製品が当たる！
　エントリーをして、クイズに答えてみよう！ http://www.ateru.jp/hitachi/
------------------------------------------------------------------------

┏━┳━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃01┃JavaScript講座（新）　　　　　　　　　　　　一から始めるJavaScript
┗━┻━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
　第77回　「OSを判別する」

　今回はOS (Operating System) を判別するプログラムを作成します。
　それぞれのOSとブラウザが返すuserAgentの文字列をもう一度見てみましょう。


●Windows XP
　Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; .NET CLR 1.1.4322)
　Mozilla/5.0 (Windows; U; Windows NT 5.1; ja-JP; rv:1.0.2) Gecko/20030208 Netscape/7.02
　Mozilla/4.0 (compatible; MSIE 6.0; MSIE 5.5; Windows NT 5.1) Opera 7.01 [en]

●Macintosh (MacOS X)
　Mozilla/4.0 (compatible; MSIE 5.22; Mac_PowerPC)
　Mozilla/5.0 (Macintosh; U; PPC Mac OS X; ja-JP; rv:1.0.1) Gecko/20020823 Netscape/7.0
　Mozilla/5.0 (Macintosh; U; PPC Mac OS X; ja-jp) AppleWebKit/103u (KHTML, like Gecko) Safari/100

●UNIX (X-WINDOW)
　Mozilla/5.0 (X11; U; Linux i686; ja-JP; rv:1.1) Gecko/20021105
　Mozilla/4.7 [en] (X11; I; SunOS 5.8 sun4u)
　Mozilla/5.0 (compatible; Konqueror/3.1; Linux 2.4.21-0.13mdk; X11; i586; en_DK, en)


　Windowsの場合はWindowsという文字が含まれています。この文字列があるか
どうかでWindowsを判別できます。
　Macintoshの場合はMacという3文字だけは共通のようです。この３文字で
Macintoshかどうか判別できます。
　UNIX (FreeBSD, Linux, SunOSなど。UNIX互換OS）の場合はX11という文字
(X-WINDOW)が入っていますから、これで判別することができます。

　実際のプログラムは以下のようになります。特定の文字列があるかどうかだけ
なのでindexOf()を使って調べるだけで済みます。

<html>
<head>
<title></title>
<script language="JavaScript"><!--
//　OS名を返します
function getOS()
{
var uName = navigator.userAgent;
var osName = "unknown";
if (uName.indexOf("Windows") > -1) osName = "Windows";
if (uName.indexOf("Mac") > -1) osName = "Macintosh";
if (uName.indexOf("X11") > -1) osName = "UNIX";
return osName;
}
// --></script>
</head>
<body>
<form>
<input type="button" value="チェック" onClick="alert(getOS())">
</form>
</body>
</html>


　次回はフレームについて説明します。


　▽お知らせ▽
　★Adobe AfterEffects 6.0のページを作成しました。
　Adobe AfterEffects 6.0でもJavaScriptが利用できます。
　従来のExpressionに加えてAdobe AfterEffects 6.0を JavaScriptで制御する
　事ができるようになりました。今回、試みとして私が映像で映像の作り方など
　を解説しています。
　 http://www.openspc2.org/reibun/AfterEffects6.0/ 

　★動画素材を大幅に追加！
　ビクターのハイビジョンカメラ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┃編集後記
┗━┻━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
　昨日の夕方に学生らしき人たちが大勢電車に乗り込んできてびっくりしていたら
　おととい、昨日と大学のセンター試験だったんですね。私の妹が来年大学受験な
　ので、来年はドキドキしながらこの時期を迎えることになりそうです。それにし
　ても、私が受験生だった頃はセンター試験の問題は新聞でチェックしていました
　が、今はネットに問題も回答もバッチリ掲載されているんですね。う〜ん、便利。
　やまゆう　 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の方は是非、...


この記事へのコメント


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

おすすめキャンペーン

■三菱東京UFJ銀行系 モビット■
【１】ネットで自動審査・来店不要！
【２】限度額300万円
【３】年利9.8％-18.0％（実質年率）

急な出費にモビット！

発行者プロフィール

ペンネーム ：


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

規約に同意する



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


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

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

注目情報


新着記事トピックス

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