[B! スマートフォン] Kimuraのブックマーク

Kimura id:Kimura

スマートフォンに関するKimuraのブックマーク (71)

JavaScriptユーザエージェント判別・判定
Updated 2015.11.24 / Published 2015.04.02 新しいFirefox OSやWindows Phoneを含めた2015年現在のユーザエージェントを判定し分岐処理を行う手順をご紹介します。OSや機種毎の処理を行っていくには、もはや無理がありますので、タブレットかスマートフォンかを判別することのみにフィーチャーしています。ユーザエージェント情報に依存して、分岐処理を行うと、常に付きまとう悩みの種が新しいOSの登場です。今年もすでにauからFirefox OSを搭載したスマートフォンであるFx0が新たに登場し、次いで日本国内でもWindows Phoneが発売されることが決まっており、ユーザエージェント情報に依存して処理を行っている部分は相次いで見直しを迫られることになりますので、以下、ご参考に活用いただければと思います。 var _ua = (functi
Kimura 2015/04/03
ずっとプログラム側で判別してきたけれど、もうJavaScript判別にしてしまおうかな？ここを見ればすぐにできそうだし。

javascript

スマートフォン

userAgent
リンク
CDレコ Wi-Fi（CDRI-W24AI） | 周辺機器 | IODATA アイ・オー・データ機器
iPhone・iPad、Androidに音楽CDを直接取り込み！さらにアプリの追加購入で、DVDビデオも楽しめる﹁CDレコ Wi-Fi︵CDRI-W24AI︶﹂は、パソコンを使わずに直接iPhoneやiPod touch、Androidスマホ等に音楽CDの楽曲を取り込めるドライブです。スマホやタブレットとCDレコ Wi-Fiとは、ワイヤレスで直接つなぐだけ。また、Androidスマホ・タブレットとはUSBケーブル1本でも接続可能です。取り込んだ曲は﹁CDレコ﹂アプリで再生しながら歌詞もお楽しみいただけます。﹇New！﹈プレイリストなど5つの新機能が追加して、﹁CDレコ﹂アプリがグッと便利になりました！詳細はこちらをご確認ください。︵2016年3月︶﹇重要！﹈DVD視聴アプリ﹁DVDミレル for CDレコ﹂を追加購入いただくと、スマホ・タブレットでDVDビデオも観られるようになり
Kimura 2014/08/12
PC無しでCDからスマホに音楽を取り込めるCDドライブ。今初めて「Wi-Fiってすごい」って思った。

CD

音楽

スマートフォン

Wi-Fi
リンク
GREEのUserAgent比率を公開します(2014/07) | GREE Engineering
このアイコン使い始めてそろそろ7年になります。ago（@kyo_ago）です。今月もGREEを利用して頂いているクライアントのUA比率を公開します。グラフは以下のデータを元に作成しています。 { "os": { "Android": 66.3, "iOS": 33.7 }, "version": { "Android": [ { "percent": 37.1, "name": "4.2" }, { "percent": 21.1, "name": "4.0" }, { "percent": 20.3, "name": "4.1" }, { "percent": 13.6, "name": "2.3" }, { "percent": 4.3, "name": "4.3" }, { "percent": 3.6, "name": "other" } ], "iOS": [ { "perc
Kimura 2014/07/19
2014年GREEのクライアントユーザーエージェント。Android比率高いな。

スマートフォン

ユーザーエージェント

GREE
リンク
ただのWebエンジニアがスマホサイトを開発するにあたって知っておきたいこと - Qiita
今更だけど、スマホサイト開発未経験のエンジニアが、スマホサイトを開発して気づいたことやハマったことなどの雑多なまとめです。対象はiOS, Androidです。シェア率(日本) 最近の動向など 2014年4月のスマートフォン販売シェア、日本ではiOSがトップ、欧州ではWindows Phoneのシェアが各国で増加︵Kantar調査︶ | juggly.cn Apple、2014年第1四半期において日本スマートフォン市場のシェアを36.6％獲得！ドコモ版iPhoneで大躍進 | gori.me︵ゴリミー︶ 2013年第4四半期国内携帯電話出荷台数ベンダー別シェア 2013年第4四半期および2013年国内携帯電話・スマートフォン市場規模を発表より iOS, Android共に半々くらいのシェア率で考えれば良さげ。 Androidシェア(世界) iOSのOSは基本的には最新のバージョン
Kimura 2014/06/12
なんかもう、最近、jQueryMobileに頼りっぱなしなもんで、ここいら辺をちゃんと読んで勉強しなきゃな、と思うわけです。

●スマートフォン

●エミュレータ

●android

●iPhone
リンク
米国国防総省の調達規格に準拠したau史上最強 (注1) の高耐久性スマートフォン「TORQUE (トルク)」が登場
防水 (風雨、浸漬): 30分間にわたる降雨や浸水に対しての防水性能、およびIPX5/IPX8の防水性能防塵: 連続6時間の粉塵試験 (8.9±1.3m/sec、10.6±7g/m³) を実施、およびIP6Xの防塵性能耐衝撃: 高さ約1.22mから合板 (ラワン材) に26方向で落下させる試験を実施耐振動: 連続1時間の振動試験 (3方向各1時間/20～2,000Hz) を実施耐日射: 連続24時間の日射試験 (合計1,120W/m²) を実施防湿: 連続10日間の高湿度試験 (45% /16時間、95% /8時間を10日間) を実施温度耐久 (高温、低温): 動作環境: -21℃/50℃ (各連続3時間) 保管環境: -30℃/60℃ (各連続4時間) 低圧対応: 連続2時間の低圧試験 (57.11kPa /約4,572m) を実施塩水耐久: 連続24時間の5%塩水噴霧後、
Kimura 2014/05/09
防水・防塵・耐衝撃・高温低温耐久・耐振動・塩水耐久・防湿・耐日射・低圧対応。すごいな。しかしこれを作ったのがカシオじゃなくて京セラっていうのが個人的には驚き。

KDDI

au

スマートフォン

android

京セラ
リンク
携帯６社がスマホ絵文字を共通化へ　アンドロイド「４．４」以降の新機種が対象 - MSN産経ニュース
ＮＴＴドコモ、ＫＤＤＩ、ソフトバンクモバイルなど携帯電話などの事業者6社が24日、スマートフォンで使われる絵文字を5月以降の新製品で共通化を進めると発表した。これまで、絵文字を送っても他社の端末で表示されないケースもあり、意図が伝わりにくいとの不満が寄せられていたが、事業者間ですべての絵文字をすべて共通化する。　対象は米グーグルの基本ソフト﹁アンドロイド4・4﹂搭載のスマートフォン︵高機能携帯電話︶で、各社が5月下旬以降に発売する見込み。　従来、携帯電話事業者は個別に自社の絵文字を他社の似た絵文字に変換することで、一定数の絵文字は表示されているが、類似の絵文字がない場合は﹁〓﹂やかなで表示されていた。　6社は各社の絵文字を、世界共通の符号化文字などを定めた文字群﹁ユニコード﹂対応させて共通化。どの絵文字も同一または同様の絵文字に必ず置き替わるようになる。その結果、ドコモは２５２種、ＫＤＤＩ
Kimura 2014/04/25
あれ？絵文字の統一はAndroidだけなの？

絵文字

Android

スマートフォン

メール
リンク
スマートフォンサイトのコーディング 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-scala ble=no"> 文字サイズの自動調整をオフにする各スマホブラウザでは、横向きにすると text-size-adjustの処理が走り、自動で文字サイズを最適化︵拡大︶する機能があります。読
Kimura 2014/04/24
タイトル通り。スマホのスタイルは面倒だからjQueryにおまかせしているが、ちゃんとコーディングできれば結構いろいろできるんだろうなぁ。

スマートフォン

CSS
リンク
Photoshopでの作業がはかどる！ウェブデザイン（特にスマフォ）用の効果的な環境設定のまとめ
Photoshopでウェブページやスマフォページのユーザインターフェイスをデザインする時に、最も良い結果がでる最適な環境設定を紹介します。最後の﹁作業のパフォーマンスを向上させる設定﹂はウェブデザインに限らず、Photoshopの動作がもっさりしている人は見直してみてください。 How To Set Up Photoshop For UIDesign 下記は各ポイントを意訳したもので、画像は当方のPhotoshop日本語版です。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。海外の多くのブロガーからあのブログでの無断翻訳・転載の声を聞くのでご注意ください。環境設定はiPhone用を例にしていますが、基本的なポイントは全てのウェブデザイン作業に適用できます。新規ドキュメントの設定スナップの設定テキストの設定光源の設定グリッドの設定画像を書き出す時の設定R
Kimura 2014/04/22
iPhoneなどのウェブデザインを作るときのPhotoshop最適化。最新のPhotoshopにはテキストの「アンチエイリアス設定」に「Mac」があるんだ。Creative Cloudだけの機能なのかな。

iPhone

スマートフォン

photoshop
リンク
４０代サラリーマンがこれから一攫千金（宝くじ以外）するなら… : 宝くじ以外で一攫千金
一攫千金を宝くじ以外で実現するには・・・よく紹介されている以下の方法のほとんどは、実は一獲千金には程遠いものです。アフィリエイト　→　個人が大きく稼げたのはアフィリエイトが広く普及する前の話。今は潤沢な資金のある法人・企業アフィリエイターが美味しいところを持って行っており、個人の新参者はニッチ市場を攻めるしかありません。しかし個人間の競争も年々激しくなっており、楽に大金を得るという意味である一攫千金の仕事とは言い難いです。この界隈では﹁ブログアフィリエイトは稼げる！﹂と謳って、情報弱者に役に立たないノウハウを売りつけるカモリエイターが跋扈していますが、彼らの稼ぎも昔に比べると減少傾向にあります。情報販売　→　過去に詐欺まがいの商品が横行し、ユーザー離れで市場規模が縮小。現在は商品の低価格化も進み、一攫千金は至難の業です。せどり・転売・輸出入ビジネス　→　特別なスキルがなくても始めやすいが
Kimura 2014/02/03
使うことあるかな？

Android

スマートフォン

iOS
リンク
Monaca
Mobile App Development Fast, Easy and Flexible. Cross-platform hybrid mobile app development platform and tools in the cloud GET STARTED FREE Monaca makes HTML5 hybrid mobile app development with Apache Cordova simple and easy. Monaca is the most open hybrid app development platform available and ready to be immediately plugged into your existing workflow and development environment. From Cloud ID
Kimura 2013/09/13
モバイルアプリ開発プラットフォーム。名前がいいなぁ。

アプリ

スマートフォン
リンク
スマートフォンの比較サイト - スマートフォンデータベース
概要機能サイズ画面電池 CPU/メモリカメラ通信周波数帯リンクスマートフォン機種、スペック・機能の一覧表スペック・機能の一覧表機種名 キャリア メーカー OS 幅×高さ×厚さ 幅 高さ 厚さ 重さ 画面種類 画面サイズ 解像度 解像度 (横) 解像度 (縦) ピクセル密度 発色数 電池容量 待受時間 (3G) 待受時間 (4G) 通話時間 CPU クロック コア数 ROM RAM 外部メモリ対応規格 外部メモリ最大容量 メインカメラ撮影素子 メインカメラ
Kimura 2013/05/22
国内キャリアから発売されているスマートフォンのデータベース。条件で検索できる。すごいなぁ。解像度も表示される。ありがたい。

スマートフォン

携帯情報
リンク
Engadget | Technology News & Reviews
Hands-on with the new iPad Pro M4: Absurdly thin and light, but the screen steals the show
Kimura 2013/05/16
Googleが素のAndroid端末を直販。ブートローダーがロックされていないとは具体的には何ができるの？誰か教えて

android

google

Nexus

スマートフォン

Galaxy
リンク
［速報］グーグル、Androidのための統合開発ツール「Android Studio」発表。オープンソースで無償提供。Google I/O 2013
グーグルは米サンフランシスコで開催中のイベント「Google I/O 2013」の基調講演で、Androidのネイティブアプリケーション開発に特化した統合開発ツール「Android Studio」を発表しました。
Kimura 2013/05/16
Androidアプリ開発環境。Java？導入が簡単だと良いんだけど。

android

google

スマートフォン

アプリ
リンク
【スマートフォン制作向け】radioボタンをCSSのみでカスタマイズ | バシャログ。
こんにちは、GWは神奈川県から一歩も出ませんでした ishida です。さてさて、今回は最近スマートフォン案件が増えてきましたので実務で使えそうなコーディングTipsをば。スマートフォンでは、radioボタンがデフォルトのままだとかなり押しにくいですよね。対象がスマートフォンであれば︵IEちゃんを除けばOKかも︶CSSだけで、意外とカスタマイズができます。 HTML HTMLのコードは以下になります。 <ul class="list"> <li><input type="radio" name="gender" id="gender1" value="1"><label for="gender1">男性</label></li> <li><input type="radio" name="gender" id="gender2" value="2"><label for="gende
Kimura 2013/05/08
CSSのみでスマートフォンでもボチりやすいラジオボタンを作れる。

css

スマートフォン

radioボタン
リンク
【CSS】ハイブリッドアプリを作成するときにいつも書くようにしているCSSプロパティいくつか！
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } リストの項目など、敢えて選択時に色を付けたい場合には、個別にtap-hightlight-colorを指定するといいかと思います。 -webkit-touch-callout: none iOSでリンクを長押しした際に表示されるポップアップメニューを消すためにこのプロパティを設定しています。ポップアップメニューが出るとネイティブっぽくないですもんね
Kimura 2013/04/09
主にスマホ向けのCSS指定。知らなかった。こんなにあったんだ。

●css

●スマートフォン
リンク
「携帯端末に最適化されたウェブサイトの構築方法」日本版をご紹介します
+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
Kimura 2013/03/21
PCと携帯端末に別々のコンテンツを配信する際のおすすめ事項 by Google

スマートフォン

携帯端末
リンク
Unicode 6.0を含めた絵文字変換を実現する « NAVER Engineer's Blog
こんにちは。検索サービス開発2チームの斎藤です。休日は都内の美術館や博物館を巡り歩いています。先日は池袋の古代オリエント博物館に行き、ハムラビ法典(のレプリカ)を見てきました。楔形文字はアシの筆を粘土板に押し当てて記述するものですが、ハムラビ法典は閃緑岩の石柱に彫られたそうです。﹁法典は石柱に彫ってね﹂と役人に無茶ぶりされて、当時の職人も﹁用途がちがーう﹂とか愚痴ったのかなぁ・・・と妄想してしまいました。さて私の普段の業務ですが、NAVER LINE プロジェクトで絵文字やスタンプ関連の開発に携わっています。ちょうど楔形文字の話もしたところですので、このエントリでも絵文字の変換処理について解説させていただきます。ドコモ/au/ソフトバンクの携帯電話(以下、フィーチャーフォン)で長く使われてきた絵文字も、2010年にUnicodeコンソーシアムによってUnicode 6.0で正式に定
Kimura 2013/03/15
Unicode6.0時代の絵文字変換方法を考察。合字などにも言及。

unicode

unicode絵文字

絵文字

スマートフォン
リンク
Ubuntu for Phonesが2月21日にGalaxy NexusとNexus 4向けにリリース決定。 - Android(アンドロイド)おすすめアプリ・カスタムニュース|AndroidLover.Net
Ubuntuの開発元であるCanonicalが、Ubuntu for phonesを2月21日にリリースすると発表しました。Ubuntu for Phonesの特徴などは、こちらを参照してください。2月21日にリリースされるのは、Ubuntu for phonesのソースコードとイメージファイルで、Galaxy Nexus向けだけではなくNexus 4向けにも提供されるとのことです。ソースコードとイメージファイルは、Ubuntu wikiにアップされる予定となっています。Ubuntu for phonesの導入方法は、2月21日にhttps://wiki.ubuntu.com/TouchInstallProcessで確認できます。上記ページでは対応端末が増えるたびに随時更新されていくとのことなので、ブックマークしておくといいかもしれませんね。また、2月25日～28日
Kimura 2013/02/19
マジか。あさってじゃねぇか。

ubuntu

スマートフォン

Ubuntu for phones
リンク
スマートフォン対応でよく使うhtml、css、javascriptのまとめ
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定 <meta name="viewport" content="width=device-width, initial-scale=1.0">  <meta name="format-detection" content="telephone=no">  <link rel="apple-touch-icon" href="icon.png">  <link rel="apple-touch-icon
Kimura 2013/02/19
SMS用のリンクなんてあるんだ。。。。しかも本文も指定できるの？

●HTML5

●スマートフォン

●javascript

●CSS
リンク
これがスマートフォン向けサイトを作るときの viewport 設定３パターンだ
スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。パターン1: 何も考えずに HTML を書くまずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
Kimura 2013/02/15
viewportの指定3パターンとデモ画面が紹介されている。このような情報ってありそうで無いんですよね。

iphone

スマートフォン

viewport
リンク
1 2 3 4 次のページ