ブラウザでお絵描きプログラミング！ Processing.js 登場！ - IT戦記
はじめに 今日、 jQuery の作者として有名な John Resig さんが Processing.js という JavaScript のライブラリを公開しました。 John Resig - Processing.js このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。 というわけで、公開されたばかりのこのライブラリを簡単な使い方から詳しい使い方までとことん掘り下げてみたいと思います。 Processing.js 概要 まず、 Processing.js とは何かという話をします。 Processing.js とは、ブラウザで Processing というプログラミング言語を実行する JavaScript のライブラリです。 では、 Processing とはどのようなプログラミング言語なのでしょうか。 Processing
jQueryでテーブルをかなり便利にフォーマットしてくれる『Flexigrid』 - IDEA*IDEA ～ 百式管理人のライフハックブログ ～
ドットインストール代表のライフハックブログ
MOONGIFT: » Web2.0時代（？）のJavaScriptデータベース「Taffy DB」:オープンソースを毎日紹介
Ajaxを使ってWebアプリケーションを作っていくと、徐々にJavaScript側で行う処理が増えていく。データベースを内部において、Ajaxで通信しても良いが、さらに手軽にしようと思ったらJavaScript自体でデータベースを扱えると手軽だ。 データの形式はJSONで良いだろう。後は自由に操作できれば良い。そのためのライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはTaffy DB、JavaScriptデータベースだ。 Taffy DBはJSONで作ったデータを、SQLのように自由に検索、追加、更新できるソフトウェアだ。データの操作結果をAjaxで飛ばして保存するようにしておけばWebアプリケーションとして面白そうだ。 検索はイコール、ノットイコール、前方一致、後方一致、以上、以下、正規表現、ライク検索などが利用できる。結果はオブジェクトではなく、行のインデックス値が入っ
TinySegmenter: Javascriptだけで実装されたコンパクトな分かち書きソフトウェア
TinySegmenterはJavascriptだけ書かれた極めてコンパクトな日本語分かち書きソフトウェアです。 わずか25kバイトのソースコードで、日本語の新聞記事であれば文字単位で95%程度の精度で分かち書きが行えます。 Yahoo!の形態素解析のように サーバーサイドで解析するのではなく、全てクライアントサイドで解析を行うため、セキュリティの 観点から見ても安全です。分かち書きの単位はMeCab + ipadicと互換性があります。 デモ 日本語の文章を入力し、解析ボタンをクリックしてください。 ダウンロード TinySegmenterはフリーソフトウェアです. 修正BSDライセンスに従って本ソフトウェアを使用,再配布することができます. Download TinySegmenter version 0.2 使い方 <script type="text/javascript" src
PHPの関数をJavaScript上に実装·PHP.JS MOONGIFT
PHPの便利な点は色々あるだろうが、その一つに豊富な関数群があるだろう。様々な関数が予め用意されていることで、やりたいことが大抵関数一つでできてしまう。それが他の言語に比べて便利だと感じる人も多いはずだ。 そんな便利な関数群を他の言語で実装しようと言うプロジェクトがこれだ。その対象言語は…JavaScript。 今回紹介するオープンソース・ソフトウェアはPHP.JS、PHPの関数をJavaScriptで実現するソフトウェアだ。 現在、90を越える関数が実現されている。absからはじまって、wordwrapまで、in_arrayやmd5まで用意されている。これだけあれば、PHPとJavaScriptの垣根を越えて活用できるかも知れない。 各関数ごとにページが用意され、変数の種類や返り値の説明ページもある。まるでPHP.netのドキュメントのようだ。これを見れば、各関数ごとに実装方法が分かり、
IEでSVGを表示（プラグインなし）·SIE MOONGIFT
これは面白い。SVGはベクターグラフィックス言語として有力なのだが、プラグインが必要とあっていまいち流行らない。特に問題なのはブラウザでもっとシェアがあるIEで標準サポートされていないことだろう。 そこで、プラグインなしでもSVGが表示できるこちらのライブラリを紹介しよう。 今回紹介するオープンソース・ソフトウェアはSIE、プラグインなしでSVGを表示するJavaScriptライブラリだ。 全てのSVGに対応する訳ではないようだが、それでも表示できるものがあるのが素晴らしい。SIEを使えば、サイト上で存分にSVGの魅力を表現できそうだ。 標準のままでは表示不可 使い方は簡単で、SIEを読み込み、「<object data="Svg.svg" type="image/svg+xml" width="180" height="200"></object>」といった具合にimage/svg+xm
MOONGIFT: » Amazon風のスライドを実現「jCarousel」:オープンソースを毎日紹介
Amazonの商品詳細ページなどで使われている、関連商品のスライダー。格好が良く、ついつい色々見てしまい、あげくに購入してしまった、なんて経験がある人もいるのではないだろうか。 通常、縦スクロールを使って動くのが当たり前のWebページにおいて、横の動きが与えるインパクトは大きい。そこで試してみたいライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはjCarousel、JavaScriptベースのスライダーライブラリだ。 jCarouselは画像を横に並べて左右のスライダで画像を切り替えることができる。まさにAmazonで提供されているあのスライダを実現できるライブラリだ。様々なオプションが存在し、自分の使い勝手に合わせた利用法ができる。 例えばサークルを選ぶと左右がつながってループする。戻るアクションの場合は、端までいきつくと逆の端まで一気に動く。他にも左右のスライダではなくペ
あるＳＥのつぶやき: Ajaxライブラリまとめ
Ajax/JavaScriptライブラリをまとめておきます。（順不同） | 基本 | 統合 | 表示系 | GUI部品 | イメージ | PGM連携 | ブラウザ | Flash | その他 | | 部品集 | リンク | 編集履歴 | ・基本ライブラリ ・・・Ajax開発のベースになるもの ↑TOP prototype.js 超メジャーなAjaxライブラリ prototype.js の開発者向けメモ prototype.jsリファレンス prototype.jsリファレンス(JavaScriptist) prototype.js逆引きサンプル集 Prototype 1.5.0 Cheat Sheet Prototype 1.5 PDF － API/サンプル/解説 Prototype.js Documentation － まとめサイト Prototype 1.6.0へのアップグレード実例紹
IE7.js登場 - IEのCSS/HTML非準拠はこれで対応 | エンタープライズ | マイコミジャーナル
Dean Edwards氏は7日(米国時間)、IEの動作をW3C標準仕様へ準拠させるためのライブラリIE7.jsの最新版を公開した。IE7.jsはJavaScriptで開発されたMS Internet ExplorerのHTML/CSS表示を調整するライブラリ。IE7.jsを使うことでMSIEのHTML/CSSまわりの表示処理をよりW3C標準規約に準拠したものにする。IE5やIE6で透過PNGを表示できるようにもなる。 IE7.jsは基本的にMSIE5/6向けに用意されていたライブラリをIE7に対応させたもの。これまでのモジュール構造は廃止され、IE7.jsやIE8.jsといったように個別のファイルに分離されている。ホスティング先もGoogle Codeへ変更された。IE7.jsはサイズも縮小され、圧縮した状態で11KBほど。またbase2.DOMのセレクタエンジンを使うことでより高速に動
Interface elements for jQuery - About Interface
Interface is a collection of rich interface components which utilizes the lightweight JavaScript library jQuery. With this components you can build rich client web applications and interfaces with the same simplicity as writing JavaScript with jQuery. The collection is dual licensed with the MIT license and the GPL, which basically means you can use it for free for both non-commercial and commerci
ie以外でもクリップボードが使えるsetClipboard.js
ie以外でもクリップボードが使えるsetClipboard.js IE以外のブラウザでもクリップボードにコピーが簡単にできるjavascriptライブラリを作成しました。 IEにはclipboardData.setDataという関数があり、クリップボードへのコピーなどが簡単にできますが、IE以外のブラウザはクリップボードにアクセスする機能がありません。 そこでflashプレーヤ―のsetClipboard関数を利用してクリップボードにコピーするライブラリです。 まずは関連ファイルをダウンロードします。 ダウンロード(setClipboard.zip) 解凍してできる『setClipboard.js』と『setClipboard.swf』は同じディレクトリにアップしてください。 header要素などでsetClipboard.jsを読み込みます。 <script type="text/jav
[JS]jQueryのプラグイン33+1選 -2007年11月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 前回のjQueryのプラグイン33+1選 -2007年9月と合わせて、参考ください。 lightbox for jQuery jQu
JavaScript-XPath をリリースしました！さあ、あなたも XPath を使おう！（解説付き） - IT戦記
JavaScript-XPath とは JavaScript-XPath は、 DOM 3 XPath を実装していないブラウザに対して、実用的な速度で動作する DOM 3 XPath のエンジンを追加します。 一言で乱暴に言ってしまえば、どのブラウザでも document.evaluate って関数で XPath 使えるようになるよ！ってことです。 以下が公式サイトになります。 http://coderepos.org/share/wiki/JavaScript-XPath DOM 3 XPath ってなんなの！？ めっちゃ簡単（で、ちょっとだけ適当）なDOM 3 XPath の説明をします＞＜。 JavaScript でよく使う document.getElementById や document.getElementsByTagName って関数ありますよね？ DOM 3 XPath
JavaScript Library Archive
JavaScript Library Archiveについて JavaScriptライブラリをまとめたサイトです。用途別に探すことができ、配布元、使用方法、ライセンスなどについて解説をしております。 新着JavaScriptライブラリ プログラムのコードに色を付ける「google-code-prettify」 角丸を表現する「jQuery Corners 0.3」 jQueryベースのカラーピッカー 「Farbtastic」 水平方向のアコーディオンメニュー「horizontal accordion」 セレクトボックスをカスタマイズする「Script.aculo.us Select Box」 IE6でhover,active,focus擬似要素を使う為の「csshover」 画像に光沢を与えるjsライブラリ『Glossy.js』 IE6以下をIE7と同じようにするライブラリ『IE7.js』
入力値を簡単に制限する「yav」とかフォーム入力チェックいろいろ
メール送信フォームやらアンケートの回答フォームやら、とにかくネット上には様々なフォームが存在しています。入力する値が間違っていると「エラー」表示を出すタイプのモノが多いですが、出される側から見れば「そんな値を入力できるようにするなよ！」「8文字までしか受け付けないんだったら、最初から入力可能な文字数を8文字に制限しておけよ！」「エラーが出たらどこを再入力すればいいのかわかりやすく表示してくれ！」などと思うこともしばしば。 というわけで、この「yav」は入力エラーチェックだけでなく、最初から入力できる値を制限したり、数字であれば範囲指定したり、入力チェック後にフォームの色を変えてわかりやすくしてくれたり、とにかくいろいろ便利な入力チェック機能を簡単に組み込むことができるオープンソースで開発されているJavaScriptファイルです。入力チェック後のエラー表示もポップアップウインドウやページ内
Craftworks Tech Blog » 測地系変換ライブラリ
Google Maps API などを使うにあたり、測地系変換のスクリプトを作成したので公開します。ライセンスは GNU GPL です。 ダウンロード：geotool.js ここギコ！のねねさんが Perl モジュールでもっと素晴らしいものを作っていらっしゃいます。 http://kokogiko.net/wiki.f/Location%2DGeoTool 水谷敏行さんも、Google Maps APIと合わせて使うための、世界測地系(WGS)の経緯度座標と長方形領域を扱うjavascriptのクラス・ライブラリを作っていらっしゃいます。 主な使い方は、以下です。 wgs = Geotool.wgs2tky(deg.lat, deg.lng); dms.lat = Geotool.dms2deg(wgs.lat); dms.lng = Geotool.dms2deg(wgs.lng)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.openvista.jp/archives/note/251/?251/
乐山厩荒商贸有限公司
WEB制作者が一度は触ってみておくべきオープンソース『Ext』*ホームページを作る人のネタ帳
Ajaxでおしゃれな小窓を作る6つのサンプル*ホームページを作る人のネタ帳
