Chrome DevTools の知っておくと便利かも機能 - Qiita
長い間 Chrome の DevTools を使ってきて、便利だなと思った機能をまとめてみました。 様々な機能があり、これを覚えておくと開発時に役に立つかもしれないので、ぜひ使ってみてください。 この記事は Corome DevTools 公式 を参考にしています。 日本語化 英語が苦手な方は日本語化しましょう。 手順 DevTools を開いたら、歯車マークをクリック Language で日本語を選択 [Reload DevTools] をクリックして DevTools のリロードをする 要素の状態を強制 指定の要素を :hover や :focus などの状態に強制的にすることができます。 そうすることで指定状態時のスタイルを確認することができます。 手順 要素タブをクリックする 状態を変更したい要素を選択する 今回は Google の検索フォームを選択 [:hov] をクリックする
iOS とAndroid の違い クロスプラットフォームのアプリデザインで特に気をつけるべき点｜marin
私が一番最初にAndroid アプリをデザインしたのが2016年の初夏頃で、その頃はまだiOS・Android とデザインが違うのが主流でしたが、2021年現在のアプリはiOS もAndroid もプラットフォームごとの細かな違いはあれどほぼ同じデザインが主流となっています。 これは2016年の10月にAndroid APIがBottomNavigationView に対応してからじわじわ浸透していった変化だと考えているのですが、その辺の歴史の話は省略します。プラットフォームは違えどスマートフォンアプリである以上デザインは同じ方が楽なので、共通化されていったのは自然な流れだと思います。実際両者が全然違うUI・デザインだと大変ですしね……。 とはいえ、プラットフォームが違うので全て同じというわけにもいきません。iOS にはHuman Interface Guidelines、Android
初心者でもできる！「AndroidStudio」を使ったAndroidアプリ開発環境の構築方法
初心者でもできる！「AndroidStudio」を使ったAndroidアプリ開発環境の構築方法 【AndroidStudio（アンドロイドスタジオ）】を使ったAndroidアプリ開発環境の構築方法を初心者向けに解説した記事です。プロジェクトの作成方法、エミュレータの設定方法までこの記事だけで使い方を理解することができます。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 初心者がAndroidアプリを開発しようと始めた時の、最初のハードルは
AndroidアプリをPCで動作させる方法――ARC Welderの使い方を解説
グーグルはChromeブラウザが対応するOSであれば、AndroidアプリをPCで利用できる「ARC Welder」を一般向けにリリースしました。 ARC Welderとは？ グーグルは、昨年9月にAndroidアプリをPCで動作可能にする「App Runtime for Chrome（略称ARC）」を発表し、PCで動作するAndroidアプリとしてVineやEvernoteなどをChromeウェブストアにてリリースしていました。 ただ、この機能が利用できるPCは、グーグルが開発するPC向けのChrome OSを搭載する「Chromebook」のみで、WindowsやMacなどで利用することはできず、さらに、一部の開発者のみが利用できたため、公開されているアプリがかなり限られていたことから、実際に使ってみた人はかなり少なかったと思います。 そんな問題を解決するのがグーグルが発表した「ARC
Androidのインテントを使わないなんてもったいない！ - 最終防衛ライン3
はてなブックマークアプリの改善して欲しい不具合と不満点 - ネットの海の渚にて はてなブックマーク - はてなブックマークアプリの改善して欲しい不具合と不満点 - ネットの海の渚にて はてなブックマークアプリに以下の機能を追加して欲しい､との要望｡ 1. URLからブックマークする方法 2. はてなブックマークアプリ内でウェブページを開いた際に､そのページを直接ブックマークする方法 どちらも､Androidの｢インテント｣＝共有機能で解決します｡ はてブのコメントを見ると､知らない人もいるようなので紹介してみます(特に後者)｡ ブラウザから｢共有｣でブックマークする 「URLからブックマークを追加する」機能がなくても､ブラウザから｢共有｣を選択し､はてなブックマークアプリ(はてプアプリ)に渡せばブックマークできます｡ Chromeなら右上にある､≡みたいな場所をタップ｡ ブラウザーのメニュ
iTunesの音楽とAndroidで同期するには
iPhoneやiTunesの音楽フォルダとAndroidのフォルダを同期する方法を紹介します。Wi-FiでUSBケーブルで繋がなくても、自動的に同期してくれます。 Last update 2016-12-03 10:53 アンドロイドで音楽を聞くにはどうしたらいいのでしょう？ パソコンで音楽を聞く場合、「iTunes」を使っている人が多いと思います。 iPhoneでは比較的音楽を転送・再生させるのは簡単なんですが、アンドロイドではちょっとばかりややこしいです。そこで今回はiPhoneと同じように、パソコンでiTunesを使って音楽を再生させている人や、iPhoneから移行してきた人が、アンドロイドのスマートフォンで音楽を転送・再生させる方法を紹介します。 Sponsored Link 2つの転送方法 USBケーブルを繋げて転送する方法 Wi-Fiを利用してワイヤレスで同期する方法 iTun
apkファイルをAndroid端末にUSB接続でインストールする方法 (開発者ではない人向け) - [Android + Android] ぺんたん info
apkファイルをAndroid端末にUSB接続でインストールするには (1) JDK（Javaの実行環境） (2) Android SDK (3) ADB USBドライバ が必要です。 Windows Vistaでapkファイルをインストールする作業は手順が多く複雑なため、WindowsXPやWindows7のほうがいいです。 JDK（Javaの実行環境）のインストール Android SDKのインストール Android SDKのアップデート Android端末に開発用のアプリをインストールできるように設定する ADB USBドライバをダウンロードする PCとAndroidを接続して、ADB USBドライバをインストールする apkファイルを端末にインストールする apkファイルを端末からアンインストール(削除)する インストールに失敗した場合 インストールできない場合 JDK（Java
Chromeは通信量を50%も節約できるなんて知りませんでした。格安SIM運用に最適なブラウザかも。 - いつもマイナーチェンジ！
言わずと知れたブラウザであり、僕も利用している Google Chrome ですが、通信量を50%節約できる設定があります。 僕はずっと iPhoneユーザーで、スマホのブラウザといえば Safari を利用していたので、Chromeの情報はあまり気にしてなかったのですが、この節約機能は 2014年1月頃のアップデートから利用できるようになったようです。 リリースから１年も知らずにいたとは^^; 何にしてもとてもすばらしい機能なので、記事に残しておきます。 まずはやり方を Androidの場合 iPhoneの場合 これだけです。 たったこれだけで、画像にもあるように50%程の通信量を節約できます。 なんという簡単設定。 なぜ通信量が節約できるのか簡単に言うと、「画像の圧縮と最適化を行うから」です。サイトの読み込みで一番時間がかかるのは、なんといっても画像です。その画像を更に圧縮してくれると
MacとAndroidを同期し便利に使う！Mac使いのためのAndroidのススメ
Mac使いがAndroidを使わねばならぬ時もある！Macユーザーなら、当然iPhoneを使用するのが当然一番便利な選択肢と言えるのだが・・・。 iPhoneなら連絡先もカレンダーもリマインダーも写真も何もかもMacと完全に同期できるし、iCloudのアカウントにログインすればいいだけなので面倒な設定もいらない。 しかし、諸々の事情や、個人的なこだわりで、iPhoneではなくAndroid端末を使用しているMacユーザーもいるはず。 しかし、iCloudに保存しているカレンダーの予定をAndroidでどうやって参照するかとか、今まで何も考えずに便利に同期できた連絡先をAndroidとMac間でどう同期すれば良いのかなど、Androidを使用するMacユーザーならではの悩みも多い。 今回、ASUSのZenfoneを購入した事で、これまでずっとiPhone4Sを使用していたMacユーザーの僕は
Androidアプリを個人開発する時に便利なサイトやツール - みんからきりまで
よく使うものメモです。 全般情報 Dashboards | Android Developers 公式のバージョンシェア。毎月5日くらいに更新される。 デザイン Design | Android Developers 公式のデザインガイドライン。各項目ごとにかなり細かく解説してある。 Downloads | Android Developers ↑内にあるデザインパーツ集。 便利なんだけど地味すぎて知らない人いそう。 特にActionBar用の画像とかandroid.R使うよりこっち使った方が捗る。 NavigationDrawer用の三本線とかもここにある。 Android Asset Studio Android用の色々な画像やStyleなどが簡単に生成出来る。めちゃくちゃ便利。 Android Niceties ナイスなデザインのAndroidアプリを紹介してるっぽいサイト。参考にな
Androidの解像度の違いを考慮したデザイン基礎知識
多様にある Android 端末の画面サイズと解像度 Android 端末は様々なメーカから発売されており、多種多様な端末があります。スマートフォンとタブレットも合わせるとかなりの数になります。 そんな Android のアプリデザインを作っていく上で避けて通れないのは、多様にある端末環境のことを考慮したUIデザイン設計です。端末の種類が限られている Apple の iPhone とは異なった事情があります。 考慮してデザイン制作と実装を進めていかないと、せっかくデザイナーさんが頑張ってイケてるデザインを作ったのに実装後に残念な見栄えになってしまったりします。 プログラマとデザイナーは密にやり取りをすべき デザイナーが画像素材を用意してプログラマがそれを使って実装していくのが一般的ですが、出来ればどういう風に素材を用意して欲しいかお互い相談しながら制作を進めていくべきでしょう。 画像スライ
JavaScriptで振り分けてスマホサイト完成！ (1/5)
スマートフォンサイトの設計・デザイン、HTML5+CSS3による基本的なマークアップについて前回までに解説してきました。今回はページ内の要素にリンクを設定してスマートフォンサイトを仕上げます。 ページ内リンクを張る 今回制作しているスマートフォンサイトは、ページ内の各コーナーに移動できるナビゲーション（ジャンプボタン）を設置しています。まずはジャンプボタンにページ内リンクを設定しましょう。ページ内リンクは、PCサイトと同様、リンク先の要素にID属性を振り、a要素を次のように記述します。 <ul class="clearfix"> <li><a href="#access">アクセス</a></li> <li><a href="#tel">電話</a></li> <li><a href="#mail">メール</a></li> </ul> ボタン全体にリンクを貼る ページ内リンクを設定したサ
iPhone 5を併用して分かったAndroidスマホのもう5つの良さ
昨日書いた「iPhone 5を併用して分かったAndroidスマホの5つの良さ」は、このブログが「eしずおか」に移転してから最大の反響を集めています。特にTwitterやはてなブックマークに寄せられる反応はすごく参考になってます。人によって見方も様々ですし、自分もまだまだ色々知らないことがありますので、その際は、優しく教えていただけると幸いです。 それはさておき、このエントリー、本当は「iPhone 5を併用して分かったAndroidスマホの良さ10個」にする予定で、更にその後、「Androidスマホと併用して分かったiPhone 5の良さ10個」と続ける予定だったんです。ですが、ちょっと長くなりすぎるのも何だろうと思い、ひとまず、5つに絞ってAndroid端末のメリットを書いてみました。 前置きが長くなりましたが、「お蔵入り」してしまった個人的に思うAndroid端末のメリットをもう5つ
寸法と解像度のチートシート
その他の寸法 ハガキ … 148 mm × 100 mm (A6 より横が 5 ％程度短い) 名刺 … 91 mm × 55 mm (B8 より横が 1 割程度短い) レター … 279 mm × 216 mm (A4 より縦が 1 割程度短く，横が数％長い) 新聞 … 開いた状態で 813 mm × 546 mm (A1 に近いが少し小さめ) クレジットカード … 85.6 mm × 54.0 mm 磁気カード … 85.0 mm × 57.5 mm テレホンカード … 86.0 mm × 54.0 mm CD … 直径 120 mm (穴は直径 15 mm，印刷可能範囲は直径 46 〜 116 mm の範囲) 証明書の写真の寸法 パスポート … 縦 4.5 cm × 横 3.5 cm 履歴書，TOEIC … 縦 4 cm × 横 3 cm TOEFL，英検 … 縦 3 cm × 横 3
Nexus 7でUSBメモリを読み込み可能にするアプリ「Nexus Media Importer」を使う方法
Androidのスマートフォンやタブレットはmicro USBかmini USBのポートを備えていることはあっても、通常サイズのUSBポートを搭載している機種はほとんどありません。そこで、USBフラッシュメモリに保存されたデータを閲覧したい場合にはPCを用意してクラウドストレージなどを経由する必要がありとても面倒です。ところが「Nexus Media Importer（税込み234円）」というアプリとUSB変換アダプターを使用すれば、煩わしい作業をすることなくサクッとタブレットでUSBメモリの内容を確認したりファイルをシェアしたりできるようになるとのことなので、手持ちの「Nexus 7」にインストールして実際に使用してみました。なお、このアプリを使用するためにroot権限を取得する必要はありません。 ◆アプリのインストール 「Google プレイ」にアクセスし、上部の検索窓で「Nexus
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ushigyunet｜iPhoneからゲームやグルメまで、ひたすら詳しくレビューするブログ
スマートフォンサイト制作 よくあるトラブルと 解決方法・回避方法
Androidデバイスで自炊した本を読むなら「Perfect Viewer」無料のAndroid読書アプリ！
スマートフォン対応、気をつけたいトラブル