iPhoneに関する情報

Web制作における対応ブラウザの選定方法

Web制作における対応ブラウザの選定方法

フロントエンドのテクニカルディレクションに求められるスキル」で出てきた話題として対応ブラウザの選定方法について掘り下げて解説を行います。

続きを読む »

  • 2015年11月25日 13:22
  • カテゴリー
  • direction

iOS 8.4.1の:hover問題

追記(2015年10月23日)
iOS 9.0.2で確認した所この問題は解決していました。

ネタ元:結構緊急リンクが飛ばない iOS 8.4.1からCSS :hoverも1クリックカウントっぽいSafari | WEBスキルアップ君

上記の件、結構やっかいな問題なのでiPhone6+をiOS 8.4.1にアップデートして色々と検証してみました。

続きを読む »

  • 2015年8月29日 12:29
  • カテゴリー
  • CSS, iPhone

スマホ用のスワイプギャラリーjQueryプラグイン「jquery.swipeGallery」

スマホで利用できるスワイプ可能なスライドギャラリー用のjQueryプラグイン「jquery.swipeGallery」を公開しました。指で画面をスワイプすると画像が切り替わるアレです。

続きを読む »

  • 2014年5月21日 15:55
  • カテゴリー
  • jQuery

スマホ用のブラウザ判別を行うための「 jquery.browser.sp.js 」

普段スマホ用のブラウザ判別を行うために利用しているjQueyプラグインを公開したのでご紹介します・

続きを読む »

  • 2014年5月19日 17:08
  • カテゴリー
  • jQuery

CSS Niteベスト・セッション2013に選出されました

2013年5月25日に行なわれたセミナー『CSS Nite LP, Disk 27「スマートフォン対応サイト制作(3)」』の私と木村のセッション「スマートフォンサイト制作 よくあるトラブルと解決方法・回避方法」がCSS Niteベスト・セッション2013に選出されました。

続きを読む »

  • 2014年2月23日 13:43
  • カテゴリー
  • seminar

iOSにおけるviewportの指定方法による細かい違い

iOSではviewportの指定方法が異なると細かいデバイスの挙動が変わってきます。

続きを読む »

  • 2013年10月11日 15:52
  • カテゴリー
  • iPhone

CSS Nite LP, Disk 27「スマートフォン対応サイト制作(3)」が終了しました

CSS Nite LP, Disk 27登壇したイベントCSS Nite LP, Disk 27「スマートフォン対応サイト制作(3)」が終了しました。

続きを読む »

  • 2013年5月26日 13:18
  • カテゴリー
  • seminar

iPhoneのclickイベントの挙動

本エントリーは軽めのjQuery Advent Calendar 2012最終日のエントリーです。

続きを読む »

iPhoneでlabel要素を動作させる方法

iPhoneではlabl要素を設定しても、labelがクリックされた際に対応するチェックボックやラジオボタンが選択状態になりません。

続きを読む »

  • 2012年12月17日 14:36
  • カテゴリー
  • iPhone

スマホサイトでtd/th要素へのposition:relativeはダメ!

iOS4.x系やAndroid2.x系のブラウザだとtd/th要素に指定したposition:relativeが無視されます。

続きを読む »

  • 2012年12月 3日 14:46
  • カテゴリー
  • CSS

iOS6でtransitionアニメーションが少し遅れて開始する問題

よくあるスワイプギャラリーを作成しているとiOS6でアニメーションが少し遅れて開始する問題にぶつかりました。

続きを読む »

  • 2012年10月19日 16:14
  • カテゴリー
  • iPhone

iOS6のリモートWebインスペクタ

iPhone5が販売されて、それに合わせてiOS6がリリースされました。ちょっとアップデートは様子見をしようと思っていたのですが、iOS6のリモートWebインスペクタが気になったので検証用のiPhoneのiOSバージョンを4.3から一気に6にアップデートしました。

続きを読む »

  • 2012年9月21日 11:06
  • カテゴリー
  • iPhone

iOSシミュレータでWebインスペクタが利用できる「iWebInspector」

iWebInspector」はiOSシミュレータのiPhoneやiPadでWebインスペクタを利用できるようになる画期的なアプリです。Macでスマホサイトを作っている人には必須なツールですね。

続きを読む »

  • 2012年6月22日 00:18
  • カテゴリー
  • iPhone

AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ

AndroidやiPhoneなどのスマートフォンではHTML,CSS,JavaScriptにバグが多くてコーディングが大変になります。そこでバグを紹介しているサイト、記事をまとめてみました。(中にはバグではなく仕様なものもあるかもしれません)

続きを読む »

スマホサイト案件の見積もりについて

Android案件の見積り」や「スマホ案件の見積もりについて」を受けて、アプリではなくHTML+CSSでつくるスマホサイト制作の見積もりではまりやすいポイントをまとめています。

続きを読む »

スマートフォンとposition:fixedのバグ

iPhoneではiOS5からAndroidでは2.2からposition:fixedに対応されてスマートフォンでも固定配置が利用できつつあります。と思いきや色々と落とし穴が多いのでまとめておきます。

続きを読む »

続:Xcode4.2インストール後にiPhone4以下のiOSシミュレータを利用する

Xcode4.2インストール後にiPhone4以下のiOSシミュレータを利用する」を書いた後、さまざまなコメントを頂いて、その中に正解な対応方法があったのでご紹介。

続きを読む »

  • 2011年11月17日 08:03
  • カテゴリー
  • Mac, iPhone

Xcode4.2インストール後にiPhone4以下のiOSシミュレータを利用する

作業環境をMac OS X 10.6 Snow LeopardからMac OS X 10.7 Lionにアップデートしたので、Xcodeのバージョンも3.2.6から4.2にアップデートしました。ちなみにXcode 4.2からまた無料でインストールできるようになっています。(続:Xcode4.2インストール後にiPhone4以下のiOSシミュレータを利用するも参考にしてください。)

続きを読む »

  • 2011年11月14日 03:31
  • カテゴリー
  • Mac, iPhone

[書評] iPhone & Android スマートフォンサイト制作の教科書

iPhone & Android スマートフォンサイト制作の教科書 iPhone & Android スマートフォンサイト制作の教科書を献本いただきました。ありがとうございます。

続きを読む »

  • 2011年10月25日 20:16
  • カテゴリー
  • books

CSS Nite in TAKAMATSU, Vol.5は「スマートフォン特集」

CSS Nite in TAKAMATSU, Vol.510月1日に高松でCSS Nite in TAKAMATSU, Vol.5 「スマートフォン特集」が開催され私も登壇させていただきます。

続きを読む »

  • 2011年8月23日 15:43
  • カテゴリー
  • seminar

スマートフォンサイトをデザインする上で知っておくべき10のTIPS

iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。

続きを読む »

Safariの開発者メニューでスマートフォン開発

AndroidやiPhoneのスマートフォンのサイト作成を行う際にSafariの開発者メニューを利用すると便利です。

続きを読む »

iPhoneで特定のzoomとfont-sizeの際に文字サイズが拡大するバグ

かなりレアなケースだと思うのですがiPhoneのSafariで特定のzoomとfont-sizeの際に文字サイズが拡大するバグがあります。

続きを読む »

  • 2011年4月 7日 06:34
  • カテゴリー
  • iPhone

HTML5が使えるスマートフォンOS

HTML5が使えると言うと少し言いすぎですが、headerなどの新要素に対してdisplay:blockが指定されているOSです。

続きを読む »

[書評]iPhone+Android スマートフォンサイト制作入門

iPhone+Android スマートフォンサイト制作入門 (WEB PROFESSIONAL)たにぐちまこと さんの「iPhone+Android スマートフォンサイト制作入門」を献本いただきました。ドーナツ本の兄弟本です。

続きを読む »

  • 2011年3月28日 20:13
  • カテゴリー
  • books

iPhone/AndroidでURLスキームを利用したアプリ起動

iPhoneのSafariやAndroidのブラウザなどからURLスキームを利用することで直接アプリを起動することができるようになります。

続きを読む »

[書評] HTML5+CSS3で魅せるiPhoneサイト

HTML5+CSS3で作る  魅せるiPhoneサイト  iPhone/iPad/iPod touch対応谷 拓樹さんが書いた「HTML5+CSS3で魅せるiPhoneサイト」を献本いただきました。当サイトのエントリーもいくつか紹介されております。

続きを読む »

  • 2010年12月13日 03:00
  • カテゴリー
  • books

CSS3のtransitionでアニメーションするjQueryプラグイン「jQuery transition Animate」

iPhone / iPadではjQueryのanimateメソッドが重いのでCSS3のアニメーションを使いましょうというのがセオリーになっていますが、CSSでアニメーションって結構めんどくさかったりします。

続きを読む »

  • 2010年9月17日 18:34
  • カテゴリー
  • jQuery

iPhone/iPadでダブルタップが利用できるjQueryプラグイン「jquery.event.dblTap.js」

iPhone/iPadでダブルタップをJavaScriptで実装するで紹介してたダブルタップの実装方法をjQueryプラグインにしてみました。

続きを読む »

  • 2010年9月 8日 20:40
  • カテゴリー
  • jQuery

jQueryでiPhone/iPadの向きを検出する

iPhone/iPadで向きを検出する

iPhone/iPadで向きの概念が存在し、横向き(landscape)と縦向き(portrait)によって幅が変わるのでデザインやスクリプトを変更することがあります。

続きを読む »

  • 2010年8月17日 20:07
  • カテゴリー
  • jQuery

iPhone/iPadでダブルタップをJavaScriptで実装する

iPhone/iPadのJavaScriptでは「onclick≒タップ」なのに「ondblclick≠ダブルタップ」となるのでダブルタップを利用したい場合は独自に実装しなくてはいけない。

続きを読む »

  • 2010年8月16日 11:03
  • カテゴリー
  • JavaScript

iPhone/iPadでPCと同じJavaScriptのイベントを実装する

PC向けに作ったサイトをiPhoneやiPadでも利用できるようにする際に注意しなくてはいけないのがJavaScriptのイベントです。

続きを読む »

  • 2010年8月13日 20:59
  • カテゴリー
  • JavaScript

PC用とiPhone用のサイトを切り替える.htaccess

PC用のサイトにiPhoneでアクセスがあった場合にiPhone用のサイトに転送するというのはよくあるケースだと思います。更にiPhoneで「PC用」のボタンをクリックされた場合にPC用のサイトが閲覧できる.htaccessを考えてみました。

続きを読む »

  • 2010年7月 8日 12:13
  • カテゴリー
  • server

iPhone用CSSをメディアクエリで分岐する問題点

これまで1つのHTMLソースでPC用とiPhone用のスタイルシートを切り替えるテクニックとしてCSS3のメディアクエリが用いられることが多かったのですが、iPhone 4の登場によりこのテクニックはバッドノウハウになりつつあります。

続きを読む »

  • 2010年6月16日 20:00
  • カテゴリー
  • CSS

[書評]iPhoneサイト制作ハンドブック iPhone&iPod touch対応

iPhoneサイト制作ハンドブック iPhone&iPod touch対応iPhoneサイト制作ハンドブックの献本をいただいたので読みました。ありがとうございます。

続きを読む »

  • 2008年12月16日 03:45
  • カテゴリー
  • books

購読

フィードリーダーを利用して検索結果を購読し、今後投稿されるエントリーでタグ「iPhone」が指定されているものにアクセスできます。 [フィードとは]

フィードを取得 フィードを取得