結構緊急リンクが飛ばない iOS 8.4.1からCSS :hoverも１クリックカウントっぽいSafari
36,087views／投稿 2015-08-16／更新 2019-02-17 ［この問題はiOS9から解消されてます。］ iOSのSafariで、:hoverに事件が起きています。 CSSでaタグに:hoverで何かの変化を施してある場合は、そのマウスオーバー変化が１クリック換算で止まってしまい、リンク先に飛ばない確率が高い感じです。要は２回クリックしないとハイパーリンク先にページ遷移しないです。iOS 8.4.1のiPhoneやiPadなどタッチデバイスでの話です。 １回タップ（a:hover描画処理のみで止まる） ２回タップ（やっとリンク先に飛ぶ） テキストリンク系は大丈夫ですが、「画像の透かし」や「お申込はこちら」的なボタン装飾も該当していそうです。 ［追記］サンプルページを作りました。iOSデバイスで確認してみてください。Chromeもどうやら対象のようです。 :hover事件の
iOS 7 特集 | DevelopersIO
[iOS][iBeacon] iOS 7.1 からアプリを起動していなくても領域観測できるようになったので、さまざまなバックグラウンド処理を試してみた
インテル、無償のHTML5アプリ開発環境「Intel XDK」を公開。iOS/Android/Kindleなどクロスプラットフォーム対応
インテル、無償のHTML5アプリ開発環境「Intel XDK」を公開。iOS/Android/Kindleなどクロスプラットフォーム対応 インテルは、先週4月10日から11日かけて中国北京で開催された「Intel Developers Forum Beijing 2013」（IDF Beijing 2013）において、クロスプラットフォームに対応したHTML5アプリケーションの開発ツール「Intel XDK」を発表しました。 Intel XDKはブラウザ上で動作するHTML5アプリケーション開発ツール（ChromeブラウザとJavaのインストールが必要）。HTML/CSS/JavaScriptで開発したアプリケーションを、PhoneGap機能でビルドし、iOS/Android/Kindle/Facebookなどのアプリケーションが開発できます。開発したアプリケーションは、各アプリストアで販
iPhone4を脱獄せずにSIMフリー化し、テザリングできるようにする方法
僕のiPhone4は、Softbankで購入したiPhoneである。Softbank iPhoneはSIMロックiPhoneなので、他のSIMを使うことができない。 だが、海外渡航時は、このiPhoneを脱獄せずにSIMフリー化し、使っていた。日本に帰ってきた今も、同じようにiPhoneをSIMフリー化し、B-mobileのSIMを使い使用している。B-mobileは日本通信が販売している、NTTの回線を使ったSIM。１ヶ月、半年間、１年の使い放題をプリペイドで購入することができる。 僕が使っているSIMは、６ヶ月間使い放題のB-mobile Micro SIM U３００（１３,５００円）。このプランのB-mobileは通話ができないので、別途auの携帯を通話用としている（月１０００円程度）。それにより、月額の通信代が３，０００円程度に抑えることができている。 Softbankの回線の場合
アドビの新ツール「Shadow」は、モバイル用Webアプリ開発者必須のツール
モバイルデバイス用のWebサイトやWebアプリケーション開発で大変なものの1つが動作確認です。何台ものデバイスを机の上に並べて、ひとつひとつ確認しなければなりません。 アドビシステムズのAdobe Labsが公開した「Adobe Shadow」は、そうした苦労をしているデベロッパー、デザイナーにとって手放せないツールになるでしょう。 複数デバイスに対する同時表示とリモートインスペクション Shadowがどんなツールなのか解説用ビデオの説明を紹介しましょう。 iPhoneアプリのShadowを起動すると番号が表示されます。 その番号を、MacOSかWindows用Chromeブラウザのエクステンションとして配布されているShadowに入力します。これで、ChromeブラウザとiPhoneがペアになりました。 同じように、Android用ShadowもChromeブラウザとペアにすることができ
jQuery Mobileとは――スマホ時代の到来とWeb制作 (1/3)
「jQuery Mobile」は、モバイルWebアプリケーションやスマートフォンサイトの構築でいまもっとも注目されているフレームワークです。jQuery Mobileを使えば、iPhone/Androidをはじめ、さまざまなスマートフォンのブラウザーに対応したスマートフォンサイトを手軽に制作できます。 jQuery Mobileを使ったスマホサイト制作の基本から実践的なテクニックまで、ベストセラー「Web制作の現場で使う jQueryデザイン入門」（Web Professional Books）の著者・西畑一馬さんが解説します。（編集部） 「jQuery Mobile」は、モバイルWebアプリケーションやスマートフォンサイトの構築でいまもっとも注目されているフレームワークです。jQuery Mobileを使えば、iPhone/Androidをはじめ、さまざまなスマートフォンのブラウザーに対
DeNAが明かすHTML5でのソーシャルゲームの作り方【本日のスライド】 / GameBusiness.jp
スマートフォンにてソーシャルゲームを作ろうとすると、HTML5を中心にブラウザで動作するもの、もしくはネイティブアプリでの提供ということになります。モバゲータウンやグリーはその両方をサポートしています。ネイティブアプリの作り方は既に文献も多数なのですが、HTML5となるとまだ十分とは言えません。この資料は必見です。 「HTML5@iPhoneゲーム開発」はディー・エヌ・エーのスマートフォン開発グループの岸弘倫氏が「DeNA Technology Seminar #3」での講演用に作成したものになります。同社では北米のMiniNation向けにiPhone『Pirate Nation』(海賊トレジャー)をHTML、CSS、JavaScriptで開発して提供していて、そのノウハウを凝縮したものです。 『Pirate Nation』は冒頭の括りで分けるとブラウザで動作するアプリということにな
【年末向け】iCloud設定や着信音作成など、年末にやっておきたいiPhoneの設定まとめ。 | AppBank
iPhone4S発売、iOS5とiCloudリリースなど、話題に事欠かない1年でした。そんな中、「色々設定しておくと便利らしいけど、結局バタバタしててやってない」という方、多いと思います。 そこでAppBankでは、年末にやっておきたい設定を厳選してまとめました。絶対やっておきたいというものから、やっておくと楽しいというものまで、幅広くご紹介しています。 特に、iPhone紛失時に便利なiCloud関連の設定は、このタイミングで絶対やっておくべきかと思います。 それでは早速どうぞ！ 絶対にやっておきたい iPhone紛失時に役立つiCloudの設定 iCloud を使い始めよう！設定、同期、ブラウザからアクセスなどなど、基本を解説します。 まだiCloudを設定していない方は、こちらからどうぞ。 【iCloudは便利】iPhoneをなくしても大丈夫。すぐに場所もわかるし、連絡先も元に戻せま
中学生からわかるiPhoneアプリ開発入門。第1回 。
はじめまして！ みなさま、はじめまして！@akio0911と申します。 自由大学にてアプリクリエイター道場という講義をやったり、cocos2d for iPhoneレッスンノートというゲームアプリ開発の入門書を執筆したり、ハイパーアプリクリエイターズというインタビュー番組を制作したりしています。 また、拡張現実ライフというブログを運営しているブロガーでもあります。 このたび、AppBankさんにて、アプリ開発入門の連載記事を執筆させて頂くこととなりました。ぜひぜひこの連載を読んで、アプリ作りの第一歩を踏み出してみて下さい！ 第1回の目次です。 iOSアプリ開発に必要なものは？ Xcode 4のインストール 早速アプリの作り方を学んでいきましょう。 iOSアプリ開発に必要なものは？ iOSアプリを開発するには、以下に挙げるものが必要となります。 Mac iOSアプリを開発するには、Intel
プログラミング未経験からiPhoneアプリ開発を勉強する人が読むべき超オススメな参考書3つ! – 和洋風KAI
（この記事は2011年11月に書かれたものです。今は、Swiftを勉強した方が良いでしょう。） おはようございます。プログラミング未経験からiPhoneアプリ開発を初めてそろそろ2年目、するぷ（ @isloop ）です。 いやーこの2年の開発ライフを思い起こせば、あっという間だったのですが、するぷろ for iPhone、するぷろ for iPadというブログエディタアプリと、バランスシートな貯金箱という家計簿アプリの3つをリリースできましたし、なんとおかげさまで、賞をいただくこともできました。 別に特別なことはなにもしていないのですが、これも、とびっきり優秀な参考書が隣にあったおかげ。優秀な参考書は、わからないときにサッと答えを教えてくれる白ヒゲを蓄えた長老のようなものです。 そこで今日は、「プログラミング未経験からiPhoneアプリ開発を勉強する人が読むべき超オススメな参考書3つ!」と
超簡単！ iPhoneの連絡先をPCで編集＆バックアップ！！
iPhoneを買ってから、約1年。 当初、ドコモ携帯から自分でアドレス帳のデータをiPhone4に移行したのだけど、並び順とか結構ぐしゃぐしゃでした‥。 → iPhone4、購入３日目のレポート 僕はO型の人なので、あまり気にしませんが、さすがに最近、不便を感じています。 ふと思い立って、連絡先（アドレス帳）を、整理する事にしました。 iPhoneの連絡先が消えた！ → 対処方法 まずはネットで、いろいろ調べてみます。 たとえば、アウトルックやGmail等、何らかの方法でiPhoneの連絡先を吸い出して、そこから編集するとか‥。けっこう面倒な感じです。 いくつか試してみましたが、インポート・エクスポートで記入欄の位置がズレたり、iPhoneに書き戻す際にトラブったり、さんざんです。 中でもビビったのは、iPhoneの連絡先が、全て消えてしまったこと‥。 ちょうど、こちらのサイトの方と同じ状
ブロック要素にいとも簡単にiOS風の通知件数を表示できる「Badger」:phpspot開発日誌
Badger - Super sexy iOS style badges for jQuery ブロック要素にいとも簡単にiOS風の通知件数を表示できる「Badger」 $(element).badger(22);みたいに実行すると次のようにブロック要素に通知件数が追加されるというもの。 ちょっとめんどくさそうな処理もたった１行で実行できるのは有難い限りです。 既存の数値にプラスしたり、コールバック関数の指定なんかもできちゃいます。 関連エントリ div全体をクリッカブルにするjQueryプラグイン「DIV LINKER」 綺麗なツリービューが実装できるｊQueryプラグイン「jsTree」 良い感じの水平アコーディオン実装jQueryプラグイン「liteAccordion」
iOS5をマスターするための小技・裏技・Tips集 - #RyoAnnaBlog
Tweet iPhoneとiPadの新しいOS "iOS5" がリリースされ、数日が経つ。 各所で新しい機能や使い方が紹介されている。 今回は、その中でも盲点となるようなTipsを紹介したい。 発見して記事にした方々に感謝。 1. リマインダーで場所設定 iOS5のリマインダーで自由に通知場所を設定しよう。 / あなたのスイッチを押すブログ 2. 通知センターで降水確率 [iOS 5] 通知センターで「一週間の天気」と「降水確率」をさくっと確認！ 3. ホームボタンを画面で操作 【iOS5】大手は記事にしない玄人機能AssistiveTouchを解説するよー！ - iPhone APPを探すならアップス!!! 4. Newsstandの隠し方 削除できない！iOS5のNewsstand（ニューススタンド）をフォルダに入れて隠す方法 | dyzology 5. ロック画面の通知をスライド i
iPhone等での表示をPCで確認出来るAir製のシミュレーター・Mobilizerがローカルファイルにも対応出来るし、割と良かった
iPhoneや、BlackBerryなどでのWebサイトの表示をPCで確認出来るシミュレーターです。Air製で無料で使えます。まだ使い始めたばかりなんですが起動も軽く、ユーザーエージェントもそのデバイスごとに設定してくれてるみたいです。 シミュレーター（エミュレーター？よくわからｎ）はいくつかありますが、選択肢の一つとして。WinでもMacでもOKです。完璧ではないですけど、今までで一番良かった気がしました。もともと優れたシミュレーターはまだ無い気がしますしね・・・あるのかな？ｗ 動画あったので貼っておきました。iPhone4は勿論、Plam PreやBlackBerry、HTCなど4種のデバイスを同時に確認出来ます。ローカル上のHTMLも動作確認出来ますよ。Airアプリなので動作にはAdobeAirが必要です。 4つ同時に起動可能 日本なら、基本的にiPhoneとAndroidだけあれば
マイコミジャーナル｜【レポート】iPhone 4に対応したWebサイトを作る方法（2010/07/05）
The WebKit Open Source Project iPhone 4にはRetinaディスプレイと呼ばれる高解像度ディスプレイが搭載されている。これは従来のiPhone 3GSの4倍の解像度にあたり、その美しさはiPhone 4の売りのひとつになっている。iPhone 4 Retinaディスプレイの美しさはユーザを満足させるものかもしれないが、同時に、WebデベロッパやWebデザイナに対してこれまで議論に上がっていた「High DPIに対応するWebサイト」という課題を実感させるものにもなった。 サイズが同じでディスプレイの解像度だけが上がるということは、従来と同じ方法でレンダリングすればその分小さく表示されることを意味している。これでは読めたものではないため、見やすいサイズまでスケールを上げる。iPhone 3GSとiPhone 4のケースなら、縦を2倍、横を2倍にすればいい。
現時点で最高のiOS入門書？ – 書評「よくわかるiPhoneアプリ開発の教科書」 - 拡張現実ライフ
全ページフルカラー、言語と画面部品についての解説も豊富。実機インストールの説明も分かりやすい 全ページフルカラーで、図解や画面写真も豊富。パソコン入門書では有名な「できるxxx」シリーズに似た雰囲気と言えばイメージしやすいだろうか？ Objective-Cに関する言語の解説、そして画面部品（ボタンやラベルなど）に関する説明、どちらも豊富で、双方のバランスもよい。 解説の仕方も素晴らしい。初心者のうちは、.hファイルと.mファイルのそれぞれに記述したプログラムがどのように関連するのか？が理解できずに苦しみがちだが、そこに関しても図解で分かりやすく解説されている。 Interface Builderの操作方法も、画面部品ごとに解説されている。掲載されている部品の種類も初心者向けとしては必要十分。 初心者が最も苦労すると思われる実機インストールの方法や、ADCウェブサイトの使い方についても詳しく
[CSS]CSS3のMedia Queries（メディアクエリ）の使い方と実装例
CSS3 Media Queries 下記は各ポイントを意訳したものです。 はじめに CSS2のMedia typesではscreen, printなどのように特定のメディア用のスタイルシートを設定することができました。CSS3ではクエリを加えることで、さらに効率的にスタイルシートを使用できます。 Media Queriesはユーザーの状態を調べ、それにあった特定のスタイルシートを適用することができます。例えば、大きいディスプレイ用と小さいモバイル用にそれぞれ異なるスタイルシートを指定することができます。 Media Queriesの使い方 まずは、デモページをみてください。 ブラウザのサイズを変更すると、スタイルが変更されます。
スマートフォンサイトをデザインする上で知っておくべき10のTIPS
スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基本横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re
WEBデザイナー向け☆iPhoneアプリのUIデザイン
どーもキンモクセイぷんぷん香る自由が丘からaoizmです。 秋満開！スマートフォンまっさかり！(強引) KAYACでもiphoneアプリ制作のお仕事が増えてきております。 WEBデザイナーがiphoneアプリのデザインをする際に、やっぱり気になるのがWEBとの違い。 画面サイズが小さく持ち歩けるデバイスiphoneは、デスクトップ上のアプリやWEBサイトとは 使用環境もその操作方法も異なるため、WEBとは違ったインターフェイスが求められます。 その違いを認識した上で、違いを活かしたデザインをするためには？ iPhoneアプリのUIデザインまとめてみました。 WEBサイトとiphoneアプリの違い 状況 持ち歩けるがゆえそのシチュエーションもさまざま 「会議で」「合コンで」「移動時」「就寝時」... 状態 そのときユーザーはなにをしている？ 「歩きながら」「話しながら」「運動しながら」...
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5とCSS3を使ってスマートフォン向けサイトを構築 － iPhone版Yahoo!JAPANトップの開発事例紹介