WebサイトをiPhoneで見やすくする5つの方法
2017年6月29日 Webサイト制作, Webデザイン, 便利ツール iPhone持ってないくせにWebクリエイターボックスをiPhoneで見やすいよう改良しました。iPhoneからhttp://webcreatorbox.comにアクセスすると自動的にhttp://webcreatorbox.mobify.meにリダイレクトされます。（されてなかったら直接http://webcreatorbox.mobify.meからドウゾ…）今回は下記に説明するmobifyというサイトからiPhone用サイトを作りましたが、他にも便利な方法があったので紹介してみます。 ↑私が10年以上利用している会計ソフト！ 1. CSSのみで切り替える iPhone用に作成したCSSを作り、デバイスの幅によって使用するCSSを切り替えます。 <link rel
docomo・au節約方法 iPhone 6を利用して1.5万円の出費で6.2万円の割引を適用する｜すまコジ
世の中SIMフリーiPhoneの買い取り価格で盛り上がっているとかいないとかのようですが、キャリア版のiPhone 6もひっそりと盛り上がってきているのでここではそちらを。 iPhone 5sの発売当初には定価の何倍もの価格で売買取引が行われていたキャリア版iPhone。入手困難な状態が1ヶ月近く続いた影響でレア物化、買い取り金額が定価超え状態を数週間に渡って維持していた。今回もSIMフリーiPhoneで同じ状態が1ヶ月以上続いているが、このSIMフリー版の影響で今年はキャリア版の買い取り価格はそれほど盛り上がってはいなかった。 発売日の先月19日の時点でキャリア版のiPhone 6 16GBは買い取り価格57,000円前後。去年と比べると定価割れを起こしており、盛り上がりはSIMフリー版に取られてしまっている。更にここから数日が経つと、買い取り価格は53,000円、51,000円ともはや
たった1行！スマホサイトのコーディング時に役立つ小技8（サンプルあり） - Design Color
もくじ 幅をデバイスサイズに合わせる スマホを横にしたときに文字が大きくならないようにする 電話番号に自動的にリンクが付かないようにする リンクを押したら電話をかけられるようにする リンクを押したらGoogleマップアプリを起動させる リンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する 長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わせる まずはスマホサイトを作るときの基本ですね。サイト幅をデバイスの幅に合わせてあげるには、以下の一行だけで対応出来ます。 <meta name="viewport" content="width=device-width,initial-scale=1.0"> サンプル 2.スマホを横にしたときに文字が大きくならないようにする スマホを横にすると、解像度が変化すると共に文字サイズも大きくなってし
パソコンのChromeで拡張機能なしでUser Agentを変更してスマホ表示を確認する方法 - ラブグアバ
皆さんはブログのデザイン変更をしたとき、スマホ表示をどのように確認されていますか？ ベストなのはもちろん実機で確認することなのですが、手元にスマホがなかったり、いちいちスマホで確認するのがめんどくさかったりしますよね。 私はというと、実機で確認できない場合はChromeの拡張機能「User-Agent Switcher for Chrome」を使って確認していました。 User-Agent Switcher for Chrome – Chrome ウェブストア でもこれが最近動かなくなってしまったんですよね。Chromeがバージョンアップしたのが原因なのかはよくわかっていないのですが。 そこで代替手段を探していたら、なんてことはない、特別な設定や拡張機能のインストールなどしなくてもChromeの標準機能でUser Agentを変更できることがわかりました。 知っておくと便利な小技だと思いま
速報: iOS7.1ではLTEの利用環境が改善？
iOS 7.1とIIJmioのSIMについて動作確認しました 本日配信が開始された、iPhone・iPadの新しいiOS。恒例となった、IIJmioのSIMでの全機種動作確認を行いました。iOS 7からの主な変更点は、以下の通りです。 iPhone 5s/5cで、データ通信専用SIMでもLTE通信可能に iOS 7.0では、SMS対応SIMでないと利用できなかったLTEが、データ通信専用SIM(SMS非対応のSIM)でも利用できるようになりました。これは、IIJmio側の変更ではありません。iOS・キャリアプロファイルが変更されたことが原因だと思われます。 アンテナピクトの表示は従来通り、データ通信専用SIMでは表示されません。また、テザリングはすべてのSIMでご利用頂けません。これらの動作はSIMフリー版・docomo版共通です。 iPhone 4・iPad 2で、データ通信専用SIMで
最強のプッシュ通知には必要不可欠！グロースハックの為のAPNs Feedbackサービス導入方法 | VASILY DEVELOPERS BLOG
バックエンドエンジニアのBoBです。 今回はiOSプッシュを最適化するためには必要不可欠な、Apple Push Notification service(以下APNs)のFeedbackサービスについて紹介したいと思います。 はじめに iPhoneやAndroidにはプッシュ通知という仕組みがあることは皆さんもよくご存知かと思いますが、より洗練された、効果的なプッシュ通知を送るために自分たちのプロダクトが送っているプッシュ通知を分析する事はとても重要な事です。 今回はiPhoneのFeedbackサービスを利用して、プッシュ通知を送れていないユーザーを把握する事に関して 1. プッシュ通知の意義 2. Feedbackサービスの説明 という2点から紹介しようと思います。 プッシュ通知の意義 iPhoneやAndroidのプッシュ通知は、ユーザーのRetention(再訪率)を
ライティングソケットに設置できる無線スピーカー | ROOMIE（ルーミー）
ちょっと、これはナイスアイディアなスピーカーシステムです。 電球のソケットに設置できる、ライティング兼ワイヤレススピーカー。その名も「AudioBulb」です。 見た目のフォルムもさることながら、やっぱりライトバルブさながらの手軽さが魅力。シーリングライトのソケットにだって入りますから、壁にスピーカーを設置するための大工仕事も不要。 送信機に音源となるiPhoneをドッキングさせたり、外部音源を繋げれば完了。 プロモーション動画はこちら。 ケーブルの煩わしさなどがないところがワイヤレスの魅力ですが、電源のこととか設置のことなどを考えると、スピーカーって意外と面倒。 家にある照明器具をそのまま活用できるし、これはとても便利でいいね！ ※一部、修正しました。ご指摘ありがとうございました。 AUDIOBULB | WIRELESS SPEAKER LIGHT BULB [via bless th
寸法と解像度のチートシート
その他の寸法 ハガキ … 148 mm × 100 mm (A6 より横が 5 ％程度短い) 名刺 … 91 mm × 55 mm (B8 より横が 1 割程度短い) レター … 279 mm × 216 mm (A4 より縦が 1 割程度短く，横が数％長い) 新聞 … 開いた状態で 813 mm × 546 mm (A1 に近いが少し小さめ) クレジットカード … 85.6 mm × 54.0 mm 磁気カード … 85.0 mm × 57.5 mm テレホンカード … 86.0 mm × 54.0 mm CD … 直径 120 mm (穴は直径 15 mm，印刷可能範囲は直径 46 〜 116 mm の範囲) 証明書の写真の寸法 パスポート … 縦 4.5 cm × 横 3.5 cm 履歴書，TOEIC … 縦 4 cm × 横 3 cm TOEFL，英検 … 縦 3 cm × 横 3
mod_rewriteを有効化してiPhone用サイトにリダイレクトさせる手順 – creamu
ちょっとサーバ設定が必要だったのでメモ。 .htaccessに「RewriteEngine On」を書くとエラーでサイトが表示されなくなってしまったので、mod_rewriteの設定を確認することに。 mod_rewriteが有効になっていなかった（設定がコメントアウトされていた）ので、以下の通り有効化。 OS : Red Hat Enterprise Linux SSHでサーバに入って、「su -」でパスワードを入力し、rootユーザにスイッチ。 cd /etc/httpd/conf view httpd.conf を実行すると、以下の2行にそれぞれ#が入っている（コメントアウトされている）ので、#を削除。 vi httpd.conf 【変更前】 #LoadModule rewrite_module /usr/lib/httpd/modules/mod_rewrite.so #AddMo
PCサイトをスマホ対応 CSSテク自己まとめ（１・２回まとめ） - Kaleidoscope
PCサイトをスマホ対応するという記事を１・２回と続けてみて、意外とボリューム満載になってしまったので、 一旦ここまでのCSSテクについてまとめます。 ■第1回 メニュー編 ■記事はこちら ★タグでViewportの設定。メディアクエリによるCSS振り分け。 スマホサイトを作る上で欠かせない準備。 … <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <!--viewportの指定--> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0" /> <!--/viewportの指定--> <!--メディアクエリでPC用・
多数デバイスに対応させる事も可能なモバイル自動対応WordPressプラグイン・WPtap - かちびと.net
iPhoneに対応させるWPプラグインは 結構あります。例えばよく見かけるのは WPtouchです。しかし、ちゃんと探せば 更に高機能且つ、手軽なプラグインも あります。WPtap もその一つ。日本で 紹介している記事は皆無ですが、非常に 機能の充実したプラグインです。 僕も昨日知ったばかりで、iPhoneとiPadでしか確認をしていないので、タイトルで「多数デバイスに対応」と言い切ってしまうのは微妙な気がしたのですが、釣ってでも知ってほしいプラグインだったのでご了承頂ければと思います。じゃあ日曜に記事公開するなよって話ですがｗ iPhoneだけでなく、iPad、Android、BlackBerry、Nokia S60+などに対応しており、対応デバイスを追加することも出来ます。 [note]【2011・01・10 追記】 このブログに導入しました。iPhone等でアクセスすれば表示チェック
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
まとめよう、あつまろう - Togetter