Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
モバイルWebにおいて、セキュリティ上、WebのリンクURLを表示させたくなかったり、 テキストのコピーを防止したい場合があります。 これらの長押しアクションを無効にするにはbodyのcssに以下を追記します。 body { -webkit-touch-callout:none; // リンク長押しのポップアップを無効化 -webkit-user-select:none; // テキスト長押しの選択ボックスを無効化 } 補足 また、一般的なWebサイトの右クリックの無効化は <body oncontextmenu='return false;'> コピーの無効化は <body oncopy='return false;'> でOKです。 （developerツールを使えば簡単に解除できますが。） 参考 iPhone リンクを長押しした時のポップアップメニューの制御 « TriAx Lab
Androidアプリを作るのには、Javaの知識が必要？！いいえ、HTMLと少しのJavaScriptが使えればいいんです！HTML5/JavaScriptでAndroidアプリを作る方法を紹介します。 Read less
jsWaffle について2010年に公開し好評を得ていたAndroidの開発フレームワーク『jsWaffle』です。『jsWaffle』を使うと、HTML5/JavaScriptでAndroidアプリを作れます。 jsWaffleの開発経緯jsWaffle開発当時、HTML5でAndroidアプリを開発するフレームワークは不安定なものばかりでした。それで手軽にHTML5でAndroidアプリを作る環境を作成しました。 今では、新規プロジェクトでHTML5でAndroidアプリを作りたい場合、Apache Cordova(旧PhoneGap)が安定しています。そのためゼロから作る場合はCordovaを使うのがオススメです。 今でもjsWaffleを使う意義しかし、jsWaffleの方が簡単にできる部分もあります。jsWaffleファンの方は、これまで以上のご愛顧をよろしくお願いします。 過
これまで主に金融業のお客様に対し、Web・モバイルアプリ開発における 品質保証やセキュリティの分野で様々なプロジェクトを支援してきました。 これまで培ったノウハウを基に、お客様のニーズに寄り添った最適な ソフトウェアテストソリューションで貴社の抱える「品質課題」を解決します。 これまで主に金融業のお客様に対し、 Web・モバイルアプリ開発における 品質保証やセキュリティの分野で 様々なプロジェクトを支援してきました。 これまで培ったノウハウを基に、 お客様のニーズに寄り添った最適な ソフトウェアテストソリューションで 貴社の抱える「品質課題」を解決します。 これまで主に金融業のお客様に 対し、Web・モバイルアプリ開発に おける品質保証やセキュリティの 分野で様々なプロジェクトを 支援してきました。 これまで培ったノウハウを基に、 お客様のニーズに寄り添った 最適なソフトウェアテスト ソリ
androidでバグなのか仕様なのかわからない現象に遭遇。 以下のhtmlソースでandroidだけ表示が崩れる。 <!DOCTYPE html> <html lange="ja"> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> <meta charset="utf-8" /> <style type="text/css"> #page{ width:640px; margin:0 auto; background-color:#f7f5ef; } #main{ width:500px; padding:35px 20px 40px 20px; color:#221815; font-weight:bold; } .main_txt{ font
iOS, Android端末の画面の向きにあわせてゴニョゴニョしてみたい。 縦(Portrait), 横(Landscape)になった時の画面幅を取得しようとしています。 本来であればイベント “onorientationchange” という便利なものがあるので使えばいいんだろうけど、一部Androidで取得できないケースもある様子、で困ったなぁと… 無駄を承知でこんな風にしてみました。 jQueryを使用しています。 $(window).on('resize orientationchange', function () { console.log(window.innerWidth); }); resizeだけでも良かったと思うのですが、HTML, CSSのどちらかが悪いのかiOSでresizeイベントをうまく取得できません。 仕方なくorientationchangeも監視対象にし
iPhoneのWebクリップという機能を使ってホームにアイコンを表示することができます。 PCでいうファビコン(favicon)のようなもの、と考えて良いです。 このWebクリップを使うと、 サイト側でアイコンの指定をしていない場合、サイトのトップ部分を画面キャプチャしたアイコンが自動で作成されます。 ま、自動で作成してくれるのはそれはそれでいいのですが、 やはりアイコン画像くらい用意しておきたい所です。 さて、このアイコンの指定方法についてですがあちこちで情報が氾濫していて 正しい情報と間違った情報が普通に溢れかえっているのでここで整理しておきます。 まず、iPhone用に必要になってくる画像のサイズは57x57ピクセルのpng画像。 128だとか256だとか512とか必要ありません。 というかサイズが大きいと無駄なトラフィックが発生するだけなのでやめましょう。 ただ、サイズが違った場合
運営元のロゴ Copyright © 2007-2025 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
はじめてスマートフォン向けサイトを制作したときに調べたことのまとめ。 （※スマートフォン専用サイトでiPhoneとAndroidに対応させる場合） 基本的にリキッドデザインにする 画面サイズの目安は、縦のとき：幅320px×高さ480px 横のとき：幅480×高さ320px。 iPhoneの場合は上記サイズで問題ないけど、AndroidのXperiaでは長いページのときにスクロールバーが表示され（初期のモデルSO-01Bで確認したので最新のは違うかも）320pxよりせまくなるっぽい。 あと、横に向けたときにいい感じに伸びてほしいと言われる（可能性がある）ので、スマートフォン専用のサイトならばリキッドデザインにしておいた方が無難。 （2013/10/23追記） Xperiaの初期モデルSO-01BのAndroid 1.6のとき（バージョンアップした場合は分かりません）の縦表示時の有効幅は31
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く