Javascriptスニペット [JS]iPadでPCサイトを表示するためのスクリプト
iPadでPCサイトを表示するためのスクリプト
スマフォ・iPhone
Javascriptスニペット 
スマフォ・iPhone [iOS]iPhoneで「〇〇からペースト中…」にフリーズした場合の強制終了方法
MacとiPoneで同じApple IDを使っていると、MacでコピーしたテキストをiPhoneにコピー＆ペーストできるので便利です。しかし、まれに通信状況や途中の操作ミスなどにより「〇〇からペースト中…」のままフリーズすることがありま...
HTML [HTML]videoタグのmp4がiOSで自動再生されない時に確認すること
WEBサイトに埋め込んだ動画が、iPhoneやiPadといったiOSデバイスで自動再生されない。。。見た目は地味なトラブルですが、動画をキービジュアルとして使用している場合、再生失敗はユーザー体験（UX）を著しく損ないます。動画が停止したま...
スマフォ・iPhone [iOS]このwebサイトから自動的に電話をかけることは禁止されています。が表示される場合
<a href="tel:0000000000">のリンクをタップして電話をかけるような処理は、特にスマホサイトを中心によく利用するのではないかと思いますが、iOSの場合、電話番号リンクを指定回数タップすることで「このwebサイトから自動的...
WordPress [WP]MW WP FormでもiOSのプルダウンメニューを全文表示する方法
以前の記事で、iOSでselectのプルダウンメニューを全文表示する方法を紹介させていただきましたが、今回は、WordPressのメールフォームプラグインであるMW WP FORMを使ったプルダウンメニューでも、長い文字の選択肢が「…」で省...
スマフォ・iPhone iPhoneのi.softbank.jpに届く迷惑メールを受信拒否設定する方法
ソフトバンクのiPhoneのメールアドレス「i.softbank.jp」に届く迷惑メールを受信拒否設定する方法のご紹介です。My Softbankのメール設定から受信拒否設定My Softbank にログインし、メール設定をタップします。「...
HTML [HTML]iOS Safariの電話番号の自動リンクを無効化する方法
ページ内の数字のかたまりがiPhoneのSafariでは電話番号として認識され、自動でリンクが貼られてしまうのを防ぐ方法のご紹介です。電話番号や連続する数字が自動でリンクするのを防止するiOSのSafariでは、ページ内の電話番号や連続する...
WordPress [WP]Contact Form 7の自動返信メールがスマホに届かない場合に確認すること
Contact Form 7のメールフォームでお問い合わせをもらったユーザーに自動返信メールを送る際、スマホのユーザー（キャリアメール）へメールが届かない…という問題が起こりました。自分のスマホ（ソフトバンクのiPhone）からメールを送っ...
Mac iTunesから過去に購入したiPhoneアプリを非表示にする方法
iTunesで購入したアプリは、iPhone 上で消してもiTunesの購入履歴一覧に全て載っています。今回は、この購入履歴一覧にあるiPhone アプリを非表示にする方法のご紹介です。MacのiTunesで購入したアプリを非表示にする方法...
Mac iPhoneのUDIDをiTunesで調べる方法
iPhoneの「UDID（識別子）」を調べる方法のご紹介です。iPhoneアプリを開発する上で、テストアプリをiTunes経由でダウンロードする時などに必要になります。MacのiTunesでUDID（識別子）をコピーするUSBでMac にi...
WordPress [WP]iOSからインストール型WordPressを編集できるアプリWordPress for iOS
インストール型のWordPress ブログをiPhone（iOS）から更新できるアプリWordPress for iOSを使い始めました。ブラウザ（管理画面）からの操作と比べて、機能面で諸々制限がありますが、記事や固定ページの新規追加・編集...
Mac [Mac]MacでAndroid仮想デバイス(AVD) の設定方法
前回のAndroid SDK Macのインストール方法の記事ではSDK の設定方法までを紹介させていただきましたが、今回はMacのデスクトップ上でAndroid のエミュレータを動かす際に必要なAndroid 仮想デバイス(AVD)を設定す...
Macアプリケーション [Mac]Android SDK Macのインストール方法
Android ブラウザでスマホサイトのデザインや挙動を確認するため、MacにAndroid SDKをインストールした時の方法を備忘録としてまとめました。今回、Javaの開発環境であるEclipse などを入れるステップは省略させていただき...
WordPress [WP]記事投稿時にスマフォとタブレット向けにプレビューを確認できるプラグインResponsive Post Preview
WordPress で企業サイトを構築する上で、最近はスマートフォンやiPad での表示最適化（レスポンシブWEB デザイン対応）を行う機会が多くなってきました。今回はそのようなスマホ対応のサイト制作時に便利な、記事投稿前にスマートフォンと...
CSSスニペット [CSS]iOSで滑らかなスクロールを実現する-webkit-overflow-scrollingの使い方
overflowで要素内をスクロールさせると、iPhoneやiPadなどのiOSで見た場合にスクロールがぎこちなくなります。そんな時は、iOS 5.0より実装されたSafari CSSの-webkit-overflow-scrollingプ...
WordPress [HTML]iPhone でのサイト閲覧時に数値に自動でリンクが貼られないように回避する方法
企業サイトなどでは、HTML ファイル上に電話番号をテキストで記述することも多いと思いますが、PC では問題なくても、iPhoneから見ると自動で電話番号（や、それっぽい数値テキスト）にリンクが貼られてしまうので、勝手にリンクされないように...
CSS [CSS]iOSのテキストフォームの角丸や影を消すなどデザインを変更する方法
iOSでテキストフォームを見ると、デフォルトで角丸だったりシャドウ（影）が掛かっていたりしますので、サイトに合わせてフォームのデザインを変更した場合が多々有ります。今回はiPhoneやiPad向けに、inputのデザインをCSSで補正する方...
CSS [CSS]iOSでフォームにフォーカスした時の自動ズーム問題を回避する方法
iOSでテキストフォームをタップしてフォーカスした時、ページ（の文字サイズ）が拡大表示される問題を回避する方法のご紹介です。テキストフォームに文字を入れようとすると拡大表示されるiPhone でウェブサイトを見ていて、テキストフォームにタッ...
スマフォ・iPhone Dropboxとも連携可能なiPhoneエディタアプリ「iテキスト」
iPhoneでメモ書きするエディタアプリは色々ありますが、個人的にオススメなのが、Dropbox 内のテキストファイルを編集、共有するのに便利なiOS のエディタアプリiテキストです。パソコンとiPhone の両方でDropbox 内の同じ...
CSSプロパティ [CSS]半角文字列を改行するword-breakとword-wrapの使い方と違い
divやtableなどの要素から半角文字が突き抜けて表示されないように、CSSで強制的に折り返してあげる方法のご紹介です。今まで文字の折り返しと言えばword-breakを使う機会が多かったのですが、CSS3よりword-wrapプロパティ...
WordPress [WP]WordPress 投稿データのエクスポートとインポートのまとめ
WordPress の投稿や固定ページ、カスタム投稿などの情報を管理画面からエクスポートする方法と、インポートする方法をそれぞれご紹介します。投稿データのエクスポートまずはWordPress の投稿や固定ページの情報をエクスポートする方法で...
CSSプロパティ [CSS]-webkit-box-reflect による鏡面効果の設定方法とAndroid への対応方法
CSS3の-webkit-box-reflectプロパティを使って画像に「鏡面効果」を与える方法のご紹介です。以前紹介させていただいたreflection.jsのような Javascript を使う方法もありますが、SafariやChrom...
CSS [IE]IE8でCSS3のMedia Queriesが効かない場合の対処法
IE8以下でもレスポンシブWEBデザインに対応させることができるcss3-mediaqueries.jsは便利なJavascript なのですが、「IE でMedia Queriesが効かない…」という問題によく悩まされます。原因不明のモノ...
jQueryプラグイン・ライブラリ [jQuery]スマホアプリのように左右からメニューをスライド表示できるプラグインmmenu
スマホアプリのようにアイコンボタンをクリックして左右からメニューをスライド表示できるjQuery プラグインmmenuのご紹介です。オプションで色々カスタマイズができますが、まずは今回はmmenuの基本的な設置方法から使い方までをご紹介しま...
スマフォ・iPhone iPhoneでホーム画面にサイトのブックマーク用アイコンを設置する方法
iPhoneでWEBサイトをブックマークして、ホーム画面にアイコンを設置する方法のまとめです。今回はアプリのお話ではありませんが、「アイコン画像をどのサイズで用意すれば良いのか？」を考える上で、iPhone、iPad、Android アプリ...