WordPress以外でも使える!スマホとタブレット・PCの振り分け方法まとめ
通常サイトのスマホやタブレットの振り分け方法 まずはWordPress以外のWebサイト制作でも使える、スマホやタブレットの判別方法についてです。今年はWebサービスを作りたいとも思っているので、その時のスマホ振り分けにも使えそうです。 PHPの関数で振り分ける方法 Googleで検索すると、山のように見つかる、PHPによるスマホとPC・タブレットの判別方法です。もっともシンプルな書き方を紹介しますので、スマホやタブレットの機種などは好みで追加変更してください。 [php] function userAgent() { $ua = $_SERVER[‘HTTP_USER_AGENT’]; if(preg_match(‘#\b(iP(hone|od);|Android.*Mobile )|Windows.*Phone|blackberry.*|PSP|3DS|Vita#’,$ua)){ $u
スマートフォンサイトのHTMLコーディングメモ12個 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
display:table-cell; を活用する リキッドレイアウトのコーディングにすごく便利。 親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。 均等に横並びにしたいときに。 タップ時のカラー設定 CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color: rgba(255,105,183,0.6); 画像、iframeに max-width を指定 img・iframeは、サイズが大きすぎて画面からはみ出すことがあるので max-width:100%; を指定する。 word-break:break-all; を指定 スマホは幅が狭いため、長いURLなどが1行に入りきりません。 word-break:break-all; を適宜指定する。 フォ
簡単に“使い捨て電話番号”を導入できるアプリ「Burner」、自分のスマホはそのまま使用可能 | Techable(テッカブル)
携帯電話がとても身近になった今、電話番号はプライベートな情報である一方、買い物やサービスを利用する際など、いろいろなシーンで記入をせざるを得ないことも少なくない。使い捨て電話を利用するのも1つの手だが、「簡単に電話番号を使い捨てできたら」というニーズにこたえてくれるのが、「Burner」のようなアプリだ。 「Burner」は、現在使っているスマートフォンはそのままに、使い捨ての別の番号を使用することができるため、新しい使い捨て電話を用意する必要はない。アプリをダウンロードし、自分の携帯電話番号を入力すると、運営側から認証コードが送られてくるので、ユーザーは自分のエリアコードを選択して、使い捨ての電話番号を入手する。ユーザーは、たとえばあるエリアの物件探しのために電話番号を使いたいときに“Craigslist”とネーミングするなど、電話番号の用途に応じてあてがわれた電話番号に“名前”をつけて
デスクトップ、スマートフォンで使えるシックなデザインフレームワーク·TopCoat MOONGIFT
TopCoatはグレー系を主体とした落ち着いた雰囲気のWebデザインフレームワークです。 最近はWebデザインフレームワークが多数出揃ってきました。サイトの雰囲気によってフレームワークを選ぶと良いでしょう。グレー系の落ち着いた感じを出したいならばTopCoatを使ってみましょう。 グレースケールを基調としたはっきりとした見た目のUIです。 ウィジェットは数多く提供されています。 フォーム系。 スライダーなどもあります。 スピナー。効果的に青が使われています。 こちらはモバイル。スマートフォンで使えます。 アイコンとラベルのセット。 テキストエリアとチェックボックス。 基本的に濃淡2色のバックグラウンドが選択できます。 オーバーレイ表示。これも色々使えそうです。 TopCoatはデスクトップとモバイルのそれぞれにデザインが提供されています。グレー系が約6色、青系が2色程度で構成されています。
月額1000円以下でスマホのパケ定が使える！格安SIM MVNO10社まとめ - My Linux Diary
モバイル通信戦国時代の到来です。 これまでは大手3社（Docomo,KDDI,Softbank）の独占だったモバイル通信サービスも変化の時代が訪れようとしています。海外では以前から主流でしたが、最近日本でも月額1000円を切るような格安SIMが販売されています。これは、仮想移動体通信事業者（MVNO）がNTTドコモのモバイル回線をある帯域だけ借り受け、この帯域内で独自のサービスを展開しているからです。使用する回線はドコモの回線ですから、日本全国ドコモの電波が入る場所で接続可能です。 すでに有線ネットワークでは同様の事業形態があります。光回線でも同じようにNTTからフレッツ光回線を借り受け、各プロバイダが色々なサービスを展開しています。よく同じフレッツ光なのに、「OCN」やら「So-net」やらで月額料金が違う！なんてことも良くありますね。 MVNO業者によって料金やサービスの内容はさまざま
日本のスマホサイトは2年間でこんなに変わった (1/4)
スマートフォンやタブレット端末といった、いわゆる「スマートデバイス」を意識したWebサイト制作はもはや常識となっている。各企業のWebサイトは、次のような方法でスマートデバイスに対応していることがほとんどだろう。 スマートフォン向け専用サイトを構築する レスポンシブWebデザインで Webサイトを構築する viewportを調整する Web Professionalでは、2011年2月、有名企業のWebサイトがスマートフォンにどのように対応しているかを紹介した。 これらのサイトは、2年経ってどのような変化を遂げたのか。本記事では、取り上げたサイトに再び訪れ、サイトデザインのトレンドがどう移り変わったのかを観察。日本のスマホサイトの「BEFORE & AFTER」を紹介しよう。 半数以上のサイトがリニューアル まず、調査したサイト数に対してリニューアルしたサイトと、大きくは変化していないサイ
『ゲーム企画の作り方（基礎編）』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちわ、 モテキロワイヤルのプロジェクト責任者をしています 堀江（@yu_horie）と申します。 絶賛リリース中のソーシャルゲーム 「モテキロワイヤル」（遊んでみてね！）ですが、 制作が決まった経緯が他の内製ゲームと少し違います。 モックプランコンテストモックプランコンテストは2012年の3～4月にかけて行われた、 社内のエンジニア・クリエイター向けのコンペです。 特徴としてはスマートフォン向けの新事業やサービスのアイデアを言葉ではなく、 モックで（実際に作って）提出するという点です。 当時、アメーバピグのデベロッパーとして従事していた私は、
はじめてスマートフォンサイトを作る人へ。制作で気をつけたいポイント５つ
スマートフォンの普及に伴い、スマートフォンサイト制作案件が増えてきている方も多いと思います。かくいう私もその一人です。 最近は一人でカバーしきれない程のご依頼をいただくようになり、新たに担当者を増やすことにもなりました。 普段私が気をつけている点、どういったことを考えてスマートフォンサイトを制作しているかを伝えることになったので、ついでに記事にしてしまいたいと思います。 私がスマートフォンサイトを制作するときのポイントは、以下のとおりです。 1.そのサイトはいつ・誰が・どんな時見るのか2.実際のサイズ感を考えて、使いやすさを確かめる3.死角と押しやすい位置を意識する4.CSS3で実現可能なデザインを5.ユーザは本当にスマホサイトを求めているのかそれでは、詳しくお話していきたいと思います。 こんなの当たり前だよ！ということばかりかもしれません。 案件やサイトのジャンルによっては当てはまらない
スマートフォン向けWebサイトの表示速度 高速化手法
対象読者 スマートフォンWebサービス開発者 特に、フロントエンド周りの開発に従事する方 スマートフォン向けWebサイト高速化のテクニック スマートフォンはOS／デバイスの進化が激しく、要求される最適化の内容も半年で別物になることがあります。そのため最適化に際しては、案件ごとの状況や目的、デバイス／OSのシェアに応じて、まずターゲット端末を選定し、問題の検出を行います。 この記事では「iPhone 4＋iOS 5」を想定して話を進めます。実際に「iPhone 4＋iOS 5」はよく現場でも最も動作が重い組み合わせとしてターゲット端末に挙がります。これはiPhone 4がRetinaディスプレイを採用したことで960×460ピクセルの高解像度を備えながら、CPUなどのデバイス性能が潤沢とはいえず、ボトルネックが生まれやすいためです。iOS 4ではなくiOS 5をターゲット端末として扱うのは、
合コン失敗したら風俗
女子大生がたくさん働いているデリヘルのサービス。深夜でも使える風俗として、自分の暮らしを豊かにしてくれているデリヘルです。有名大学に通う女性を指名した今回は、思い出しただけでも興奮が甦ってくるほど。素股の気持ち良さは挿入を超えるくらいの感覚でした。その秘密は敏感なクリにあります。素股をするとどんどん刺激されてクリが固くなり、それが亀頭に当たって気持ち良い。相手も擦れて気持ち良いという相乗的な魅力に浸るのが、今までの風俗史上最高の体験になったのです。素股はぎこちなさもあるのですが、それでも密着度が高くてアソコへの刺激は十分すぎるほど。途中で耐えることを諦めていれば、きっとサービスから半分も消化しないうちに果ててしまっていたと思います。しかし、僕は風俗MASTERです。そんなことできません。キスも大好きらしく、クンニをした後でも何度となく「チューしてほしい」とお願いされたので、舌を絡めてじっく
Monaca + enchant.js でお手軽スマフォゲームアプリ開発
<!DOCTYPE HTML> <html> <head> <meta name="viewport" content="initial-scale = 1, user-scalable=no"> <meta charset="utf-8"> <title>RPG sample on Monaca</title> <script type="text/javascript" src="enchant.js"></script> <script type="text/javascript" src="ui.enchant.js"></script> <script type="text/javascript" src="game.js"></script> <style type="text/css"> body { margin: 0; } </style> <script type="t
ネイティブアプリのようなWebアプリを作るために
※image via 003 FREE WEB GRAPHICSデバイスの多様化に伴い、拡張性の高いWebアプリの重要性が見直されています。サイバーエージェントのデカグラフを構成するサービスも基本的にはWebベースで作られていますが、これはアプリの改善スピードを上げたり、各サービス間の回遊性を高めるという狙いもあるようです。 ただし、スマートフォンユーザーはネイティブアプリ先行でサービスに触れているため、これまでのWebアプリでは当たり前だったことが、今ではストレスに感じてしまうことも多いです。HTML5の登場やJavascriptのライブラリの充実などにより、最近ではリッチなWebアプリを作る環境が急速に整ってきてはいますが、それでもスマートフォン向けに満足度の高いWebアプリを提供するハードルは非常に高いと言えると思います。 そこで、「もっさり＆カクカク」な印象のあるWebアプリの操作
スマホ対応アニメーション支援ライブラリ - smart js
特徴 配置と動きに特化した Javascriptライブラリです。 シンプルで柔軟性もあり、 処理も高速です。 対応OS / ブラウザ iOS 7+ Android 4.1+△ Android 4.4+○ IE9+ Safari latest Chrome latest Firefox latest
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews
Engadget | Technology News & Reviews
https://www.matsuaz.com/matsumotojs/2012/09/14/1347561872726.html
07design.net
スマートフォンブラウザ不具合特集
日本通信、nanoSIMを発売
[Å] フッ素コートとiPhone/iPadは最強タッグ！衝撃の結果でフィルムは不要！？![[Å] フッ素コートとiPhone/iPadは最強タッグ！衝撃の結果でフィルムは不要！？](https://cdn-ak-scissors.b.st-hatena.com/image/square/247ad29fbc715bdb4315cb068b608cd578454117/height=288;version=1;width=512/http%3A%2F%2Fwebmemo.biz%2Fwp-content%2Fuploads%2F20121113-100332.jpg)
