スマートフォンサイト構築時に気をつけたいポイント集
作成：2015/10/5 更新：2017/04/16 Web制作 > 開発環境 スマートフォンサイト構築時のコーディングで気を付けたいポイントを次回コーディングの時のためにメモしておきます。 エンジニア速報は Twitter の@commteで配信しています。 全般 viewport デバイスを横向きにした時の処理一例です。 一般（ページ拡大表示）ピンチアウト/ピンチインOK。通常はこれを使うことが多い。 <meta name="viewport" content="width=device-width"> サイズを変更せず、ピンチアウト/ピンチインOK <meta name="viewport" content="width=device-width,initial-scale=1.0"> 2倍に拡大した状態でページ表示 <meta name="viewport" content="wi
JavascriptでAndroid/iOSのバージョンを数値で取得
CSSのposition:fixに対応しているとかいないとか、Android/iOSで指定バージョン以下なのか以上なのか、バージョンの数値だけを取得したいことって多々あると思います。 （っつーか私の場合多すぎるんだが。。） なかなか使えるな～と思ったのでメモして残しておきます。 Androidのバージョンを数字の部分だけ取得 先にuserAgentを取得し、Androidという文字列が含まれていれば、文字列の「Android」をスライスして、数字だけにして、Androidのバージョンの数字だけにします。 function AndroidSversion() { var ua = navigator.userAgent; if( ua.indexOf("Android") > 0 ) { var androidversion = parseFloat(ua.slice(ua.indexOf(
Genymotion – PCでAndroidを起動してKindleも読める♪ インストールから「Google Play」導入方法までまとめ | mogi2fruitsどっとねっと
【2015年5月28日追記】 たぶんWindowsでAndroidしたいならコレが一番です ▼ 【2015年1月22日追記】 Kindle for PC が日本語にも対応しましたヽ(=´▽`=)ﾉ で、Windows版アプリをUbuntuで動かしてみる記事がこちら ▼ 【2014年6月28日追記】 ▼ この方法なら読めます(｀･∀･´) 新・PC（VirtualBox）にインストールしたAndroid-x86でKindleを読む方法 ～ログインできない原因と対処～ 【2014年6月24日追記】 Kindleアプリの更新により読めなくなってしまったので悪あがき記事を書きました。 それでもPCでKindleが読みたいんだ！って話 ～WindowsからAndroidにリモートデスクトップ接続する方法～ 以下の記事は当時のままとなりますので参考までにm(_ _)m Genymotion（公式サイト
Google、ChromeアプリをiOS/Androidアプリに変換するツールと方法を公開。Apache Cordova、Node.jsなどを連係
Google、ChromeアプリをiOS/Androidアプリに変換するツールと方法を公開。Apache Cordova、Node.jsなどを連係 WebブラウザであるGoogleのChromeに対応したアプリケーション「Chrome Apps」を、iOSやAndroidに対応し、単独でオフラインでも動作するモバイルアプリケーションへ変換する方法が、The Chromium Blogにポストされたエントリ「Run Chrome Apps on mobile using Apache Cordova」で公開されています。 Chrome AppsはHTML/CSS/JavaScriptで開発するアプリケーションであり、ChromeのAPIを用いてオフライン動作や認証など、Webアプリケーションよりも高度な動作が可能になっています。 このChrome Appsをモバイルアプリケーションへ変換でき
デザイン効率大幅アップ！Photoshopとスマホの画面がリアルタイムに同期される神アプリ『Skala Preview』
世の中にはこんなに便利なアプリがあったのかと驚きを隠せない霙(@xxmiz0rexx)です。なぜ今まで知らなかったのか！！なんて非効率な日常を送っていたのか！！悔やんでも悔やみきれないです本当に。。 というわけで、今日は存在を知って以来 毎日使ってしまっている超絶神アプリをご紹介させて頂きます:) スマートフォンサイトやアプリデザインに最適なのでマカーなあなたは是非チェックしてみてください！！ 『Skala Preview』とは Photoshopで開いているキャンバスをスマートフォンでリアルタイムプレビュー出来るアプリです！ 今までスマートフォン向けのデザインをする時は、Dropboxにpngを保存し、同期させ、実機で確認していた私。 同期にいちいち時間がかかり かなりストレスだったので、このアプリを知って大歓喜なのでございます♡ 公式サイト：Skala Preview, a Mac a
Webフロントエンドパフォーマンスチューニング
Webフロントエンドのパフォーマンスチューニングについて全体的な話。javascript、Chrome DevToolsの紹介、ボトルネック、ポイントなど。
伊藤直也氏が語る、モバイルアプリケーション開発のいまとこれから（後編）～Salesforce Developer Conference Tokyo 2013
伊藤直也氏が語る、モバイルアプリケーション開発のいまとこれから（後編）～Salesforce Developer Conference Tokyo 2013 9月6日開催されたSalesforce Developer Conference Tokyo 2013のセッション「B2Cからみたモバイルアプリケーション開発のいまとこれから」では、コンシューマ向けサービス開発の現場に身を置いてきた伊藤直也氏が、モバイルアプリケーション開発を成功させるための方法をこれまでの経験や現在の開発現場のノウハウを基に語っています。 試行錯誤の回数を増やす、iOSとAndroidは同じように作ってはいけないなど、モバイルアプリケーション開発に関わるエンジニアやデザイナーにとって非常に参考になる内容が込められたセッションの内容を、ダイジェストで紹介しましょう。 （本記事は「伊藤直也氏が語る、モバイルアプリケーショ
iOS な人が Android アプリを開発するときに気をつけたいこと | SmartNews開発者ブログ
Android の次期バージョン 4.4 の名称が《KitKat》だと発表されました。Android は歴代のバージョンに「アルファベット順のお菓子の名前」を付けていることで有名ですが、今回まさかの企業コラボ。「K」は「Key Lime Pie」になるだろうと言われていたのに、さすがの斜め上です。。 着実に進化を続け、いまやスマートフォンの世界シェアの8割近くを占める[1]ようになった Android ですが、多くのサービスは依然として「iOS ファースト」で開発している[2]ように思います。かくいう SmartNews も、まず iOS版から始まり、Android版が出たのはその数ヶ月後でした。 そういった場合、「iOS を出して、それがうまくいったら、Android にそのまま移植すればいい」というよう考え方をしてしまいがちなのですが、それでは多くの場合よいものになりません。どうしても
Objective-CでAndroidアプリ開発 - WonderPlanet DEVELOPER BLOG
今回のエンジニアブログ担当の山下です。 フルネイティブなアプリを作る場合、iOSではObjective-C、AndroidではJavaで書くのが一般的です。 OSが変わればAPIも変わりますし、そもそも記述する言語も変わってきます。 いろいろ勉強してみるのも為になりますが、一度書いただけでサクッといろんな環境で動いてくれたら、 開発がとても楽になると思います。 マルチプラットフォームなアプリを作る際、ゲームアプリだとcocos2d-xやUnityといった 選択肢がありますが、なじみの無い言語だったり、デバッグが大変だと感じる方も いらっしゃるのではないでしょうか。 そこでApportableというツールがあります。 これがなんと、iOSアプリのプロジェクトからAndroidアプリを力業で生成してしまうというものです。 UIKitを使ったアプリはもちろんのこと(なんとxibを使ってもOK)、
こんなにあった! iPhone/Androidアプリを出す時にリリースを送りたい媒体53個総まとめ【無料のみ】 | Find Job ! Startup
こんなにあった! iPhone/Androidアプリを出す時にリリースを送りたい媒体53個総まとめ【無料のみ】 どれだけ面白いサービスを作っても、告知をしなければ広まりません。ただ予算が限られているスタートアップ企業では、広告に投下できる予算も少なくなってしまいます。 そんな時に使えるのが、無料でサービス情報を配信できるレビューサイト、プレスリリース掲載サイト。掲載されるかどうかはメディア次第ですが、送るのはタダです。 今回は、iPhone/Androidアプリに特化して、新サービス情報を送れるサイトを53個ピックアップしました。掲載依頼の連絡先も記載したのでご活用下さい。 ■目次 １．iPhoneアプリ専門のレビュー/情報サイト ２．Androidアプリ専門のレビュー/情報サイト ３．iPhone/Androidアプリ両方扱うレビュー/情報サイト ４．その他メディアで、アプ
Engadget | Technology News & Reviews
The Polaris Dawn crew is back on Earth after a historic mission
iOS/Androidアプリ開発時に感じた差異 - hyoromoのブログ
先日「nicoマンガ」という非公式ニコニコ漫画サービスのビューアをAndroidでリリースしました。その時に同様な機能を実装したiOSアプリも作っていた事を前回のブログで書きました。 今まで誰かが作ったアプリを別プラットフォームへ移植、もしくは自分で作ったけど別プラットフォームにそのまま移植出来ないから大幅に仕様変更して移植は行なった経験はありましたが、ほぼ同じ機能を搭載したアプリをiOS->Androidと続けて開発したのは(たぶん)初めての経験でした。今回はその時に感じたことをメモ程度に書き残しておきます。 比較 この内容を考えてる時に思いついた事をつらつら比較してきます。実装やテスト内容に踏み込んだ比較はしません、書くのメンドウですしね。 項目 iOS Android 外部ライブラリ cocoa controlsサイトへ行けば大抵見つかる。探しやすいhubサイトの存在がアリガタイ 頑
気になるスマホ数値：iOSとAndroid OS、みんなが使ってるOSのバージョンは？ | Excite Smartphone Producer's Blog
はじめまして、岡田（@typhonics）です。 エキサイト株式会社でスマートフォンアプリのプロデュースを担当しています。 知らない人も多いと思いますが、エキサイトでは4年前からスマートフォンアプリをつくっています。 2013年2月現在、配信中のアプリは100以上、ダウンロード数は累計900万を超えました。 まだまだこれからという状況ではありますが、一番最初のiPhoneアプリをリリースしたときから一貫して、「日本、そして世界中の人たちに、生活の中で本当に喜んで使われるサービスを提供する！」という想いで取り組んでいます。 わたしたちは、ニュース、翻訳、ブログ、レシピ、絵本読み聞かせ、ヨガ、など多岐にわたるアプリを提供しています。またプラットフォームも、iOS、Android、Amazon、Windows Phone、auスマートパスなど幅広く対応しています。 今日から不定期にはじめるこのブ
Cocos2dxでiOS／Androidの2Dゲーム開発を始めるには
Cocos2dxとは 「Cocos2dx」とは、Zhe Wang氏によって開発され、彼を中心としてメンテナンスが行われている、オープンソースかつ無料の2Dゲームエンジンです。ライセンスはMITで配布されています。2013年1月時点では2.1.0が最新の安定バージョンとしてリリースされています。 あの「Cocos2d for iPhone」のC++版 もともと、iPhoneのゲーム開発向けに開発されている「Cocos2d for iPhone」というゲームエンジンがありますが、こちらはiPhone向けということでObjective-Cで記述されています。 Cocos2dxはCocos2d for iPhoneをC++ベースで移植したものです。 Cocos2dxを使うことにより、アプリ開発者は容易にpngなどの画像データからスプライト（背景と独立して動作するオブジェクトのようなもの）を生成し、
公開後にアプリ品質を向上させる
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
Androidエミュレータからのネットワーク接続 : akanuma.out 〜あるWebアプリケーションエンジニアのつぶやき〜
11月6 Androidエミュレータからのネットワーク接続 PC上で起動したAndroidエミュレータからネットワーク接続ができていなかったのですが、下記ブログを参考にして解決しました。 http://d.hatena.ne.jp/androidzaurus/20081128/1227839403 どうやらエミュレータからだと名前解決ができないそうで、DNSを指定することでできるようになるようです。エミュレータを起動してから下記コマンドを実行してDNSを指定します。 adb shell setprop net.eth0.dns1 208.67.222.222adb shell setprop net.dns1 208.67.222.222 上記ブログ以外にもこの方法を紹介しているところはあって同じようにやっていたのですがしばらくうまくいかず、何でかなぁと思っていたのですが、エミュレータを起
【総集編】デザイナーがコードから読み解く、Androidアプリのデザインの幅を広げるコツとTips
GDG Tokyo 2012-11 Android App Designs での資料。 第1回〜第4回までの総集編
スマホサイト制作：URLバーをページ読込み完了時に引っ込める方法
今回もあまりがっつり書ける時間が無いので、超小技のエントリー(￣▽￣;) たとえば、Yahooさんとかがやっているんですが、 「ページを読込んだときに、URLバーが引っ込む」という、ちょっとした気配りの動き。 Yahoo! JAPAN （スマートフォンサイト） （Yahooさんの手法とは違うかもしれませんが） その方法を紹介します。 僕の場合は、ページ読込みが完了した時に1ピクセルだけスクロールさせています。 そもそも、iOSのSafariやAndroidの「ブラウザ」は、 ページ読み込み完了時に、スクロール位置が1ピクセル以上あった場合、 URLバーが引っ込む仕様のようです。 （あくまで推測。ページ内リンクなどで、そうなるのが根拠です。） まぁ、これのなにがいいのかというと、 ページの表示範囲を少し広く見せられる。 ってところでしょうか。 やり方は簡単です。 JavaScriptでWin
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Verify you are a human
スマートフォン対応、気をつけたいトラブル
