JavascriptでiPhone/Androidのソフトウェアキーボード出現を検出したい - Qiita
概要 iOS/Androidのソフトウェアキーボードが出てきた時のイベントをaddEventListenerとかで検出したい 問題 色々調べたが、キーボードの出し入れに対するイベントは存在しないっぽい 代わりに 「キーボードが出てきた/引っ込んだ」というのは input="text"とかにフォーカスが当たったか否かによるので DOMFocusIn/DOMFocusOut http://help.dottoro.com/ljuoivsj.php というのが使えそうというのが調べてて分かった document.addEventListener("DOMFocusIn", function(event) { //キーボードが出現した時 }, false); document.addEventListener("DOMFocusOut", function(event) { //キーボードが引っ込
［速報］マイクロソフト、HTML5/JavaScriptアプリをiOS／Android／Windows対応に一括変換する「ManifoldJS」をオープンソースで発表。Build 2015
［速報］マイクロソフト、HTML5/JavaScriptアプリをiOS／Android／Windows対応に一括変換する「ManifoldJS」をオープンソースで発表。Build 2015 マイクロソフトが米サンフランシスコで開催中のイベント「Build 2015」。2日目の基調講演では、iOSやAndroid、Windows 10などクロスプラットフォーム対応のアプリケーションを一括で生成するツール「ManifoldJS」を発表しました。 マイクロソフト チーフエヴァンジェリストのスティーブ・グッゲンハイマー氏。「Windows対応だけではなく、クロスプラットフォーム対応のアプリケーションをどう作ればいいのかとよく聞かれる。2年前、われわれはゲーム向けにUnityを発表し、昨年はiOSとAndroid対応でXamarinの採用を発表した。今年はWebアプリケーションにフォーカスしよう」
Androidの実機でウェブサイトのJavascriptをデバッグする方法
スマートフォン向けのWebサイトを作ると、おおむね使われるJavascript。 Androidの実機でデバッグしたい時に、実機にコンソールを表示する方法と、PCに表示させる方法。 その① 実機のAndroid標準ブラウザでコンソールを表示する (1)Android標準ブラウザを起動する (2)アドレスバーに“about:debug”を入力してEnter (3)ブラウザの「サブメニュー」→「設定」に、”デバッグ”をタップ (4)“Show Javascript Console”にチェックが入っていることを確認 ※“UAString”でユーザーエージェントも変えられたりします (5)ブラウザに戻って“SHOW JAVASCRIPT CONSOLE”をタップすると、コンソールログが表示される※以下のメソッドが使えるらしい console.log(); console.info(); conso
Titanium Mobile を実務的に使うための開発環境の整え方（1） - 実務で使えるTitaniumテクニック - Mobile Touch - モバイル/タブレット開発者およびデザイナー向け情報ポータル
はじめに はじめまして。ChatWork株式会社の宮下と申します。ChatWorkはビジネスシーンに向けたチャットを提供するウェブサービスです。ChatWorkではiOS/Android向けのモバイルアプリケーションの開発にTitanium Mobileを採用しています(2013年09月現在)。この連載ではTitanium Mobileを実務レベルで使う際に行っている開発環境の整え方や工夫を紹介したいと思います。 Titanium Mobile とは Titanium Mobile(以下Titanium)はAppcelerator Inc.が提供するアプリケーション開発環境です。Titaniumを使うことで、iOSやAndroid(他にはTizenやBlackBerryなど)に対応するネイティブアプリケーション開発をJavaScriptを使って同時に行うことができます。iOS SDKやAn
ScaleOut | Supership
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
HTML/JavaScriptを使ってAndroidモックアップアプリをさくさく作ろう！·Fries MOONGIFT
FriesはHTML/JavaScriptを使ってAndroidモックアップアプリを開発できるソフトウェアです。 Androidの普及はiOSを抜き去り、アプリもどんどん増えています。そんな中にあって必要になるのが素早くAndroidアプリを作る技術です。今回はWebブラウザを使ってモックアプリを作っていけるFriesを紹介します。 デモです。左側にAndroid端末のモックが出ています。 シンプルなタイトルを表示した例。 メニューを追加した例。 メニューアイコンをタップするとメニューが表示されます。 タブ。 ボタン。 リスト。 複数行のリスト。 iScrollにも対応しています。 Friesを使って作法に則って進めるとAndroid 4.0系のUI風モックアップアプリが簡単に作成できます。簡易的に作成できるなら、どんどん試して色々な機能を試すことができます。さらにPhoneGapなどでラ
「Klepto」を使ったJavaScript開発手法の紹介
PACとは何か Proxy Auto Config Proxyの設定情報をJSで書ける PC, iOSのみ設定可能 （Androidは4.1でも設定できなかった） なぜ重要か 「指定ドメイン、パスのみProxy通す」とかできる （Commet等のLocal Proxyを通しにくいAPIを除外したり） 安全に常時LocalProxyをたちあげていられる （OS、アプリのアップデートや動画再生等でも落ちない） PAC sample（example.comに接続する場合だけproxyを通す） function FindProxyForURL(url, host) { if (host === 'example.com') { return 'PROXY 127.0.0.1:8888'; } return 'DIRECT'; }
たった２ファイルで，HTML＋JS製のネイティブAndroidアプリを作る手順 （動作するサンプルコード付き。WebViewの活用方法） - 主に言語とシステム開発に関して
AndroidプログラミングのTOPへ 重要なお知らせ： この記事で公開した情報は，AndroidのMVCフレームワーク「Android-MVC」の機能の一部として取り込まれました。 より正確な設計情報や，動作可能な全ソースコードを閲覧したい場合，「Android-MVC」の公式ページより技術情報を参照してください。 AndroidのMVCフレームワーク - 「Android-MVC」 http://code.google.com/p/android-mvc-... HTMLとJavaScriptを使って，Androidのネイティブ・アプリを作成し，実機上で動かす。 画面の裏側では，Javaのコード（Activityなど）が動いている。 特別なツールは，何も必要ない。 Androidの，標準の開発環境さえあればよい。 サンプルコードと動作手順 まず、アクティビティ。 WebviewTest
AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ
AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ AndroidやiPhoneなどのスマートフォンではHTML,CSS,JavaScriptにバグが多くてコーディングが大変になります。そこでバグを紹介しているサイト、記事をまとめてみました。(中にはバグではなく仕様なものもあるかもしれません) iOS 8.4.1の:hover問題 iOS 8.4.1で:hoverを指定していると1タップでページ遷移できない問題 【STINGER5】AndroidのChromeで＆nbsp;が「・」になってる気がする | ビビビッ を に変更すると直るとのこと。 Mobile Safari 8でposition: fixedした擬似要素が完全に位置が固定されない - Weblog - Hail2u.net Mobile Safari 8でposition:
H2O Blog., 「JavaScriptだけで作る、Titanium Mobile iPhone/Androidアプリ開発入門」が超良書
Titanium Mobileを学習したくて、書籍を購入したりWebの情報をあさったりしているのですが、秀和システムさんから出ている『JavaScriptだけで作る、Titanium Mobile iPhone/Androidアプリ開発入門』が超良書でした。 280ページ程度という多くはないページ数ながら、Titanium MobileのインストールからApple Developer Networkへの登録の方法、JavaScriptの入門、Titanium Mobileらしいサンプルプログラムの作成が3本と、デバッグ手法、ストアへの出品方法と、全体がうまく網羅されています。 そして、素晴らしいのは取り上げている3本のアプリ。ストップウォッチと、RSSリーダー、アルバムアプリと、使って楽しいサンプルを、丁寧な解説で作り上げていきます。 Webビュー、カメラ、Googleマップと、スマートフ
Androidの場合のみbodyにclassを追加するJavaScript
Androidの場合のみbodyにclassを追加するJavaScript ちょっとした修正でAndroidだけCSSを変更しなくてはいけないことがあったのでAndroidの場合のみbodyにclassを追加するJavaScriptを書いてみました。 <body> <script> if(/Android/.test(window.navigator.userAgent)){ document.getElementsByTagName("body")[0].setAttribute("class","android"); } </script> 上記のようなJavaScriptをbodyの後に書いておくとAndroidの場合のみbody要素に「android」というclassが設定されます。 ライブラリ化するのも大げさなので、ちょっとした修正の際にコピペして利用してください。 関連エントリ
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
スマフォ向けサイト最適化にも使えそうなブラウザ幅に応じCSSが切り替えられるJSライブラリ「Adapt.js」:phpspot開発日誌
スマフォ向けサイト最適化にも使えそうなブラウザ幅に応じCSSが切り替えられるJSライブラリ「Adapt.js」 2011年04月19日- Adapt.js - Adaptive CSS スマフォ向けサイト最適化にも使えそうなブラウザ幅に応じCSSが切り替えられるJSライブラリ「Adapt.js」。 見ているユーザによってディスプレイのサイズなんかはまちまちで、ブラウザのサイズも結構違いますね。 このフレームワークを使えば、幅が600〜800px は a.css、800〜1200px の場合は b.css のように使い分けるのが容易になります。 端末の違いなんかもCSSによって分けてしまえると、プログラム的な無駄な分岐を省けて綺麗に作れますね。 ここら辺の分岐を簡単な使い方で勝手にやってくれるのがAdapt.js。スマートフォン向けサイトなんかにも使えます。 iPhoneだと縦で大体320p
iPhoneやAndroid向けのJavaScriptフレームワーク・Wink Toolkitが割と良かったので日本語サンプル作った - かちびと.net
iPhoneやAndroidなどの人気の スマートフォン向けのJavascript製 フレームワーク・wink toolkitを触っ てみました。動作サンプルが豊富 で割と応用できそうだったので日本 語でサンプルを作ってみました。 スマートフォン向けのWebサイトやネイティブアプリに使えそうなJavaScript製のフレームワークです。沢山の動作サンプルがあって、内容もとっても分かりやすかったので（完全ではないけど）日本語サンプルを作成してみました。 スマホ向けのWebアプリ用JavaScript製フレームワークです。 動作サンプルを日本語にしたのでお手持ちのiPhoneなどでサンプルを触りながら記事を読んでいただけると嬉しいです。 [note]お持ちでない場合でも、Safariでご覧頂くと同様の動作確認が出来ます。Chromeでも多少確認出来ました。また、デモ動画もいくつかありますので宜
Rails開発者ら、JavaScriptフレームワーク「Cinco」を発表：Rails Hub情報局：エンジニアライフ
Ruby on Railsの生みの親、DHH（David Heinemeier Hansson）らが、モバイル向けのフレームワーク「Cinco」（シンコ）を間もなくオープンソースで公開する模様です（思わせぶりなブログエントリ）。以下は、37signalsのCincoを使った最初のモバイルアプリ「Basecamp Mobile」のデモ映像です。 Cinco自体はまだソースコードが公表されていません。準備が整うまでに数カ月かかるだろと言っています。Cincoはモバイル向けフレームワークで、「基本的には単一ページのJavaScriptアプリを扱うためのRailsだ」と説明されています。対応するプラットフォームは、 iPhone 3GS iPhone 4 iPad Motorola Droid X Motorola Droid 2 Samsung Galaxy S HTC Incredible H
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Home
Android 4の新機能でカメラWebアプリ作ってみた | ASCIIネット
はてなブログ | 無料ブログを作成しよう
Titanium でつくろう！ iPhone/Android 両対応アプリ
IDEA * IDEA
