iPhone/SafariでjQueryを使ったイベントのバインドにおける注意点 : nogunogu
こんにちは。のぐちです。 先日、このブログの存在が社内に告知されました。 開始からしばらくはひっそりと生きようということで特に教えていなかったのです。 で、早速というか何というか、社内の開発者からの応援メッセージ（ツッコミ）が届きました。 そのひとつが 「何故jQueryを使ってるのに、addEventListener してるのか？」 でした。 確かにわざわざ次のように書きました。 box.addEventListener(“touchmove”, touchHandler, false); 僕も最初はjQueryを使って $(“#box”).bind(“touchstart”, touchHandler); なんて書いたのですが、タッチしても全然反応がないので、 「ああ、touch系のイベントはjQueryが対応してないんだろうな」 と思い込んでいました。 が、このツッコミを機
jQuery Fastbutton.
Most any Mobile Web Developer has heard of Google's seminal "Fastbutton" paper https://developers.google.com/mobile/articles/fast_buttons The paper details a way to make websites feel as responsive as native apps - a critical issue in the fight for the open web. This jQuery plugin builds on top of that foundation to make fast webabbs not only possible, but trivial. A bit of history Due to several
iPhone/Android/PC 対応。jQuery で書くタッチイベント
こんにちは！プロダクト企画担当の林です。 今回は、前回予告していた通り、タッチイベントについて書かせていただきます。 他所でもタッチイベントについて取り扱っていますが、当記事でのポイントは、 jQuery を使っている。（jQuery Mobile は不要です） iOS / Android で動作確認済み。 タッチできない PC の場合、マウスで動く。 この３点です。 こちらを実際に動作するコードにて解説します。 動作確認環境 タッチ環境 → iPhone / iPad / Android マウス環境 → Sleipnir / IE / Firefox / Google Chrome / Safari / Opera タッチイベントについて タッチイベントとは、スマートフォンなどで画面を直接指でタッチしたときに発生するイベントのことです。 イベントの種類 touchstart : タッチし
iPhone/Android/PCのブラウザ対応、フリック操作をシンプルに実装できるjQueryプラグイン - makogの日記
自作のjQueryプラグイン、jQuery.flickSimpleを公開します。 jQuery.flickSimple デモ / マニュアル（iPhone/Androidでもご覧いただけます） jQuery.flickSimple ダウンロード（github） これは、iPhoneの特徴的なインタフェースであるフリック操作を、Webサイト上で実現するための jQueryプラグインです。某サイトのiPhone版のためにだいぶ前に書いたもので、当時はiPhone専用だったのですが、Android対応の依頼を受けたのをきっかけに、PCのブラウザにも対応しようと、大幅に作り直したものです。 フリック動作を実現するjQueryプラグインは既にいくつかあります。機能としても実装としても、私が作ったものより優れているものもあると思いますが、まずは公開することに意義がある、ということで。 ちなみに、このス
Titanium? いいえ、Triainaです。 - mixi engineer blog
どうも、5ヶ月ぶりのブログ投稿です、佐野です。僕は2012年8月よりメッセージユニットに加わり、主にiPhone公式クライアントにおけるメッセージ機能の改修に携わっておりました。 mixi Touch(スマートフォンブラウザ版)では2012年10月より一部のユーザに向けてmixiメッセージにおけるリアルタイムコミュニケーションを実現するための新UIを提供しておりました。この機能が近いうちに mixi の iPhone版、Android 版 公式クライアントでも利用できるようになります。 (画面は開発中のイメージです) この新機能は Triaina という自社製のフレームワークによって、iPhone版・Android版共に、WEB版と共通の HTML+JS コードを利用して作られています。 こういうと「Triaina? PhoneGap や Titanium と何が違うの?」とか「Faceb
Web Development for the iPhone: HTML, CSS & JS Support
Estelle Weyl's Blog of quirks, random thoughts and funky finds discovered in day-to-day coding Safari and Safari for the iPhone support all HTML elements, including deprecated elements and even some proprietary elements that were never part of any W3C specifications. In addtion, Safari is supporting some HTML5 elements, even though the HTML5 specifications have not been finalized. I’ve also added
position: fixedもmetaタグも使わずにiPhone用ウェブサイトをアプリっぽく見せる（twitterっぽく） - Yusuke Sugomori's Blog
9/22 追記 改）position: fixedもmetaタグも使わずにiPhone用ウェブサイトをアプリっぽく見せる（twitterっぽく）にて、 よりすっきりしたコードを紹介しています。ぜひそちらを参考にしてください。 まずはiPhoneのSafariでtwitterにアクセスしてみてください。普通のウェブサイトとはスクロールしたときの動きが何か違います。特徴的なのは、 ヘッダーが固定されている 一番上までスクロールしてもURLバーが出ない 代わりに、スクロールされるのはタイムライン部分だけヘッダーの固定についてはiOS5からCSSの position: fixed がサポートされたので困ることはなくなるかもしれませんが、これでも一番上までスクロールするとURLバーが見えてしまいます。 一方、twitterではiOS4でもヘッダーは固定され、かつ一番上までスクロールしてもURLバーは
iPhoneでWebアプリのホーム画面登録を促す「Mobile Bookmark Bubble」をjQuery Mobileと併用してみた - Startup Reality
昨今、jQuery MobileやSencha TouchやHTML5でけっこうなUIのスマートフォン用Webアプリを作れるようになってきました。でも、せっかくアプリっぽいのを作ったら、開発者としてはホーム画面に追加してほしいですよね。 そこで便利なのが、「Mobile Bookmark Bubble」というWebアプリのホーム画面登録を促すバルーンを表示するGoogle製のJavaScriptライブラリです。 これを使うと、以下のようなバルーンが下からにょきっと出てきます。 MOONGIFTさんもiPhone/iPadでホームボタン誘導「Mobile Bookmark Bubble」 と紹介しています。 普通に使うのはそんなに難しくないんですが、jQuery Mobileと一緒に使うのが意外と大変でした。なぜなら、Mobile Bookmark BubbleとjQuery Mobileは
Scrollability
Native scrolling for mobile web apps... or at least the closest thing to it! Scrollability is a single script, it's small, and it has no external dependencies. Drop it into your page, add a few CSS classes to scrollable elements, and scroll away. Scrollability is a work-in-progress and is not yet ready to be used. I will publish documentation when it's ready. Demos (Requires iOS, works best on iPh
Titanium で iPhone開発を始めるときに気をつけておきたいこと７つ
こんにちは、亀本です。 本当は今日はアシアルの日常を書く、という名目のブログ当番なんですが、どうせエンジニアの日常なんてコード書いてますよね。 ということで、最近使ってみたTitaniumについて書いてみる事にしました。 さて、最近ちまたでTitanium Mobileがあつい！という話が出ていて、入門記事もいろんなところで上がり始めていますね。 Titaniumをご存じない方のために簡単に説明しておくと、JavaScriptを使ってiPhone/Androidアプリを作ってしまおう、という物です。 果たしてどんなもんか！と、手元で作成中だったアプリをTitaniumを使って再実装してみたのですが、世間で言われるとおり所々で凝った事をしづらいものの、想像していたよりはずっと、リッチ・簡単・高速に作れる印象でした。 早い、安い、うまいなんてぎゅうどｎ(ry その開発の際に、Objective
Ruby,Python,PHP,JavaScriptでマルチプラットフォームなデスクトップアプリを簡単に作成する Appcelerator Titanium Desktop - 仙台 Ruby Vim JavaScript フリーランスプログラマ
古いエントリーなのですが、まだ時折検索エンジン経由？でいらっしゃる方がいるみたいなので追記 Titanium Desktopは今はTideSDKと変わってオープンソースプロジェクトになっています。 いいたい事を先に。 Ruby,Python,PHP,JavaScriptやってる人でデスクトップアプリ作成に興味ある人は Appcelerator Titanium Desktop さわってみるといいと思います。OS X, Windows,Linuxとマルチプラットフォームなデスクトップアプリをhtml,JavaScript,Ruby,Python等の慣れ親しんだ技術で簡単に作成、公開することができます。 予想以上にブクマされてるみたいなので、Titanium Desktopの特徴を箇条書きですが追加しておきます。 一言で言えばJavaScriptで記述するAdobe AIRのようなRIAフレー
iPhone実機で動作するFlashコンテンツのサンプルが公開 | fladdict
Flash Player for iPhone 今回のSparkProjectの勉強会で紹介された、iPhone上で走るFlashPlayerのデモが公開された。iPhoneの開発者ライセンスを回避する為に、JavaScriptで実装されたという、変態ちっくなFlashプレイヤーです。作者は最速チュパカブラの中の人。 上記リンクは事実上FlashコンテンツをプレイヤーごとJavaScriptにポーティングした感じなので、プラグインをインストールすることなくiPhoneのsafariでいきなり再生できます。 まぁ、iPhoneがペンタ600相当というから遅いといえば遅い。ただこのスクリーンサイズでこの速度なので、480*320かつ、FlashLite並みに製作者が高速化に注意すれば、スプラッシュレベルなら、それなりのものは作れそう。フルフラッシュサイトはともかく。 技術的にはActionSc
emShopSupportブログ | iPhone用webアプリ タッチでお絵かきアプリ
何のひねりもないiPhone用のお絵かきアプリです。 先日公開した「ii」もはじめはcanvasタグを使って作ろうと思っていたのですが、文字が使えないことがわかって急遽、背景と文字の合成はPHPのGDで行いました。 もう少しcanvasタグを勉強したかったので、とりあえずお絵かきアプリを作って見ました。保存もできないし、色も変えられない、ただ線を描くだけですけど、指でタッチして書くというのはまた一味違いますね。この気軽さがWEBアプリのいいとこじゃないでしょうか。 iPhoneのお絵かきWebアプリ はじめて動画でとってみました。 ずいぶん簡単なんですね。 ソースもシンプル。特に凝ったことはしてなくて、基本的に、 canvas.beginPath(); canvas.moveTo(x1,y1); canvas.lineTo(x2,y2); canva
iPhone/Gears/Adobe AIRの開発に便利なJavaScript O/Rマッパー·ActiveRecord.js MOONGIFT
※ 画面は公式サイトのデモコードより 最近のWebシステム開発ではO/Rマッピングの利用が当たり前になっている。そのため、生のSQLを書く機会が殆どなくなり、開発がスムーズになっている一方、いざ書くとなると非常に面倒に感じるようになっている（もちろんORマッピングではコストがかかってしまう場合はSQLを書く必要もあるだろうが）。 JavaScriptで実現するO/Rマッピング それはSQLiteが使えるiPhone/Gears/Adobe AIRといった今時の開発に対しては特に言える。O/Rマッピングに慣れてしまった体にはSQLite向けのSQLを書くのは非常に辛い。そこで使えるのがActiveRecord.jsだ。 今回紹介するオープンソース・ソフトウェアはActiveRecord.js、JavaScriptで作られたO/Rマッピングソフトウェアだ。 ActiveRecord.jsが対応
JSCocoaのiPhone用インタラクティブコンソール « ku
English version is available. JSCocoaのページからリンクされたので日本語版をこっちにうつしました。 iviewで使っているUIViewのtransformがなかなか思い通りに操れなくて困っていて、だったらアプリにSpiderMonkeyを入れてHTTP経由で通信して試行錯誤できるよにすればいいやとUIMonkeyというのを作り始めたところで、既にそういうのがいくつかあるのをJohn Resig - JavaScript iPhone Appsで知ってショックーというかアホだったのでJSCocoaベースにちょこっと書き直しました。viewの階層構造やサイズを調べるのに便利です。 ファイルのコピー svn checkout http://jscocoa.googlecode.com/svn/trunk/ jscocoa-read-only してjscocoa
ianime.js、iPhone/iPod touch 用アニメーション・ライブラリ
先日予告したiPhone向けのアニメーション・プログラムの解説だが、解説のためにソースコードを整理しているうちに、どうしてもライブラリ化したくなってしまい、土曜日の午前中を使ってianime.jsというアニメーション用のライブラリを作ってしまった。まだ色々とやりたいことはあるのだが、温存しておくと熱意が冷めてしまうたちなので、一気に公開。ただし、解説は予告通り英語で書かせていただいた。 ianime.js - Animation Javascript Library for iPhone and iPod touch 「Javascript使い」の方たちには、ぜひとも遊んでいただきたい。私自身、javascriptのprototypeを使うのは初めてなのでとんだ勘違いをしているかも知れないので、そこは遠慮なく指摘していただきたい（人前で自分の間違いを指摘されても平気なたちなので）。 なお、
TechTarget - Global Network of Information Technology Websites and Contributors
Looking for information about Informa TechTarget products and services? The commercial homepage has moved. Visit Informa TechTarget News 29 Jul 2025 / Software Design & Development What Amazon Q prompt injection reveals about AI security Experts say a malicious prompt injection in the Amazon Q extension for VS Code doesn't represent a fundamentally new threat, but reflects how AI amplifies securit
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://lisentia.com/wiki/iPhone%E3%81%AEsafari%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6