シンプルながらユーザビリティに大きな貢献。郵便番号から住所を入力補完する·js-zip2address MOONGIFT
js-zip2addressはGoogle日本語入力APIを使い、Webブラウザ上での郵便番号から住所を入力補完する。 [/s2If] zip2address.jsはJavaScript製のオープンソース・ソフトウェア。ECサイトをはじめとして個人情報の入力フォームでは一般的になってきている郵便番号から住所を引く機能。実装方法は様々だか、この郵便番号と住所の変更は意外と回数が多い。 サンプル 回数が多いということはメンテナンスコストが大きいことを意味している。都度アップデートされるだけでなく、削除されるデータも多い。そこでメンテナンスフリーで使える手法を紹介しよう。それがzip2address.jsになる。 zip2address.jsの特徴は大きく分けて二つある。一つはデータ元としてGoogle日本語入力APIを利用しているという点だ。確かにGoogle日本語入力では郵便番号を入れると住
Webブラウザ上で楽譜を描く·Vexflow MOONGIFT
VexflowはJavaScript製のオープンソース・ソフトウェア。Web上には無数のコンテンツが存在するが、それは主にテキストが主体になっている。数式のようなものでさえ画像で表現されることが多い。これは非常に勿体ないことだ。 テキストを使って表現できればシステムとの連携も容易になったり、Webクローラーに拾われてインデックス化することも考えられる。同様に表現しづらい情報である楽譜をJavaScriptで表示するのがVexflowだ。 Vexflowは一定のフォーマットに従って書かれたテキストをJavaScriptを使ってCanvas/SVGで表現したものだ。その表現力は非常に高く、音符を描くのはもちろん、数字やアルファベットを表示することもできる。ピアノのみならず様々な楽器に対応できるだろう。 他にも音符を線でつないだり、ト音記号を描いたりと高機能だ。JavaScriptなので、変更と
CakePHPで作る携帯サイト·Ktai Library MOONGIFT
Ktai LibraryはPHP製のオープンソース・ソフトウェア。日本の携帯電話はとても優秀であり、携帯電話からのWebアクセスは年々増え続けている。数年後にはPCからのアクセスを抜くとさえ言われている。Webの主役は変わりつつあるのだ。 ファイル構成 そうなれば携帯電話向けサイト開発はごく当たり前に行うべきものになるだろう。PCサイトとは相当にノウハウが異なるので注意が必要だ。だが既にすばらしいライブラリが多数ある。CakePHP開発者ならKtai Libraryを使うといいだろう。 Ktai LibraryはPHP4/PHP5両方に対応したライブラリで、CakePHP用のライブラリになっている。絵文字キャッシュ、IPによるキャリア判定、Google Static Maps APIの利用、インラインスタイルシート支援、セッション対応、リダイレクト対応、uid取得、キャリア判別など多数の機
JavaScriptを使わずにmixiアプリを作る！·mist.js MOONGIFT
mist.jsはJavaScript製/jQueryを使ったオープンソース・ソフトウェア。OpenSocialによってSNS上で実行できるアプリケーション環境が増えてきた。日本ではmixiやGooが有名なプレーヤになるだろう。実際に作ってみたいと考えている企業、個人も多いはずだ。 サンプルより。マイミクを取得する アイディアはあっても、プログラミングが苦手で参加を躊躇してしまっている…という人がいるかも知れない。そんな方はまずはmist.jsからはじめてみてはいかがだろう。mist.jsはなんとJavaScriptすら使わずにmixiアプリが開発できるフレームワークだ。 タネを言えばJavaScriptの代わりにmist.jsが定義する方式に則って記述することで、データの取得周りを隠蔽できるということだ。とはいえ取れるデータは多い。OWNER/VIEWER、マイミク、IDで指定してユーザ情
古いブラウザでもCSS3セレクタを使ってWebページをデザインできるようにしてみた - latest log
uuCSSBoost.js は uuAltCSS.js に名前が変更になりましたが、一部の説明が記事を書いた当時の古い名前のままになっています。最新版では、uuCSSBoost.revalidate() は廃止され uuAltCSS() を呼び出すように変更になっています。 コードの解説を追記しました。 「最新の規格を実装したブラウザが登場しても、IE6 のせいで諦めるしかないのか」 「CSS3セレクタを古いブラウザでも使いたい!」 といった現場の声にお応えして、ほぼ全てのブラウザで CSS3 セレクタを利用したページデザインが可能になるJavaScript ライブラリを作ってみました。 特徴 軽いよ いろんなブラウザで動くよ(Firefox2+, Opera9.2x+, Safari3+, IE6+, Google Chrome1+) 95%〜98%ぐらいのシェアをカバーできるんじゃない
JavaScriptベースのRIAを開発するのにぴったりなアプリケーションサーバ·Persevere MOONGIFT
WebベースでRIA（リッチインターネットアプリケーション）を開発しようと思ったら避けて通れないのがJavaScriptかFlashの道だ。開発者にとってはJavaScriptの方が手軽かもしれない。そしてJavaScript向けにリッチなインタフェースを構築するためのライブラリは既に多数存在している。 管理画面用のデータエクスプローラ そのようなライブラリを使いつつ、一歩進んだRIAを構築するフレームワークがPersevereだ。 今回紹介するオープンソース・ソフトウェアはPersevere、JavaScriptをサーバサイドで動作させるアプリケーションサーバだ。 Persevereは幾つかの複合技術で提供されている。一つはサーバサイドで、これはJavaベースのアプリケーションサーバを利用している。その上ではRhinoが動いており、サーバサイドJavaScriptが利用できる。 複数のブ
シンプルにリッチなテキストエリア·Sanskrit MOONGIFT
テキストエリアをWYSIWYGエディタに変えるものといえばFCKEditorなどが有名だ。FCKEditorは確かに便利だが、完成度が高すぎるためにカスタマイズしづらく（設定は変更できるが）、何より動作が重たくなっている。 シンプルながらカスタマイズも容易なリッチテキストエディタ 実際にユーザが使う機能はそれほど多くない。もっとシンプルに必要最低限に仕上げたのがSanskritだ。 今回紹介するフリーウェアはSanskrit、テキストエリアをシンプルなWYSIWYGエディタにするソフトウェアだ。ソースコードは公開されているがライセンスは明記されていなかったのでご注意いただきたい。 Sanskritで使える装飾は太字、斜体、下線、打ち消し線、リンクとなっている。これらはTextileの構文に則っており、実際の出力もTextile形式になっている。Sanskritは言わば記法の入力補助とTex
長文を分割＆横スクロールで見やすくする·bookreader.js MOONGIFT
Webの発達で日本語であっても横に読まれることが当たり前になりつつある。コンピュータ上では縦に際限なく伸びていくので、縦書きは読みづらいのだろう。だが横向きに書かれていても長文であると見がたくなるのは変わらない。 長文をブラウザ上で読むならこれ 特に小説やコラムなど長文を載せているサイトの場合はそうだ。コンピュータは元々書籍に比べると長文を読むのに適していない上に、レイアウトも読みづらいのでは大変だ。そこで試したいのがbookreader.jsだ。 今回紹介するオープンソース・ソフトウェアはbookreader.js、長文を読みやすくするJavaScriptライブラリだ。 bookreader.jsは専用のJavaScriptとCSSファイルによって縦に続く長文を一定の長さで区切り、続きを右側に表示してくれるスクリプトが。スクロールは矢印キーか画面に表示される矢印のボタンで行う。 次期バー
iPhoneで使えるjQueryプラグイン·jQTouch MOONGIFT
iPhone向けのサービス提供となるとついネイティブアプリケーションに目がいってしまう。だがネットワークが必須なものであれば、アプリケーション開発にこだわる必要はない。むしろ審査やObjective-Cの習得などに工数がかかってしまう。 iPhoneでjQuery ならばもっと容易に提供するiPhone向けWebサービスの方が合理的だ。そこで使えるjQueryプラグインがjQTouchだ。 今回紹介するオープンソース・ソフトウェアはjQTouch、iPhone向けjQueryプラグインだ。 jQTouchはjQueryプラグインであり、iPhoneやG1などWebKitを使ったモバイルブラウザで利用できる。とは言え日本では主にiPhone向けになるだろう。iPhoneでよく利用される機能を容易に実装できるようになっている。 様々な機能が盛り込まれている 左右に移動するアニメーションはもちろ
メンテナンスフリー！郵便番号から住所を返すライブラリ·ajaxzip3 MOONGIFT
Webシステムを開発している中で郵便番号を入力したら自動的に住所を補完して欲しいという要望は多々ある。実装はそれほど難しいものではない。厄介なのはメンテナンスだろう。市区町村の統廃合によってデータが変わった場合の対応だ。 郵便番号から住所に変換する便利なライブラリ 郵便局から配布されているCSVを都度取り込むという方法もあるが、非常に面倒だ。そこで使ってみたいのがajaxzip3だ。 今回紹介するオープンソース・ソフトウェアはajaxzip3、Ajaxを使って住所を取得するライブラリだ。 ajaxzip3の面白い所はライブラリをGoogle Code上にアップロードしてそのまま利用できてしまう点だ。規約上どうなのかという問題はあるが、そのまま使うと自分でメンテナンスする必要が全くなくなってしまう。自分のサーバであってもajaxzip3を外部のSubversionリポジトリからアップロードす
これは便利だ！Excel→Table化するjQueryプラグイン
Webページに掲載する面倒な表（テーブル）の作成を楽にしたい――。以前、本サイトではExcelファイルを簡単にHTML（Tableタグ）に変換するExcelアドイン「XLS2HTMLTable」を紹介した（関連記事）。XLS2HTMLTableはとても便利なツールだが、それでも表が大量に必要な時にはやはり手間がかかる。 今回はさらに楽をできて便利なアイテムを紹介しよう。それが、CSVファイル（カンマ区切りテキスト）を読み込み、Tableに整形して表示するJavaScriptライブラリ「jquery.csv2table.js」だ。 JavaScript関連の著書も多い高橋登史朗氏が作った「jquery.csv2table.js」は、名前のとおりjQueryのプラグインとして動作するもので、HTMLにわずか数行のスクリプトを書き加えるだけで使える手軽なライブラリだ。さっそく実際にjquery.
MOONGIFT: » JavaScriptではじめるMac OSX用アプリケーション開発「JSCocoa」:オープンソースを毎日紹介
Mac OSX向けのアプリケーションを開発するにはCocoaやObjective-Cといった特有の言語を習得する必要がある。今はWebアプリケーションが盛り上がっているのに、特定のプラットフォームでしか動かない言語を習得するのは面倒くさい、そう考える方も多いはずだ。 アプリケーション一覧、プロセス一覧を表示するデモアプリケーション そんな方に朗報だ。JavaScriptを知っていればMac OSX向けアプリケーションが開発できる時代になってきたのだ。それを可能にするのがJSCocoaだ。 JSCocoaはGoogle Code上で公開されているオープンソース・ソフトウェアで、ライセンスはMITライセンスとなっている。 Mac OSXでは元々RubyCocoaと呼ばれるソフトウェアやPyObjCといったPythonとObjective-Cの橋渡しをするソフトウェアが存在している。この時に使わ
Prototype.jsを用いたUIライブラリ·Prototype UI MOONGIFT
Webアプリケーションを構築する上で、優れた操作性をもったUIは欠かすことができない。まるでデスクトップアプリケーションのようなインタフェースを持ったソフトウェアが数多く存在している。 Prototype.jsを使ったUIライブラリ そんなUIを構築するライブラリは数多いが、そのためだけのツールが多く、柔軟性にかけるものが多い。そこで優れたJavaScriptライブラリであるPrototype.jsをベースにしたPrototype UIを使ってみよう。 Prototype UIはPrototype.jsとScript.aculo.usを使ってWebアプリケーションにふさわしいインタフェースを提供してくれるJavaScriptライブラリだ。 Prototype.jsがベースという点において好き嫌いが分かれる所かもしれない。とは言え、Railsで標準で組み込まれていることもあり、利用されている
MooToolsをベースにしたグラフィカルなUIを実現するJavaScriptライブラリ·Jx MOONGIFT
※ 画像は公式サイトデモより Webアプリケーション化が進めば進むほど、JavaScriptに期待されるのがリッチインタフェースの実現だ。もともとWebブラウザ自体がリッチなインタフェースだが、ローカルアプリケーション並みのコンポーネントや操作性を求められるようになっている。 四角のレイアウト そのようなインタフェースを実現するライブラリは数多く登場してきている。その一つとしてJxを紹介しよう。 JxはMooToolsをベースとしたJavaScriptライブラリで、リッチなユーザインタフェースを実現する。Google Code上でホスティングされているオープンソース・ソフトウェアで、ライセンスはMITとなっている。 Jxの公式サイトには様々なサンプルが登録されている。レイアウトに関するもの、スライドやドラッグができるダイアログやパネル、テーブル表示、ツリー、ツールバー、メニュー、タブなど様
MJL ― MITSUE-LINKS JavaScript Library | 制作／開発 | ミツエーリンクス
概要 MJL (MITSUE-LINKS JavaScript Library)は、ミツエーリンクスで標準利用されるJavaScriptライブラリです。 MJLは弊社内における業務効率を改善するために、統一された設計思想、利便性の向上を念頭においた上で設計・開発されました。 MJLは他のJavaScriptライブラリ群とは異なる設計思想により、独特の特徴を持ちながらも他のライブラリと補完しあえるものを目指しました。 MJLはコピーレフトライセンスであるGNU GPLに基づく自由ソフトウェア（フリーソフトウェア）です。弊社は GNU GPLに則り、本ページにてMJLの全ソースコードを公開します。 ライセンス MJLはGNU GPL Version 3（参考邦訳）のもとに提供されます。 詳細はMJL本体ファイル内のライセンス告知をご覧ください。 ダウンロード MJL本体（圧縮版） mjl.js
MOONGIFT: » Visio並みのグラフィックスもできるコンポーネント「JGraph X」:オープンソースを毎日紹介
凄さを知るにはデモアプリケーションを試すのがお勧めなソフトウェアだ。VisioはIT技術者であれば誰しもが便利さを感じるはずだ。様々なアイコンやネットワークを示す線、UMLや配置図など多数の用途に使えるといった具合に利便性の高いソフトウェアだ。 Visio的なインタフェースをもったデモアプリケーション だが価格も高く、おいそれとは手が出しづらい。そんな憧れを持っている人にこそ試して欲しいものがこれだ。 今回紹介するオープンソース・ソフトウェアはJGraph X、Java製のグラフィックスコンポーネントだ。 JGraph XはJava Swingで実装されたコンポーネントで、多数の機能を備えている。グラフを作るような用途にも用いられるが、特にUMLのようなオブジェクトを描画するのに適しているようだ。 配置の変更もドラッグで 動作は軽量で、ドラッグアンドドロップによる配置、関連づけなどが行える
MOONGIFT: » 要注目！モダンなUIを実現するJavaScriptライブラリ「LivePipe UI」:オープンソースを毎日紹介
JavaScriptを使って、クールなインタフェースを実現するライブラリは幾つか存在する。よく使われるものとしては、画像をクリックするとその場で拡大表示するもの、タブインタフェース、WYSIWYGなHTMLエディタ、レーティング、プログレスバー、コンテクスト（右クリック）メニューなどなど。 フローティングウィンドウ どれも個別のライブラリは存在する。だが、よく使われるものだけに、一つ一つ用意するのが面倒という人もいるはずだ。そこでこれを使おう。 今回紹介するオープンソース・ソフトウェアはLivePipe UI、Prototype.jsを使ったモダンなUIを実現するライブラリだ。 LivePipe UIが実現する機能はタブ、WSYIWYGエディタ、ツールチップ、フローティングウィンドウ表示、レーティング、プログレスバー、コンテクストメニューなどがメジャーなものとして挙げられている。レーティン
MOONGIFT: » Flash用ベクター版3Dエンジン「Vectorvision」:オープンソースを毎日紹介
コンピュータは基本二次元で、三次元を表現するのは難易度が高い。それだけに見た人に与えるインパクトは格段に変わってくるだろう。例えばGoogleマップで見た衝撃と、Google Earthで見た衝撃の違いとでも言えるだろう。 ダイナミックに動く3Dライブラリ 今後、3Dをうまく使ったWebサイトは増えていくだろう。その時にはAjaxなどのJavaScriptベースの技術ではなくFlashを使ったものになるだろう。その際に役立つのがこうしたライブラリだ。 今回紹介するオープンソース・ソフトウェアはVectorvision、ベクターベースの3Dエンジンライブラリだ。 Vectorvisionはサンプルを見てもらえればどういったことができるか貰えるだろう。フォントが空間を漂ったり集結して何かの文字を表示したり、マウスの動きに合わせてインタラクティブに大きさや速度が変わっていく。 このような表現もで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]jQueryのプラグイン33+1選 -2009年10月