[android][js] Androidのブラウザ上でお絵描き - monthly gimite
touchmoveというイベントを使うらしい、と知ったので、試しにやってみました。 Androidのブラウザ上でお絵描きするサンプル 2010/6/28追記: たぶんiPhoneでも動くようになったんじゃないかと思います。前に動かなかったのはevent.pageXを見ていたせいで、iPhoneではevent.touches[0].pageXを見ないといけないようです。マルチタッチ対応?さらにjQueryを使っていると追加の罠があって、jQueryのイベントオブジェクトは生のイベントオブジェクトではないらしく、そっちにはtouchesが入っていません…。なので正解はevent.originalEvent.touches[0].pageX。ぬぬぬ。 Android特有と思われる罠としては、単にtouchmoveイベントを使うと、タッチ直後ちょっとだけtouchmoveイベントが発生して、その後
![[android][js] Androidのブラウザ上でお絵描き - monthly gimite](https://cdn-ak-scissors.b.st-hatena.com/image/square/d05008c5957c75d2f9f6a546266e86d255e3aa08/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12704346814673860630%2F17680117126973993202%2F1550668904)
うのらぼ。 - 【Javascript】QUnit導入と単体テスト–第1回社内勉強会
qUnit本体 http://dev.jquery.com/view/trunk/qunit/testrunner.js CSS http://dev.jquery.com/view/trunk/qunit/testsuite.css jquery http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js メソッド test(name, test_func) … 通常のテスト asyncTest(name, test_func) … 非同期テスト module(name) … テストのグループ化 ok(state, message) … stateがtrueならテスト通過、falseならテスト不通過 テストが正常に通過したか、関数が正常に動作しているか、などのチェック sample $(function(){ module('samp
t32k.com - このウェブサイトは販売用です！ - t32k リソースおよび情報
このウェブサイトは販売用です！ t32k.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、t32k.comが全てとなります。あなたがお探しの内容が見つかることを願っています！
Welcome to @Anywhere | dev.twitter.com
Twitter @Anywhere is an easy to deploy solution for bringing the Twitter communication platform to your own site. Add follow buttons, hovercards, linkify @usernames, and build deeper integrations with "Connect to Twitter." @Anywhere promotes a more engaged user base for your site. Getting Started First things first, you're going to need a registered client application with Twitter to get started.
うのらぼ。 - 【JavaScript】Twitterの名前部分をGoogleFontAPIで洒落たフォントにするブックマークレット
追記 Hatena::Letに投稿してみました。 http://let.hatelabo.jp/cancer6/let/gYC-ypbCp6mDIQ Google Font API なるものが公開されていたのでちょっと遊んでみた。 下記の一文を”Twitterのページを開いている状態”でロケーションバーにはりつけてエンターキーどーん。 javascript:(function(s){s.src="http://unolabo.boo.jp/misc/googleapi/google_fonts.js";document.body.appendChild(s)})(document.createElement('script')); JSについては下記。 google_fonts.js (function(api){ var api2 = api; api.type = api2.type
Twitterの名前部分を洒落たフォントにする - Hatena::Let
by cancer6 2010-05-20 [2010/05/20 14:33:06] Twitterのscreen_nameとuser_nameのフォントをGoogle Font APIから適当に引っ張ってきたフォントに変更します。 /* * @title Twitterの名前部分を洒落たフォントにする * @description Twitterのscreen_nameとuser_nameのフォントをGoogle Font APIから適当に引っ張ってきたフォントに変更します。 * @include http://twitter.com/ * @license MIT License * @require */ (function(api){ var api2 = api; api.type = api2.type = "text/javascript"; api.src = "http
JavaScriptだけでレコメンドシステムを作ってみた - TechTalkManiacs
Follow NowというTwitterのリアルタイムフォロワー推薦ツールを公開しました。 このツール、サーバーサイド処理はこちらでは一切作っていません。HTML+JavaScript+CSSにWebAPIを組み合わせただけなのです。 Follow Nowの仕組み WebAPIとJavaScriptだけでどうやってレコメンドシステムを作っているか、というと、鍵となるのはJSONPでの出力に対応したWebAPIです。 JSONを使ってクロスドメイン通信をするJSONPでの出力に対応したWebAPIは今質量共にものすごい数に上っていて、中にはTwitterや、Yahooのキーフレーズ解析なども含まれています。これらを使うことで、かなりのことがWebAPIとJavaScriptだけでできます。 流れとしては次のようになります。 1.アカウント名をもとに、Twitterからユーザーの投稿を取得 2
スタックトレースの取得 (callee/caller/argumentsの利用) - FAX
スタックトレースの取得 (callee/caller/argumentsの利用) JavaScript (in 『JavaScript 第3版』) 呼び出された関数の中では、arguments プロパティを利用できる。arguments は実引数を保持している。 以下コード例では、「a, b, c」が仮引数、「5, 1, 9」が実引数になる。 function max(a, b, c){...} max(5, 1, 9); arguments のプロパティを手繰り、呼び出し階層を求めることができる。 プロパティ関連図は以下。IE 6.0、Firefox 1.0.6で確認を行なった。 概念的には以下が成り立つ(IEでは動作もする)。 ok(arguments.caller == arguments.callee.caller.arguments); ok(arguments == argum
Google マップ API リファレンス - Google マップ API - Google Code
Google Loader Migration Guide Place Field Migration (open_now, utc_offset) Upgrading from v2 to v3 Get Started Get Started with Google Maps Platform API Picker Billing & Pricing Security & Compliance Reporting & Monitoring FAQ Support and Resources Customer Care Incident Management Maps Maps JavaScript API Maps SDK for Android Maps SDK for iOS Google Maps for Flutter Maps Embed API Maps Static API
jQuery 1.4 Released: The 15 New Features You Must Know | Envato Tuts+
jQuery 1.4 was recently released. This wasn't simply a maintenance release as some had speculated; there are many new features, enhancements and performance improvements included in 1.4! This post covers the new features and enhancements that you may find beneficial. You can download jQuery 1.4 right now, here: http://code.jquery.com/jquery-1.4.js 1. Passing Attributes to jQuery(…) Pre 1.4, jQuery
mailto - IMAGINATION DESIGN｜WordPressのWebサイト制作
検索結果: mailto 検索キーワードに一致するものが見つかりませんでした。別のキーワードでもう一度お試しください。 検索
JavaScript だけで Shift_JIS/EUC-JP のページから UTF-8 に変換して POST する方法
JavaScript だけで Shift_JIS/EUC-JP のページから UTF-8 に変換して POST する方法2009-04-16 1 個前のエントリで、JavaScript だけを用いて、任意の文字コードのページから、UTF-8 エンコーディングで任意のサーバに (クロスドメインして) POST する方法を編み出しました。 その部分だけで需要があるのではないかと思ったので、関数として取り出して公開します。 案外スマートに書けたのでご機嫌です。 function postUtf8(param) if (!param) return; param = param.replace(new RegExp('&', 'g'), '&'); param = param.replace(new RegExp('"', 'g'), '"'); param = param.re
JavaScriptで画像のオフラインキャッシュを実装する - KAYAC Engineers' Blog
もうすぐクリスマスシーズンなんですかね？本間です。 巷で話題のイケメンホイホイ（以下イケホイ）ですが、このたびiPhone用サイトがオープンしました。 それにあわせて新機能も搭載！イケメン写真にタグを付ける機能と、iPhoneでぼんやり眺めているだけで楽しいビューア機能です。 タグ機能はPC版にも搭載されましたので、ぜひぜひみんなで色んなイケメンにタグを付け合ってくださいね。 タグが付くことで、オススメの精度が上がりますよ！ ビューア機能は、自分がゲットしたイケメンズがiPhone上で次から次へと表示される機能です。 オフラインでも表示できる機能付き！ 電車の中で見るも良し、卓上に置いて眺めるも良しです。 あなた好みのイケメンがゾロゾロ。イケメンホイホイのサイトはこちら！ …うーん、ユーザ層がかぶらなそうだな、この記事。 さてさて、本題はHTML5の機能を使った画像のオフライン表示について
Extreme JavaScript Performance
Talk given at http://jsconf.eu 2009. You serve up your code gzipped. Your caches are properly configured. Your data (and scripts) are loaded on-demand. That's awesome—so don't stop there. Runtime is another source of slowdowns, and you can learn to conquer those, too. Learn how to benchmark your code to isolate performance issues, and what to do when you find them. The techniques you'll learn rang
八角研究所 : Series: JavaScript使いのためのAIR入門 «
JavaScriptが分かる人を対象に、話題の技術 Adobe AIR について解説しています。Adobe AIR は、Web プログラミングで習得した技術(HTML/JavaScript/Flashなど)を利用して、デスクトップアプリケーションを作ることができるのです。 クジラ飛行机です。今回は、JavaScriptが分かる人を対象に、話題の技術 Adobe AIR を使って何か簡単なプログラムを動かすまでを解説してみたいと思います。Adobe AIR は、とても面白い技術です。Web プログラミングで習得した技術(HTML/JavaScript/Flashなど)を利用して、デスクトップアプリケーションを作ることができるのです。 [続きを読む]
JavaScript でのブラウザ判別 - 「仕様の盲点」ではなく、「プロパティの有無」を使う方がマシ - 2009年2月 - Blog - EOF
IE6, IE7 で tabindex 属性を JavaScript 側から設定する時の注意 これは完全にバグといえる仕様なのだが、IE6 と IE7 では JavaScript（IE だから本来は JScript）側から setAttribute などを使って tabindex 属性を設定してやる時、属性名を "tabIndex" にしてやらないと認識しないことを知った（"I" がキャメルケースになっている）。WAI-ARIA（2008-08-06版 WD 邦訳）絡みで色々といじっていた時に発見。因みに IE8 RC1 では修正されている。 次の JavaScript コード断片は、IE で tabindex 属性を設定する時の方法を説明したものである。 // ターゲット要素 var elem = document.getElementById("test"); elem.setAttr
jQueryで作ってみる - ドラッグで増減するスピンボックス jquery.dragspinner.js
水色のスピン部分を上下にドラッグすると、テキストボックスの値が増減します。 上移動で増加、下移動で減少となります。 Webの方ではこういったコントロールはあまり見ないですが、Windows等のアプリケーションのコントロール等にはしばしばお目にかかります。 意外と汎用性が高いので、操作されている方にとっては、「欲しいな」って思われる方もいるでしょう。 特長 ・汎用性がある：1,2マスの細かな移動から、100,1000ピクセル単位のピクセル移動まで、何でも。 ・コンパクトに設置できる：テキストボックスの右に20ピクセル程のスペースに収まります。 ・利用環境に対応：ノートＰＣ等でホイールが無くても大丈夫。基本的なマウス操作のみ。 設置方法 HowToSetupJapanese - jquery-dorag-spibox Google Code googleコードに置いてみました。チェックしてみて
Javascript/prototypeプロパティ - 俺の基地
prototypeとはなんなんだ？ 今まで単なる継承用の何かをつなげておくためのものだと思っていたが jQueryのコードにチラホラprototypeプロパティからメソッドを直接使う記述があったので気になった さらにnewまでprototypeの中のメソッドを使ってる・・・なんだかよくわからん ▲ ▼ 今の認識と使い方 まずprototypeというものは関数オブジェクトに必ずあって、そこから作られたオブジェクトはprototypeプロパティを継承するということ つまりprototypeプロパティにメンバを追加すればnewした対象に全部メソッドを追加できる var Hoge = function(){}; Hoge.prototype.piyo = function(){alert('aaa');}; var aaa = new Hoge(); aaa.piyo(); こういうこと
JavaScript1.7 の yield を使って、非同期処理を同期処理のように書く方法 - IT戦記
経緯 id:kazuhooku さんが一年前にやってたことですが Kazuho@Cybozu Labs: JavaScript/1.7 で協調的マルチスレッド 今日やっと挙動が理解できたのと、 Weave のソースを読んでいたらこのテクニックをバリバリ使っていて「ちょwwおまwww」ってなったので、自分でも作ってみようと思いました。 ほとんど id:kazuhooku さんのと同じものなので、既出です＞＜本当にありがとうございました＞＜ まず、 yield とは何か yield とは、 JavaScript 1.7 から導入された機能です。 以下に yield の細かい挙動を示しておきます。 function f() { // なんかの処理 yield; // ... (1) // なんかの処理 yield; // ... (2) // なんかの処理 } var g = f(); // こ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dearps
