JavaScriptの最近のブログ記事

5行のコードで、Yahoo!のトピックス一覧を抽出する!使うのは「メモ帳」だけ!

Windowsユーザのみなさん、社会人・学生のみなさん、こんにちわ。
プログラマではないあなたのために、プログラムの面白さを伝えるためにこの記事を書きました。

これから、たった5行のコードでYahoo!のトピックス一覧を抽出してみます。
このプログラムのすごいところは、何もインストールしなくてよいことです。
Windowsとメモ帳だけあれば動きます。

下記のコードをメモ帳に貼り付けて、デスクトップに保存してください。
(IE6,7で動作確認済みです。たぶんIE8でも動きます。)

ファイル名: yahoo.jse

var IE = new ActiveXObject('InternetExplorer.Application');
IE.navigate('http://yahoo.co.jp');
while (IE.busy);
while (IE.document.readyState != "complete");
WSH.Echo(IE.document.getElementById('topicsfb').innerText);


ファイル名が " yahoo.jse.txt " にならないように気をつけてくださいね

jscript01.JPG

保存したら、ダブルクリックします。

02.jpg

すると、、、ほら!!

03.jpg
ね、すごいでしょ?

応用例

株価を取得する
トヨタ自動車の株価をチェックしてみたりとか。


var IE = new ActiveXObject('InternetExplorer.Application');
IE.navigate('http://profile.yahoo.co.jp/fundamental/7203');
while (IE.busy);
while (IE.document.readyState != "complete");
WSH.Echo(IE.document.getElementById('left_col').innerText);

04.jpg

気象庁の天気予報を取得する
明日のデートにそなえたりとか。


var IE = new ActiveXObject('InternetExplorer.Application');
IE.navigate('http://tenki.jp/');
while (IE.busy);
while (IE.document.readyState != "complete");
WSH.Echo(IE.document.getElementById('descriptionEntries').innerText);


05.jpg
どうですか、簡単でしょう?

まとめ

JavaScript(厳密に言うとJScript)で遊んでみました。
Windowsには、このようにメモ帳だけでプログラムを実行できる素晴らしい環境があります。
特別なソフトを入れずとも、すぐプログラムが書けるのです。

これでプログラミングの楽しさを知っていただけたら幸いです。

(くれぐれも悪用しないでくださいね!!)

世界一インストールが簡単なWikiシステム「JSWikiMini」

(ただし Windows+IE 限定)

JSWikiMini 1.0.1をリリースしました。
JSWikiMini - YukiWikiMiniのJavaScript移植版
このWikiツールは、おそらく世界一インストールが簡単です。
なぜ世界一簡単かというと、
"index.html"ファイルただ1個で動くからです。
上記リンク先から、ZIPファイルをダウンロードして解凍したら、インストール完了です。
実際にストップウォッチ片手に測ってみたところ、ダウンロードから使用開始までの所要時間は10秒ほどでした。

JSWikiMini-1.JPG
ZIPフォルダを解凍した中身。index.htmlを開くだけで動く

YukiWikiMiniのJavaScript移植版

中身は、YukiWikiMiniをJavaScriptで再実装したものです。
画面の操作方法は本家YukiWikiMiniとまったく同じです。

JSWikiMini-2.JPG
YukiWikiMiniそのままのシンプルデザイン

最大の違いは、
  • YukiWikiMini:Webサーバに設置して公開して使う。(もしくは社内Web等で使う)
  • JSWikiMini:ローカルPCに置いて自分ひとり(もしくは共有フォルダにおいて仲間内だけで)で使う

自分ひとりだけで使うような場合、YukiWikiMiniだと自分のPCにApacheとActivePerlをインストールする必要があり、初心者には少し敷居が高いです。
このインストールの手間を省くために今回JavaScript版を作りました。

動作もサクサク超高速

これはWebアプリではなくデスクトップアプリなので、Webサーバとの通信が発生しません。
なので動作が超絶速いです。

USBメモリ、SDカードに入れても動く

「フォルダ」がある場所ならどこにでも置けます。
SDカード、USBメモリ、ネットワーク上の共有フォルダなどに置いて使うことができます。

Wikiを使ってみたいけど公開したくない、勝手に編集されたくない、ちょっとだけ試してみたい、そんな人にはぴったりです。
超簡単に設置できるので、ぜひ試してみてください。
感想をコメントでいただけたらうれしいです。
dqneo-calendar.JPG

DQNEO Calendar

は、Googleカレンダー風の日付入力ツールです。
JKL CalendarをGoogleカレンダー風にアレンジしたものです。
JavaScriptが分らない人でも導入できるように、設置方法を簡単にしました。
誰でも簡単に設置できると思います。

デモ
←クリック


(ここにカレンダーが表示されます。)
ダウンロード
dqneo-calendar-0.1.js   (右クリックで保存できます。)

設置方法

1.HTMLファイルの<head>~</head>タグ内で次のように書きます。
  <script src="dqneo-calendar-0.1.js" charset="utf-8"></script>
  <script>
    var cal1 = new DQNEO.Calendar("cal1");
  </script>
2.<body>~</body>タグ内で、次のように書きます。
<span>
 <input type="text" id="cal1" 
    onclick="cal1.onclick();" onchange="cal1.onchange();"><br/>
</span>
注1:"cal1"の部分は好きな文字列でかまいません。
注2:<br/>タグ、<span>タグなどは必須ではありませんが、これがないと表示が崩れることがあります。
(次期バージョンで改良予定)

1画面に複数のカレンダーを表示したい場合

1画面に複数表示することも簡単にできます。
 ~ 


下記のように記述します。
  <script>
    var cal1 = new DQNEO.Calendar("cal1");
    var cal2 = new DQNEO.Calendar("cal2");
  </script>
<table><tr>
<td>
  <input type="text" id="cal1"
 onclick="cal1.onclick();" onchange="cal1.onchange();"> ~ 
</td>
<td>
  <input type="text" id="cal2"
 onclick="cal2.onclick();" onchange="cal2.onchange();">
</td>
</tr></table>

設置例

デモページ をご覧ください。

補足

JKL Calendarにある半透明化やフェードアウトの機能はありません。
基本的に、JKL Calendarから機能を削ってより簡単にしています。

謝辞

JKL Calendarという素晴らしいツールを作られた川崎様に感謝いたします。
小数点を切捨てるには、Math.floor()を使います。

<script>
var a = Math.floor(2.9999);
alert(a);  // '2'と表示
</script>

サイ本 第3章 データ型と値

3種類の基本データ型

JavaScriptには、基本データ型が3種類ある。

データ型値の例
数値3
文字列'hello'
論理値true,false

また、nullとundefinedという特殊なデータ型がある。
これらは値が1種類しかない。

データ型値の例
nullnull
undefinedundefined

複合データ型

オブジェクトと呼ばれる複合データ型がある。
オブジェクトには、配列と関数も含まれる。
逆に、配列と関数は、特殊な振る舞いをするオブジェクトである。

Date,RegExp,Errorなどもオブジェクトである(型ではない)。

このアーカイブについて

このページには、過去に書かれたブログ記事のうちJavaScriptカテゴリに属しているものが含まれています。

前のカテゴリはHTTPです。

次のカテゴリはLinuxです。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

Powered by Movable Type 5.02