スマートフォンと画面解像度・ピクセル密度
320 dpi Androidの密度グループ iPhoneを当てはめると、iPhone 3までがmdpi、iPhone 4からはxhdpiに区分けされそうです。日本で流通しているAndroidスマートフォンの多くはhdpiに属するでしょうが、最近のHD解像度の端末はxhdpiに属しそうです。 IS05やXperia ray, INFOBAR A01/C01などはグループ上hdpiに属しています。しかし、画面サイズが小さいことからピクセル密度が300dpi前後と、xhdpiに近くなっています。小型で高解像度な端末が増えると、所属するグループだけでは画面の精細さを判断するのは難しくなるでしょう。 ピクセル密度の違いが見た目に影響する さて、ピクセル密度のばらつきによって、すこし困ったことが起こります。密度の低い環境に合わせて作られたコンテンツの見た目が、密度の高い環境で良く見えない可能性が出て
[iPhone] タッチイベントとクリックイベント
iPhoneではタッチイベント→クリックイベントの順に処理されるみたい。 スマートフォン向けサイトで「ページ上部に戻る」ボタンを置いた。 クリックイベントだとAndroidでもっさりな動作に感じるので、touchendイベントで反応するようにした。 touchendイベント ↓ ページ上部にスクロール ↓ clickイベント ↓ スクロールしてるから、クリックした場所にはすでに別のモノが… ↓ その別のモノをクリック！ って感じになった。 なので今回はクリックイベントのみ処理するように変更した。 タッチエンドイベントをクリックイベントがわりにするとこまごまと引っかかる。 まあ、対処できないようなことではないのでいいんだけど…。
HTML5 で作る iPhone ローカル Web アプリ入門
さて、まず「ローカル Web アプリ」ってなんぞっていう話ですが、Web ベースの技術で作られブラウザからサーバにアクセスして利用するものの、いったんロードが完了したら、それ以降はネットワーク接続不要で動作する Web アプリ、といった概念を表した造語です。 iPhone の App Store を経由することなく配布が可能なので、アプリの内容について一切の制限がなく、また、最近のライブラリの進歩やモバイルパフォーマンスの向上により、ものによってはネイティブアプリと遜色ないレベルのものも作れるようになってきました。 先日、1 Click Config (閉鎖済) (解説記事) を作って公開しましたが、これがまさにローカル Web アプリとして動作しています。 ここで使われている技術の各論についてはそれぞれ詳しく書いたサイトがあるのですが、これらの技術をひとまとめに紹介しているサイトが見当た
iPhone/Androidアプリのモックアップ作りに便利なPSD・AI・ICON配布サイト｜スマートフォン｜モバイル／スマートフォン｜PHP & JavaScript Room
iPhoneタブバー＆ツールバー用アイコン iPhone UI iPhone外観素材〔iPhone3 / iPhone 4 / iPhone 4S〕 iPhoneアプリケーションアイコン iPhone風のアイコンジェネレーター iPad UI iPad 外観素材〔iPad / iPad2〕 iPod Touch 外観素材 Androidメニュー用アイコン Android UI Android外観素材 Android Widget UI〔ウィジェットテンプレート〕 Droidくん Androidアプリケーションアイコン Androidアイコンジェネレータ〔画像をアップするだけでガイドラインに沿ったアイコンを生成〕 モノトーン系アイコン iPhoneタブバー＆ツールバー用アイコン 2010/9/26 PSD PNG PSD icon Sweets License: 個人・商用利用可 iPhon
iOS Web App Configuration — Gist
Forks gist: 990627 by gridlab created May 25, 2011 gist: 1000282 by amo26 created May 31, 2011 gist: 1017780 by mckamey created June 09, 2011 gist: 1018379 by sindre Mobile meta & links created June 10, 2011 gist: 1044858 by funkole... created June 24, 2011 gist: 1064774 by mignev created July 05, 2011 gist: 1066768 by dkbox created July 06, 2011 gist: 1072902 by screenink created July 08, 2011 g
jQuery Mobileを使う際に知っておくと役立ちそうなTipsや情報のまとめ
jQuery Mobileに関して少し整理したいので まとめました。JQMを使うときに知っておくと 便利そうなTipsとか情報とか。いくつか自分 の記事も含まれているのが若干アレなんです が、ご了承ください。内容はコードのみ、では なく、参考サイトなど一貫性無い感じですが。 整理するのが下手なもので一貫性に欠ける内容で申し訳ないですけど、jQuery Mibileを使ったWebサイト構築時のちょっとしたTipsや役に立つ情報などのまとめです。 ページ移動にAjaxを使わないようにするプラグインの前に記述。リンク単位でならマークアップでrel=”external”を、フォームはdata-ajax=”false”を加える。 <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script type="text/
Dashcodeを使って、さくっとWebアプリを作る - iko.la ブログ
※この記事は更新されています。最新の記事はこちら。 Dashcodeとは Dashcode - Wikipedia Dashcodeとは、アップルが開発している、Dashboard用ウィジェットおよびiPhone/iPod Touch用のウェブアプリケーションを開発するためのソフトウェアである。 だそうです。思ったより古くからあったツールでした。 昨年末、Dashcodeを使って業務アプリを開発しましたところ、iPhone用Webアプリケーションを作るのには良かったのでご紹介します。 Dashcodeのダウンロード iOS SDKに付属しています。iOS Dev Centerの「Xcode and iOS SDK」からDLしましょう。 Dashcodeの起動 /Developer/Application/Dashcode.app を起動します。面倒なのでDocに入れておきましょう。 起動す
スマートフォンサイト用に、フリック・スワイプ対応が簡単に出来るjQueryプラグインいろいろ | Web活メモ帳
最近スマートフォン対応やタブレット対応の案件が増えてきて、スワイプに対応させたいと言われる事が結構多いです。 知ってる人も居るかもしれませんが、スワイプが出来るようになるjQueryプラグインをまとめてみました。 画像ギャラリー専用のものから、ページ全体をスワイプで区切るものまで色々ありますよ。 参考になれば幸いです。 jQuery Touchwipe iPhone、iPad、Android用にスワイプでスライドショーを移動できます。 スワイプした時のイベントが簡単に取得できるので、画像切替意外にも色々使えそう。 PCの場合には、アンカーテキストで画像の切替ができます。 サイズも1kB程度なので、モバイル端末に優しいですね。 PhotoSwipe jQuery Mobile対応の全画面イメージギャラリー。 写真を大きく表示させて、ツールバーで操作するタイプです。 jquery.flicks
iPhoneでWebアプリのホーム画面登録を促す「Mobile Bookmark Bubble」をjQuery Mobileと併用してみた - Startup Reality
昨今、jQuery MobileやSencha TouchやHTML5でけっこうなUIのスマートフォン用Webアプリを作れるようになってきました。でも、せっかくアプリっぽいのを作ったら、開発者としてはホーム画面に追加してほしいですよね。 そこで便利なのが、「Mobile Bookmark Bubble」というWebアプリのホーム画面登録を促すバルーンを表示するGoogle製のJavaScriptライブラリです。 これを使うと、以下のようなバルーンが下からにょきっと出てきます。 MOONGIFTさんもiPhone/iPadでホームボタン誘導「Mobile Bookmark Bubble」 と紹介しています。 普通に使うのはそんなに難しくないんですが、jQuery Mobileと一緒に使うのが意外と大変でした。なぜなら、Mobile Bookmark BubbleとjQuery Mobileは
画像を使わずCSS3だけで尖ったBack・Nextボタンを作る方法
CSS3だけで、iOS風のBackやNextの尖ったナビゲーションボタン作る方法ないかな〜と探していたところ、良記事があったので紹介します。Androidで確認してませんが、webkit向けなのでたぶんAndroidでも大丈夫だと思います。Androidはひと工夫必要そうです。 CSS3 Wizardry -Back and Next Buttons Revisited- CSS3 Wizardry -Subpixel Rendering- Buttons Revisitedの方が改良版で疑似要素バージョンみたいです。原理はSubpixel Renderingの方がわかりやすいです。 ポイントとなるHTML ボタンを構成する要素はこれだけ。 <!--ボタン要素--> <div class="button bordered back"> <span class="label">Back</s
【最新】エロライブ配信アプリおすすめランキング！iPhone/Androidのスマホアダルト配信で抜こう
2022年3月31日2023年3月24日 「iPhoneやAndroidでエロアプリを使いたいけど見つからない」「公式ストアで探せない」という方に簡単にエロアプリが楽しめるエロゲーアプリをご紹介。エロゲーや出会い系、ビデオ通話などが出来ます。 スマホでエロアプリを利用する方法 iPhoneアプリでエロを楽しむ方法 日本ではアイフォンの利用者数が他の国に比べて高くなっています。アダルトに厳しいiPhoneでエロゲーはできるのでしょうか？ iPhoneではエロアプリのダウンロードはできない iPhoneはシステム上、AppStoreからダウンロードするアプリ以外はスマホに入れられない仕組みになっています。またAppleはアダルトにとても厳しく、公式ストアにはエロいアプリは一切ありません。もしApple Storeでリリースしても即リジェクトされます。 iPhoneでアダルトゲームを遊ぶには
iPhone向けwebアプリを作ってみる-タッチイベント、ジェスチャーイベントに関するまとめ-
こんにちは。普段からiPhoneを愛用している橋本です。 最近、「せっかくiPhone持ってるんだし、iPhone向けのアプリ作ってみようかしら？」と思い立ったのですが、iPhoneのネイティブアプリを作るには、”Objective-C”と、”cocoa Touch”というiPhone/ipodTouch向けのフレームワークを理解する必要があり、また、自分で開発したアプリを実機に入れて動かしてみるには、そこそこの費用と各種手続きが必要だったり（iPhoneエミュレータ上で動かす分には問題ないのですが…）と、何かと大変です。 「何かもっと手軽にiPhone特有の機能を活かしたアプリを作る方法はないかなぁ。。」と考え、思い立ったのがWebアプリ。Webアプリなら、今までの知識＋αでアプリを作成することが出来るのではないかと。そこで、今回から数回に渡ってiPhoneとjavascriptを使って
とある iPhone アプリが葬られるまでの記録
とある iPhone アプリが葬られるまでの記録… 妥協したら日本語版だけ承認された… でも英語版はとどめを刺された… 2009年4月4日追記。 今日の却下メールでもう再申請しても無駄と判断したので結論。 アプリの審査は公平ではありません。Reviewer 次第です。 理由。同一開発者の同一バイナリで日本語版と英語版とに分けて、別々に申請。 つまり、Localizable.string 以外は同じアプリ。 日本語版は承認され、英語版は再申請毎に違う箇所で難癖を付けられて却下され続けた。 以上の結果により、先のように結論づけました。 以下、今日までのことの顛末です。 あまりにも理不尽な仕打ちに頭に来たので、これまでの記録を文章にして公開。 同様の経験している開発者の方は、 これを参考に私と同じ過ちを冒さないようにしてください。 結論だけを先に言えば、AppStore に出品したいなら、 「信
『iPhoneアプリその２が審査に通らなかった理由はiPhone4の画像を使ってしまったから！？』
iPhoneアプリその２が審査に通らなかった理由はiPhone4の画像を使ってしまったから！？ | iPhoneとADOBEとNAVIJETのブログ ２個めのリリース予定であった 、友人と共同制作したくそiPhobeアプリのヒステリック囲碁 が長いinReviewを経て今日Rejectになっていた。。。。 そして今朝こんなメールが来てた。 /* On 2011/02/09, at 10:32, App Review wrote: Please include the line below in follow-up emails for this request. Follow-up: 138481980 Hello Shinji, Thank you for submitting HystericGo to the App Store. We've completed the review
スマホサイト：Webアプリモードで意外と書かれていない落とし穴 - Kaleidoscope
ちょっと今回はまめ知識的な内容です。 最近、「iPhoneでWebアプリを作成」といった記事をよく見かけます。 （jQuery Mobileなどを利用した開発方法は置いといて） HTML5+CSS3+JavaScriptで一から作成する方法について、意外と肝心な注意点が抜けてるように思います。 とくに、よくmetaタグを使った「Webアプリモード（フルスクリーンモード）」にする方法が書かれていたりします。 <meta name="apple-mobile-web-app-capable" content="yes" /> これをやると、URLバーとかが無くなって、サイトがネイティブアプリっぽくなってかっこいいんですよね。 これで、サイトをアプリっぽく見せられる！ってちょっと興奮しちゃいますよね。 ただ、これって意外な落とし穴があるんです(￣▽￣;) 今回は、僕が知ってる大きな２つの注意点を
スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ:phpspot開発日誌
スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ。 「スマートフォン向けサイトの作り方エントリのまとめ」にてスマフォ用サイト作りの基本はまとめましたが、実際にデザインする際の参考になりそうなギャラリーサイトやブログエントリをまとめてみました。 インタフェースの研究ということで、サイトデザインのみではなくアプリのデザインギャラリーも紹介。 ギャラリーサイト CSS iPhone 様々な海外ポータルやデザインサイトのiPhone向けサイトをサムネイル付きで紹介。 どのサイトもよくデザインされており、非常に参考にできる部分が多そうです。 iOSpiration iPhone Web Design Inspirations - iPhone and iPad Design Inspiration iPhone/iPadサイトやiPhone/iPadアプリ・ゲームのデザインギ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GPUアクセラレーターが使える環境で強制的に有効にできるCSSの指定方法 :: 5509
http://www.mobiledesignpatterngallery.com/mobile-patterns.php
TechCrunch | Startup and Technology News
404 Error - File Not Found