Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
◆Google Maps JavaScript API V3 ブログ目次 Google Maps API v3とは? 本ブログは判らないところをコツコツ積み重ねました。あくまでご参考にされて下さい。Google Maps APIを扱うことは決して難しいことではないと思います。Google Maps JavaScript API V3のページからスタートするといいと思います。 ※V2は、2013年11月以降は使用できなくなります。 いきなりサンプル集(example)地図を見るならコチラ Google Maps API Google Maps APIサービスがサポートする国・都市の一覧表 初期設定 Google Maps API V3の地図(マップ)をPC、スマートフォンで見れるように表示させるscriptとメタタグの設定 地図に表示する。 ナビゲーションコントロール、マップタイプコントロー
This site is a static archive of the old jQuery Plugin Registry. New plugin releases will not be processed. The jQuery Plugin Registry is preserved for historical purposes. Search is still supported. We do not recommend using any versions of plugins from this registry. Please find jQuery plugins on npm.
さて、前回は、 Sencha Touch と PhoneGap の導入編として Ext.NestedList を利用した簡単なサンプルアプリケーションを紹介しました。今回は、Sencha の世界では今後主流となる Sencha Touch MVC というMVC (Model View Controller) 構成を利用し、より実践的なサンプルアプリケーションの実装を解説します。 この記事のサンプルコードを GitHub で公開しています。 対象読者 Sencha Touch と PhoneGap の組み合わせに興味のある方を対象としています。 ただし、PhoneGap + Sencha Touch を利用したプロジェクトのセットアップ方法などについては解説しない為、詳細は前回の記事、及び PhoneGap の公式のサイトを参照してください。 準備 Eclipse で Android のプロ
Social bookmark counter on Google searchはGoogleの検索結果に各種ソーシャルサービスのカウントを表示するUserScriptsです。 Googleの検索結果は信頼性が高いと思いますが、それでもなお自分なりの指標を加えたいならばSocial bookmark counter on Google searchを使ってみると良いでしょう。Googleの検索結果にソーシャルサービスのカウントを加えてくれます。 検索結果です。各種ソーシャルサービスの登録数が出ています。 対応しているのはDelicious、Facebook、Twitter、はてなブックマークそしてDiggとなっています。UserScriptsなのでGoogle ChromeやFirefox、Safariに組み込んで利用可能です。 Social bookmark counter on Goo
Hi everybody, my name is Felix Geisendörfer and today I'd like to talk about "Faster than C? Parsing Node.js Streams!". Before I get started, I would like to appologize for the "Title Bait". This talk is analyzing the performance of JavaScript vs C-Bindings for MySQL in node.js, but not JavaScript vs. C itself. So, I have this module I wrote that lets you talk to MySQL databases in node.js. I star
前置き custom eventとは何か?(前置きの前置き) ブラウザがサポートしているeventではない独自定義event。 clickとかはブラウザがサポートしているevent ユーザのアクションやブラウザの状態等によって直接発火されることはない click eventは、ユーザがマウスポインタを要素の上に移動後にマウスのボタンを押すと発火される DOMContentLoaded eventは、ページのHTMLがダウンロード完了し、すべてパースされると発火される jQueryではtrigger,triggerHandler methodでeventをユーザのアクション等に関係なく発火することが出来る custom eventも発火出来る 逆に言うとcustom eventはJavaScriptの側からしか発火されない 以前The JUI 2009 Returnsで話をしました。 htt
デフォルトで用意されているイベントは、基本的にはブラウザがfireすることで要素に登録されたイベントリスナーが呼ばれるわけなんですが、このイベントのfireを開発者側でも行えるワケです。これはテスト用途での使われることが多いみたいです。 というわけでそのイベントのエミュレートと独自イベントの合成を学んだので覚書。サイ本じゃ合成イベントなんて言われてるけど、googleで検索するとカスタムイベントって言われるほうが多いみたい。 おおまかな流れ(IE除く) イベントオブジェクトの作成 イベントオブジェクトの初期化 イベントのディスパッチ(発火) という感じ。発火の前にはaddEventListenerで任意の要素に、イベントハンドラを登録する必要があります。 イベントオブジェクトの作成 var event = document.createEvent(type); 引数のtypeはイベントタイ
End script and style with newline? Support e4x/jsx syntax Use comma-first list style? Detect packers and obfuscators? (unsafe) Preserve inline braces/code blocks? Keep array indentation? Break lines on chained methods? Space before conditional: "if(x)" / "if (x)" Unescape printable chars encoded as \xNN or \uNNNN? Use JSLint-happy formatting tweaks? Indent <head> and <body> sections? Keep indentat
r.js RequireJS用のmoduleをビルドする際にはr.jsを使います。 build.js この時にビルド設定の記述に使用するのがbuild.jsでこんな感じで書きます。 簡単な例だとこんなの ({ baseUrl:'./src', dir : './build', paths:{ jquery:"../lib/jquery-1.8.2", text:'../lib/plugins/text', underscore:'../lib/underscore-1.3.3' } }) 動的なbuild.js build.jsはJSONではなくてJSです。 JSなので処理を書くことが出来ます。 例えば関数その場実行を含む下記のbuild.jsは、上記のものと同じ設定を表します。 ({ baseUrl:'./src', dir : './build', paths:(function ()
追記 11/7/31 Socket.IO v0.7 解説を最初に途中までで出す。 11/8/1 だいたい全部新機能なので '(新機能)' って書くのやめた。 11/8/4 オプションの設定周りを追記 11/8/6 認証周りを追記 11/8/12 スタンドアローンのサンプルを追記 11/9/27 Socket.IO v0.8 対応について追記 11/9/27 タイトルを Socket.IO API 解説に変更 11/9/27 翻訳サイトリンク追加 公式マニュアル翻訳サイト そういえば公式サイトの翻訳をフォークしたリポジトリで、それなりの更新頻度でやってます。 リポジトリの wiki も地味に訳しててこっちは結構役に立ちます。本記事と合わせてどうぞ。 本家 http://socket.io/ 翻訳ページ http://jxck.github.com/socket.io wiki https:/
RequireJS は読込みをブロックすること無く複数のJavaScriptを読込むことが可能なライブラリです。 ロード後に関数を実行させたりとか現在のWeb制作に必要な機能を提供してくれています。 便利なのでしょう、すでに多くのHow toがネット上にあふれています。 読込みには別のライブラリを使っていたのですが、この良いと噂のrequire.jsを試してみます。 しかし早速つまづいたのがjQueryの読込みでした。 このrequire.jsを使ってjQueryを読込む方法はRequireJSのサイトに詳しく書かれています。 HOW TO USE REQUIREJS WITH JQUERY 解説されている方法は require.jsとjQueryをcombined(合体)させた特別なrequire-jquery.jsを使用した方法です。 これでも良いっちゃ良いけど、最新版jQueryの保
Zoomooz is: 6KB gzipped and 18KB minified. This includes everything but jQuery. Make any web page zoom. Download ZIP File Download TAR Ball Fork On GitHub Latest version: 1.1.9 (Nov 11, 2013, hacky fix for the back and forward buttons #66) Zoomooz is a jQuery plugin for making web page elements zoom. It can be used for making Prezi like slideshows and for zooming to images or other details. Quirky
げりんぐすたーてっど うぃず りくわぃあーじぇーぇす ということで、社内勉強会でRequireJSの入門資料をこさえたのでシェア。 利用したデモファイルセット http://d.aho.mu/S4mh なんとなくRequireJSが動くセットです。スライド中のr.jsによるビルドコマンドや、gruntを利用したビルドも試せるようになっています。 おさえるべき要点 いくつかの要点だけ記事内に文字列でおこしておきまする。 モジュラーと依存関係 Webサイト → Webアプリ への流れが明確になってきてフロントエンドが複雑化してきている今、1つのJSファイルにつらつらとCSSのようなノリで書き連ねる時代は終わりつつあります。 ParisJS #10 : RequireJS このあたりについては、上記の素晴らしいスライドから、Figureを拝借しました。個々のJavaScriptの粒度が揃えてモジ
CoffeeScript にはクラスを定義するための枠組みが言語自身にあります。この記事では、CoffeeScript でのクラス、継承といった基本的な概念を「使う」ための知識と、「理解する」ための解説を書きました。JavaScript をある程度しっており、CoffeeScript をみようみまねでなんとなく使っている人を想定した内容です。念の為申し添えておきますが、JavaScript でのクラスベースのプログラミングの是非は論じていません。 クラス周辺の言語の機能、ひとめぐり class Dog を JS に展開してみます。大きく括るとコンストラクタ関数でクラスを模倣するタイプだとわかります。 class Dog # (function() { # var Dog; # Dog = (function() { # function Dog() {} # return Dog; # }
Installation You can install LiveScript through npm: sudo npm install -g livescript. Alternately, you can also download it (zip, tar.gz), enter its directory, and run sudo make install. Using git to download: git clone git://github.com/gkz/LiveScript.git && cd LiveScript && sudo make install. Node.js is required to be installed on your system. You can also use it directly in the browser by includi
Installation You can install LiveScript through npm: sudo npm install -g livescript. Alternately, you can also download it (zip, tar.gz), enter its directory, and run sudo make install. Using git to download: git clone git://github.com/gkz/LiveScript.git && cd LiveScript && sudo make install. Node.js is required to be installed on your system. You can also use it directly in the browser by includi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く