- 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構文として記述された項目を、JavaScriptでCSSのスタイルを変更する事により表示切替します。 - 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
- JavaScriptやFlashなどの有効/無効をサイト毎に設定出来る、非常に便利なFirefoxの定番AddOnであるNoScriptの解説です。
Copyright © 2006-2009 distraid Inc. All rights reserved.