上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
jQueryを勉強するがてら、勉強したことをブログ記事にしようという企画
まだまだjQuery初級者なので進めて行くうちにおかしいところや間違っているところが混ざっている可能性があるのでご注意ください。

1.jQueryの設置

まずはjQueryの入手から。これはものすごく簡単でhttp://jquery.com/からjquery.jsをダウンロードします。
何も考えずにDownloadボタンをクリックしてください。そうするだけでjQueryのJavascriptファイルがダウンロードできます。ダウンロードされるファイルの名前がjquery.1.3.2.min.jsとなっているのでこのときに必要であればファイル名を変更してください。

2.jQueryの使い方

次にjQueryの使い方です。使い方と言っても今回説明するのは「jQueryを使う為の準備」です。やることはたった1つで、タグの中でjQueryを外部読み込みをするだけ。とっても簡単。但し、必ずjQueryを一番最初に読み込ませるように記述してください。
例. <script type="text/javascript" src="js/jquery.js"></script>

3.jQueryで書く"Hello,World"

わずか2ステップでjQueryが使えるようになりました。そこでプログラミング初歩の定番"Hello,World"をjQueryで書いてみましょう。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Hello,World</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
	$(function(){
		$("p").text("Hello,World");
	});
</script>
</head>
<body>
	<p><!-- Hello,World --></p>
</body>
</html>
 
うまくjQueryがロードできていれば HelloWorldが表示されると思います。

今回はjQueryの設置、使い方からHello,Worldまでやりました。次回はjQueryの書式について触れたいと思います。

参考サイト:jQuery入門 (ver 1.3)

スポンサーサイト
「Thunderbird 3」正式リリース - ITmedia News
Mozilla Foundationは12月8日、メールソフトの最新版「Thunderbird 3」の正式版をリリースした。Windows、Linux、Mac OS X向け49カ国語版がThunderbirdのページからダウンロードできる。

窓の杜 - 【NEWS】USBメモリなどにインストールできる「Thunderbird 3」ポータブル版が早くも登場
PortableApps.comは8日、メールソフト「Thunderbird」v3.0のポータブル版「Mozilla Thunderbird, Portable Edition」v3.0を公開した。

気になっていたので早速アップデートしてみたのですが、案の定アドオンの大半が未対応…。なので、Thunderbirdをアドオンでカスタマイズしている人はまだアップデートをせずにアドオン対応を待ったほうが無難だと思います。自分の環境で生き残った(現在対応している)アドオンは下記の2つ
  • Change quote and reply format
  • QuoteCollapse
この前の書いたLightningによるGoogleカレンダ連携ができなくなったのがちょっと不便かも…。

Powered by ScribeFire.

オンキヨー、1,366×768ドットの10.1型ワイド液晶を2枚搭載したモバイルノート | マイコミジャーナル
オンキヨーと工人舎が協業してできた製品で、1枚の液晶の解像度が1,366×768ドットになるなど、工人舎の「DZシリーズ」をスペックアップしている。2枚目の液晶は1枚目の液晶の裏側に収納されていて、サイドのスイッチを押すことで広げることができる。2枚を広げた場合の解像度は 2,732×1,536ドットとなる。
最近ちょっと話題になっているディスプレイを2つ搭載したノートPCがオンキヨーからも登場するそうで、どうやら先に登場した工人舎の「DZシリーズ」をスペックアップしているようです。

オンキヨー DX1007A5工人舎 DZ6KH16E
CRT1,366×7681,024 x 600
MEM2GB1GB
HDD320GB160GB

ざっくりと見た感じではディスプレイサイズが 1,024×600→1,366×768 とサイズアップ目立ちますね。DZシリーズでは高さがモニタの高さが600pxしかなかったがために「ちょっとなぁ…」という声がありましたが、オンキヨーのDXでは768pxに拡張されているので「おぉ、これなら!」と思う人も多そうです。

Powered by ScribeFire.

openclose

カテゴリ一覧

そま宗助

  • Author:そま宗助
  • タイ生まれのちょっと変な?日本人。
    農学博士の父とブラジル日系1世の母の間に生まれたため、普通の日本人とはちょっと違う視点で世界を見つめる男。

    最近、勉強会やカンファレンスにちょいちょい顔出ししてます。

    読書週間継続中?

    ストレングスファインダー
    1.収集心
    2.学習欲
    3.共感性
    4.指令性
    5.運命思考
プロフィール

※注意書き※
当ブログに掲載されているJavaScriptの動作確認はFirefoxでのみ行っております。他ブラウザでの動作に関しては保障できませんのでご注意ください。






1キロバイトの素材屋さん
フリーエリア
FC2カウンター

名前:
メール:
件名:
本文:

メールフォーム

Page Top

Powered by FC2 Blog |

FC2Ad

| Template Design by スタンダード・デザインラボ

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。