• RSS
iPhone のi.softbank.jp に届く迷惑メールを受信拒否設定する方法

ソフトバンクのiPhone のメールアドレス「i.softbank.jp」に届く迷惑メールを受信拒否設定する方法のご紹介です。
続きを読む

[WP]Contact Form 7 の自動返信メールがスマホに届かない場合に確認すること

Contact Form 7 のメールフォームでお問い合わせをもらったユーザーに自動返信メールを送る際、スマホのユーザー(キャリアメール)へメールが届かない…という問題が起こりました。

自分のスマホ(ソフトバンクのiPhone)からメールを送っても同じ現象が起こったため、色々調べてみた結果… 結論から言いますと、迷惑メールのブロック設定を変更することで、スマホに自動返信メールが届くようになりました。
続きを読む

iTunes から過去に購入したiPhone アプリを非表示にする方法

iTunes で購入したアプリは、iPhone 上で消してもiTunes の購入履歴一覧に全て載っています。
今回は、この購入履歴一覧にあるiPhone アプリを非表示にする方法のご紹介です。
続きを読む

iPhone のUDIDをiTunes で調べる方法

iPhone の「UDID(識別子)」を調べる方法のご紹介です。
iPhone アプリを開発する上で、テストアプリをiTunes 経由でダウンロードする時などに必要になります。
続きを読む

[Mac]Mac でAndroid仮想デバイス(AVD) の設定方法

前回の Android SDK Mac のインストール方法 の記事ではSDK の設定方法までを紹介させていただきましたが、

今回はMac のデスクトップ上でAndroid のエミュレータを動かす際に必要なAndroid 仮想デバイス(AVD) を設定する方法を紹介させていただきます。
続きを読む

[Mac]Android SDK Mac のインストール方法

Android ブラウザでスマホサイトのデザインや挙動を確認するため、Mac にAndroid SDK をインストールした時の方法を備忘録としてまとめました。

今回、Javaの開発環境であるEclipse などを入れるステップは省略させていただき、Mac でAndroid エミュレータを動かすために必要な「Android SDK Mac」のインストール方法と、「Android仮想デバイス(AVD)」の設定方法の2 回に分けて紹介させていただきます。
続きを読む

[CSS]iOS で滑らかなスクロールを実現する「-webkit-overflow-scrolling」プロパティの使い方

overflow で要素内をスクロールさせると、iPhone やiPad などのiOS で見た場合にスクロールがぎこちなくなります。

そんな時は、iOS 5.0 より実装されたSafari CSS の -webkit-overflow-scrolling プロパティを使うことで、iOS でもスムーズなスクロール(慣性スクロール)を実現できるようになります。
続きを読む

[HTML]iPhone でのサイト閲覧時に、数値に自動でリンクが貼られないように回避する方法

企業サイトなどでは、HTML ファイル上に電話番号をテキストで記述することも多いと思いますが、

PC では問題なくても、iPhone から見ると自動で電話番号(や、それっぽい数値テキスト)にリンクが貼られてしまうので、勝手にリンクされないようにmeta タグで防止する方法のご紹介です。
続きを読む

[CSS]iOS のテキストフォームの角丸や影を消すなどデザインを変更する方法

iOS でテキストフォームを見ると、デフォルトで角丸だったりシャドウ(影)が掛かっていたりしますので、サイトに合わせてフォームのデザインを変更した場合が多々有ります。

今回はiPhone やiPad 向けに、input[type=text] のデザインをCSS で補正する方法をまとめました。
続きを読む

[CSS]iOS でフォームにフォーカスした時の自動ズーム問題を回避する方法

iOS でテキストフォームをタップしてフォーカスした時、ページ(の文字サイズ)が拡大表示される問題を回避する方法のご紹介です。
続きを読む

[アプリ]Dropbox とも連携可能なiPhone エディタアプリ「iテキスト」

iPhone でメモ書きするエディタアプリは色々ありますが、

個人的にオススメなのが、Dropbox 内のテキストファイルを編集、共有するのに便利なiOS のエディタアプリ「iテキスト」です。

パソコンとiPhone の両方でDropbox 内の同じテキストファイルを編集できるようになりますので、iテキストのお陰で仕事の効率が大幅にアップしました!
続きを読む

[CSS]半角文字列を改行するword-break と word-wrap の使い方と違い

div や table などの要素から半角文字が突き抜けて表示されないように、CSS で強制的に折り返してあげる方法のご紹介です。

今まで文字の折り返しと言えばword-break を使う機会が多かったのですが、CSS 3より、word-wrap プロパティが利用できるようになり、主要ブラウザにも対応するようになりました。

今日は、このword-breakword-wrap のそれぞれの使い方に加えて、2 つのプロパティにどのような違いがあるのかについて簡単に説明させていただきます。
続きを読む

[CSS]-webkit-box-reflect による鏡面効果の設定方法とAndroid への対応方法

CSS3 の -webkit-box-reflect プロパティを使って画像に「鏡面効果」を与える方法のご紹介です。

以前紹介させていただいた reflection.js のような Javascript を使う方法もありますが、SafariやChrome、iPhoneなどのスマホへの対応に限るものの、CSS だけで手軽に鏡面効果を演出できるので便利なプロパティだと思います。
続きを読む

[IE]IE8 でCSS3 のMedia Queries が効かない場合の対処法

IE8 以下でもレスポンシブWEBデザインに対応させることができる css3-mediaqueries.js は便利なJavascript なのですが、「IE でMedia Queries が効かない…」という問題によく悩まされます。

原因不明のモノもありますが、よくブログでも紹介されている回避策と自身で実践してみた上での対処法も合わせて、今回はMedia Queries がIE8 で効かない場合の解決方法を以下にまとめてみました。
続きを読む