Ajaxアプリのビジュアル開発ツール，デファクトを狙いNTTデータがオープンソースとして公開へ：ITpro
NTTデータは，Ajaxアプリケーションをビジュアルに作成できる開発ツール「マスカット」を，2006年9月中にオープンソース・ソフトウエアとして無償公開する。ボタンやタブ，ツリーなどの画面オブジェクトをマウスで配置してアプリケーションを開発できる。NTTデータによれば，JavaScriptを書くことなくアプリケーションを開発でき，工数が約60％削減されるという。オープンソース・ソフトウエアとして無償公開することでデファクト・スタンダードの地位を狙う。 マスカットによる開発の手順は以下のようになる。まず用件定義担当者がWebブラウザ上の「マスカットWebブラウザ版IDE」で，Web画面をマウス操作でデザインすると，画面定義XMLが生成される。これを開発担当者が「マスカット Eclipse版IDE」にインポートして，画面オブジェクトと既存の業務ロジック・オブジェクトを対応付ける設定などを行い，
もっとも人気のあるAJAX言語は フレームワークは (MYCOMジャーナル)
Ajaxian.comにおいて23日(米国時間)、"Ajaxian.com 2006 Survey Results"調査結果が報告された。本報告はAjaxian.comの調査によるもので、今回で2回目になる。865人から回答を得ている。もっとも人気のあるAjaxフレームワークはPrototype.js、Script.aculo.usが2位につけている。言語ではPHPがもっとも人気が高く、次いでJavaとなっている。 主な結果は次のとおり。 ポピュラーAjaxフレームワーク Prototype - 43% Script.aculo.us - 33% Dojo - 19% DWR - 12% Moo.fx - 11% iQuery - 7% Yahoo! UI - 5% Rico - 5% Atlas - 4% MochiKit - 4% XAJAX - 4% Google Web Toolk
いやなブログ - JavaScript ではてなブックマーク数を表示
JavaScript ではてなブックマーク数を表示 はてなブックマークのブックマーク数は人気の指標として参考になります。このブログでは各エントリの末尾に、ブックマーク数を画像で取得する API を使って、ブックマーク数を表示するように設定しています。 ブログシステムのようにテンプレートを使える場合は、ブックマーク数を表示する HTML をたくさんのページに貼り付けるのは簡単ですが、そうでない場合はなかなか面倒です。そこで、ここでは JavaScript を使ってはてなブックマーク数を表示する方法を紹介します。 やり方 まず、次のような JavaScript を hatena-bookmark.js として保存してウェブに置きます。 function makeHatenaBookmarkLinks() { return ("<a href='http://b.hatena.ne.jp/ent
ITmedia エンタープライズ：Ajaxを理解する4つのポイント (1/6)
Ajaxはどのように実現されているのだろうか？ こんな疑問に応えるべく、サンプルを挙げてみよう。Ajaxの基本は、単に「JavaScriptでHTTP通信をする」というだけに過ぎないことが分かる。 オンライン・ムックPlus「Web2.0で変わるWebプログラミングの常識」の第1回目では、Ajaxが使われる背景と、どのような場合に適しているかを解説した。 今回はサンプルアプリケーションを取り上げていこう。ポイントは、もっとも基本的な例に限定したことであり、開発者である読者が今すぐにでも既存のWebアプリケーションへ組み込むことができるよう配慮した点だ。 まず最初に、以下の図2に示す2つのテキストボックスに注目してほしい。その「和」と「差」をそれぞれ計算し、結果を埋め込むという処理を挙げてみよう。 「和」と「差」を計算する処理の部分は、サーバ側に用意したPHPプログラムで行うことにする（図3
Web開発者のためのライブラリTOP10とCrossBrowserToys:phpspot開発日誌
Top 10 Web Developer Libraries - Cameron Olthuis I decided to make a list of the top libraries that I have come across or that I personally use. WebデベロッパーのためのライブラリTOP10。 Moo.fx , Rico , Swat ,ColorCombos ,script.aculo.us ,Mochikit ,Dynamic Drive CSS Library, PEAR , DHTML Goodies ,Cross Browser | Toys ,Yahoo UI Library 実際には12個紹介されます。 ColorCombos, Cross Browser | Toys 以外はわりとメジャーなので知っていましたが、いろいろとライブラ
fladdict.net blog: jsがメッサ楽しくなるフレームワークjQuery(1)
HATENA-TUBEで使っている、jQueryというjsフレームワークが楽しすぎる件について。 jQueryは、ちょっとダーティだけどスゴイお手軽に、色々なことができるステキライブラリっす。小さい実験でのプロダクティビティはもうprototype.jsの100倍ぐらいスゴイっす。 色々実験中なのでそのメモ。 まず、最新版を右クリックから保存して適当なフォルダに入れる。 まず、jQueryではdobument.body.onloadに相当する部分が、ちょっと独特なのでおまじないのつもりで以下のように書きます。 初期化 $(document).onready( function(){ //ここに初期化系の処理 }) で、jQueryもプロトタイプみたいに$()関数を多様するのだけど、その強力さが半端ありません。例えば、ノードの一括定義とかができちゃいます。 全ての＜p＞ノードの中身を”Hel
我的春秋: JavaScript ソースが HTML から消える日
［2006-06-10 付記］このエントリーは、2006-01-05 時点のもので情報が古くなってます。現時点で把握している最新情報を「続 JavaScript ソースが HTML から消える日」にアップしましたので、あわせてご参照ください。 Behaviour.js ― JavaScript ソースを (X)HTML から完全分離できるライブラリ 昨日、職場の同僚の人がたまたま見つけた JavaScript ライブラリを教えていただたんですけど、これがもうびっくり！なんと、このライブラリがあれば、イベントハンドラーも含めて JavaScript ソースが (X)HTML の body 内から、ほぼ完全に分離できてしまいます！ しかも、HTML 内で JavaScript 関数を適用する場所は、なんと JavaScript ソース内に CSS セレクタを書き込むことで指定！あまり日本では取
goo
フォローあなた好みの記事を表示させよう フォロー機能とは フォロー機能とは ボタンを押してあなたの好みのキーワード（ハッシュタグ）をフォローすると、そのキーワードに関連する記事が優先的に表示されます。 フォローしたキーワードは、詳細設定ページの「フォロー中」のエリアに表示されます。
ツリーメニュー
<style type=text/css><!-- LI {font-size:10pt;} A { text-decoration:none; } --></style> <script language=JavaScript ><!-- function MyMenu(tName){ tMenu=(document.all)?document.all(tName).style:document.getElementById(tName).style; (tMenu.display=='none')?tMenu.display="block":tMenu.display="none"; }/* himajin.moo.jp */ // --></script> ----ここから----- <a href="JavaScript:MyMenu('treeMenu1')">JavaScrip
ツリーメニュー - JavaScript
サンプルと機能 → Sample 1：ツリーメニュー → Sample 2：階層付きツリーメニュー 文字をクリックされると、その下にメニューを表示します。 階層はいくつでも増やすことができます。 Netscape Navigatorには対応していません。 サンプルスクリプト 緑の文字が変更箇所で、赤い文字が対応するスクリプトです。 "//"以下はコメントです。削除しても影響ありません。 必要な箇所をコピー＆貼り付けして編集してください。 → Sample 1：ツリーメニュー <HTML> <HEAD> <TITLE></TITLE> <STYLE> a:link {text-decoration:none;} a:visited {text-decoration:none;} a:active {text-decoration:none;} a:hover
YUIのツリーメニューでAjaxな動的ロード - ［JavaScript］All About
JavaScript ガイド：高橋 登史朗 Ajaxなど、何かと最近騒がれているJavaScriptの最新情報とその活用方法を解説します。 掲示板 取材依頼 問合せ YUIのツリーメニューでAjaxに動的ロード 前々回、 前回と Yahoo! UIのTreeView(以下、YUI)を利用して簡単にツリーメニューを作成するサンプルを作ってきましたが、 今回は、いよいよそれをベースに、Ajaxな動的ロード機能を追加してみます。 今回のソースは、前回作った、 配列型のJSONデータを与えて、メニューを自動生成するタイプの改造と拡張です。 前回のデータは、今回のスクリプトでもそのまま使えます。 今回の主な変更点は、Ajaxによる動的ロード機能を追加したことです。ツリーホルダに動的ロードを指定できるようにしたことで 、そのホルダをクリックすると別に用意したJSONデータの
Photoshopのスクリプト制御：CodeZine
はじめに Photoshopは、印刷、デザイン、Web製作、ゲーム開発などのさまざまな仕事の現場で利用されている画像加工・作成アプリケーションです。このPhotoshopは、バッチ処理を行う強力なアクション機能を備えています。しかし、少し複雑なことをさせようとすると、とたんに限界に行き当たるのが現実です。 Photoshop 7.0以降では、Scripting plug-inを使うことで、プログラミングで直接Photoshopを制御できるようになりました。この機能を使えば、アクション機能では実現できなかった細かな処理を行えます。 例えば、ファイル名の作成などの「文字列処理」、画像サイズを計算して求める「計算処理」、そして「条件分岐」といったプログラム特有の処理は、アクション機能では実現できないものです。 本記事では、JavaScriptというWeb関連の技術者におなじみのプログラム言語を使
hori-uchi.com: OOなJavaScriptの勉強がてら、ボタンの2度押し禁止機能を簡単に実現するライブラリを作ってみました
OOなJavaScriptの勉強がてら、ボタンの2度押し禁止機能を簡単に実現するライブラリを作ってみました ちょっと時代に乗り遅れている気もしますが、最近prototype.jsをつかったOOなJavaScriptを書くのにはまっています。 今日はbindとbindAsEbentListenerの勉強がてら、これまたかなり昔話題になった「2度押し禁止ボタン」を実現するコードを書いてみました。 input.js 使い方はこんな感じです。 // prototype.jsとinput.jsをロードします。 <script type="text/javascript" src="/path/to/prototype.js"></script> <script type="text/javascript" src="/path/to/input.js"></script> <script type=
Ajaxを使おう RSSリーダーを作る - ［JavaScript］All About
下記ボタンをクリックすると各RSSを動的に読み込み、リストを表示します。 (チャンネルによっては、最新データが0件の場合もあります。別のチャンネルをお試し下さい。上記動作可能ブラウザでうまく表示できない時は、ActiveXの設定などもお確かめください。) パソコン・デジタル家電 ビジネス・キャリア 住宅・インテリア 人気記事ランキング <button onclick="rssReader('http://allabout.co.jp/rss/computer/index.rdf')"> パソコン・デジタル家電</button><br> <button onclick="rssReader('http://allabout.co.jp/rss/career/index.rdf')"> ビジネス・キャリア</button><br> <button onclick="
テーブルをJavascriptで自動的に見やすくする:phpspot開発日誌
Automatic colored rows - Example for BiteSize Standards テーブルの背景って次のイメージのように行ごとに交互に色分けされていると見やすいですね。 かといって、サーバサイドでアイテムを回して、１個１個設定するのも結構面倒だったりします。 リンク先のサンプルでは、JavaScriptを使って、trエレメントを探索し、交互にクラスを割り当てていくことで、自動でテーブルに色をつけてるようです。 これで、テーブルはシンプルにHTMLでコーディングでき、サーバサイドの技術なしで見やすいテーブルが作成できますね。
JavaScriptのパラダイムシフトAjaxって何？ - ［JavaScript］All About
JavaScript ガイド：高橋 登史朗 Ajaxなど、何かと最近騒がれているJavaScriptの最新情報とその活用方法を解説します。 掲示板 取材依頼 問合せ JavaScriptのパラダイムシフト「Ajax」 JavaScriptに何が起きているの？ 最近、Ajaxという言葉が流行っています。 「Ajax」は、Asynchronous JavaScript + XML(非同期なJavaScriptとXML)の略 ですが、技術そのものではなく、JavaScript+CSS+DOM+XML+XMLHttpRequest＋サー バーサイド(PHP、Perl、Java、DB、、、)といった、いわゆるWeb関連の技術を新しいやり方で組み合わ せ連携させることを指しています。 具体的には、現在は、Google Maps や Google Suggest、amazon A
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
htmlでのツリーメュニー
lalaha.com
Account Suspended
エクスプローラーツリー(2) - DHTML