JavaScriptの最近のブログ記事
世界一インストールが簡単なWikiシステム「JSWikiMini」
(ただし Windows+IE 限定)JSWikiMini 1.0.1をリリースしました。
JSWikiMini - YukiWikiMiniのJavaScript移植版
このWikiツールは、おそらく世界一インストールが簡単です。
なぜ世界一簡単かというと、
"index.html"ファイルただ１個で動くからです。
上記リンク先から、ZIPファイルをダウンロードして解凍したら、インストール完了です。
実際にストップウォッチ片手に測ってみたところ、ダウンロードから使用開始までの所要時間は１０秒ほどでした。
ZIPフォルダを解凍した中身。index.htmlを開くだけで動く
YukiWikiMiniのJavaScript移植版
中身は、YukiWikiMiniをJavaScriptで再実装したものです。画面の操作方法は本家YukiWikiMiniとまったく同じです。
YukiWikiMiniそのままのシンプルデザイン
最大の違いは、
- YukiWikiMini：Webサーバに設置して公開して使う。(もしくは社内Web等で使う)
- JSWikiMini：ローカルPCに置いて自分ひとり(もしくは共有フォルダにおいて仲間内だけで)で使う
自分ひとりだけで使うような場合、YukiWikiMiniだと自分のPCにApacheとActivePerlをインストールする必要があり、初心者には少し敷居が高いです。
このインストールの手間を省くために今回JavaScript版を作りました。
動作もサクサク超高速
これはWebアプリではなくデスクトップアプリなので、Webサーバとの通信が発生しません。なので動作が超絶速いです。
USBメモリ、SDカードに入れても動く
「フォルダ」がある場所ならどこにでも置けます。SDカード、USBメモリ、ネットワーク上の共有フォルダなどに置いて使うことができます。
Wikiを使ってみたいけど公開したくない、勝手に編集されたくない、ちょっとだけ試してみたい、そんな人にはぴったりです。
超簡単に設置できるので、ぜひ試してみてください。
感想をコメントでいただけたらうれしいです。
DQNEO Calendar
は、Googleカレンダー風の日付入力ツールです。JKL CalendarをGoogleカレンダー風にアレンジしたものです。
JavaScriptが分らない人でも導入できるように、設置方法を簡単にしました。
誰でも簡単に設置できると思います。
デモ
←クリック(ここにカレンダーが表示されます。)
ダウンロード
dqneo-calendar-0.1.js （右クリックで保存できます。）設置方法
１．HTMLファイルの<head>～</head>タグ内で次のように書きます。
<script src="dqneo-calendar-0.1.js" charset="utf-8"></script>
<script>
var cal1 = new DQNEO.Calendar("cal1");
</script>
<span>
<input type="text" id="cal1"
onclick="cal1.onclick();" onchange="cal1.onchange();"><br/>
</span>
注２：<br/>タグ、<span>タグなどは必須ではありませんが、これがないと表示が崩れることがあります。
（次期バージョンで改良予定）
１画面に複数のカレンダーを表示したい場合
１画面に複数表示することも簡単にできます。| ～ |
下記のように記述します。
<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>
サイ本 第３章 データ型と値
３種類の基本データ型
JavaScriptには、基本データ型が３種類ある。| データ型 | 値の例 |
| 数値 | 3 |
| 文字列 | 'hello' |
| 論理値 | true,false |
また、nullとundefinedという特殊なデータ型がある。
これらは値が１種類しかない。
| データ型 | 値の例 |
| null | null |
| undefined | undefined |
複合データ型
オブジェクトと呼ばれる複合データ型がある。オブジェクトには、配列と関数も含まれる。
逆に、配列と関数は、特殊な振る舞いをするオブジェクトである。
Date,RegExp,Errorなどもオブジェクトである（型ではない)。
サイ本 第２章２.８ 予約語
ECMAScript v3で決められている予約語の一覧です。意外と少ないんですね。
break
case
cache
continue
default
delete
do
else
false
finally
for
function
if
in
instanceof
new
null
return
switch
this
throw
true
try
typeof
var
void
while
with
case
cache
continue
default
delete
do
else
false
finally
for
function
if
in
instanceof
new
null
return
switch
this
throw
true
try
typeof
var
void
while
with
ifやfunctionはよく使います。
逆に使ったことがないのは、default,delete,finally,instanceof, voidあたり。
今後、意識して使うにしようっと。
使用頻度分析とかしたら面白いかも。
達人プログラマと初心者プログラマの違いがはっきり出るんだろうな。ww
