ネイティブアプリのような超軽快ボタンをWebで実現してみた - ITコンサルタント成長録
iOSやAndroidのモバイルアプリをWebアプリで作り始めて自分が我慢ならなかったのが「ボタン」だ。Aタグを使っても、clickイベントをバインドしても、反応が遅い、トロいボタンになってしまう。ネイティブにはやはり勝てないのか。クイックなボタンはWebで作れないのか…ダメ元で試行錯誤した結果、、、 ネイティブアプリのボタンと見間違うほど機敏なボタンが出来上がった！ Webでもここまで動くのか！と感動してしまった。 ルック＆フィール 見ての通り。「タップ」を押すと１ずつカウントアップする。「リセット」を押すと０に戻る。 「タップ」ボタンを押した時の感じがとても気持ちいいのでぜひ試してほしい。二本指でトリルのように超高速でタップしても完全に追随するのは驚愕だ。早押しゲームのような耐えうるレスポンスだろう。なお、このアプリはタッチデバイス（スマホ、タブレット）でしか動作しない。動作検証した端
CORS(Cross-Origin Resource Sharing)によるクロスドメイン通信の傾向と対策 | DevelopersIO
CORS(Cross-Origin Resource Sharing)って何？ CORS(Cross-Origin Resource Sharing)は、その名の通り、ブラウザがオリジン(HTMLを読み込んだサーバのこと)以外のサーバからデータを取得する仕組みです。各社のブラウザには、クロスドメイン通信を拒否する仕組みが実装されています。これは、クロスサイトスクリプティングを防止するためです。Aというサイトに訪問したのに、Bというサイトに向けて個人情報を送っていたというのは困りますよね。例えば、オリジンから読み込んだHTML内のJavaScriptでJSONデータを読み込むとしましょう。JSONデータが同じサーバにあれば普通に読み込めますが、別のサーバにある場合は読み込めません。まぁ実際のところはJSONPという仕組みを使ってできちゃったりしますが、抜け道的なやり方で使われていました。CO
aaencode - Encode any JavaScript program to Japanese style emoticons (^_^)
aaencode - Encode any JavaScript program to Japanese style emoticons (^_^)
jPlayer : HTML5 Audio & Video for jQuery
a project by happyworm The jQuery HTML5 Audio / Video Library jPlayer is the completely free and open source (MIT) media library written in JavaScript. A jQuery plugin, (and now a Zepto plugin,) jPlayer allows you to rapidly weave cross platform audio and video into your web pages. jPlayer's comprehensive API allows you to create innovative media solutions while support and encouragement is provid
Sencha Presents Sencha Touch
業界初のHTML5モバイルアプリ用フレームワーク Sencha Touchを使えばタッチスクリーンを装備したApple iOSや Android端末上でネイティブアプリのようなWebアプリが開発可能です。 Web標準技術に準拠 Sencha TouchはHTML5、CSS3、JavaScriptに特化した世界初のアプリケーションフレームワークです。SSencha Touchはこれらの技術が持つ力を最大限に引き出し、かつ柔軟で最適化されたアプリケーション開発を可能にします。Sencha Touchでは、音声や動画を組み込む為のコンポーネントやデータをオフラインでも利用可能にするlocalStorageプロキシーなどでHTML5の機能が利用されています。またSencha TouchのスタイルシートではCSS3を最大限活用してとても堅牢なスタイリングレイヤーを実現しています。 このライブラリはそ
Orientation Event Specification (Editor's Draft)
Device Orientation and Motion W3C Working Draft, 14 May 2024 More details about this document This version: https://www.w3.org/TR/2024/WD-orientation-event-20240514/ Latest published version: https://www.w3.org/TR/orientation-event/ Editor's Draft: https://w3c.github.io/deviceorientation/ Previous Versions: https://www.w3.org/TR/2024/WD-orientation-event-20240509/ History: https://www.w3.org/stand
javascript - HereDocよりInterpolation : 404 Blog Not Found
2007年02月17日15:00 カテゴリLightweight Languages javascript - HereDocよりInterpolation Javascriptって、Perl/Ruby/Pythonと比べると何かと足りないものが多くてちょこちょこ作ったり、Prototype.jsだのMochiKitだのの世話になったりすることが多いのだけど、ヒアドキュメントに食指が動かないのはなぜだろう.... Collection & Copy - ヒアドキュメント、IE専用、コメント sawatの日記 - JavaScriptで擬似ヒアドキュメント 風柳亭 - 別館：書庫のある庵 -: なんとか出来ないかな？＜JavaScriptでヒアドキュメント ぼくはまちちゃん！(Hatena) - JavaScriptでヒアドキュメント これ、PHPもそうなのだけど、JavaScriptはHT
Charles Web Debugging Proxy • HTTP Monitor / HTTP Proxy / HTTPS & SSL Proxy / Reverse Proxy
Web Debugging Proxy Application for Windows, Mac OS and Linux Charles is an HTTP proxy / HTTP monitor / Reverse Proxy that enables a developer to view all of the HTTP and SSL / HTTPS traffic between their machine and the Internet. This includes requests, responses and the HTTP headers (which contain the cookies and caching information). Read More Recent Developments For discussion on the latest ch
iPhone/スマートフォン向けのJavaScriptフレームワーク·xui-js MOONGIFT
xui-jsはJavaScript製のオープンソース・ソフトウェア。スマートフォンが隆盛だ。iPhoneはもとよりAndroid、Plam Pre、Windows Mobile、Blackberryと多彩なスマートフォンが登場している。多数のスマートフォンではWebKitをブラウザに使っている。 スマートフォン向けのJavaScriptフレームワーク WebKitであればHTML5にも対応し、JavaScriptも高いレベルで実行ができる。そんな中登場したJavaScriptフレームワークがxui-jsだ。多彩な表現を可能にしつつ、スマートフォンでしか実行できない機能もある。 イベントを取得してHTMLの内容を書き換えたり、アニメーションを実行する操作がコード数行で実現できる。Ajaxも利用でき、アクションによって外部からデータを取得して表示するのも簡単だ。CSSのクラスを追加したり、逆に
グーグルのJavaScriptツール集大成「Google Closure Tools」
2009年11月5日，Googleは自社サービス製品であるGmail，Google Maps，Google Docsなどの開発に使用しているJavaScriptアプリ開発ツール群「Google Closure Tools」を一般公開しました。 "Closure"は一般的に，閉鎖や閉店といった意味で使われます。ツールの命名としては少しネガティブなニュアンスを感じますが，Google Closure Toolsの場合は，終結といった意味で，開発プロジェクトにおける最終ステップの仕上げ用ツール。すなわち“栓”という意味で中身があふれ出さないようにキッチリ閉めておくものといった意味合いから命名されているようです。 Ultimate（究極）に近い意味でGoogleの自信の表れと受け取った方がいいかもしれません。Googleで新規公開になったプロジェクトとしては珍しく，ベータ版の表記もありません（Go
フレッシュなJavaScriptツールチップライブラリ等のまとめ:phpspot開発日誌
フレッシュなJavaScriptツールチップライブラリを含むツールチップライブラリが25種類まとまっているエントリのご紹介。 当サイトで紹介したことのないツールチップも含まれていましたのでご紹介。 ツールチップという完成されたと思われる分野においても様々な工夫がなされているのが分かります。 アニメーションしつつ表示される、デザインされたポップアップ フェードインアニメーションしながら表示される画像ツールチップ del.icio.usとかdigg等へ投稿するソーシャル機能付きツールチップ作成チュートリアル 角丸シャドウ付きのツールチップ 各リンク先は以下のエントリを参照してください。 25 Useful jQuery Tooltip Plugins and Tutorials : Speckyboy Design Magazine
GitHub - noelrappin/rails-iui: Rails wrapper for the iUI toolkit for building iPhone enabled web applications
rails_iui ======== A Rails wrapper around the iUI library for creating web applications. This was originally created as a set of examples for some articles that should be appearing soon. I'm releasing them as a plugin in the hope they'll be somewhat useful, even in their current partial state. 4-21-2008: Still functionally incomplete, and somewhat embarrassingly, without automated tests. More Info
【ハウツー】jQuery on iPhone - jQTouchを使ったWebアプリ開発 (1) jQTouchとは | エンタープライズ | マイコミジャーナル
iPhone向けWebアプリケーションの開発において、jQuery使いなら見逃せないプロダクト「jQTouch」のベータ版がリリースされた。同プラグインを使用すれば、ネイティブアニメーションを伴うWebアプリケーションでも簡単に開発できるようになる。jQueryベースのため、強力なAjaxアプリケーションだって可能だ。本稿ではjQTouchを使ったWebアプリ開発方法を紹介しよう。 David Kaneda氏は8月30日(米国時間)、jQTouchの最新版であるjQTouch 1.0(beta)をリリースした。jQTouchはThe MIT Licenseのもとで公開されている、iPhone上で動作するWebアプリケーション開発に特化したjQueryプラグイン。デベロッパはjQTouchを使用することで、テーマやネイティブアニメーションをともなうiPhone用Webアプリケーションを簡単に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
titanium-mobile-doc-ja - Project Hosting on Google Code
admob at master from appcelerator/titanium_modules - GitHub
GitHub - KAZUAKI/TiAdMob4iPhone: AdMob module for Titanium Mobile iPhone
ECMAScript 5リリース
Hawk Finance
iPhone 3G用のWebページを作る3 [Javascript] All About![iPhone 3G用のWebページを作る3 [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
http://selectors.turnwheel.com/