90秒で理解するiPhone JavaScript（マルチタッチ編） Tweet 2008/7/28 月曜日 matsui Posted in iPhone | 10 Comments » 仕事でiPhone向けサイトを作ることになるかもしれず、色々と調査中です。 まずはiPhoneならではの機能ということで、マルチタッチについて調べてみました。 ここまでわかったことをメモ代わりに記載したいと思います。 今回はひとまず座標の取得までです。 ゆくゆくは、こちらのムービーのように凝ったギミックを作りこみたいと思っています。 マルチタッチの座標を取得するのは思ったより簡単で、抑えるポイントは4つだけです。 Safari自体のスクロールや拡大・縮小は動作しないようにした方が無難 タッチのイベントは、リスナーまたは「onTouchXXX」から取得 タッチ数は「event.touches.length

tumblrをはじめてみた。というかずーっと前から始めてたけど、最近ちゃんと始めた。笑 tumblrをするなら絶対コレ、これ無しじゃtumblrココまで好きになれなかった、というFirefox拡張のJavascript Actionsとtumblr用スクリプト。 tumblove ほんとそうですね。tumbloveです。 前回のエントリーの「tumblrにはまりそうな予感」で書いたとおり新しいtumblrアカウントを取得して一からやり直そうって感じになっています。 前回のエントリーでも書いたのですが、tumblrは前からアカウントを作ってちょこちょこスクラップしていたのですが、別に全然tumbloveなんかじゃなくてtumblrのままでした。 そのtumblrがtumbloveになったのは、超手軽、サクサク感あふれるJavascript Actionを試してみてからでした。 Jav

当サイトでは、本日よりコナミコマンドを実装いたしました。コマンドはファミコン版グラディウス準拠の「上上下下左右左右BA」です。SFC版グラディウスIIIのように自爆はしません。ご安心ください。 コマンドを打つとサイト全体がパワーアップします。もう一度コマンドを打つと元に戻ります。携帯電話やRSSリーダでご覧の場合は効果がありません。ご了承ください。 特に意味はありませんが、どうしようもなくコナミコマンドを打ちたくて打ちたくて仕方がなくなったときなどにご利用ください。料金は一切いただきません。 著作権を主張するようなモノでもないので、自分のサイトに付けたいと考えてらっしゃる奇特な方はソースを見て勝手にお持ち帰りください。 追記:うまくいかない方は日本語入力をオフにしてください。Windows版のInternetExplorer、Firefox、Operaそれぞれの最新版で動作確認済みです。

gmailでメールを書くとき、添付するファイルを選んでからしばらくすると、いつの間にか添付ファイルがアップロードされています。 添付するファイルを選ぶと、はじめファイル名が表示されていたのが 自動的にアップロードされて、名前とファイルサイズが表示されています！ 実は、あまり名前も聞かなくなった Google Page Creator がリリースされたときにいちばんびっくりしたのはページの右下にこのgmailの自動アップロードとよく似たしくみがあったことでした。で、さっそく解析してマネしてみたことがあります。今回はgmailでその仕組みを見てみます。 ちなみにその Google Page Creator には、ログインすると右下にこんな ファイルをアップロードするのに使う部分があります。 gmailの場合、メールが自動保存されるタイミングでアップロードされているかんじでしたが、こっちのはBr

au one netのブログサービス 『LOVELOG』は2014年6月30日をもちまして提供を終了致しました。 永らくのご利用、誠にありがとうございました。 引き続きau one netをご愛顧いただきますよう、よろしくお願い申し上げます。 ※お手数ではございますが、新ブログにて閲覧の皆さま向けにブログURL変更等をご周知いただけますよう、お願い申し上げます。

JavaScript 2007/7/9戦争 - TumblrにポストするJSActionsスクリプト、2007/6/10版 アップデートし、包括的な説明を書きました。 2007/5/4 18:40追記画像(jpeg/gifなど)へのリンクの上での挙動を修正しました。以下のようなページで、画像はリンク先の大きいものを取得し、出典はリンク元ページとする動作になりました。 Deutschland 1929 -- index of picturesThe Calvin Pelorian Cat Project 2007/5/4 2:30追記日本語ページの引用で文字化けする不具合を修正しました。また、以下ページのように透明GIFでガードされているFlickrに暫定対応しました。 on Flickr - Photo Sharing! 元のスクリプトに似せて、「タイトル (via 作者)」のキャプション

no title インタラクション2007で産総研の松坂氏が発表されていました。まさか顔検出がブラウザで動く時代になったとは... いろいろ言うより見てもらった方が早いので、動画を用意しましたよ。もう顔バレとかどうでもいいやー。 Facekit - Control google maps with your face 顔の向きでGoogleMapを操作するデモです。ページはこちら わかりにくいけど、画面の下端に「front/right/left」って顔の向きが表示されてる。 カメラと顔の距離でズームもできてる。 PCカメラを持ってる人は、公式ページにサンプルが用意されているのでぜひ試してみてください。 実装はFlashっぽいですけど、利用の際はJavaScript側から叩くだけでいいみたいです。 これもサンプルコードを見てもらえばいいんですけど、ものすごく簡潔。感動した！Enjoy! 以下

Venkman JavaScript Debugger FirefoxのExtention． JSUnit メソッド 内容 assert([コメント], booleanValue) assertTrueと同じ assertTrue([コメント], booleanValue) booleanValueがtrueか assertFalse([コメント], booleanValue) booleanValueがfalseか assertEquals([コメント], value1, value2) value1 == value2か assertNotEquals([コメント], value1, value2) value1 != value2か assertNull([コメント], value) value == nullか assertNotNull([コメント], value) value

2002/8/14 (有)アポロスター 石井 これは何か Windowsではタスクバーの通知領域(タスクトレイ)に時計を表示できますが、そこに日付と曜日も表示させたい場合、機能を拡張するためのフリーソフトウエアなどをインストールする必要がありました。 そこでJavaScriptを用いて時刻や日時・曜日を表示するページを製作しました。タスクバーには任意のWebページを表示する機能があり、それを利用してタスクバーにはめこんでいます。 以下のような表示が可能です。 さらに表示する日付の書式を、以下のような設定画面を使って自由に設定することができます。 利用条件 このタスクバー時計は無料で自由にお使いいただけます。ただし、事前にお知らせすることなくサービスを停止する場合があります。 インストール方法 この時計はアプリケーションソフトウエアではなく単なるWebページですから、ソフトウエアのインストー

本連載では、Ajaxを活用したインタラクティブなWebアプリケーションを、ゼロから開発する。3回の連載で、簡単なWebフォトアルバムを完成させる予定だ。完結した機能を持ったAjaxアプリケーションを作り上げるステップを、具体的に解説していきたい。 JavaScriptと非同期データ送受信を組み合わせた、Webアプリケーション開発スタイルである「Ajax」は、このキーワードが発表されたのが今年初めのことだとは思えないほどの発展を遂げており、日々新しい実験や、それを組み込んだサービスが発表されている。 そろそろ実際にAjaxを活用したWebアプリケーションを開発してみようか、と考えている開発者も多いことだろうが、ではAjaxで何をどう作ったらいいんだろう？ という部分で立ち止まってしまってしまっているのではないだろうか。 そこで本連載では、単なるサンプルではなく、完結した機能を持ったAjaxア

なんかJavaScriptで作れ、みたいな圧力がかかったので作ってみた。 http://la.ma.la/misc/tropix/ (追記：ソース) http://la.ma.la/misc/tropix/tropix.zip 元ネタこれね http://www.hyuki.com/d/200511.html#i20051105203040 最速版Tropyということで、サーバー負荷と表示速度の改善を主に。 JavaScript無効だと表示すらできないのであんまりよろしくないんだけど。 ---- 技術的なこと - サーバーサイドはRubyで書いた。90行ぐらい。普通のCGI。 - ランダムなページのアドレスをCGIに問い合わせて、テキストはAjaxで直読みする。 - 履歴を10件分保持するので、行き過ぎても戻れる。 - サーバーにとてもやさしい。 - ページリストを取る際に履歴をPOSTで

Java等のオブジェクト指向はクラスベースのオブジェクト指向と呼ばれる。一方、JavaScriptはプロトタイプベース、あるいはインスタンスベースオブジェクト指向と呼ばれる。 クラスベースは、まずクラスを定義し、クラスを型とするインスタンスを作成することでプログラミングする。プロトタイプベースによるオブジェクト指向では、クラスの定義は必須ではなく場合によってはクラスという概念自体が存在しない。既存のオブジェクトのクローンとして新しいオブジェクトを作成し、そのオブジェクトに独自の性質を付加してプログラミングする。 JavaScriptのオブジェクトの性質は動的に変更可能。Java等では一度決定したオブジェクトの振る舞いは変更できないが、JavaScriptでは実行中の任意の場所でメソッドの動作を変更したり、新しく追加したり、削除したりすることができる。

Ajax を 使った手書き文字認識です。下のキャンバスにマウスで文字を描いてみてください。 デモ

■ Googleマップによる“Ajax”の隆盛 最近、「Ajax」という言葉を耳にすることはありませんか？　Ajaxとは、「Asynchronous JavaScript + XML」の略称で、「えいじゃっくす」と呼ばれています。このワード、半年ほど前に突然盛り上がりだして、いまではWebエンジニアの間ではお馴染みの言葉になっています。 今年の2月に、Googleが「Googleマップ」という地図サービスのベータリリースを行ないました。 地図に関するサービスは、これまでも数多く存在していますし、特にYahoo!やその他大手ポータルのそれは高機能かつデータベースも充実していて、実用性十分です。そんな地図サービス界隈に、いまになってGoogleが乗り込んでくる、というので、Webな人たちは固唾を呑んでそのリリースを待っていました。 そうしてリリースされたGoogleマップは、人々の期待を裏切ら

はてなの技術勉強会も podcast してみよう、ということではてな勉強会というページを作りました。勉強会自体は今日が3回目なんですが(以前にもやってたけど途中でフェードアウトしてしまったらしい)、今回は僕が発表担当で、内容はここ最近この日記でもちょくちょく触れている JavaScript についてです。 こんな感じの発表資料も併せて公開してます。最近のイケてる JavaScript、という意味で「なんでも2.0メソッド」に基づき JavaScript Programming 2.0 というタイトルです。 なんか音声を後から聞き返してみると、結構間違ったことを喋ってたりするけど、とりあえずこういう試みは昔から是非やってみたかったので、このまま行ってしまいましょう。mp3 が30メガもあって大丈夫かなと少し不安です。 いずれ社内勉強会を Shibuya.pm のように、外の世界にも拡大してい