ゴールデンウィークはゴールデンに過ごせそうにない Latin です。 今回はスマートフォンサイトのコーディング周りでのあれこれをまとめてみます。 先日の macky の記事、「スマホサイトの矢印付きメニューをCSSのみで実装する。」もあわせてご覧ください。 viewport 系の設定 描画サイズをデバイスの横幅に合わせる、拡大縮小を不可に これが一番よく見る形式でしょうか？ <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> 文字サイズの自動調整をオフにする 各スマホブラウザでは、横向きにすると text-size-adjust の処理が走り、自動で文字サイズを最適化（拡大）する機能があります。 読

2014年2月19日 スマートフォン, ユーザビリティ スマートフォンを使ってWebサイトを閲覧する人、どんどん増えてきています。モバイルブラウザーのシェアを見ても、そのユーザー数は無視できないものとなっています。サイトによってはデスクトップで閲覧する層より多いところもあるかもしれませんね。私がWebサイトの制作依頼を受けた際、モバイル対応は必須としてきましたが、モバイルユーザビリティについて再考してみたので、今回はナビゲーションメニューについて簡単に記事にしてみます。 ↑私が10年以上利用している会計ソフト！ よく見かけるWebサイトのナビゲーションメニュー 人気Webサイトギャラリー「The Best Designs」に掲載されている多くのWebサイトはメニューアイコンをロゴとともに画面上部に掲載しているのをよく見かけます。よく見かけるからと言ってこの場所に設置するのが本当に使いやすい

App.jsはHTML5/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 スマートフォン向けにはアプリ開発もありますが、審査などなしでサービス提供したいと思ったらスマートフォン向けWebアプリとしてリリースする手もあります。今回はそのためのフレームワークApp.jsを紹介します。 YouTube検索アプリ。まるでネイティブアプリのようです。 画像検索。検索結果がPinterest風に並んでいます。 スケッチアプリ。何とタッチ操作で絵を描いて、それを保存できてしまいます。 一覧に戻るとちゃんと登録されています。すごい。 オリジナルのmemeを作るWebアプリ。画像の上下に好きな文言を追加できます。 例えばこんな感じに。 フィード系。非常に良くできています。 ブックマーク機能なるものもあります。 App.jsではHTMLを指定されている記法に沿って書き進め

2013年6月11日、検索サイト最大手のGoogleが検索結果のランキング変更に関する発表を行いました。 スマートフォン向け検索でのランキングの変更について GoogleのPierre Far氏（ウェブマスタートレンド担当アナリスト）によると、「スマートフォンユーザーへの更なる検索体験の向上と、スマートフォン環境での閲覧の支障を減らすため、Googleでは近日中に、誤った設定をおこなっているスマートフォン向けサイトに影響のある、いくつかのランキングの変更を予定しています」と述べています。 要はスマートフォンユーザーがより快適にサイトのコンテンツを閲覧し、ストレス無く探している情報をすぐに見つけることができるようにする変更なんですが、問題のあるサイト事例として以下を紹介しています。 デスクトップ向けサイトと、スマートフォン向けサイトでそれぞれ別々のURLを用意しているサイトの場合、リダイレク

It’s no secret that designers must start designing for mobile. With more and more people starting to browse the web from their phones, web designers have to get hip to making sites good and viewable on smartphones. It’s imperative because we’re not just taking a look online, but we as consumers are beginning to purchase, […] It’s no secret that designers must start designing for mobile. With more

Game Review, Đánh Giá Chi Tiết – Thủ Thuật Mới Nhất Tại Markethack.net, chúng tôi cam kết mang đến cho người chơi những bài đánh giá game chính xác, khách quan nhất. Dù bạn là người mới hay game thủ kỳ cựu, những thủ thuật mới nhất và lời khuyên hữu ích từ các chuyên gia của chúng tôi sẽ giúp bạn nâng cao kỹ năng chơi game. Đừng bỏ lỡ cơ hội khám phá kho tàng thông tin đa dạng về thế giới game tại

PHP入門書の次はサービス開発に取り組んでいる岡本です。 WordPressのサイトをスマートフォンのアプリに変換するツールなのですが、今回はオープンな感じで進めていこうと考えています。 諸機能 記事が読めるよ！ カテゴリ一覧や月別一覧もあります！ 固定ページ一覧も搭載 キャッシュ機能があるので途中で電波が途切れても多少は読める、はず ※上記イメージはプロトタイプであり、完成版の見た目は変わる予定です。 特命の成り行き このプロジェクトはBOSSからの「MonacaとWordPressを連携させてビジネスチャンスを生み出してほしい」という、非常にざっくりとした特命を受けて遂行しております。 「WordPress詳しかったよね？」 「はぁ、個人のブログにWordPressを使っていることが、詳しいのうちに入るのであればYESです（が、WordPressはもっと奥の深い製品ですよ）」 新しいこ

Google Chromeでスマホサイト制作 @ichigamiさんからTwitterで「Chrome の開発者ツール、下でなくて右に表示させることができるの知らんかったー」とコメントを貰ったので、普段わたしがどんな感じでスマホサイト制作をしているかご紹介します。 追記：最新バージョンでの利用方法は以下のエントリーに記述しました。 Google Chrome 37でスマホのエミュレーションを行う 基本的には開発者ツールは右に表示。これは開発者ツールの左下のアイコンを長押しで設定できます。 他にも右下の歯車の設定から、「Device metrics」にチェックを入れ「Screen resolution」を320×480に設定して表示領域をスマートフォンと同じくらいになるように設定して、「Emulate touch events」にチェックを入れタッチイベントをエミュレートしています。案件によ

冨田 憲二 株式会社ジェネシックス　取締役 2006年東京農工大学大学院修士課程卒（ビークルダイナミクス専攻）。卒業後、U社にて協業でのモバイル公式サイトを複数立ち上げ。2008年ECナビ（現VOYAGE GROUP）へ転職し、2010年5月にスマートフォン専門に開発を行う株式会社ジェネシックスを設立。2013年12月に同社を退職し、同月株式会社スマートニュースへ参画。趣味はマラソン、トレラン。 Twitter：@tommygfx90 ブログ：http://tommygx90.wordpress.com/ [読了時間: 4分] 昨年の12月10日にリリースされるや、その使い勝手と網羅的なニュースコンテンツによって爆発的にニュースリーダーアプリとしてユーザー数を増やし続けるSmartNews（スマートニュース）。そんなSmartNewsを提供する株式会社ゴクロがリリース約半年を待たずに新たな

スマートフォンのブラウザでどの程度のグラフィック表現が可能なのか、性能が気になりませんか？　近年、HTML5を利用できる分野はウェブサイトのみならず、ゲームやSPA（シングルページアプリケーション）など多岐に渡っています。そこで、本記事ではiOSやAndroidの新旧さまざまな端末を使ってパフォーマンスを検証。記事の前半では描画性能を、後半ではJavaScriptの計算性能を測定しています。 描画性能の検証ビデオをご覧ください さまざまな端末を使って、描画検証の様子を録画しました。この80秒の動画では画像のオブジェクトの表示可能な個数を測定しています。ビデオの後半が見どころで、iPhone 5のパフォーマンスが良すぎてビデオを早送りするほどスコアがでるまで時間がかかっています。 さまざまな端末のスコアを測定しました 次の表に、2012年までに発売されたスマートフォンのスコアを掲載しました。

Webフォントを使用してRetinaにも最適化し... / 深い階層のレスポンシブメニューの実装方法。切り替... / レスポンシブに対応したドロップダウンメニューの実...他...全8件

+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1

An Alarm Clock That Is R... / Blue - A minimal weather... / Sun — simple weather app他...全18件

トップページ > 旬ネタ > タクシー業界を変えた『日本交通タクシー配車』は、情シス社員2人の挑戦から生まれた【特集:スマホが企業を救う】 スマートフォンのGPS機能を使ってタクシーを呼び出すO2Oアプリが人気を博している。現在、類似アプリが複数存在しているが、その先駆けとなったのが『日本交通タクシー配車』だ。 開発を担当した日交データサービスは、1977年に日本交通グループのシステム部門として発足して以来、配車や顧客管理、給与計算、日報管理など、同グループにおける基幹業務システムの開発と運用を行っている。社名や業務内容から想像される通り、この配車アプリの開発に乗り出すまでは、自社ホームページ以外でBtoC向けサービスにかかわることはほとんどなかったという。 システムグループリーダーの若井吉則氏は当時を振り返る。 「ガラケー全盛期に携帯向けの『モバイル配車』というサービスを提供していたこと

本日、はてなブログではスマートフォンの編集ツールバーを強化し、さまざまなコンテンツをブログに貼り付けられるようにしました。PCサイトの編集サイドバーと同等の機能がスマートフォンでも利用いただけるようになり、利便性がグンと向上しています。 これまでスマートフォンの編集ツールバーでは、撮影した写真をその場で投稿することができました。今回の機能強化により、Instagram、Amazon、Twitterといった外部サイトにアクセスし、写真や商品、ツイートを貼り付けることができます。また、「お題」も投稿できます。 AndroidとiOSのどちらでもアクセスできるスマートフォン用サイトに加え、iPhoneアプリ「はてなブログ」でも対応しています。どうぞご利用ください。 編集ツールバーを使ってみよう！ キャンペーン 外部サービスと連携してコンテンツを貼り付けられる機能は、はてなブログの大きな特徴のひと

最近になって、２〜３件連続で「スマートフォンの次に来るもの」に関する執筆依頼を受けた。メルマガの読者からも、そんな質問が数多く来ている。iPhone4 から iPhone5 への進化を見ても分かる様に、ここまで進化してしまったスマートフォンを「画期的に進化」させることは容易ではなく、ここからは漸進的な進化に留まると予想出来る（例えば、生体認証、NFCの追加、より進化した音声インターフェイスなど）。 するとそろそろ考えなければならないのは「スマートフォンの次」だ。２００７年に発表された iPhone のように「人々のライフスタイル」を根本から変えるような役割を果たす次のデバイスは何か、という話だ。 色々なアイデアがあるが、私としてはぜひとも「再び人々がまっすぐ前を向いて歩ける」デバイスを作りたいと考えている。 人類が誕生して以来、人々は何万年もの間、歩く時は常にまっすぐ前を見て生活して来た。