ドラッグを必要とする様々なUI実装に使える「Dragdealer JS」:phpspot開発日誌
Dragdealer JS ドラッグを必要とする様々なUI実装に使える「Dragdealer JS」。 マウスを使ったドラッグ＆ドロップ操作というのは、スクロールバーや、スライダー等色々と存在しますが、そういった処理を一手に引き受けてくれるライブラリのご紹介です。 要素を動かした後のコールバック関数が指定できるので、ドラッグ＆ドロップ後の処理が自由に記述できてアイデア次第ではなかなか便利なUIが作れそうです。 横スライダー 縦スライダーで文字サイズを変更するサンプル 横スライダーで文字サイズを変更するサンプル ドラッグで移動させるスライドショー 予め用意されているUI実装をするのもよいですが、ドラッグ＆ドロップに関する新しいUIを思いついた場合にも参考にしてみるとよさそう。 関連エントリ IEにも対応！ブラウザ上でローカルにストレージを作るJavaScriptライブラリ「jStorage」
JavaScriptでSVGのレーダーチャートを描画するライブラリ Raphael Radar をつくった - I CAN ’CAUSE I THINK I CAN!
概要 JavaScriptでSVGを描画するライブラリRaphael.jsを使って、 操作可能なレーダーチャートを描画するライブラリ Raphael Radar を作りました。 Raphael Radar は次の2つの機能を持ちます。 レーダーチャートをSVGで表示 レーダーチャートの各軸の値をフォームと対応づけて、インタラクティブに値を選択 (2)の機能は任意で無効化して単純なレーダーチャートとして利用することもできます。 入手と使い方 依存ライブラリ Raphael Radar を使う前に、2つのライブラリをインストールする必要があります。 Raphael.js (1.3.1 以降) jQuery (1.4.2 以降) もしうまく動作しない場合、Raphael.jsとjQueryのバージョンを合わせてみてください。 インストール方法 上記の依存ライブラリをインストール Raphael
第2回 JSDeferredを用いたアプリケーション開発（その1） | gihyo.jp
JSDeferredの基本的な読みかた JSDeferredを使ったコードを読むときには、next() という関数がキーになっています。 リスト1 // next() のチェイン Deferred.next(function () { // 最初の next は Deferred.next alert(1); }). next(function () { // これは Deferred.prototype.next alert(2); }). next(function () { alert(3); }); 前回すこしばかり例を出しましたが、このように next を繋げていくことで処理の流れを表現します。 Deferred.next() と Deferred オブジェクトのメソッドとしての next() があることに注意してください。Deferred オブジェクトのメソッドとしての nex
Google、Gmailを作っているJavaScriptライブラリを公開 | エンタープライズ | マイコミジャーナル
The Closure tools help developers to build rich web applications with JavaScript that is both powerful and efficient. Gmail、Google DocsなどGoogleが提供しているWebアプリケーションのクライアントサイドのほとんどはJavaScriptで開発されている。これはGoogleのサービスを支える門外不出のコードのように思えるが、5日(米国時間)、これらGoogleのWebアプリケーションを支えているソースコードがClosure Toolsの名称で公開された。公開されたツールは次のとおり。 Closure Compiler JavaScriptをよりコンパクトで高性能なコードへ変換するコンパイラ。使われていないコードの削除やミニファイを実施する。文法、変数参照、
まだまだあったJavaScript製のWYSIWYGエディタコンプリート:phpspot開発日誌
まだまだあったJavaScript製のWYSIWYGエディタコンプリート、ということで、本ブログで紹介していない（したものも一部あるかもしれませんが）ライブラリ等をメインにご紹介。 WYSIWYGといっても、それぞれの使い方には特徴があって、微妙に自分の使い勝手にあってなかったりする場合もありますね。ということで選択肢を増やすという意味でご紹介 Free Rich Text Editor OfficeスタイルのリッチなＷＹＳＩＷＹＧエディター →デモページ jHtmlArea - The all NEW HTML WYSIWYG Editor for jQuery WYSWYGエディタ実装用jQueryプラグイン jwysiwyg シンプルなＵＩのＷＹＳＩＷＹＧエディター。jQueryプラグイン SPAW Editor ＵＩが美しいタブ付きＷＹＳＩＷＹＧエディタ →デモページ TTW HT
jQuery用のGUIコンポーネントプロジェクト「mbideasproject」がすごい:phpspot開発日誌
mbideasproject - Project Hosting on Google Code jQuery用のGUIコンポーネントプロジェクト「mbideasproject」がすごいです。 以下、プロジェクトのホームページもOSっぽいインタフェース上でアニメーションしてかっこいいのですが、構成されるコンポーネントが色々とあるみたい。 mbContainers | デモ OSのようなウィンドウ管理システムが作れるようです このページの上でそれぞれ動作を確認することが出来ます。 mbMenu | デモ かなりリッチなメニュー実装用ライブラリ 右クリックのコンテキストメニューもいじれます mbImgNavigator | デモ 画面に収まりきらない画像をドラッグ＆ドロップでGoogleMapぽく見れるコンポーネント。サムネイル付き mbTabset | デモ mbTooltip | デモ よく
グラフを扱うJavaライブラリ「Jung」の紹介 - Twitterのグラフ構造を視覚化 - public static void main
java-ja 第12回のLTで話そうと思ったのですが、出番がなかったので資料をブログで公開しておきます。 Jungは研究などでグラフ構造が出たときに、理解しやすくするために可視化するのに使っています。他にもいくつかグラフを扱うライブラリは存在していますが、日本語の資料があったのと拡張可能なことが多かったのでJungを結果的に使うようになりました。 以下はそのJungについての簡単な解説です。 Jungとは Jungの正式名称はJava Universal Network/Graph Frameworkで、ネットワーク(グラフ) 構造の分析や視覚化を行うためのJavaのOSSライブラリです。グラフ理論、データマイニング、ソーシャルネットワーク分析のアルゴリズムを数多く実装しています。 安定バージョンは1.7.6で最新は2.0betaで、BSDライセンスで使用できます。 http://jun
MOONGIFT: » Railsで有名な37signalsによるシンプル＆カスタマイズ可能なWYSIWYGエディタ「WysiHat」:オープンソースを毎日紹介
WYSIWYGなHTMLエディタは既に数多く存在している。有名なものとしてはFCKEditor、TinyMCEなどが知られている。これらは非常に便利な代物ではあるが、出来上がったものをカスタマイズしようという気にならないくらい重厚な作りになっている。 シンプルな作りのWYSIWYGエディタ もっと自分たちにあったシンプルでカスタマイズが容易なものを！そう願った37signalsは自分たちで作ってしまうことを考えた。 今回紹介するオープンソース・ソフトウェアはWysiHat、カスタマイズ容易なWYSIWYGエディタだ。 WysiHatの特徴はprototype.jsをベースに作られている点だろう。そして文字に対する装飾がメソッドを呼び出すだけで良いというシンプルさもある。選択されている文字などを気にすることなくアクションを呼び出すだけで良い。 prototype.jsベースなのでカスタマイズ
MOONGIFT: » Flash用ベクター版3Dエンジン「Vectorvision」:オープンソースを毎日紹介
コンピュータは基本二次元で、三次元を表現するのは難易度が高い。それだけに見た人に与えるインパクトは格段に変わってくるだろう。例えばGoogleマップで見た衝撃と、Google Earthで見た衝撃の違いとでも言えるだろう。 ダイナミックに動く3Dライブラリ 今後、3Dをうまく使ったWebサイトは増えていくだろう。その時にはAjaxなどのJavaScriptベースの技術ではなくFlashを使ったものになるだろう。その際に役立つのがこうしたライブラリだ。 今回紹介するオープンソース・ソフトウェアはVectorvision、ベクターベースの3Dエンジンライブラリだ。 Vectorvisionはサンプルを見てもらえればどういったことができるか貰えるだろう。フォントが空間を漂ったり集結して何かの文字を表示したり、マウスの動きに合わせてインタラクティブに大きさや速度が変わっていく。 このような表現もで
MOONGIFT: » 要注目！モダンなUIを実現するJavaScriptライブラリ「LivePipe UI」:オープンソースを毎日紹介
JavaScriptを使って、クールなインタフェースを実現するライブラリは幾つか存在する。よく使われるものとしては、画像をクリックするとその場で拡大表示するもの、タブインタフェース、WYSIWYGなHTMLエディタ、レーティング、プログレスバー、コンテクスト（右クリック）メニューなどなど。 フローティングウィンドウ どれも個別のライブラリは存在する。だが、よく使われるものだけに、一つ一つ用意するのが面倒という人もいるはずだ。そこでこれを使おう。 今回紹介するオープンソース・ソフトウェアはLivePipe UI、Prototype.jsを使ったモダンなUIを実現するライブラリだ。 LivePipe UIが実現する機能はタブ、WSYIWYGエディタ、ツールチップ、フローティングウィンドウ表示、レーティング、プログレスバー、コンテクストメニューなどがメジャーなものとして挙げられている。レーティン
窓の杜 - 【NEWS】MS、日本語固有のニーズに対応した「Visual Studio」用ライブラリ集を公開
米Microsoft Corporationは10日、日本を含むアジア各国固有のニーズに対応したテキスト処理用のライブラリ集「Microsoft Visual Studio International Pack」v1.0を無償公開した。Windows XP/Server 2003/Vista上の「Microsoft Visual Studio」2005/2008に対応しており、現在同社のダウンロードセンターからダウンロードできる。 「Microsoft Visual Studio International Pack」は、ひらがな・カタカナ・漢字といったアジア言語固有の文字列操作を行うクラスを収録した「Microsoft Visual Studio」用のライブラリ集。 日本語文字列の操作に便利なライブラリとしては、数値データを漢数字の文字列に変換できる「East Asia Numeric
プロミス 申込 入ロ
多くのカードローン、ないしはキャッシングの時は利息がとられますが、無利息キャッシングだと、決まった期限内に返したら、利息は生じません。 低い金利のカードローンは、大きめの資金の借り入れを希望する場合や、頻繁に借りる必要がある時には、月の返済額を相当少なくすることが可能なカードローンだといわれています。 5万円～10万円という、一括にて返せる大した金額ではないキャッシングだったら、利用しやすい無利息サービスを標榜しているキャッシング会社に申し込みをすれば、利息を徴収されることはないのです。 少しでも早く現金が必要なら、「借入申し込み額を50万円未満」にするようにしましょう。５０万円以上のキャッシングのケースでは、借り入れる方の「収入証明書」が要求されるから、少々面倒です。 近頃ではクレジットカードでも、手軽にキャッシングできるようになっているものが出ているので、手っ取り早くキャッシングの申込
BeInteractive! [ActionScript Thread Library 1.0 (そうめん) リリース!!]
イベントリスナーにお困りの皆さんに朗報です。BeInteractive! は本日、革新的な疑似マルチスレッドライブラリである、「ActionScript Thread Library 1.0 (そうめん)」をリリースします。 先進的な Flash コンテンツを作るためには、XML や画像の読み込み、ムービークリップやスプライトの処理、ユーザーからの入力の処理、3D や物理エンジンといった様々なフレームワークとの連携といった、数多くの制御を行う必要があります。しかし、ActionScript 3.0 は、特にイベント周りが複雑で、このような制御を行うコードは、冗長で分かりづらいものとなりやすい傾向がありました。 このような問題は、コードが、私たちにとって馴染み易い、同期的でシーケンシャルに書けないことに起因します。そこで、ActionScript Thread Library 1.0 (
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Jungle Java - Flex 向けのグラフィックフレームワーク Degrafa
Google Code Archive - Long-term storage for Google Code Project Hosting.
Google Code Archive - Long-term storage for Google Code Project Hosting.
Google Code Archive - Long-term storage for Google Code Project Hosting.
Google Code Archive - Long-term storage for Google Code Project Hosting.
Google Code Archive - Long-term storage for Google Code Project Hosting.
Google Code Archive - Long-term storage for Google Code Project Hosting.