「ながら充電」や「100％のまま充電」はNG？ スマホのバッテリー寿命を延ばす方法
「ながら充電」や「100％のまま充電」はNG？ スマホのバッテリー寿命を延ばす方法（2/2 ページ） 「ながら充電」もバッテリーの寿命に悪影響 ゲームをしながら充電するなどの「ながら充電」も、バッテリーの寿命に悪影響を及ぼすといわれているが、これは何が問題なのか。 NTTドコモ バッテリーが長い時間満充電に近い高い電圧にさらされることや、充電しながら端末を操作することでの発熱も、劣化を促進する要因の1つと考えられています。 KDDI バッテリー寿命に影響する充電方法として、「バッテリー電圧が高い（満充電に近い）状態での充電」と「高温状態での充電」がございます。「ながら充電」はこの2つの影響を及ぼすためです。 ソフトバンク 一例ですが、充電しながらスマホを利用することでスマホ自体が高温になり、劣化する原因になり得ます。 楽天モバイル 端末動作時の発熱と充電の発熱が重なるため、高温での電池の充
「スマホでのコンテンツ視聴に占める広告の比率調査」を実施
「スマホでのコンテンツ視聴に占める広告の比率調査」を実施主要Webサイトのデータ転送量、平均4割は広告 株式会社角川アスキー総合研究所（本社：東京都文京区 代表取締役社長：加瀬典子）は11月4日、「スマホでのコンテンツ視聴に占める広告の比率調査」および「ブラウザーアプリによるWeb表示速度の調査」を実施し、その結果を取りまとめましたので、お知らせいたします。 新型コロナウイルス感染症流行の影響による外出自粛などによって、国内のインターネットのデータ転送量は、月によっては例年より約５割増加しました（米アカマイ・テクノロジーズ調べ、2020年4月）。インターネットのデータ転送量には、コンテンツのデータだけでなく広告のデータも含まれ、その広告データの通信料金も、ユーザーが負担していることになります。そこで今回、Webをスマートフォンから利用する際のデータ転送量のうち、広告データがどの程度の比率を
サイトやアプリの使い心地を改善！UIアニメーションを良くする実践テクニック、小技7個まとめ
実際のサンプル例を確認しながら、UIデザインの「良い」アニメーションを「より良く」してみましょう。ほんの少し調整を行うだけで、UIマイクロインタラクションをより魅力的で、ユーザーにも分かりやすく表現できます。 たとえば、リスト形式で並べたコンテンツにちょっとした工夫を加えるだけで、よりつながりのあるUIパターンを演出できたり、コンテンツの関係性を考えたアニメーション遷移、ボタンをクリックするなどユーザーに行ってもらいたいものに注意を引くことも、ほんのわずかなUIマイクロインタラクションによって実現できます。 今回はこれらのサンプル例を作成するために、Material Motion、IBMのアニメーション原則、Motion in Manifestoのガイドラインを参考にしています。 また今回のサンプル例は、InVision Studio（現在は限定ユーザーのみのアーリーアクセスで、メール登録
UIデザインは奥が深い！最近のスマホアプリで見かけるアニメーションの素晴らしいアイデアを解説
普段何気なく使用しているUIのアニメーションもその仕組みや効果を理解すると、なるほどと考えされられます。 スマホアプリのUIに使用するアニメーションをGoodな良いものから、Greatな素晴らしいものに変えるUIアニメーションのさまざまなアイデアを紹介します。 Material Motion, IBM Animation Principles, The UX in Motion Manifestoのガイドラインに基づいた、気持ちのいい操作性に優れたアニメーションを楽しむことができます。 Good to great UI animation tips 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 タブのコンテンツをスライドさせるアニメーション カードをタップして詳細を表示するアニメーション コンテンツを表示するアニメーション コ
様々なスマホの画面サイズを1度に開いて動作確認できるChrome拡張「mobile browser emulator」
mobile browser emulatorとは mobile browser emulatorは、簡単なクリック操作で、「複数サイズのモバイル端末画面」と「パソコン画面」を同時に開いて動作確認できるモバイルエミュレーター拡張です。 例えば、スマホ画面を動作確認するのであれば、ダブルクリック一発で以下のような状態を作ることができます。 動作確認可能なスマホサイズ スマホであれば、以下のような画面サイズの動作確認画面を手軽に呼び出すことができます。 320×480（スタンダードなモバイル解像度） 320×533（多くのSamsung、HTC、LG） 320×568（iPhone5） 360×640(Galaxy：S3,S4,S5、Nexus、Xperia：P,S,Z） 375×667（iPhone6） 動作確認可能なタブレットサイズ タブレットは、今のところ以下の2種類です。 768×10
Android | Android スマートフォンや Android デバイスを使って Google でさらに便利に
Wear OS 用 WhatsApp スマートウォッチでも Wear OS 用 WhatsApp があればいつでもつながれます。
たった1行！スマホサイトのコーディング時に役立つ小技8（サンプルあり） - Design Color
もくじ 幅をデバイスサイズに合わせる スマホを横にしたときに文字が大きくならないようにする 電話番号に自動的にリンクが付かないようにする リンクを押したら電話をかけられるようにする リンクを押したらGoogleマップアプリを起動させる リンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する 長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わせる まずはスマホサイトを作るときの基本ですね。サイト幅をデバイスの幅に合わせてあげるには、以下の一行だけで対応出来ます。 <meta name="viewport" content="width=device-width,initial-scale=1.0"> サンプル 2.スマホを横にしたときに文字が大きくならないようにする スマホを横にすると、解像度が変化すると共に文字サイズも大きくなってし
Webフロントエンド表示速度、最速化手法まとめ - Qiita
やりすぎても無駄になることがあるので、必要十分なバランスを見極めて実施する。主に社内のプログラマ向けのまとめ資料。他にもあれば追記していく予定。 ページの状態を調べる まず対象のページが、どういった状態なのかを調べる。 Google PageSpeed Insights これを100点満点にする必要はないが、赤くなっている項目に関しては、なるべく対応したほうが良い。モバイルサイトにも対応しているので便利。 https://developers.google.com/speed/pagespeed/insights/?hl=ja pingdom 実際にページにアクセスしてスピードを計測できる。海外サーバなので、けっこう遅い…。最適化前と最適化後で比較するのに使うといい。 http://tools.pingdom.com/fpt/ Chromeデベロッパーツール コンテンツの読み込み順序／速度
レスポンシブCSSで使うブレイクポイントの決め方 [ホームページ作成] All About
レスポンシブCSSで使うブレイクポイントの決め方レスポンシブWebデザインでCSSを書く際のブレイクポイントを、2018年版アクセス解析結果の画面サイズシェアから考える方法を解説。スマホは375px、タブレットは768pxの横幅が最も多いとはいえ、375と768をブレイクポイントにすれば良いわけではありません。さらに、モバイル端末とPCとの境界は1024～1280pxのどこに設定すれば良いのかなど、ブレイクポイントの決め方をご紹介。 ブレイクポイントの基本と決め方 (スマホ・PC) レスポンシブWebデザインでCSSを書く際のブレイクポイントについて、その基礎知識とブレイクポイントとして採用する横幅サイズの決め方をまとめてご紹介いたします。 今回は、2018年版の日本国内での画面サイズシェアを元にして、モバイル環境向けブレイクポイント(スマートフォンとタブレットとの境界)の考え方と、PC環
![レスポンシブCSSで使うブレイクポイントの決め方 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/9b62dfbd9156b8509fe09652f1a69928b9daddb6/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F5%2F4%2F4%2F9%2F3%2Ftopimg_original.jpg)
【Android】いまさら聞けないdp入門 - Qiita
dpとは？ Androidのデザインにおいて、必ず理解しておくべきポイントのひとつがdpについてです。 dp(density-independent pixels)とは密度非依存ピクセルのことで、dipとも呼ばれています。 Androidはこのdpのおかげで多用な端末をサポートできているのです。 dpのない世界 - 端末の解像度ごとに表示サイズが違う dpのある世界 - 端末の解像度が違っても表示サイズは保たれる Supporting Multiple Screens | Android Developers More Resource Types | Android Developers px、dpi、dp dpを理解する上で欠かせない要素がpx(ピクセル)とdpi(画面密度)です。 px px(pixel)というのはハードウェアで実装されている解像度そのものです。ピクセルとも言います。
これは軽い、軽いぞ！Windows上でAndroidを動作させるエミュレータ「Windroy」で遊ぶ | オクトバ
みなさん多くはスマホ上でAndroidを使っていると思いますが、実はWindows上で使うこともできるんです。開発者用のエミュレータといったものもありますが、これがまた動作が重かったりもします。 最近では動作が軽快なエミュレータもいくつか出ています。今回はその中から『Windroy』というソフトをご紹介します。WindowsのPC上、大画面で動作するAndroidはスマホやタブレットとはまたひと味違う面白さがあります。 WindroyはWindows上で動作するフリーソフトです。公式サイトのほか、Vectorなどでもダウンロードできます。 ・Run Android on Windows — Windroy, Android with Windows kernel ・Windroyの詳細情報 : Vector ソフトを探す！ 作者サイトのメニューから「Download」をクリックして「win
【Android Dev】Android アプリ開発の初心者が犯す10の間違い - インターネットコム
Android は、アプリ開発初心者にとってはもっとも取っつきやすいプラットフォームだ。ツール類は安く入手でき、開発コミュニティはフレンドリー。開発言語もお馴染みの Java。こういった要因が、Android アプリの開発を容易にしてくれている。だが、それでも Android アプリ開発に参入したばかりの初心者が必ず犯す間違いというのがある。以下に、初心者がはまりがちな罠を10個紹介しよう。 1. ドキュメントを読まないで開発に着手する 「Android Developers」サイトは、アプリ開発者を手助けするために用意されたサイトだ。そこからは多くのドキュメントが SDK ツールとともにダウンロード可能であり、またオンラインからも利用可能になっている。これらのドキュメントは、単なる API リファレンスではない。ドキュメントには、Android アプリを作成するための、多くのガイド、
ストレスのないスマホサイトを作る８つのポイント！
お久しぶりです。マラガの海の贈り物ディレクターのSEKOです。 みなさんは普段スマホで「いつ」「どこで」調べ物をしますか？ 私は会社の行き帰りの電車の中で調べ物をしている事が多いですが、「限られた時間の中で知りたい情報をすぐに見つけたい」なのにサイトが重かったり、知りたい情報が見つけにくい、操作がしにくい。そんな経験はないでしょうか？ 本日はストレスのないスマホサイトを作るにあたりUIをどのように考慮していけば良いか８つのポイントをお届けします。 スマートフォンを利用するシーンを想像しよう。 まず一番重要なことがスマホサイトを利用するシーンを考える事です。大抵スマホサイトを利用する場合は下記の状態が考えられます。 時間に余裕がない 通信環境が不安定な状況にいる 利用が断続的である。 屋外、通勤時間の電車の中、休憩時間のカフェ、会話中に思い出せない事がある時など「すき間の時間」の利用シーンが
スマホサイト制作センスをアップする！見本・素材・WPテーマ・JS・その他全部丸ごとまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ライターの内藤です！ 前回の記事（美しいWebデザインをタイプ別に！見ないと損する目的別厳選Web見本サイトのまとめ）ではWebデザインのタイプ別にわけた見本サイトのまとめを行いました。 今回はその続編として、スマホ・タブレット最適化サイトのデザインまとめをご紹介致します。 目次 ※もちろん順番に読む必要はありません。 スマホ専門デザイン見本 部品別に見られるサイト その他スマホサイトの部品作りの参考になるサイト スマホサイト素材になるキット フリック用JavaScriptプラグイン スマホ対応の無料WordPressのテーマ スマホサイト制作参考 スマホ専門デザイン見本 iPhoneサイトデザイン集のiPhoneデザインアーカイブ http://iphonedesignarchive.jp/ 登録数が半端ないです。 カテゴライズは業種別のみですが、年月アーカイブがあるので、い
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
NotePet - Pet Tracking UI
minakul.jp – このドメインはお名前.comで取得されています。
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
UX gesture set - Freebiesbug
アプリ86％、Web14％～モバイル利用時間でアプリの優位が顕著に 
TechCrunch
