スマートフォンサイトのコーディング 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 の処理が走り、自動で文字サイズを最適化（拡大）する機能があります。 読
「LINEで未読100件は当たり前」「本当はmixiに戻りたい」――女子大生とSNSの距離感
キャリアメールは「まったく使っていない」 女子高生 椎木里佳さんの取材で印象的だったのは、「友だちとの連絡手段はキャリアメールではなくて、もっぱらLINE」だということ。大学生も同じ傾向なのだろうか？ と思い尋ねたところ、やはり連絡はLINEを使う人が大半のようだ。キャリアメールは「まったく使っていない」（丹下さん）、「迷惑メールがたまるだけ」（王さん）、「メルマガがひたすら届く」（古川さん）とのことで、彼女たちにとっては過去のサービスになってしまったようだ。 スマートフォンを使っていない人からはキャリアメールが来るが、届いても気付かず、2～3日後に慌てて謝る、といったこともあるそう。王さんは「次にスマホやキャリアを変えても、（キャリアメールは）絶対に使わないです」とまで言い切る。丹下さんは、そもそもメールアドレスを周囲に教えていないそうだ。 筆者の場合、家族や親戚（叔父や叔母）との連絡は
ユーティリティチームで作ったGreppyのご紹介 | GREE Engineering
大場さんからバトンタッチ！ 自己紹介 みなさんこんにちわ！私は社内の中に渦巻く「こんなのがあったらいいな・・・」や「面倒だからなんとかしてほしい！」を技術的な側面から解決するために作られたユーティリティチームに所属してる亀井と申します。今回はこのチームで開発された画像共有ソリューションについてお話をしたいと思います。 社内画像共有システムGreppy 弊社ではWeb向け、スマートフォン向けのゲームをいくつもリリースしています。その開発の過程ではバグ修正や改善といったプロセスが何度も行われます。その際によく利用されるのが画面のスクリーンショットです。 Web系ゲームの場合ならば、スクリーンショットを取得するアプリでブラウザーの目的の部分をキャプチャ、後はドローイングアプリで注釈を添えて共有ディレクトリに置くだけですが、スマートフォンの場合はバグや変なところ、改善点を見つけたらキャプチャをおこ
スマートフォンで折り紙を学べるiOSアプリ「折りCA」試してみた - カイ士伝
ブログにアプリリリースのお知らせいただき、折り紙好きブロガーとしてはなかなか気になったのでお試しがてらエントリー。 「みて楽しい、折って楽しい、送っても楽しい」おりがみカードアプリの登場！iPhone app「折りCA（おりか）」 | 青幻舎 SEIGENSHA Art Publishing, Inc. http://www.seigensha.com/app/orica/ 幼少の頃から折り紙で育ち、以前にはクワガタの折り方をエントリーするほどの折り紙ブロガーとしてこれは試さないわけにはいかない。ちなみにこの折り紙エントリー、3年も前ながら未だにアクセスが途切れない当ブログの人気エントリーでもあります。 折り紙2枚、ハサミ無しで作る「クワガタムシ」を写真で解説 – カイ士伝 https://bloggingfrom.tv/wp/2009/02/03/1686 このアプリは同名の折り紙本をベ
HTCが株価10分の1・シェア2％の危機的状況に、幹部の相次ぐ退職や純損失計上も | Buzzap！
世界初のAndroidスマートフォンを発売したことでも知られる台湾のスマートフォンメーカー、HTCが危機的状況に陥っていることが明らかになりました。 台湾ＨＴＣの最新機種で供給に支障、業績圧迫か | テクノロジーニュース | Reuters ロイター通信社の報道によると、台湾のスマートフォンメーカー宏達国際電子（HTC）が今四半期に初の純損失計上となる可能性が高まったそうです。 これは同社の販売数が7月に37％、8月に45％落ち込むなど、同社のスマートフォンの販売不振が鮮明となる中、高評価を受けている小型版「HTC One」が設計上の問題からケースが不足しており、供給に支障が出ていることなどを受けたもの。 HTC executive exodus now includes Asia CEO | Mobile - CNET News ちなみにHTCを取り巻く状況は非常に悪く、5月にはHTC
報道発表資料 : NTTドコモとスクウェア・エニックスがスマートフォンおよびタブレットに関する連携を強化 | お知らせ | NTTドコモ
NTTドコモとスクウェア・エニックスがスマートフォンおよびタブレットに関する連携を強化 -クラウドゲームとして遊べる「ドラゴンクエストX」、「ドラゴンクエスト」とコラボレーションしたスマートフォンを開発- ＜2013年9月30日＞ 株式会社エヌ・ティ・ティ・ドコモ 株式会社スクウェア・エニックス 株式会社エヌ・ティ・ティ・ドコモ（代表取締役社長：加藤、本社：東京、以下ドコモ）と、株式会社スクウェア・エニックス（代表取締役社長：松田 洋祐、本社：東京、以下スクウェア・エニックス）は、スマートフォンおよびタブレットに関する連携の強化に取り組んでまいります。 ドコモが提供するプラットフォーム「dゲームTM」に、人気オンラインゲーム「ドラゴンクエストX 目覚めし五つの種族 オンライン」（以下、ドラゴンクエストX）1 を、クラウドゲームとして2013年12月〜2014年2月に配信開始（予定）し、「d
Googleアナリティクスのモバイル（スマートフォン）解析によくある質問
[対象: 中〜上級] アクセス解析イニシアチブ (a2i) が7月19日に開催した「新任ウェブ担当者のためのスマートフォンセミナー」に参加してきました。 4つのセッションがあり、そのなかの1つはGoogleアナリティクス ソリューション コンサルタントの大内範行氏によるGoogleアナリティクスのモバイル解析がテーマでした（ここでいう「モバイル」は「スマートフォン」です）。 Googleアナリティクスのモバイル解析についてよくある質問のパートがありその部分をブログ読者のみなさんと共有します。 なお公開にあたっては a2i の許可を得ています（ありがとうございます）。 Q1. アクセス解析から見てモバイルサイトのドメインはデスクトップと同じがいいのか、それとも別の方がいいのか。 A1. 同一ドメインまたはサブドメインがいい。別ドメインは推奨しない。 同一ドメインの場合は、デスクトップと同じU
狭い幅で開いたら勝手にスマートフォンのUserAgentでリクエストするChrome拡張を書いた - Cside::Weblog
2013-06-30 狭い幅で開いたら勝手にスマートフォンのUserAgentでリクエストするChrome拡張を書いた ダウンロード https://chrome.google.com/webstore/detail/keffnkgkjiancfjjolkoejiocficcbni リポジトリ https://github.com/Cside/auto-change-to-sp-ua.crx 640px（設定で変えられる）以下の幅のウィンドウでWebページにアクセスすると、勝手にスマートフォンのUserAgentに偽装してアクセスする。よければ使ってみてください。 Cside 2013-06-30 22:37 Write a comment Prev. entry
携帯コストを月3000円以内におさめたので紹介する：2013年夏の陣 | dp-lab.log
コチラで月3000円でスマホとルータ持てますよ的な話題をやっていたのだけど、私も月3000円で複数台回している勢なので、自分の場合を紹介します。※この記事にはアフィリエイトリンクを貼っています。読んで参考になったらここ経由で買っていただけるとありがたいですヽ(・ω・)ﾉｼ 月3000円くらいでスマホ2台とルーターを持つまとめ 2013年6月版 スペックと、現在所持端末 一人暮らし（実家に両親、別に弟） ガラケーとスマホの2台持ち 自宅には無線ルータがあります（3DS、Vitaも恩恵を受けている） ガラケーはドコモSH-01B。今まで出たガラケーの最期の神機種である、と私は思っている。→白ロムを検索する スマホはXperia SX SO-05D。データ通信のみ。この機種があんな早くに発売中止にならなかったらドコモは今みたいな窮地にいなかった、と思わせてくれる超良機種。サイズが小さいがゆえのバ
グーグル、スマホ対応が不適切なサイトの検索順位を引き下げへ
サイトがスマートフォンからの利用に関して何らかの問題を抱えている場合、サイトオーナーに問題解決を促すインセンティブがこのほど登場した。Googleが米国時間6月11日、問題のあるサイトの検索結果の表示順位を下げる計画を発表したのだ。 Googleのモバイル検索チームのプログラマーである加藤義清氏とウェブマスタートレンド担当アナリストを務めるPierre Far氏は、ブログで次のように述べている。「スマートフォンユーザーへの更なる検索体験の向上と、スマートフォン環境での閲覧の支障を減らすため、Googleでは近日中に、誤った設定をおこなっているスマートフォン向けサイトに影響のある、いくつかのランキングの変更を予定しています」 2人はよくある問題の例を以下のようにいくつか紹介している。 デスクトップユーザー向けページを訪れたスマートフォンユーザーをリダイレクトする際、それぞれに対応するスマート
ProjectDD
最果タヒさんがつむぐ「詩になる直前」の言葉が並んでいるのですが、むしろ展示デザインを担当された佐々木俊さんとの「詩や言葉の、無限大の表現方法を探るインスタレーション展」と言った方がしっくりくる…それくらい言葉の表現方法のバリエーションに触れることができる展示になっています。
Googleから学ぶ ヌルヌルサクサクなスライドメニュー - Qiita
スマフォwebページのスライドメニュー アプリでは当たり前のように実装されているスライドメニューですが、webページではなかなか使い心地のよいスライドメニューが実装されているのは見かけません。 スマートフォンのブラウザではjavascriptでのアニメーションはどうしてもガタガタになってしまうし、ちらつきやスクロール制御のめんどくささからもうwebページでネイティブアプリ並のスライドメニューを実装するなんて無理と思っていました。 Facebookのwebページですらボタンの反応は悪いしアニメーションも動かないし最悪です。 一方Google先生はパーフェクトなスライドメニューを実装していた さすがGoogle先生！ 俺達に出来ないことを( Googleのスライドメニューは以下の点でパーフェクトです。 1. スライドのアニメーションがとても滑らか・ちらつかない 2. ボタンの反応にストレスを感
月額1000円以下でスマホのパケ定が使える！格安SIM MVNO10社まとめ - My Linux Diary
モバイル通信戦国時代の到来です。 これまでは大手3社（Docomo,KDDI,Softbank）の独占だったモバイル通信サービスも変化の時代が訪れようとしています。海外では以前から主流でしたが、最近日本でも月額1000円を切るような格安SIMが販売されています。これは、仮想移動体通信事業者（MVNO）がNTTドコモのモバイル回線をある帯域だけ借り受け、この帯域内で独自のサービスを展開しているからです。使用する回線はドコモの回線ですから、日本全国ドコモの電波が入る場所で接続可能です。 すでに有線ネットワークでは同様の事業形態があります。光回線でも同じようにNTTからフレッツ光回線を借り受け、各プロバイダが色々なサービスを展開しています。よく同じフレッツ光なのに、「OCN」やら「So-net」やらで月額料金が違う！なんてことも良くありますね。 MVNO業者によって料金やサービスの内容はさまざま
いまさら聞けないRetina対応のための「ピクセル」の話
ピクセル密度とピクセル比の関係 ピクセル密度は、数が多ければ多いほどスクリーン上で鮮明な描画ができるわけですが、上述したピクセル比とは直接関連しないものです（と考えています）。たとえば、Galaxy S IVのようにピクセル密度は441ppi、ピクセル比は2という端末もあれば、HTC Oneのように、ピクセル密度は468ppiだが、ピクセル比は3という端末もあります。 ※両方とも実機で検証したわけではないので、Wikipediaの情報が正しければの話ですが。 ※ピクセル比とは違うものですが、それと似た単位であるdppx (dots per pixel unit)では、CSSで定義された1インチが96pxになるため、1dppx = 96dpiになります。 ピクセル比に似た値「dp」とwindow.devicePixelRatio Androidの密度非依存ピクセル「dp」 Density-i
デザインと技術のフェンリル - フリーソフトでユーザーにハピネスを
フェンリルのプロダクトSleipnir タブの切り替えさえも1フリックで片付く。 最速タブのモバイルブラウザ。 株式会社クボタKubota-PAD4.0 株式会社クボタがグローバルで展開する 農業機械、建設機械、エンジンの部品カタログシステム。 フェンリルのプロダクトNILTO 磨き込まれたインターフェースで、 チームの理想を実現するヘッドレスCMS。 フェンリルのプロダクトBrushup イラスト・写真・動画などのレビューを効率化。 高速コミュニケーションツール。 日本放送協会NHK ニュース・防災 ニュースや災害情報、防災に役立つ 情報などをいち早く届ける、NHKの公式アプリ。 九州旅客鉄道株式会社 JR九州コンサルタンツ株式会社トンネル検査支援アプリ トンネル検査の省力化と 精度向上を目的としたアプリ。 西日本旅客鉄道株式会社 株式会社JR西日本ITソリューションズJR 西日本列車走
スマートフォンと画面解像度・ピクセル密度
320 dpi Androidの密度グループ iPhoneを当てはめると、iPhone 3までがmdpi、iPhone 4からはxhdpiに区分けされそうです。日本で流通しているAndroidスマートフォンの多くはhdpiに属するでしょうが、最近のHD解像度の端末はxhdpiに属しそうです。 IS05やXperia ray, INFOBAR A01/C01などはグループ上hdpiに属しています。しかし、画面サイズが小さいことからピクセル密度が300dpi前後と、xhdpiに近くなっています。小型で高解像度な端末が増えると、所属するグループだけでは画面の精細さを判断するのは難しくなるでしょう。 ピクセル密度の違いが見た目に影響する さて、ピクセル密度のばらつきによって、すこし困ったことが起こります。密度の低い環境に合わせて作られたコンテンツの見た目が、密度の高い環境で良く見えない可能性が出て
『スマートフォンUIのアニメーションについて』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 2012年6月にサービスを開始したスマートフォン向けソーシャルゲーム ULTIMATE RACERアルティメットレーサー）でデベロッパーをしている横田と申します。ULTIMATE RACERの開発時に、画面内のアニメーションをjQueryのanimate処理からcssアニメーションに切り替えた経緯について、自分なりの考察ともにご紹介したいと思います 対象としてはデザイナー、マークアップエンジニアでJSやcssでアニメーションの実装を始めたばかりの方が最適だと思います。 また本稿はjQueryのバージョン1.7.1を使用した場合を想定して記述しています
「すべての人に知っておいてほしい スマートフォンサイトデザインの基本原則」に寄稿しました
えっと、久しぶりに Blog 書いたと思ったら宣伝で恐縮ですが…MdN さんより 8月27日に発売される書籍 「すべての人に知っておいてほしい スマートフォンサイトデザインの基本原則」 に寄稿しました。リンク先の Amazon さんでは予約受付中です。 過去に出版されている、同シリーズの書籍、「すべての人に知っておいてほしい Webデザインの基本原則」 でも書かせて頂きました （参考エントリ） が、今度のはスマートフォンサイトやアプリケーションを作成する際に役に立つ内容の書籍になっています。 Web制作に携わる人が、いま、一番知っておきたいこと。 スマートフォン大流行の現在、Web制作業界では、「モバイル・ファースト」という言葉が登場しているように、まず初めにスマートフォンに対応するサイトから構築していこうという考え方が広がっています。対応サイトの導入が注目・促進されるなかで、スマートフォ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
cmmntr.com
https://ameblo.jp/ca-1pixel/entry-11334309931.html