「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
僕は JavaScript が好きだ。できるだけ多くのことを JavaScript で済ませてしまいたいと考えている。 以前は JavaScript では絵や音を扱うことができないという点がボトルネックになって,応用の幅を狭めていた。これが最近になると, Canvas 要素のおかげで絵を扱うことができるようになったり, Flash を代行役にすることによって音を出せるようになったりと,いろいろ状況が変わってきている。 そこで今回は,以前から機会があれば触ってみたいと思っていた Processing.js と SoundManager 2 を使って, JavaScript によるオーディオ&ビジュアルプログラミングに挑戦してみた。 Processing.js とは Processing.js は,ビジュアルデザイン向けプログラミング言語 Processing を模して作られた JavaScr
Excelっぽい機能も付いた検索&ソート&ページング機能付きテーブル実装JSライブラリ「TinyTable V3」 2009年11月18日- Excelっぽい機能も付いた検索&ソート&ページング機能付きテーブル実装JSライブラリ「TinyTable V3」。 次のような、UIも美しい高機能なテーブルの実装が出来ます。 普通のテーブルをリッチに スタイルを切ると、次のような単なる<table>タグで定義されたデータなのですが、JavaScript とCSSの力によって大きく形を変えています。 機能紹介 検索機能。大量にデータがあった場合にこの機能はかなり重宝します。 ソート機能。データが一杯でも分かりやすい。全カラムにおいてソート機能が付いてます ページング機能によって縦幅が大きく取られることを防ぎます。view all ボタンで全部を表示することも可能。 縦方向の合計をExcelのsumっ
node.jsはJavaScript製のフリーウェア(一部オープンソースのライブラリが入っている)。クライアントサイドとサーバサイド、両方が同じ言語で書ければどれだけ開発工数が低減されるだろうか。Web系の技術者は常にそこにジレンマを感じることだろう。 デモのチャットアプリ 方法は二つ、JavaScriptでサーバサイドを実装するか、GWTのようにJavaScriptを覆うかだ。node.jsはJavaScriptでサーバサイドを実装する。特徴的なのはそのエンジンとしてGoogle製のv8エンジンを採用していることだろう。さらにnode.js自体がポートをリッスンし、Webサーバとして動作するのが特徴だ。 独自でWebサーバを用意しているからだろうか、動作は軽快だ。チャットアプリケーションがデモとして用意されているが、レスポンスはとても良い。サーバサイドの実装と合わせて同一言語で開発できる
dygraphs JavaScript Visualization LibraryはJavaScript製のオープンソース・ソフトウェア。グラフライブラリは多数あれど、大抵は円グラフや棒グラフなどのシンプルなグラフを描く機能しかない。高度なグラフを描こうとすると利用できるライブラリは途端に少なくなる。 高機能なグラフライブラリ また高度なグラフはクライアントサイドだけでなく、サーバサイドの仕組みが必要になることも多い。そんな中dygraphs JavaScript Visualization Libraryはとても簡単に使えるグラフライブラリになっている。JavaScriptでSVGを描いてグラフ化するのだ。 主なグラフはX-Y軸を持った折れ線グラフになるようだ。とはいえ測定範囲を含んだグラフを描いたり、グラフの一部をマウスを使って拡大する、マウスオーバーすると値が表示されるなど高度な機能
またまた登場!凄くリッチなWEBアプリ作成フレームワーク「Ajax.org Platform」 2009年12月16日- またまた登場!凄くリッチなWEBアプリ作成フレームワーク「Ajax.org Platform」。 Ext.js ばりにきれいなUIと多機能さで今後が期待されるJSフレームワークです。 次のような綺麗でリッチなインターネットアプリケーションが作れます。 デモページには多数のコンポーネントが掲載されていて色々できることがわかります。 GoogleMapや、各種UIパーツの他、3Dグラフなんかも面白いです。 JavaScript でクネクネ動く3Dグラフです。 以下のページを参照してください。 Ajax.org - The real-time collaborative application platform
xui-jsはJavaScript製のオープンソース・ソフトウェア。スマートフォンが隆盛だ。iPhoneはもとよりAndroid、Plam Pre、Windows Mobile、Blackberryと多彩なスマートフォンが登場している。多数のスマートフォンではWebKitをブラウザに使っている。 スマートフォン向けのJavaScriptフレームワーク WebKitであればHTML5にも対応し、JavaScriptも高いレベルで実行ができる。そんな中登場したJavaScriptフレームワークがxui-jsだ。多彩な表現を可能にしつつ、スマートフォンでしか実行できない機能もある。 イベントを取得してHTMLの内容を書き換えたり、アニメーションを実行する操作がコード数行で実現できる。Ajaxも利用でき、アクションによって外部からデータを取得して表示するのも簡単だ。CSSのクラスを追加したり、逆に
UKIはJavaScript製のオープンソース・ソフトウェア。Webアプリケーションを作る上ではそのインタフェースが重要な要素になる。ローカルアプリケーションの代わりに使えるレベルとなると、通常のWebサイトとは異なるインタフェースが求められるだろう。 リスト作成&操作も簡単 使いやすいWebアプリケーションを容易に構築し、さらに開発者にとっても使いやすいUIキットがUKIだ。ボタンやリスト、スライダー、3ペイン構成と言ったオブジェクトを容易に実装し、Webアプリケーションを手軽に開発できるソフトウェアだ。 インタフェースの組み立てだけでなく、アクションの実装についても考慮されているのが特徴だ。プラグインで拡張することもできる。実装は4000行程度で、とても高速に動作する。対応ブラウザはIE6、Opera9、Firefox2、Safari3、Google Chromeからとなっている。 G
JavaScriptと言えばWebブラウザ上で動作する軽量なプログラミング言語というイメージがある。だが最近ではAptana JaxerやRhinoのような技術によってクライアントサイドとサーバサイドのどちらもJavaScriptで実装することが不可能ではなくなってきている。 サンプルに登録されている動画。一見の価値あり? とは言えサーバ向けのAPIを独自で実装していくのは難しく、今年に入ってからServerJSという標準の策定に向けた動きが活発化してきた。それに則ったJavaScriptライブラリがNarwhalだ。 今回紹介するオープンソース・ソフトウェアはNarwhal、サーバサイドからWebアプリケーションまでこなせるServerJS標準ライブラリだ。 Narwhalは角のあるクジラ、イッカクを意味している。個人的にNarwhalが気になるのは、その開発にKeynote風Webアプ
リッチなウィジェット実装などが可能な超多機能JavaScriptフレームワーク「UIZE JavaScript Framework」が凄い件 2009年08月12日- リッチなウィジェット実装などが可能な超多機能JavaScriptフレームワーク「UIZE JavaScript Framework」 これまたなかなか凄いフレームワークが現れました。 「またフレームワークか」と思った方も、必見の機能があるので以下を参照してみてください。 以下にそのフィーチャーをピックアップしてみます。好きな機能だけを使うっていうのもありかもしれません。 カーソルを合わせるとアニメーションしながら切り替わるリンク 画像切り替えの様々なエフェクト集。これだけでも使いたい 色々なエフェクトで画像が切り替わるスライドショー機能 ソートできるカラーテーブル。こちらもユニーク カラーブレンダー 近似色をソートできるウィ
Directory Trees With PHP And jQuery PHPとjQueryを使ったアニメーションするディレクトリツリー実装。 ディレクトリの中身を表示する際に使えそうな一風変わったUIを提供してくれます。 デモページ 一般に公開する場合は、opendir で開くパスのチェックはセキュリティ的にやった方がよさそうです。 CSSやアニメーションの仕方を変えれば、いろいろと独自のUIが作れそうですね。 関連エントリ ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集 伸縮する全画面背景を設定できるjQueryプラグイン「Supersized」 便利なjQueryプラグインいろいろ
※ 画面は公式サイトデモより プログラミング言語がそうであるように、フレームワークにおいても開発の向き不向きが存在する。開発するシステムやその特性に応じて最適なフレームワークを選択することは、開発の工数を下げたりユーザビリティを向上させる効果があるだろう。 まるでWeb OSのようなインタフェース 最近は基幹システムにおいてもWebアプリケーション化が進められている。そこでJavaを使った基幹システムであれば、Echo Web Frameworkの導入を考えてみても良さそうだ。 今回紹介するオープンソース・ソフトウェアはEcho Web Framework、Javaを使ったWebアプリケーション開発に役立つフレームワークだ。 Echo Web Frameworkはプレゼン層のフレームワークであるが、JettyやTomcat向けのライブラリが提供されており、Javaをサーバサイドに、Java
幾何学は学生のころ、割合好きな授業だった。特に数式で表される模様などはどれも見事で、ちょっとパラメータを変更するだけで豹変するのが面白かった。今となっては殆ど使われない知識なのが勿体ない。 JavaScriptで作られた幾何学ライブラリ だがこれなら少しは使えるかも知れない。JSXGraphはJavaScriptで作られた幾何学ライブラリで、オープンソース・ソフトウェアとして公開されている。 JSXGraphはFirefox、Opera、Safari、Google Chrome、IEなど幅広いブラウザをサポートしているライブラリで、様々な幾何学模様を描いたり、動的に描画したりすることができる。 内トロコイド デモとして、三角形の各辺から垂直線を引くもの(頂点は自由に変更でき、それに合わせて交点が変わる)、三角錐モデル、三角形の中に三角形を次々と描き出すもの、グラフ、内トロコイドなどがある。
使いやすいJavascriptフレームワークを探している。 そんなあなたにおすすめなのが、『10 Promising JavaScript Frameworks』。有望なJavascriptフレームワーク10選だ。 以下にご紹介。 » SproutCore デスクトップアプリの機能をwebに持ってくることにフォーカスしたフレームワーク » Spry AdobeのAjaxフレームワーク » JavaScriptMVC MVCモデルをJavascriptに持ち込んだフレームワーク » qooxdoo オブジェクト指向のJavascriptを使用 » midori 軽量のJavascriptフレームワーク » Archetype JavaScript Framework prototypeと同じ機能をたくさん持つ強力なフレームワーク » June Framework モダンデザインパターンを持っ
JavaScriptを使って、クールなインタフェースを実現するライブラリは幾つか存在する。よく使われるものとしては、画像をクリックするとその場で拡大表示するもの、タブインタフェース、WYSIWYGなHTMLエディタ、レーティング、プログレスバー、コンテクスト(右クリック)メニューなどなど。 フローティングウィンドウ どれも個別のライブラリは存在する。だが、よく使われるものだけに、一つ一つ用意するのが面倒という人もいるはずだ。そこでこれを使おう。 今回紹介するオープンソース・ソフトウェアはLivePipe UI、Prototype.jsを使ったモダンなUIを実現するライブラリだ。 LivePipe UIが実現する機能はタブ、WSYIWYGエディタ、ツールチップ、フローティングウィンドウ表示、レーティング、プログレスバー、コンテクストメニューなどがメジャーなものとして挙げられている。レーティン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く