グーグル、スマホ対応が不適切なサイトの検索順位を引き下げへ
サイトがスマートフォンからの利用に関して何らかの問題を抱えている場合、サイトオーナーに問題解決を促すインセンティブがこのほど登場した。Googleが米国時間6月11日、問題のあるサイトの検索結果の表示順位を下げる計画を発表したのだ。 Googleのモバイル検索チームのプログラマーである加藤義清氏とウェブマスタートレンド担当アナリストを務めるPierre Far氏は、ブログで次のように述べている。「スマートフォンユーザーへの更なる検索体験の向上と、スマートフォン環境での閲覧の支障を減らすため、Googleでは近日中に、誤った設定をおこなっているスマートフォン向けサイトに影響のある、いくつかのランキングの変更を予定しています」 2人はよくある問題の例を以下のようにいくつか紹介している。 デスクトップユーザー向けページを訪れたスマートフォンユーザーをリダイレクトする際、それぞれに対応するスマート
使えるとレスポンシブWebデザインに便利なCSS
デフォルトのボックスモデルではwidth、heightの値にはpaddingとborderの値を含みませんが、box-sizingプロパティの値にborder-boxを指定すると、widthとheightの値はpaddingとborderの幅を含むようになります。 #box-sizing{ -moz-box-sizing: border-box; box-sizing: border-box; } 特にコンテンツの幅を指定するときや、Fluid Grid Systemを作成するときに計算が簡単になります。 例えば以下の図のような4カラムのGrid Systemで2カラム分の相対幅を求めるとします。 デフォルトの場合2カラム分の幅は60px×2+20px=140px、全体の幅は320pxとなるので、140÷320×100=43.75%となります。これにmarginやpaddingでガターの幅
PCでもスマホでもスワイプで画像が遅れるスライドショー実装jQueryプラグイン「Swipeshow」:phpspot開発日誌
Swipeshow: the unassuming touch-enabled slideshow JavaScript library PCでもスマホでもスワイプで画像が遅れるスライドショー実装jQueryプラグイン「Swipeshow」 次のようなデザインで、スワイプで画像が遅れるスライドショーが実装できます 画像だけでなく、HTMLを埋め込むことも可能。主にスマホ用として便利に使えそうです。自動再生等必要な機能は揃っています 選択肢の一つとして考えても良いかも 関連エントリ スワイプできるLightBox実装jQueryプラグイン「Swipebox」 軽量のスワイプ可能なスマホ用スライダーJS「SwipeJS」
スマホサイト検索最適化の注意事項：Vary HTTP headerは別URL運用時に必要？不要？ ::SEM R (#SEMR)
スマホサイト検索最適化の注意事項：Vary HTTP headerは別URL運用時に必要？不要？ スマホサイト検索最適化において、グーグル公式の文書を読みますとスマホ版をデスクトップ版とは別のURLで運用している場合においても Vary HTTP header が必要なように解釈できますが、実際は不要です。 alternate / canonical で両版の関係性を明示している場合、Vary HTTP header はなくても問題はありません。 公開日時：2012年07月21日 01:59 今回もGoogleが発表したスマートフォンサイト構築の最適化に関する、ドキュメントに明記されていない注意事項についての話題を扱いたいのですが、本題に入る前に、私の意見を少し述べておきます。 各種アノテーションは本当にウェブマスターの役に立っているの？ 一昔前のGoogleを含む検索エンジンのオーガニッ
「HTML5でモバイルアプリ開発」は是か非か？ ネイティブアプリと比較
モバイルアプリケーション開発で現在最も一般的なのは、ネイティブアプリとして開発するアプローチだ。残念ながら、ネイティブアプリの開発には大きなコストが掛かる可能性があるのに加え、開発ターゲットが少数のモバイルプラットフォームや端末に限定されてしまう問題がある。本稿では、汎用的なモバイル開発手段としてHTML5の可能性を探るとともに、そのメリットとデメリットを明らかにする。 関連記事 HTML5はスマートデバイス用アプリ開発に使えるか？ HTML5を活用！ スマートフォンアプリ開発の最前線を見る（ホワイトペーパー） セキュリティ強化のはずが逆効果？ HTML5「サンドボックス」の盲点 【技術動向】HTML5に注目、変遷してきたERPクライアント技術の今後とは ネイティブアプリの開発者は、各種のモバイルOSや携帯端末向けに個別のネイティブアプリを開発する。ネイティブアプリは携帯端末に直接組み込ま
Xperia Zでカンタンにパスコードロックを回避できる脆弱性発覚
iPhone(iOS6.1.3)やSamsungのGalaxy SIIIで、パスコードやパターン入力をすることなくロック画面をバイパスして本体機能にアクセスできるという脆弱性やバグが見つかっていますが、今度はXperia Zでも同じような脆弱性が見つかりました。こちらはテストモード(デバッグモード)を使用しているようで、「電話帳機能にアクセスできる」というレベルではなくパスコード入力なしでホーム画面にたどり着いています。 情報追加：Xperia VLでも発生するとの情報があります。 The latest security flaw in Sony Xperia Z allows you to bypass its passcode lockscreen in few simple steps - GSMArena Blog http://blog.gsmarena.com/the-late
日本のスマホサイトは2年間でこんなに変わった (1/4)
スマートフォンやタブレット端末といった、いわゆる「スマートデバイス」を意識したWebサイト制作はもはや常識となっている。各企業のWebサイトは、次のような方法でスマートデバイスに対応していることがほとんどだろう。 スマートフォン向け専用サイトを構築する レスポンシブWebデザインで Webサイトを構築する viewportを調整する Web Professionalでは、2011年2月、有名企業のWebサイトがスマートフォンにどのように対応しているかを紹介した。 これらのサイトは、2年経ってどのような変化を遂げたのか。本記事では、取り上げたサイトに再び訪れ、サイトデザインのトレンドがどう移り変わったのかを観察。日本のスマホサイトの「BEFORE & AFTER」を紹介しよう。 半数以上のサイトがリニューアル まず、調査したサイト数に対してリニューアルしたサイトと、大きくは変化していないサイ
Ubuntu、次期デスクトップはQtへ
Ubuntu is a community developed operating system that is perfect for laptops, desktops and servers. Ubuntuの次期デスクトップUnityにおいて、採用するベース技術をGtk/CompizベースのNuxからQt5/QML2ベースへ変更することがメーリングリストにおいて発表された。どういった理由があって変更するに至ったかはUnityNextSpecに詳しくまとまっている。 Canonicalは2010年にデスクトップやTVに対して統一されたのUI/UXを提供する目的でUnityを発表。当時はGtk/Compizをベースとしながら、さらにOpenGLツールキットとしてNuxを採用し開発を進めてきた。しかし、タブレットデバイス向けの開発を経て、Qt5/QML2で機能的に十分実現可能である手応えを
いま話題のあのOSをGalaxy Nexusに焼いてみた - backyard of 伊勢的新常識
先日Ubuntu for Phonesのデベロッパープレビューが公開されました。というわけで、早速Galaxy Nexusに焼いてみました。 Ubuntu for Phones を Galaxy Nexus に焼く この手順を行うと、保証がなくなってしまいます。自己責任でお願いします。 先に、Galaxy Nexus のブートローダーをアンロックし、ClockWorkMod Recoveryで既存のROMをバックアップしておきます。下記のエントリが参考になります。 Galaxy Nexus(SC-04D)のBootloader(ブートローダー)Unlock(アンロック)方法。 - Android(アンドロイド)おすすめアプリ・カスタムニュース|AndroidLover.Net ブートローダーモードで起動 (ボリューム上下同時押ししながら電源ボタン長押しで起動) $ fastboot oem
世界での利用広がるミクシィの「DeployGate」--無料プランも提供へ
ミクシィは3月4日、Androidアプリ開発者向けのテストアプリ配信サービス「DeployGate」において、個人開発者を対象にした無料プランの提供を開始した。サービス開始から約半年が経ち企業導入も進んでいることから、さらなるユーザー数の拡大に向けて無料化に踏み切った。これに合わせて、最大3万人にアプリを配布できる「配布ページ作成機能」も提供する。 DeployGateは、Androidアプリの開発者や企画者が、チームのメンバーやテスト担当者などに対して、テスト版アプリをワイヤレス（リモート）で配付できるサービス。通常、テストアプリを配布するにはスマートフォンとPCをUSBケーブルでつなぐ必要があるが、同サービスでは開発者から届いた招待メールから簡単にテストアプリをダウンロードして利用できる。 アプリ提供者は、各端末でのテストアプリの動作ログやクラッシュレポートを管理画面でリアルタイムに確
まるでネイティブのようなUIを実現できる高機能JavaScript UIライブラリ·w2ui MOONGIFT
w2uiはデスクトップ、スマートフォン、タブレットに対応したJavaScript UIライブラリです。 新しいJavaScript UIライブラリの紹介です。名前はw2ui、多数のウィジェットを搭載したUIライブラリとなっています。 レイアウト。 グリッド。 詳細検索対応。 ツールバー。 サイドバー。階層表示に対応しています。 タブ。 フォーム。 ポップアップ。 ツールチップ。 その他ユーティリティ。 w2uiのサイズは37KB（ミニファイ&Gzip）で、これはExtJSの1/12、Kendo UIの1/6となっています。また、jQueryベースという特徴、全てのウィジェットをまとめて提供、IE9、Firefox7、Google Chrome、Safari5に対応となっています。デスクトップはもちろん、タブレットやスマートフォンにも対応しています。 w2uiはJavaScript製、MIT
【jQuery Mobile】フリック・スワイプでページ移動 | WEBでいこう！
最近、スマートフォンサイトを構築させていただく機会がありました。 スマートフォンといえば、フリックとスワイプですよね。 サイトでもフリックとスワイプでページ移動ができたら、ユーザーにとってはラクだろーなーと思いjQuery Mobileで実装してみましたよ。 >>サンプル javascript <script type="text/javascript"> // #page1swipeを右から左へスワイプした時の動作（swipeleftでpage2viewの関数を呼び出す） $('#page1').live('pagecreate',function(){ $('#page1swipe').live('swipeleft',page2view); }); // #page2swipeを左から右へスワイプした時の動作（swiperightでpage1view_backの関数を呼び出す） //
スマートフォン JavaScript タッチ、フリックイベント実装
このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 スマートフォンを操作する際、タッチや、フリック等、色々な操作方法があります。 タッチはご存知のとおり、スマートフォンのディスプレイにタッチすることです。 フリックとは、画面にタッチし指やペン等をスライドされる動作となります。 このタッチやフリックを操作する際、JavaScriptで取得出来、扱えるイベントは以下の通りとなっています。 touchstart touchmove touchend touchcancel gesturestart gesturechange gestureend これらのイベントを使い、操作していきましょう。 タッチされた場合のイベント まずは、タッチ出来るエリアの作成です。スマフォン用にviewportを設定します。 HTML <meta n
「ぜひ検証して」 電波改善成果に自信を見せるソフトバンク
「少なくても、圧倒的に負けているという状態は脱したようだ」――ソフトバンクが1月31日に行った決算会見で、同社の孫正義社長がネットワーク品質の改善を語った。過去のネットワーク品質が他社に劣っていたことを認めつつ、基地局の増設やプラチナバンドと呼ばれる900MHz帯の電波を獲得したことによって、状況は大きく変わったと説明。速度計測アプリの提供会社が発表した全国のデータ通信速度比較結果でソフトバンクが他社より優勢だったことを紹介したほか、電話がつながる割合やデータ通信がタイムアウトしない割合なども、他社に拮抗するレベルに改善されているとした。 あらゆる調査機関に「ぜひ検証していただきたい」 「ソフトバンクは電波がつながらない」――NTTドコモやKDDIに比べてソフトバンクのネットワーク品質が劣っているというイメージを持つユーザーは多い。こうした中でソフトバンクは2010年3月、「電波改善宣言」
レシート写真を撮るだけ ライフログにもなる家計簿アプリ「ReceReco」
レシートの写真を撮影すると、購入品目や価格を自動で読み取って記録できる家計簿アプリ「ReceReco」が公開。写真やメモを残すこともでき、ライフログとしても使えるとしている。 ブレインパッドは、レシートの写真を撮影すると、購入品目や価格を自動で読み取って記録できる家計簿アプリ「ReceReco」（レシレコ）をApp Storeで無料公開した。写真やメモを残すこともでき、ライフログとしても使えるとしている。 独自IDかFacebookでログインして使う。レシートの写真を撮ると文字を認識し、購入日時や品目、価格を自動で入力。レシートに店の電話番号が入っている場合は、同社データベースと照合して店名も自動入力する。文字の認識精度は96％としており、レシートがない場合は手入力も可能だ。 レシートと一緒に、メモや写真を残すことも可能。商品の底値をメモしたり、購入したものの写真を残すなど、ライフログとし
ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド
■iOS（iPhone OS） iOS（3.0以前は「iPhone OS」）は、アップルがiPhoneなどの小型端末用に開発した専用OSです。初代iPhoneに1.0が搭載されたあと、新モデルの発表に合わせてバージョンを重ねています（iPhone 4にはiOS 4が搭載）。iPhone 3G以降はOSのバージョンアップができるようになり、最新版のiOS4にも対応しています。 ■iPhone標準ブラウザー「Safari」 iPhoneには標準ブラウザーとして「Safari」が搭載されています。SafariはもともとアップルがMac OS X向けに開発したWebブラウザーで、Windows版も無償で配布されています。基本的な表示能力はiPhone版もデスクトップ版もほぼ同じですが、iPhone版にはいくつの制限があるため、「Mobile Safari」などと呼んで区別することもあります。 Sa
初心者のためのスマートフォンサイトを作るときに見ておきたいサイト｜WEB Drawer -WEB制作に関するメモサイト-
スマートフォンサイトを本格的に作るようになってきたので、いろいろ基本的なことから調べてみました。 自分はコーディングがメインなので、HTML/CSS/JSが主になっています。 制作する前に仕様の確認 スマートフォンの仕様が載っています。一通り目を通すと、製作してる時に「これができない！」などの問題が回避できるかもしれません。 ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき iPhone iPad向けサイトを制作するためのいろ
15 Useful Code Snippets for Smartphone Website
2014年8月22日 Webサイト制作, スマートフォン スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい！ ↑私が10年以上利用している会計ソフト！ スマートフォンサイト用小技集 目次 いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントをiPhoneなどに切り替えてご覧ください！ 横幅をデバイスの幅にあわせる 文字サイズの自動調整をオフ リストのクリック（タップ）範囲を広げる 画面の幅にあわせてCSSを変える リンクテ
コレを抑えておけばOK！スマホサイト制作に役立つ記事・サイトまとめ！ | PLUS
一般企業サイトでもスマートフォンに対応するサイトが増えてきました。ちょっと前までは提案しても、もうちょっと先でいいよという話に落ち着いていたんですが、ようやく身近なクライアントも導入をはじめています。そこで今回は実際にスマホサイトを作る立場から、役に立ちそうな記事やサイトをまとめてみました。 スマホサイトのギャラリー 絶対見ておきたい有名企業のスマホサイトまとめ 優れたiPhoneサイトデザイン集 – iPhoneデザインボックス スマートフォンサイト デザイン集 AGT thinkthing スマホ制作に役立つ情報 【スマートフォンサイト制作の総まとめ 第1弾】スマホサイトデザインの基礎知識 少しのコードで実装可能な15のスマートフォンサイト用小技集 200サイトのiPhoneデザインを見て感じたスマートフォンの最適化 Webサイトのスマートフォン対応 7つの基本ルール スマー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
arkdroid.info