スマートフォンサイトのコーディング Tips あれこれ | バシャログ。
ゴールデンウィークはゴールデンに過ごせそうにない 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サイトはメニューアイコンをロゴとともに画面上部に掲載しているのをよく見かけます。よく見かけるからと言ってこの場所に設置するのが本当に使いやすい
スマートフォン向けWebアプリケーションフレームワーク·App.js MOONGIFT
App.jsはHTML5/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 スマートフォン向けにはアプリ開発もありますが、審査などなしでサービス提供したいと思ったらスマートフォン向けWebアプリとしてリリースする手もあります。今回はそのためのフレームワークApp.jsを紹介します。 YouTube検索アプリ。まるでネイティブアプリのようです。 画像検索。検索結果がPinterest風に並んでいます。 スケッチアプリ。何とタッチ操作で絵を描いて、それを保存できてしまいます。 一覧に戻るとちゃんと登録されています。すごい。 オリジナルのmemeを作るWebアプリ。画像の上下に好きな文言を追加できます。 例えばこんな感じに。 フィード系。非常に良くできています。 ブックマーク機能なるものもあります。 App.jsではHTMLを指定されている記法に沿って書き進め
既に５０％超えをしている業種も！スマートフォンのアクセス割合・率についての実例調査 | 「読んで、試して、集客に強くなる」最新の集客情報発信中！ネット・ホームページ・webを活用したネット集客からリアル店舗集客まで幅広く集客方法を解説しています。
ちまたでは、スマートフォンサイトへの対応が求められる声をよく聞きますが実際はどうなの？とお思いの社長様も多いかと思います。 実際に、私のお話する社長様も、スマートフォンサイトの対応をしようかどうかと悩まれていますが、実際にはそこまで影響がないんでは？と思われているようです。 スマートフォン契約数は2013年1月末に4,000万件を超え、国民の3分の1がスマートフォンを持つようになっています。予測では2018年には9,383万件を超える契約数になり、国民の4分の3の普及率になる見込みです。 （MM総研「スマートフォン市場規模の推移・予測（2013年3月）」よりhttp://www.m2ri.jp/newsreleases/main.php?id=010120130328500） 契約数の推移をみると今年よりも来年、来年よりも再来年と、どんどんスマートフォンサイトの普及率があがるということは、
Microsoft PowerPoint - スマートフォンユーザー１０００人調査６回リリース.pptx
報道関係各位 株式会社博報堂ＤＹホールディングスのグループ横断型組織「博報堂ＤＹグループ・スマートデバイス・ビジネスセンター」 （*1）は、日本のスマートフォンの普及状況を浮き彫りにするため、「全国スマートフォンユーザー1000人定期調査」（*2）を 実施しております。この度、2013年6月に行った第6回調査の結果をご報告致します。 スマートフォン保有率は前回(第5回調査、2013年2月実施)と比較して+0.5ptとなる46.1％と、スマートフォンの普及が さらに進んでいることが分かりました。 博報堂ＤＹグループでは、今後もスマートフォンの普及状況と、マーケティング・コミュニケーションにおけるスマートフォン の可能性に注目し、大サンプルかつ高頻度のスマートフォンユーザー調査を続けてまいります。 2013年7月30日 博報堂ＤＹグループ スマートデバイス・ビジネスセンター 前回(2013年2
Googleがスマホへの対応が不適切なサイトの順位引き下げを発表 - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ
2013年6月11日、検索サイト最大手のGoogleが検索結果のランキング変更に関する発表を行いました。 スマートフォン向け検索でのランキングの変更について GoogleのPierre Far氏（ウェブマスタートレンド担当アナリスト）によると、「スマートフォンユーザーへの更なる検索体験の向上と、スマートフォン環境での閲覧の支障を減らすため、Googleでは近日中に、誤った設定をおこなっているスマートフォン向けサイトに影響のある、いくつかのランキングの変更を予定しています」と述べています。 要はスマートフォンユーザーがより快適にサイトのコンテンツを閲覧し、ストレス無く探している情報をすぐに見つけることができるようにする変更なんですが、問題のあるサイト事例として以下を紹介しています。 デスクトップ向けサイトと、スマートフォン向けサイトでそれぞれ別々のURLを用意しているサイトの場合、リダイレク
20 beautifully designed smartphone apps
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, request info and more from our phones. And we have to be set up, as businesse
บาคาร่าออนไลน์ Baccarat99 เว็บตรง ทางเข้าสมัครสมาชิก ฟรี 300
ท้าทาย เพิ่มเติมประสบการณ์ รวมไปถึงลุ้นเงินรางวัลได้อย่างมีอิสระ บาคาร่า99 ทางเลือกที่จะเข้ามาเติมเต็มให้กับนักพนันทุกคนอย่างทั่วถึง สำหรับคนทั่วไปที่มีความสนใจตัวเกมพนันออนไลน์ อยากจะให้เริ่มต้นกับทาง บาคาร่า99th ที่มีการเน้นบริการเกมพนันยอดนิยมระดับโลกอย่าง Baccarat เกมพนันที่กลายมาเป็นอันดับที่ 1 สามารถครองใจนักพนันไปทั่วโลก เนื่องจากว่าขึ้นชื่อว่าเกมพนัน จะต้องง่ายและหลากหลาย สามารถตอบสนองทั้ง
特命：WordPressとMonacaを連携させてビジネスチャンスを生み出すこと
PHP入門書の次はサービス開発に取り組んでいる岡本です。 WordPressのサイトをスマートフォンのアプリに変換するツールなのですが、今回はオープンな感じで進めていこうと考えています。 諸機能 記事が読めるよ！ カテゴリ一覧や月別一覧もあります！ 固定ページ一覧も搭載 キャッシュ機能があるので途中で電波が途切れても多少は読める、はず ※上記イメージはプロトタイプであり、完成版の見た目は変わる予定です。 特命の成り行き このプロジェクトはBOSSからの「MonacaとWordPressを連携させてビジネスチャンスを生み出してほしい」という、非常にざっくりとした特命を受けて遂行しております。 「WordPress詳しかったよね？」 「はぁ、個人のブログにWordPressを使っていることが、詳しいのうちに入るのであればYESです（が、WordPressはもっと奥の深い製品ですよ）」 新しいこ
Google Chromeでスマホサイト制作
Google Chromeでスマホサイト制作 @ichigamiさんからTwitterで「Chrome の開発者ツール、下でなくて右に表示させることができるの知らんかったー」とコメントを貰ったので、普段わたしがどんな感じでスマホサイト制作をしているかご紹介します。 追記：最新バージョンでの利用方法は以下のエントリーに記述しました。 Google Chrome 37でスマホのエミュレーションを行う 基本的には開発者ツールは右に表示。これは開発者ツールの左下のアイコンを長押しで設定できます。 他にも右下の歯車の設定から、「Device metrics」にチェックを入れ「Screen resolution」を320×480に設定して表示領域をスマートフォンと同じくらいになるように設定して、「Emulate touch events」にチェックを入れタッチイベントをエミュレートしています。案件によ
スマホドリブンが生み出す新たなプラットフォーマーによる新時代【冨田 @tommygfx90】 | TechWave（テックウェーブ）
冨田 憲二 株式会社ジェネシックス 取締役 2006年東京農工大学大学院修士課程卒（ビークルダイナミクス専攻）。卒業後、U社にて協業でのモバイル公式サイトを複数立ち上げ。2008年ECナビ（現VOYAGE GROUP）へ転職し、2010年5月にスマートフォン専門に開発を行う株式会社ジェネシックスを設立。2013年12月に同社を退職し、同月株式会社スマートニュースへ参画。趣味はマラソン、トレラン。 Twitter：@tommygfx90 ブログ：http://tommygx90.wordpress.com/ [読了時間: 4分] 昨年の12月10日にリリースされるや、その使い勝手と網羅的なニュースコンテンツによって爆発的にニュースリーダーアプリとしてユーザー数を増やし続けるSmartNews（スマートニュース）。そんなSmartNewsを提供する株式会社ゴクロがリリース約半年を待たずに新たな
HTML5 CanvasとCSS3のスマホブラウザでの描画性能 - ICS MEDIA
スマートフォンのブラウザでどの程度のグラフィック表現が可能なのか、性能が気になりませんか？ 近年、HTML5を利用できる分野はウェブサイトのみならず、ゲームやSPA（シングルページアプリケーション）など多岐に渡っています。そこで、本記事ではiOSやAndroidの新旧さまざまな端末を使ってパフォーマンスを検証。記事の前半では描画性能を、後半ではJavaScriptの計算性能を測定しています。 描画性能の検証ビデオをご覧ください さまざまな端末を使って、描画検証の様子を録画しました。この80秒の動画では画像のオブジェクトの表示可能な個数を測定しています。ビデオの後半が見どころで、iPhone 5のパフォーマンスが良すぎてビデオを早送りするほどスコアがでるまで時間がかかっています。 さまざまな端末のスコアを測定しました 次の表に、2012年までに発売されたスマートフォンのスコアを掲載しました。
スマートフォンに対応したレスポンシブメニューを実装するときに役立つリソース
Webフォントを使用してRetinaにも最適化し... / 深い階層のレスポンシブメニューの実装方法。切り替... / レスポンシブに対応したドロップダウンメニューの実...他...全8件
【スマートフォン向け開発】ユーザビリティチェックリストを作ってみた
最近はスマートフォン系の開発から離れてしまっているので、感覚が鈍らないうちに（備忘録も兼ねて）スマートフォン向け開発（主にネイティブアプリ開発）におけるユーザビリティチェックリストを作ってみました。 ちなみに、このチェックリストは以下が前提となっていますのでご了承ください。 ・独自性を生み出すようなものではない ⇒現在のスマートフォンアプリのメインストリームの中で、アプリの印象をより洗練されたものにするためのポイントです。 ・案件の内容に関わらず意識すべきポイント ⇒ある程度汎用性の高いチェックリストになっているとは思います。 それでは、全てベーシックな内容ではありますが、その中でも特に基本的なものから説明していきます。 ※僕がiPhoneユーザーということもありiPhoneの画面イメージばかりが並んでいますが、全てAndroidでも使えるチェック項目です。 小さくし過ぎない、詰め込み過ぎ
「携帯端末に最適化されたウェブサイトの構築方法」日本版をご紹介します
+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
タクシー業界を変えた『日本交通タクシー配車』は、情シス社員2人の挑戦から生まれた【特集:スマホが企業を救う】 - エンジニアtype
トップページ > 旬ネタ > タクシー業界を変えた『日本交通タクシー配車』は、情シス社員2人の挑戦から生まれた【特集:スマホが企業を救う】 スマートフォンのGPS機能を使ってタクシーを呼び出すO2Oアプリが人気を博している。現在、類似アプリが複数存在しているが、その先駆けとなったのが『日本交通タクシー配車』だ。 開発を担当した日交データサービスは、1977年に日本交通グループのシステム部門として発足して以来、配車や顧客管理、給与計算、日報管理など、同グループにおける基幹業務システムの開発と運用を行っている。社名や業務内容から想像される通り、この配車アプリの開発に乗り出すまでは、自社ホームページ以外でBtoC向けサービスにかかわることはほとんどなかったという。 システムグループリーダーの若井吉則氏は当時を振り返る。 「ガラケー全盛期に携帯向けの『モバイル配車』というサービスを提供していたこと
スマホの編集ツールバーがパワーアップ！ 貼り付け機能で、はてなTシャツをもらおう！！ - はてなブログ開発ブログ
本日、はてなブログではスマートフォンの編集ツールバーを強化し、さまざまなコンテンツをブログに貼り付けられるようにしました。PCサイトの編集サイドバーと同等の機能がスマートフォンでも利用いただけるようになり、利便性がグンと向上しています。 これまでスマートフォンの編集ツールバーでは、撮影した写真をその場で投稿することができました。今回の機能強化により、Instagram、Amazon、Twitterといった外部サイトにアクセスし、写真や商品、ツイートを貼り付けることができます。また、「お題」も投稿できます。 AndroidとiOSのどちらでもアクセスできるスマートフォン用サイトに加え、iPhoneアプリ「はてなブログ」でも対応しています。どうぞご利用ください。 編集ツールバーを使ってみよう！ キャンペーン 外部サービスと連携してコンテンツを貼り付けられる機能は、はてなブログの大きな特徴のひと
スマートフォンの次に来るもの
最近になって、２〜３件連続で「スマートフォンの次に来るもの」に関する執筆依頼を受けた。メルマガの読者からも、そんな質問が数多く来ている。iPhone4 から iPhone5 への進化を見ても分かる様に、ここまで進化してしまったスマートフォンを「画期的に進化」させることは容易ではなく、ここからは漸進的な進化に留まると予想出来る（例えば、生体認証、NFCの追加、より進化した音声インターフェイスなど）。 するとそろそろ考えなければならないのは「スマートフォンの次」だ。２００７年に発表された iPhone のように「人々のライフスタイル」を根本から変えるような役割を果たす次のデバイスは何か、という話だ。 色々なアイデアがあるが、私としてはぜひとも「再び人々がまっすぐ前を向いて歩ける」デバイスを作りたいと考えている。 人類が誕生して以来、人々は何万年もの間、歩く時は常にまっすぐ前を見て生活して来た。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
事例紹介 | 株式会社インフォバーン
素敵なデザインのスマホアプリランディングページ
