Demo
MICMS
当社で開発中のCMSであるMICMS関連の機能紹介ページです。
JavaScriptやHTML5を幅広く活用した機能を搭載しているのが特徴となります。
DnD & File API
HTML5のDrag and Drop APIとFile APIを利用した画像の登録とトリミング操作のDemoページです。
画像素材としてサーバー側に登録する前に、クライアント側で表示確認と簡単なトリミング操作などを行い、 指定のサイズへのリサイズや、同一デザインでサイズの異なる画像ファイル生成などを行います。
これにより画像登録の際の作業コストを軽減する事が可能となります。
WebJADE
JavaScriptを利用し、Webサイトのクライアント側への機能拡張を行う、WebJADEソリューションの機能紹介です。

UI,データ操作,サーバー側との通信など、現代のWebページで広く利用される技術をカバーします。
Ajax - FormCtrl
Webサイトには欠かせない存在と言える入力フォームへの、JavaScriptを利用した入力値検証機能です。
入力値検証に加え、適正文字以外の自動削除や全角/半角の自動変換機能に、 入力値がエラーだった場合の通知/補足情報表示や、入力項目についての詳細説明表示など 今までの単純な入力フォームのイメージを変える、新時代の入力インターフェイスとしてのフォームを、 既存のフォームへの簡単な処理追加だけで実現します。
Tab - ToggleSwitch
タブを利用し複数のコンテンツの切り替えを行うユーザーインターフェイスの実装です。
ある限られた範囲の中でより多くの情報を持たせ、それぞれの情報に容易にアクセス出来るようにします。
Navigation Menu
Webサイトの構成をユーザーに知られ、各ページへ素早くアクセス出来るようにするナビゲーションメニューの実装を行います。

CSSだけの記述や、JavaScriptを使いエフェクトを付与するなど、現在広く使われている形式での設置が可能です。
Ajax - Preload Cache
Ajaxを利用した、サーバーからの情報取得/更新の基本的な機能と、ユーザーの操作レスポンスを向上させる先読みキャッシュを実装します。
連続性の高い複数の情報で構成される項目において非常に有効に機能する、範囲設定形式での先読みキャッシュです。
Effect Control
現在のWebページにおいて、デザイン面での有効な付加要素となっている、アニメーションエフェクトの制御を行います。
マシンパワーの問題でエフェクトが不要、あるいは個人的な趣味に合わないと考えるユーザーに対し提供可能な選択肢として活用出来ます。
JavaScript
WebにおけるPCクライアント環境での事実上の標準スクリプトとなっている、JavaScript(ECMAScript)を利用したDemoです。

JavaScriptの利用により、UI,データ処理,視覚効果など様々な機能をクライアント側に実装する事が可能です。

このページを含め、一部のDemoでは、オープンソースのJavaScriptフレームワークであるMooToolsを利用しています。
LogDig
個々のアクセスログに注目した、非統計型のApacheログビューアーです。
Code Converter
JavaScriptによる半角/全角文字相互変換と、ひらがな/カタカナ変換ツールです。
TabSet
スイッチ的な役割を果すエレメント(要素)と、それにより表示/非表示が切り替わる対象エレメントを関連付けるというUI操作を目的としたJavaScriptクラスです。
JavaScript Usage
ここではHTML文章におけるJavaScriptの利用法をいくつか例示します。
HTML CSS
ここではJavaScriptでHTMLエレメントの操作を行います。

HTML構文として記述された項目を、JavaScriptCSSのスタイルを変更する事により表示切替します。
JavaScript Data
このDemoでは、JavaScriptをデータ処理目的で利用します。

データをJavaScript変数として保持し、HTML構文中の該当個所に設定することによってHTML構文完成/表示切替を行います。
CSS
レイアウトやデザイン指定に広く利用されるようになっているCSSを利用したDemoです。
ImageSwap
マウスポインタを合わせた時に画像を変更するという定番効果を、JavaScriptを使用せずCSSだけで行います。
MultiLevel Menu
Webサイトで常時表示されるナビゲーションメニューで使われるような多階層メニューを、JavaScriptを使用せず実装します。
TIPS
Demoというよりも備忘録兼小ネタ集です。

相変わらず能書きは多いですが、説明は少なめです。
Apache - mod_rewrite
Apacheのmoduleであるmod_rewriteを利用して、アクセスされるサイトのホスト名を統一するためのリダイレクトを行います。
Firefox - NoScript
JavaScriptFlashなどの有効/無効をサイト毎に設定出来る、非常に便利なFirefoxの定番AddOnであるNoScriptの解説です。
Demo
マウスポインタを左メニューの項目に合わせると、各Demoの説明が表示されます。(要JavaScript)

Demoページが用意されている場合は、各項目名をクリックするか、説明の右下にあるリンクをクリックする事で詳細ページに飛びます。