地理情報を含むデータを表現する場合、地図上で表すことで視覚的にその情報を認知しやすくなります。例えば、車のナビや道路標識などでは、単純に方向や座標だけを示すのではなく、地図上に表現することで、見た人が直感的に認知できるようにしています。本稿では、jQuery対応コントロール集である「IgniteUI 2013 Volume 1」のigMapというコントロールを用いて、地震分布図を作成していきます。 対象読者JavaScriptの経験者、地図アプリに興味のある方。 必要環境 IDEは特に必要がなく、コード編集用のエディタと動作確認用のブラウザがあれば良いです。 今回使用するigMapコントロールは、jQueryUIウィジェットの一つであり、jQueryライブラリとjQueryUIライブラリに依存します。そのため、対応ブラウザについてもjQueryUIに依存します。 プログラム実行時
jQueryGooglemaps has become extremely popular among the internet users primarily forits easy-to-usetechniques those are needed to locate a particular position on the worldmap. Let us discuss some of the tutorials, resources as well as plugins of jQueryGooglemaps. There are plugins available which are used to include the longitude, latitude as well astext (for the name of a particular place

JavaScriptでビジネスアプリケーションを開発する際に使えるユーザーインターフェイスライブラリ「KendoUI」の正式版が公開されました。JavaScript用のユーザーインターフェイスライブラリといえば、jQueryUIやSencha Touchなどがあります。KendoUIもそれらと基本的に似たライブラリですが、jQueryをベースにしつつメニューやデータピッカーなどの基本的な部品だけではなく、表形式でデータを表示するグリッドやグラフなど、このライブラリだけでビジネスアプリケーションに必要な部品をカバーしている点にあるでしょう。HTML5対応ですが、HTML5非対応のWebブラウザもサポート。GPLv3ライセンスのオープンソースと、商用利用向けの有償ライセンス(399ドル)のデュアルライセンスで提供されています。 いくつかサンプルを挙げておきます。

Announcing ThemeRoller for jQuery Mobile! Learn more: http://t.co/LvFkbfwp or tryit now: http://t.co/AeDhxKnbFri Oct 28 12:29:55 viaTwitter forMacjquerymobile jquerymobile 正直なところ,正式版のリリースまで出る出る詐欺で進行するかと思っていたのですが,jQuery MobileのTheme Rollerがついにリリースされました. ThemeRoller | jQuery Mobile Announcing ThemeRoller for Mobile (beta) | jQuery Mobile 普通にカスタマイズしようと思うと,何かと面倒くさいオリジナルのカラーテーマの作成を,Webインターフェースで簡単に作れ

jQueryヘビーなアプリケーションの問題点と、MVCによる構造化の必要性 jQueryは、ブラウザ上で動くJSアプリケーションの開発生産性を劇的に向上させました。DOM操作による動的なページ書き換え処理などは、セレクタを使ってちょろっとコードを書くだけで、ほんの数行で記述できてしまいます。 しかし、この方法の延長で、大規模なJSアプリケーションを構築することは果たして現実的でしょうか。例えば「GMail」や「NewTwitter」程度の規模のJSアプリケーションを書かなければならないとしたら、どうでしょう? 大規模なJSアプリケーションを開発するには、こういった手法を延長するのではなく、より洗練されたデザインパターンを導入する必要があります。この目的にぴったりのデザインパターンが、「MVC」デザインパターンです。 MVCパターンは、Webの世界ではサーバサイドプログラミングで広く知られ

Document Data Structure in MongoDB Express MongoDB lets you easily store structured and unstructured data in a flexible and dynamicdatabase schema.It supports CRUD operations on complex data objects using JSON as the main data type.Its an open source solution soit may not be as robust or well supported as commercial management tools. Howeverit is easy to deploy and works well for most use cas
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 なかなかいいサンプルだったのでシェア。 jQuery MobileでGoogleMapAPIを使った サンプルがオープンソースで公開されて いました。ストリートビューなども表示する ことが可能です。興味の有る方はチェック してみては。 スマフォにGoogleMapを表示させるのに、GoogleMapsJavaScriptAPI V3が必要みたいですが、これをスマフォ対応を簡略化するjQueryプラグイン、jQuery Mobileで使おう、というもの。 jquery-ui-mapGoogleMapAPIをjQuery Mobileで使ったサンプルです。jquery-ui-mapというプラグインも使用しています。このサンプルはMITライセンスでソースが公開

Ruby Weekly is a weekly newsletter covering the latestRuby andRails news. Guess what? Yep, the forthcomingRails 3.1 isgoing to be bringing in a few new friends as dependencies: CoffeeScript, jQuery, and Sass. What does this mean? Why has this been controversial? I'mgoing to quickly run through the details here. jQuery - A Non-ControversialSwitchIt was back in March (2011) when David Heineme
やっぱ jQuery 便利ですよ(*´・ω・)(・ω・`*)ネー セレクタ使って jQuery でダカダカやってると、DOM とか正規表現でネチネチやるのがバカらしくなっちゃいます。 と日頃から思ってたりしてまして、サーバサイドJavaScript がメインストリームになって、jQuery でウェブアプリをコーディングできれば超ラクできるかもと期待しています。 で、先日サーバサイドJavaScriptとjQueryでスクレイピングという記事をうpったところ、やっぱ Rhino じゃなくて node.js がえーんよ(´・ω・`)というコメントを頂きましたので、node.js と jQuery でサーバサイドJavaScriptスクレイピングしてみることにしました。 今回は node.js ですので、単にスクレイピングする(コマンドラインから実行する)スクリプトだけじゃなくて、スクレイ

Web::Query - jQuery風にスクレイピング http://frepan.org/~TOKUHIROM/Web-Query-0.01/README.pod Web::Query というスクレイピングフレームワークをかきました。一言でいうと「うごく pQuery」です。pQuery は jQuery とおなじ動きにするためかどうかしりませんが、わりと自前で実装していて、結果まともにうごいていません。うごくようになるのをまってようかなとおもっていたら2年経過していたので、自分でつくってみました(パッチをおくってもいいのだけど、別個の実装をつくったほうがはやい気がしたので)。HTML::TreeBuilder::XPath +HTML::Selector::XPath + LWP::UserAgent という構成です。 使用例は以下のとおり。 use Web::Query; wq(
はじめに 突然そういう気分になったので、jQueryのコードを読んでいきたいと思います。本日は「配列に対するeach」をjQueryがどう扱っているかについて調査します。 対象 jQuery 1.5.0本日の題材:配列に対するeach var array=[1,2,3]; $(array).each(function(){alert(this)}); // 1, 2, 3 よんでみよう まずjQueryの初期化処理から見ていきましょう。 (function( window, undefined ) { // L:16 // Use the correct document accordingly with window argument (sandbox) var document = window.document; var jQuery = (function() { // 内部で
jQuery でスクレイピングできたらセレクタ使えるし便利かなーと思ったりしたんですが、Rhino と env-js を使うと超簡単にできたのでレポートしてみます。 Rhino と env-js って何ぞい? Rhino ってのはJava で書かれたJavaScript エンジンです。Rhino を使うとコマンドラインからJavaScript を実行できます。 Rhino には DOM が無いので単体では jQuery を実行することはできませんが、env-js という DOM ライブラリを使用するとこの辺はクリアできます。 env-js の中に jQuery を使ったサンプルがいくつか入ってますので、Java とかJavaScript とか詳しい方はそちらを見てもらった方が早いと思います。 使ってみる まず env-js をビルドしないといけないのでその辺の手順から説明します。

Today we’re pleased to announce the firstalpha release of the jQuery Mobile project. jQuery Mobile is a user interface framework, built ontop of jQuery, designed tosimplify the process ofbuilding applications that target mobile devices. We’ve made reallygood progress since we first announced the project two months ago. We’vecreated a number of components, layouts, and theming tools to greatl
nodejitsu.com 2010.9.24のエントリ jsdom + jQuery in 5lines with node.js node.jsでスクレイピング jsdom使うと取得したhtmlへDOMが使えるようになる 慣れ親しんだjqueryのセレクターapi使ってスクレイピング request/http-agentモジュール使って標準モジュール(=http)だけで書くよりもコードすっきり という内容のエントリ サンプルコード修正しないと動かない 以下斜め読んだ内容スクレイピング たいていの言語がライブラリ色々用意されてるRuby hpricot nokogiriPython beautiful-soupscrapyPerl pQueryPHPPHP DOM バグなくhtml/css/javascriptをハンドリングするのが難しい サーバーサイドjsにおけるスクレ
(2010-08-30:Rails 3.0.0がリリースされたのでそれにあわせて更新。generator関連が少し変わってる) 会社用の、小物Webアプリを作ろうかと思い、せっかくなのでRuby onRails 3でmongoDB使ってみようかな、と思い、とりあえず環境を作るところまでのメモ。Rails 3 のインストール とりあえずRails 3 のインストール。Bundlerで入れる。Bundler自体のバージョンが1.0以上でないとダメみたいなんで、もしそれ未満しか入っていない場合にはBundlerのインストールからする。プロジェクトのトップディレクトリとなるところを作成し、そこにGemfileを作る。 $ mkdir ~/workspace/hoge_prj $ cd ~/workspace/hoge_prj Gemfile source 'http://rubygems
jQuery Mobile is no longer supported To read more about the status of the jQuery Mobile project, see the announcementblog post. A Touch-Optimized Web Framework jQuery Mobile is aHTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices. Seriously cross-platform withHTML5 jQuery Mobile framework takes the "w

MopBox 複数パネル(デモには100以上のパネルも)の表示にも対応した、画像・Flash・動画などを表示できるドラッグ移動可能なボックス。
GettingRails 3 Edge with jQuery, RSpec and Cucumber using RVM Here are thesimple (?) steps to getRails 3 running with the abovetechnologies. InstallRails You know, this is pretty obvious, but before you get into any other hoo ha you aregoing to have to get a version ofRails installed into your system gems so that you will have access to therails command. So: ``` {.shell lang=”shell” data-c
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く