You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
![List of JS game engines. You can find a wikified version at https://github.com/bebraw/jswiki/wiki/Game-Engines. Feel free to modify that. I sync it here every once in a while.](https://cdn-ak-scissors.b.st-hatena.com/image/square/1ef26f6cb4349557952890dbe3e567f7f98dc151/height=288;version=1;width=512/https%3A%2F%2Fgithub.githubassets.com%2Fassets%2Fgist-og-image-54fd7dc0713e.png)
JavascriptでAjaxでかつ画面遷移しまくるアプリを作るときに、イベントハンドラの付け替えが割と面倒だったりします。 そんなときには中身を入れ替えない部分の要素にだけイベントハンドラを設定して、あとはクラスをパースして処理を分けるという手段があります。 今回のサンプル:http://umezo.tsuyabu.in/samples/js/cmdPattern/ 前提 ただし、そもそもイベントハンドラを付け替えなきゃ行けない時なんかあるのか?というと、以下の様なケースが該当します。 Ajaxによる内容の入れ替えをinnerHTMLの書き換えで行っている と言うのも、innerHTMLで中身を書き換えてしまうと、JS上のオブジェクトに対応する、HTML要素がいなくなってしまうため、イベントが飛んでこなくなるのです。 仮に書き換える前と全く同じHTMLを読み込んだとしてもイベントハンドラ
JavaScriptじゃねえと書けねえよ、ってやり方でデザインパターンを実装してみるコーナー。とはいってもデザインパターンとか良くわからないので適当に覚えながら作る。 間違ってる箇所あったらつっこんでくれるとありがたいです。 わかりやすい文章を書く能力が欠如してるのでデザインパターンって何だとかそういうのはこっち参照。 http://d.hatena.ne.jp/naoya/20050813/1123924312 JavaScriptのコンストラクタはPerl同様自在に定義できます。returnでobjectを返してやれば、newの結果としてそいつを使います。 普通にシングルトンなクラスを実装するにはこんな感じだと思います。 function Singleton(){ var self = arguments.callee; if(self.instance == null){ this.
クラスを作る Javascriptに直接クラスを生成する仕組みははない。宣言があるのは変数だけで、あとは全部オブジェクト生成だから。 でも似たようなことを関数オブジェクトを使ってすることができる function Hoge(piyo){ var a = piyo; this.getA = function(){ return a; } } こんな感じ。これでフィールドaを持ち、それに対するアクセサを持つクラスが完成する。さらにaを引数で初期化するコンストラクタまで備えている。 ▲ ▼ プライベートフィールド JavascriptのスコープはJavaのようにブロックスコープではなく関数スコープになっている。これを利用すると普通privateと呼ばれる外部から隠蔽された変数を作ることができる。 例の変数「a」はプライベートなので外部のオブジェクトは直接アクセスできない。 さらにJavascri
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
Titanium というクロスプラットフォーム向けフレームワークがある。 ではじめの頃にすこし触れてみたものの、当時は使い道がなくすぐに飽きて、そのまま放置していた。しかし最近、仕事でスマートフォンアプリを手がける機会がありそうで、そうなればクロスプラットフォームが望ましいと考えていた。 そこで再び Titanium に白羽の矢を立てることになったのだが、環境構築にけっこう厄介な箇所があったり、Titanium 自体にない編集機能を補う必要があるなど、案外、開発の入り口に立つまでが大変だと思ったので、私なりの手順を覚え書きとしてまとめておく。 なお、完全なクロス開発をおこなう場合は Mac OS X が必要なのだけど、私は Mac を持っていないし、Titanium のプロジェクトはプラットフォームに依存しないので、この記事では Windows と Android を対象とする。また、開発
2018/7/1 重要なお知らせ JSONIC はリポジトリを GitHub に移動させるとともに、今後機能強化が行われることがないメンテナンスモードに移行します。Java 新バージョンで動作できなくなった場合への対応は要望があれば考えますが、可能であれば、機能、パフォーマンス共に優れた jackson への移行をおすすめいたします。 JSONICとは JSONICは、Java用のシンプルかつ高機能なJSONエンコーダー/デコーダーライブラリです。 Java用のJSONライブラリはすでに多数存在しますが、JSONICはRFC 7159に従った正式なJSON形式でのデコード/エンコードを行いながらも、プログラミング言語に依存する情報をJSON内に含めることなくPOJO(Plain Old Java Object)と自然な変換を行える点に特徴があります。 使い方も非常に簡単です。 import
De vorige eigenaar van de website had hier een JSON Editor, met de volgende boodschap. “This editor allows for easy editing of json strings, after loading a sample from the dropdown list click ‘build tree’, expand the tree, click nodes and start changing! Also try the xml2json functions for quickly converting xml to json.” Je kunt de oude hier nog in werking zien: https://web.archive.org/web/20150
WordPress を勉強しようと購入した WordPress カスタマイズブック のサンプルを見ていたら、Google Map API のバージョンが3に上がっているのに気が付いた。 バージョン3 から API キーが必要なくなったので、これから使ってみようかと思っている人には、使い方の敷居が一段と低くなったと思う。ここで紹介するのは、jQuery と Google Maps API V3 を利用して、指定した地名の場所を表示するサンプルですが、あなたのローカル PC 上で jQuery ライブラリをダウンロードすることなく、地図を表示する JavaScript のプログラムを作る事ができるのでお楽しみに。 先ずは実際のサンプルは以下の通り。 入力ボックスに地名を入れて、ポイント表示ボタンを押してみて下さい。指定した地名があれば、そこを表示の中心になるように地図が移動します(地図が表示さ
はじめに この資料では前回の DOM イベント処理に引き続き、mousemove イベントを処理するサンプルを作り、解説します。 出来上がりは次のようになります。上の画像の上でマウスを動かしてみてください。下側にボインタで指した箇所の "拡大図" が表示されます。 さっそく解説に入ります。 1. 考え方 1-1. 画像のクリッピング 元画像とサムネイル画像の二枚の画像を準備します。今回はサムネイルは元画像の1/10の大きさとしています。そこで、サムネイル画像 上の mousemove イベントを処理し、サムネイル画像の左上部を原点とする座標系(下図x-y)における位置を求めます。位置の単位は px です。サムネイル画像と元画像の比率から、元画像における同様の座標がわかります(ここではそれぞれx10です)。元画像上の座標を中心として、上下 100px で囲まれた正方形の領域が "拡大図" に
AJAX プログラミングに関する話題はこちらにまとめます。主に JavaScrip, DOM, CSS, 各種ライブラリに関する話題です。 うまく整理できず、ちょっと見にくくなっちゃってます。すみません。 HTML5 に関わる話題は 「HTML5 入門」に移動しました。 画像とテキストを横にきれいに並べる方法。vertical-align を少し詳しく Google Fonts の使い方 Google Fonts では多数のフォントがダウンロード利用可能です。 Web サイトで高機能な書式付入力を可能にする TinyMCE の基本的な使い方 書式付入力を可能とする TinyMCE の基本的な利用方法を説明します。 CSS で作る簡単なエレガント・ボックス CSS を利用して影のついた DIV 要素を作る方法です。ブラウザの対応状況も示します。 同一生成元ポリシーと JSONP とは? Sa
According to Yahoo!'s Exceptional Performance Team, 40% to 60% of Yahoo!'s users have an empty cache experience and about 20% of all page views are done with an empty cache (see this article by Tenni Theurer on the YUIBlog for more information on browser cache usage). This fact outlines the importance of keeping web pages as lightweight as possible. Improving the engineering design of a page or a
Simplify dynamic JavaScript UIs with the Model-View-View Model (MVVM) pattern Declarative Bindings Easily associate DOM elements with model data using a concise, readable syntax Automatic UI Refresh When your data model's state changes, your UI updates automatically Dependency Tracking Implicitly set up chains of relationships between model data, to transform and combine it Templating Quickly gene
Essential JavaScript And jQuery Design Patterns - A Free New Book November 14, 2010 Hey guys. Today I'm happy to announce the release of a free book I've written called 'Essential JavaScript & jQuery Design Patterns For Beginners'. Design patterns are reusable solutions to commonly occurring problems in software development and are a very useful tool to have at your disposal. I wanted to write thi
jQuery UI provides abstractions for low-level interaction and animation, advanced effects and high-level, themeable widgets, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications. Rich effects and UI widgets jQuery UI features low-level effect and interaction API's as well as full-featured and highly configurable ready-to-use widgets. Suppor
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く