GREEのUserAgent比率を公開します(2014/06) | GREE Engineering
人をダメにするソファとゴロ寝deスクを買ってしまったago（@kyo_ago）です。 これから定期的にGREEを利用して頂いているクライアントのUA比率を公開していきたいと思います。 OS Android iOS グラフは以下のデータを元に作成しています。 { "os":{ "Android":66.4, "iOS":33.5 }, "version":{ "Android":[ { "percent":35.8, "name":"4.2" }, { "percent":22.3, "name":"4.0" }, { "percent":21, "name":"4.1" }, { "percent":14.7, "name":"2.3" }, { "percent":4.2, "name":"4.3" }, { "percent":2, "name":"other" } ], "iOS":
JavaScriptのスマホ対応時に知らないと損する16のコト
JavaScriptのスマホ対応時に知らないと損する16のコト：スマホ向けサイト制作で泣かないための秘伝ノウハウ（3）（3/3 ページ） JavaScriptでのOS／機種依存事例5選 ここからは、JavaScriptでのハマリどころを紹介していきます。 【1】AndroidとiOSでは、イベントの発生タイミングが異なる JavaScriptでは、ユーザーの操作に合わせてコンテンツを操作するコードを書くことが多くありますが、そのユーザー操作の検知タイミングがOSによって異なります。 scrollイベント コンテンツがスクロールされたときに発生するイベントです。最近、画面のスクロールに合わせて、サイドメニューが追従するような動きをするWebサイトが存在しますが、こういった動きを実現するときに利用するイベントになります。このイベントの発生タイミングが、iOSとAndroidで異なります。 iO
長らくiPhone派だった僕がiPhone 4sからNexus5に機種変更した10の理由 - 愛と勇気と缶ビール
タイトルは釣り。携帯の機種変、そんな程度のことに10個も理由があってたまるか。 が、機種変更したのは事実だ。理由は、 個人的に、「iPhoneはもうダメだな」と思ったから。理由は色々あるが、iPhone 5cとか、フラットデザインとか。 Androidアプリの方に技術的興味を寄せたかったから。iPhoneを普段使いつつAndroidアプリを作れないこともないが、やはり自分自身が毎日メインの端末として触っていないとよろしくない。 とかそんなところ。 Nexus5は現状e-mobileへ他キャリアからMNPするのが一番安いのだが、これがなんとsoftbankからだと月額にして他より1500円くらい損になるのだ。払ってもいいんだけど何か気に食わないのでsoftbankからb-mobileにMNPしてNexus5自体はGoogle Playから買うことにした。simは↓。 日本通信 bモバイル ス
iOSのMobile Safari上でのfocus()が妙な件を調べてみた - mixi engineer blog
こんにちは。ミクシィUX統括部にて、mixi Touchの開発を担当しております戸高です。 JavaScriptでの開発を行う事が多いのですが、iOSのブラウザ（Mobile Safari）のfocusの挙動について少しクセがあり、 調べてみましたので、お知らせいたします。 通常、<textarea>や<input type=”text”>等のフォーム要素に対して、フォーカスを与えたい場合、focus()メソッドを使用します。 iOSのブラウザ（以下、Mobile Safari）にて、以下のコードを実行してみます。 （分かりやすい様にjQueryを使用させて頂きました） なお、検証端末にはiPhone4S iOS5.0(9A334)を使用しています。 HTML <!DOCTYPE html> <html> <head> <meta http-equiv=”Content-Type” con
スマホだと反応が遅れる :hover を心地良くする方法
スマホ向けにサイトを作っていると、ブラウザの挙動が遅くてUXを低下させてしまうことがあります。例えば、画面をタッチしたときの:hoverの挙動。あと、jQueryのanimate()の挙動。とか。 スマホブラウザはJavaScriptの実行速度が遅いので、animate()の挙動とかはCSSで書くのがベストです。これはよく知られているので、実装されているサイトも多いのではないでしょうか。（あ、具体的な実装はまた次回ご紹介したいと思います。） 今回はですね、あまり話題にならない:hoverのことです。 :hover がおかしい？ マウスカーソルを乗せたときのスタイルを設定するのが:hoverです。スマホだとタッチした瞬間に適用されると思いますよね。でも例えばiPhoneで:hoverを使うと、指を離したときにスタイルが適用されます。ですので、「もう押してないのに…」という場所が「押されたスタ
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
月3000円くらいでスマホ2台とルーターを持つまとめ 2013年6月版 ｜ Abi-Station
もしすでにキャリアのiPhoneを持ってたら解約してsimロック解除。 SIMロック解除アダプタを使います。 Smartkingという名のSIMトレイを差し替えるだけのイメージ。激烈簡単。 —追記— この方法はいわゆる「ゲタをはかせる」と言うのですが、OSのアップデートに対応できませんので自己責任でよろしくお願いします。 アップデートされたら、新しいゲタが出るまで待たないといけません。 —追記終わり— 左がSmartking。ここにsimを乗せます。 ちなみにiPhone5のsimロック解除はSIM7+を使うようです。買ってみます。 キャリアの契約解約前にもロック解除試せるのかな？そこは試してないので分かりませんが、simを変えるだけなので行けると思います。 ピンキリですが、中古のiPhone4ならヤフオクで5000円くらい。それで全然OKだと思います。 ※すみません。最初4Sと書いてまし
未使用スマホを月額無料でいえ電化する「IP-Phone SMART」 | ROOMIE（ルーミー）
iPhone 5へ乗り換えて、古いiPhoneが余ってしまった方に。 フュージョン・コミュニケーションズの提供するIP電話サービス「IP-Phone SMART」を使うと、月額費用ゼロでIP電話化することができますよ。古いiPhoneやAndroid端末を余らせている方には、耳寄りなサービスです。 必要なものは、iOS3.2以上（iPhone、iPod touch、iPad）やAndroid2.1以上の動作する端末と、Wi-Fi環境、あとは「IP-Phone SMART」への登録です（クレジットカードが必要）。 利用までの流れは、まず公式サイトから新規登録し、050番号を発行します。仮登録→本登録が済むと、ユーザーのマイページへログインできるようになり、そちらの「ユーザーアカウント情報表示」から、通話用のアプリを設定するためのアカウント情報がわかります。 通話用のアプリは株式会社ageet
僕らは笑顔でゴミを7万円で売っていた。 | ふじさわブログ
どうも、今日もいらっしゃいませ！ iPhone愛用中ドコモ店員です。 日々、ブログにコメントを頂くのですが、そのどれもがレベルが高すぎて焦っています。 僕はiPhone4→4S→5という流れでスマホを使っているので、 Androidは仕事で使っているだけで、自分のものとして使ったことがありません。 なので、Android端末を日頃から使っているみなさんの方が詳しいのは当然なのです。 でもそんなこと言うと、僕がこうして記事を書く意味が・・・と思っていたところ、ひらめきました！ みなさんから頂くコメントを編集し、さらに見やすく役立つ形にして、僕が再び記事にします。 なので、みなさんから頂くハイクオリティな情報を、もっと二重三重に活用させていただきます！ ということで、今後もハイレベルなコメント、お待ちしてます！ そして、ローレベル(笑)＝スマホ初心者の方のコメントこそ、実は一番価値があるので、
HTML5によるハイブリッドアプリ開発に関する雑記 - id:anatooのブログ
HTML5でiPhoneやAndroid向けのハイブリッドアプリを作るのが最近の流行りみたいです。ハイブリッドアプリとは、外面は普通のアプリとしてAppStoreやGoogle play marketでインストールできるものの、その中身や一部がHTML5で記述されているアプリです。 最近の有名な例だと、CookpadやLinkedIn、はてなスペース、少し前にネイティブに移行してしまいましたがfacebookのモバイルアプリもHTML5を使って記述されていました。GREE界隈で言われているらしいガワネイティブっていう言葉もハイブリッドアプリを指します。ちょっとググってみると、2016年には企業向けのアプリの50%がハイブリッドアプリになるという予測もあります。 ハイブリッドアプリの何がいいかというと、Objective-CとかJavaとかがわからなくてもウェブ系技術者であればAndroid
ネイティブでもHTML5でもない「ハイブリッドアプリ」の価値：Rails Hub情報局：エンジニアライフ
少し前の話ですが、Facebook CEOのマーク・ザッカーバーグ氏の発言が話題となりました。2012年9月11日に行われた米TechCrunchのイベントで同氏は、モバイル端末向けアプリを提供するプラットフォームとしてHTML5に賭けたのは同社始まって以来の戦略上最大の失敗だった、と発言したのです。 TechCrunch Disrupt SF 2012で話すマーク・ザッカーバーグ氏 ネイティブかHTML5かという対立軸 モバイルアプリの世界では現在、「ネイティブアプリか、HTML5か」という構図で技術が語られることが少なくありません。実際、両者には一長一短があり、ケース・バイ・ケースで使い分けられています。機能面や応答性ではネイティブアプリが有利ですが、HTMLを取り巻く開発環境は急速に進化していて、中長期的にはHTML5の普及が進むと見るのが一般的です。それだけに、ザッカーバーグ氏の発
html5でアプリの壁を超える方法
制限 同時に再生できる音源は1ファイルのみ 再生できるタイミングはユーザイベントのハンドラ内だけ プリロード不可 OS自体のサイレントモードと連動せず BGMを流すだけならこんな方法も $('<div>BGMを再生しますか？</div>').appendTo('body').click(function () { $(this).remove(); (new Audio('bgm.mp3')).play(); }); $('body').on('click', 'a', function (e) { e.preventDefault(); $.get($(this).attr('href')).success(function (html) { $('body').html(''); $('body').append($(html).find('body')); }) });
jQuery MobileでGoogleMap APIを使ったサンプルがMITライセンスで公開されてた - かちびと.net
なかなかいいサンプルだったのでシェア。 jQuery MobileでGoogleMap APIを使った サンプルがオープンソースで公開されて いました。ストリートビューなども表示する ことが可能です。興味の有る方はチェック してみては。 スマフォにGoogleMapを表示させるのに、Google Maps JavaScript API V3が必要みたいですが、これをスマフォ対応を簡略化するjQueryプラグイン、jQuery Mobileで使おう、というもの。 jquery-ui-map GoogleMap APIをjQuery Mobileで使ったサンプルです。jquery-ui-mapというプラグインも使用しています。このサンプルはMITライセンスでソースが公開されていますよ。 以下、デモのキャプチャです。 iPhone iPhoneでの実装状態です。 ランドスケープ時も自動で横幅をあ
1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
携帯の文字コードと絵文字の基礎知識 Mobile/Encoding - CodeRepos::Share - Trac
携帯の文字コードと絵文字の基礎知識 説明 これは日本の携帯電話の文字コードと絵文字まわりの仕様をまとめた資料です。Encode::JP::Mobile の開発の中で作成されました。 記述に関してはできるだけ公式資料の URL を併記していますので合わせて参照してください。公式資料に言及されていない内容については [unofficial] を併記してあります。 修正・追記歓迎です。 DoCoMo 絵文字リスト: 基本 http://www.nttdocomo.co.jp/service/imode/make/content/pictograph/basic/index.html 拡張 http://www.nttdocomo.co.jp/service/imode/make/content/pictograph/extention/index.html DoCoMo Web 表示できる c
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Android 4.0 ICSのブラウザと、Webサイトのスマートフォン対応について雑感：miyamomo_nikki：So-netブログ
Sign in - Google Accounts
スマホの維持費を月額980円にして思ったこと
ウノウラボ by Zynga Japan: I love spacer
use Encode::JP::Mobile; » SlideShare
