初めてAndroidアプリをデザインするときの基本の「き」 | keisuke tsukayoshi
Androidアプリのデザインを初めてするときに知っておきたいようなtipsを中心にまとめてみました。ぼくもあんまりAndroidアプリのデザインには慣れてはいないのですが、最近本格的にとりかかる機会があり、わからないながらもあれこれ調べてメモしていたものをまとめました。 これから初めてAndroidアプリをデザインするデザイナーさんが安心して作業にとりかかれるようになればいいなぁ。 デザインを始める前に知っておきたいこと まずAndroidのアプリデザインをする上でハードウェア（ディスプレイ）について理解する必要があります。単にディスプレイといってもAndroidには画面密度が複数あり、見かけ上同じサイズに見えても密度が違っていることがあります。これはiPhoneでいうところのRetinaと非Retinaみたいな感じ。 ここを理解できるかが鬼門ですが、考え方さえわかってしまえば簡単なので
多地域、多言語のサイトの管理 - Search Console ヘルプ
フィードバックを送信 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 多地域、多言語のサイトの管理 言語、国、地域によって異なるコンテンツをユーザーに提供しているサイトの場合、Google 検索結果を最適化できます。 多言語と多地域の違い 多言語のウェブサイトとは、複数の言語でコンテンツを提供しているウェブサイトです。たとえば、カナダの企業のサイトに、英語版とフランス語版を設ける場合です。 Google 検索は、検索ユーザーの言語と一致するページを探します。 多地域のウェブサイトとは、異なる複数の国のユーザーを明示的にターゲットにしているウェブサイトです。たとえば、カナダと米国の両方に製品を発送するメーカーの場合です。 Google 検索は、検索ユーザーにとって適切な地域のページを探します。 サイトの中には、多地域でかつ多言語のサイトもあります（たとえば、
Google、パンくずリストとサイト名をURLの代わりにモバイル検索結果で表示。構造化データで指定可能
[レベル: 中級] Googleはモバイル検索で、すべての結果にURLの代わりにパンくずリストを表示するように仕様を変更しました。 また、ドメイン名の代わりにサイト名を表示することがあります。 Official Google Webmaster Central Blog: Better presentation of URLs in search results モバイル検索結果ではパンくずリストを表示 下のモバイル検索結果では、URLのところがすべてパンくずリストで表示されています。 とはいえ、もともとPCからの検索でもパンくずリスト表示だったのなら、モバイル検索特有の機能とはいえません。 比較してみましょう。 こちらのPCからの検索結果では、通常どおりにURLがそのまま表示されています。 スマートフォンから検索するとこのようになります。 少々わかりづらいのですが、パンくずリストっぽく変
Googleの検索結果ページでパンくずリストを表示するmicrodataの使い方 | 初代編集長ブログ―安田英久
どちらのほうが検索ユーザーの目に留まってクリックされやすいと思いますか？ 確かなデータはありませんが、パンくずリストのほうがクリックされやすそうですよね（特にWeb担のような無機質なURLの場合は）。 最近の検索エンジンは、サイト上でふつうにパンくずリストを出していれば、自動的に検索結果でパンくずリストを表示するようにしてくれるようです（「リッチスニペット」と呼ばれるもの）。しかし、Web担のように、おかしなこだわりでパンくずリストの区切り文字をふつうの「>」ではなく「«」にしていると、自動認識されずにさみしいことになります。 そこで、ページのHTMLに「microdata」という仕組みで手を加えて、グーグルに「ここがパンくずリストだよ」と教え、検索結果ページで使ってもらえるようにする方法を紹介しましょう。 ふつう、パンくずリスト部分のHTMLは次のような感じになっていると思います。 <a
ホーム - CloneTracker
当社はCookieを使用して、お客様が当社のWebサイトでより良い体験を得られるようにしています。引き続き閲覧する場合は、プライバシーポリシーに同意したことになります。
Private Presentation
Private content!This content has been marked as private by the uploader.
jpmobileでiPadなどタブレットはsmart phoneのテンプレートを使わない - ぬるぽまみれの自宅は戦場 【ごった煮版】
iPadやAndroidタブレットなどは、request.smart_phone?はtrueで返ってくる。今回、iPhone/Android携帯はスマートフォン用のテンプレート（*_smart_phone.html.erb）を使い、タブレットはPCと同じテンプレート（*.html.erb）を使いたかった。それを実現する方法をまとめ。 application_controller.rbに以下のメソッドを追加 def disable_mobile_view_if_tablet if request.mobile && request.mobile.tablet? disable_mobile_view! end end これをapplication_controller.rbのbefore_filterで呼び出す before_filter :disable_mobile_view_if_ta
「カジュアルゲームはスマホ、骨太ゲームは3DS」スキップモアが語る、1,300万円稼いだアプリとスマホじゃ儲からなかったゲームの話。 | アプリマーケティング研究所
「カジュアルゲームはスマホ、骨太ゲームは3DS」スキップモアが語る、1,300万円稼いだアプリとスマホじゃ儲からなかったゲームの話。 今回は大阪で個人でアプリ開発をしている「スキップモア」さんに、お話を伺いました。スマホアプリだと赤字だったけれど、3DSでは調子が良かったゲームの話など。 ※スキップモアのユウラボさん。 「スキップモア」について 「スキップモア」について、教えていただけますか？ ユウラボ： 現在は個人でアプリを開発していて、全部でアプリを45本リリースしています。 もともと、ガラケーのFlashゲームをつくっていたので、その頃からのゲーム制作歴でいうと、もう10年くらいゲームをつくっていますね。 アプリをつくりはじめたきっかけは、何だったのでしょうか？ ユウラボ： 2011年にだした「イクラプチプチ」が最初のアプリです。このアプリは、当時予定していたiPhoneアプリの開発
reset.cssとnormalize.cssに続く新しいリセット用CSS、モバイル対応・最近の実装スタイルを考慮したスタイルシート -sanitize.css
HTMLの各要素のブラウザごとに異なる差異をなくし、スタイルをリセットするスタイルシート「sanitize.css」を紹介します。 「Normalize.css」の共同開発者：Jonathan Nealの新しいプロジェクトで、最近の実装スタイルにあったアプローチがとられており、スマホなどのモバイルにも対応しています。 sanitize.css sanitize.css -GitHub sanitize.cssとは sanitize.cssの対応ブラウザ sanitize.cssのスタイル sanitize.cssの注目すべきスタイル sanitize.cssの適用 sanitize.cssとは sanitize.cssはHTMLのあらゆる要素を各ブラウザでの差異をなくし、整合性をもたせてレンダリングさせるスタイルシートで、ライセンスはCC 0で利用できます。 有用なデフォルトはそのまま 多
SEO対策にh1～6見出しタグを正しく設置！検索に好まれるページ作りとは？ | SEO Packブログ by ディーボ
ページを構成する際、見出しタグをなんとなくで設定していませんか？ 見出しタグは、SEO目的に設定する訳ではありませんが、目次のように見出しタグを使い、ユーザーにもGoogleにもわかりやすくコンテンツを作ります。 中でも、h1タグは重要とされています。 見出しタグの使い方は、h1～h6まですべて使う必要もなく、h2の下にh1があったとしても評価されないわけではありませんが、正しい構造をGoogleに伝えることにより、重要とされるh1タグに入っているテキストがそのページのキーワードと認識されることから、必ずh1タグは設定しましょう。 見出しタグの基本的な使い方 見出しタグは、理想的なサイト構造にも似た使い方で、コンテンツ内容を構成していきます。 そして、h1タグは1ページに1つ、html5で記述する場合は、1つのsectionにつきhタグをそれぞれネスト階層に合わせたhタグを入れること
弊社が「まず」行う内部SEO【初心者もすぐできるSEO③】 | SEO Packの最新SEO情報ブログ 初心者もすぐわかる
キーワードをサイトに入れ込む 今回も、「オリジナル缶バッジの販売サイト」を、前回記事で決めた対策キーワード「缶バッジ」で内部SEOしてみましょう。 内部SEOの基本は、対策キーワードを適切な場所に適切に組み込むことです。 内部SEOに必須のタグ３つ まずは、サイトのトップページで、SEOに効果の高い下記３箇所に対策キーワードを入れ込みます。 どんなサイトでも、これらの３つのタグは必ず編集しましょう。 タイトルタグ メタディスクリプション Hタグ 1. タイトルタグ 特にSEO効果が大きいのが、タイトルタグです。 このタグは、順位評価に影響を与えるほか、検索ユーザにページ内容を伝える重要な役割もあります。 今回の缶バッジ販売サイトでは、下記のように設定することにします。
Unicornの2倍のパフォーマンスを実現したRackサーバ「Rhebok」をリリースしました - blog.nomadscafe.jp
“Hello World”なベンチマークでUnicornに比べ2倍高速に動作するRackサーバをリリースしました。 rubygems: http://rubygems.org/gems/rhebok github: https://github.com/kazeburo/rhebok PerlのGazelleをベースに作っています。Rackアプリケーションの運用経験がほぼないので、機能不足があると思います。issue等で教えて頂ければ幸いです。 なぜ高速に動作するアプリケーションサーバが必要なのか Unicornは高速に動作します。多くのアプリケーションにとっては十分でしょう。それでもRhebokでさらに上のパフォーマンスを出そうとしたのは、技術的なチャレンジの他に以下のようなアプリケーションで高速なアプリケーションサーバが必要とされると考えているからです。 ソーシャルゲーム、広告サーバ、
重なる気持ち -台形補正- | _level0 - KAYAC Front Engineer Blog
どもはじめまして、タローです。 flashとの出会いから早1年、flash好きが昂じてそのまま入社して2月目に入ろうとしている、2009新卒の新入社員です。 先輩のやっているコンテンツで計算のお手伝いをしたことがあったので、今回は座標変換のお話について少ししようと思います。四角形と四角形がぴったり重なりあいたいという気持ちをどう説明するか、ということで「アフィン変換」と「射影変換」のお話をします。図やサンプルもつけてみましたので是非ご覧下さい。 アフィン変換って？ 詳しくは、livedocsのMatrixのところにある図のような変換が出来て、任意の平行四辺形から任意の平行四辺形への変換が可能です。つまり、平行な直線が平行な直線に移るような変換です。
Rails サーバから Google Analytics API で情報を取得する手順 ーー google-api-ruby-client, OAuth - bekkou68 の日記
はじめに Rails サーバから Google Analytics API をたたいて情報を取得する手順をまとめます。 google/google-api-ruby-client · GitHub を使います。ログインだと Web で認可をもとめられる（後述）ので OAuth を使います。 日にちごとのスクリーンビューを取得するスパイクをつくるのがゴールです。 OAuth に必要な鍵を修得 Google Analytics で使用するアカウントで Google Developers Console にアクセス プロジェクトを作成 作成したプロジェクトをクリック APIs & Auth > Credentials を選択 Client ID を新規作成。Service account を選択 p12 をダウンロード 鍵は $RAILS_ROOT/certificates/google_ana
RecyclerVIewとCardViewを使ってswipeで消えるリストを作る - うさがにっき
概要 こんな感じでswipeで消えるリストを作る 詳細 まずは画面を構成するcardViewとRecyclerViewを使えるように、RecylerViewを内包したbrnunes:swipeablerecyclerviewをgradleに記述する dependencies { compile fileTree(dir: 'libs', include: ['*.jar']) compile 'com.github.brnunes:swipeablerecyclerview:1.0.0' compile "com.android.support:cardview-v7:+" }cardView, RecyclerViewはlollipopから採用されたwidgetなので詳しくはここら辺を見る CardView | Android Developers RecyclerView | Andr
静的なHTMLサイトをモバイル対応サイトに変換する手順
[レベル: 初・中・上級] 英語版のGoogle公式ヘルプフォーラムでGoogle社員のZinebさんが、CMSへの移行が難しい静的なHTMLサイトをモバイルフレンドリーなサイトに変換する際に考慮すべきことをアドバイスしました。 参考になるので日本語に訳して紹介します。 なおリンク先ページは日本語のものも英語のものもあります。 静的サイトをモバイルフレンドリーに転換する方法 Chromeのデバイスエミュレーションモード（※このブログでの解説はこちら）を使って、異なるスクリーンサイズと解像度でウェブサイト（がどのように表示されるか）をテストする。 viewport（ビューポート）を設定する。このタグによって、ページのコンテンツをさまざまなスクリーンで拡大縮小できるようになる。ビューポートがないと、PCで見たときのようにコンテンツが表示されてしまう。 <font>タグや他のインラインHTML要
【SearchMan】App Store API / Google Play Store API
SearchMan Spreadsheet & API は2023年2月13日をもってサービス停止となります。長い期間のご利用、ありがとうございました。
Googleアナリティクスの「レポート」、使いこなしていますか？｜モバイルラボ
みなさん、日々、アクセス解析していますか？ 「めんどくさーい」なんて思っていませんか？ この「モバイルラボ」で「ウェブ解析士への道」という連載が始まり、詳しいウェブ解析の話は、今後そちらでご紹介していく予定です（第一回はコチラ）。 そこで今回は、解析の“深掘り”の話ではなく、「Googleアナリティクスを使ったアクセス解析、どうしていいか分からない」といった初心者の方向けに、さくっと取り込める便利な「レポート」をお教えしちゃいます！ 「カスタムレポート」と「マイレポート」って？ ECサイトを運営している方であれば、数字がすべてなので、毎日細かくチェックしているかと思います。一方で、KPIがないサイトを運用している方の中には、「めんどくさいから、数字なんて見ていない」という方もいるでしょう。 でも、せっかく自分たちで作ったサイト、数値が気になりませんか？ そんなときに使えるのが、Google
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【保存版】かんたん！「SEOキーワードの正しい選び方」 | SEO Packの最新SEO情報ブログ 初心者もすぐわかる
TechCrunch | Startup and Technology News
