iPhoneアプリの作り方教えるけど質問ある？ : IT速報
1: 以下、名無しにかわりましてVIPがお送りします 2013/08/23 11:02:11 ID:Kt/LuEvv0 iPhoneでもAndroidでもどんとこい 有意義な内容が多く、まとめが長くなったのでiPhoneのみに的を絞りました。 追記：Android版もまとめました。よかったら(/ω・＼)ﾁﾗｯ Androidアプリの作り方教えるけど質問ある？ 2: 以下、名無しにかわりましてVIPがお送りします 2013/08/23 11:02:33 ID:Dy8p8qg9P 用意するものはよ 5: 以下、名無しにかわりましてVIPがお送りします 2013/08/23 11:03:26 ID:Kt/LuEvv0 >>2 なにつくりたいのよ 9: 以下、名無しにかわりましてVIPがお送りします 2013/08/23 11:03:54 ID:Dy8p8qg9P あいぽん 14: 以下、名無しに
Android端末のdevicePixelRatio
Android端末のdevicePixelRatio WebKit系のブラウザではdevicePixelRatioというプロパティが定義されています。これは画像1pxを実際のデバイス上で何pxとしてレンダリングを行うかというもの。 CSSでdevicePixelRatioを特定できる -webkit-min-device-pixel-ratioなどは iPhone4のRetina Display対応などで一時期注目されましたね。 【Webアプリ】iPhone4 で画像をきれいに表示する色々な方法【試行錯誤編】 | KAYAC DESIGNER'S BLOG JavaScriptでは次のように取得できます。 window.devicePixelRatio そこで、Android端末のdevicePixelRatioがどうなってるかTwitterで色々な方に協力いただき調べてみました。
【スマートフォン】 図解！今すぐ直せる、WEBフォーム 6つの課題 (ユーザビリティ実践メモ)
スマートフォン端末の普及で、問い合わせ・申込みなどのWEBフォームがスマートフォンで使われる機会は今後も増えていくでしょう。その際、PC向けに用意していた既存のWEBフォームをそのままにすると、どんな問題が発生するでしょうか？ 今回は、弊社コンサルタントの自主調査から、スマートフォン端末（特にiPhone）でのWEBフォーム利用時の6つの頻出課題をご紹介します。 多くのWEBフォームでは、項目名が入力ボックスの横に配置してあります。 PCでは全く問題のないレイアウトですが、iPhone端末では入力ボックスをタップしてズームインするとラベルが見えなくなり、非常に入力しにくいものになってしまいます。 【改善案】＜推奨＞入力例を入力ボックスの上または下に配置する項目名（ラベル）を入力ボックスの上部に配置する ※項目名の位置が変わるとPCで見にくくなるケースも想定されるため、ご注意ください 課題2
iPhone/iPad用Safariのlabelタグの問題を解消する - jsdo.it - Share JavaScript, HTML5 and CSS
iPhone/iPadのSafariで見てください。 通常labelタグのfor属性とinputのid属性を一緒にすることで 関連付けられたテキスト部分をクリックしてもチェックを付けることができるが iPhone/iPad用Safariではなぜか反応しない。 javascriptを使って、clickイベントでcheckする必要があるが clickイベントだけで、イベントの中に何も記述しなくても 問題なく動作する。 【追記】 もしかしてと思いonclick属性をlabelに付けたら、それだけで動きました。 【追記：2011/10/14】 iOS5のsafariで確認したところ、修正されてませんでした。 【追記：2012/10/30】 iOS6のsafariでこの問題は解消したようです。 $(function(){ var ua =navigator.userAgent; if(ua.inde
スマートフォンサイトにてフォームボタンのコーディング時に覚えておきたいCSSプロパティ | バシャログ。
禁煙してから３ヶ月、着実に体重が増加しているishidaです。 先週土曜日にCSS Nite LP13に参加してきました。 ちょうどスマートフォンのデザインとコーディングのお仕事が進行中でしたので、とても参考になりました。現在セミナー内容を振り返り学習中です。 それとCSS Nite関連ですと、何やら CSS Nite LP14 にて弊社メンバーが登壇するとかしないとか。 スマートフォンコーディングでは、CSS3で角丸やらグラデーションが使えるので画像の使用頻度は少なくなります。ボタンまわりについてもCSSのみで実装する機会が多いです。 フォームのsubmitボタンをCSSのみで表現する際には、ちょっとクセがありましたので 解決方法をご紹介します。 検索するsubmitボタンを、以下のようなデザインをCSSのみで実装することにします。 まずは簡単に横幅と背景色・角丸をCSSで設定してみます
ゼロからでも始められるスマートフォン専用サイト（iPhone＆Android）の作り方を学べるサイト集めました | HTML5でサイトをつくろう
これからのWEB制作はPCサイトだけではなく、iphoneなどのスマートフォンやipadなどさまざまなデバイスでの閲覧を前提として作成しなければいけません。 iphoneサイトやAndroidサイトはHTML5やCSS3にかなり対応しているので簡単そうなイメージもありますが、縦画面、横画面など変化することを前提に構築しなければいけませんし、Androidは機種によって解像度が違うということでそれも意識しなければならなくなるのかな？ PCサイトとスマホサイトの作り方（使い分け）としては下記のような作り方になるのかなと思っています。 PCサイトとスマホサイトを別で作成してユーザーエージェントで振り分け WordPressなどCMSのプラグインで自動的にスマホ専用レイアウトとして表示 メディアクエリーの使い一つのHTMLで画面サイズによってCSSを振り分け スマホでもPCサイトをそのままても違和
Viewport [iPhone生活]
*device-widthはiPhone横持ちの場合でも必ず320px、device-heightはiPhone縦持ちの場合でも必ず480pxとなります 例えば以下は、Viewportの横幅がiPhoneのディスプレイのサイズで、倍率は1、2倍まで拡大可能、という内容です。 描写のプロセスを検証するに当たっての条件 以下の説明では複雑な状況を説明する場合もあるため、特定の語句を特定の意味でのみ使用しています。特定の語句は以下です。 viewport Viewportのメタタグで指定した値または後にSafariが計算した値。initial-scale/width/heightの3つ。 コンテンツ（サイズ） HTMLに設置したコンテンツのサイズ ドキュメント（サイズ） 余白を含めたHTML全体のサイズ。ウィンドウよりも大きい場合は、スクロールすることで見ることが出来る全体のサイズ。 ウィンドウ
今から始めるiPhoneコーディング｜クロノドライブ
何だか周りにiPhoneを持ってる人が増えてきたなぁと思う今日この頃です。 それにつれてiPhone用のサイトをコーディングする案件も増えて来ましたので、コーディングするときのポイントをまとめました。 iPhoneの特徴 まずは、iPhoneの特徴を見てみましょう。 一つの端末で複数の解像度を持つ iPhoneの特徴の一つとして、縦持ち・横持ちのときで横幅の解像度が変わります。 例えば、縦持ちのときは320pxで、横持ちのときは480pxとなります。 ※縦持ちのとき ※横持ちのとき そのため、320pxに最適化したコーディングをすると、横持ちのときに160px分の余白が空いてしまうため、320pxにも480pxにも対応出来るコーディングをする必要があります。 ※そのためには、デザインをしっかりと考えたものにしなければいけませんが…。 HTMLやCSSの実装状況はパソコンと同様 iPhone
無料で学べる！iPhoneアプリ開発情報まとめ厳選38個！ » SHINGOLOG
iPhoneアプリ開発に関する本は溢れていますが、iOSはとても奥が深く、本だけでは自分に必要な情報を集めきることは不可能です。そこで、突っ込んだ情報はインターネットを使って、探していくことが必要です。今回は、インターネットで公開されている有益なサイトをまとめてみました。 iPhoneアプリ開発の基礎 いまさら聞けないiPhone/iPadアプリの作り方の基礎 目指せ！iPhoneアプリ開発エキスパート iPhoneプログラミングの基礎：View Controller 第2回 iOSアプリ開発の準備 iOS Developer Programへの登録方法 C言語すら知らなかった私が２ヶ月でiPhoneアプリをリリースするまでにやった事。 Objective-Cについて Objective-C入門 Objective-C 最速基礎文法マスター Obejctive-C 3分クッキング 苦しんで
『iOSヒューマンインターフェイスガイドライン』はUI解説書の枠を越えている ：国内・海外情報から見える『企業のWEB活用法』：ITmedia オルタナティブ・ブログ
中小企業がITを活用して売り上げにつなげるにはどうしたらいいか？WEBマーケティングとWEB戦略コンサル実績350社50業種以上の実績とノウハウで、海外の最先端情報を中心に、噛み砕いてご紹介。 作成者：中山陽平 iOS、実質的にはiPhoneのアプリケーションを作る際に参照してくださいと言う事で配布されている「iOSヒューマンインターフェイスガイドライン（以下iOS_HIG）」 弊社のシステムを真剣にスマートフォン対応にするために読み始めたのですが、この内容が、ただのインターフェイスのガイドラインだけではなく、さらに踏み込んだ内容になっていて驚きました。 Appleのサードパーティアプリに対する姿勢、サードパーティアプリケーションがiPhoneの大きな魅力であるという認識が、このガイドラインからはにじみ出ています。 App開発者以外もぜひ見ておくべき これはぜひ、WEBに関わる方は見て頂き
jQuery Mobile が必須スキルになる！と思うのでこれから勉強する際に参考になる記事まとめ | バシャログ。
Adobe の Creative Suite 5.5 が発表になりましたね。 Dreamweaver の進化っぷりが凄まじいです。マジで。 HTML5+CSS3への対応が目に付きますが、個人的にはjQuery MobileとPhoneGapフレームワークの導入に注目します。 アプリ開発はこれまで、Objective-Cやjavaが主流でしたがDreamweaverでアプリへの書き出しまで出来てしまうなんて…。今後、モバイルアプリケーションの統合開発環境のデファクトスタンダードになる予感が。 ってことで、まずはjQuery Mobileを理解せねば！ jQery Mobile についてはまだ書籍はあまりなく洋書しかありませんでしたので、参考になる記事を取り上げてみます。 http://jquerymobile.com/ 本家サイト jQuery Mobile Gallery http://w
jQueryMobileを使ってのスマートフォンサイトの構築メモ at HouseTect, JavaScriptな情報をあなたに
Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing
C言語すら知らなかった私の半年後 - 2個めのiPhoneアプリをリリースするまでにやった事 | Last Day. jp
『iOkinawa!2.0』をリリースしてからはXCodeに触れる時間が無くなってしまいました。それでも新しいアプリケーションは作りたい気持ちはあったので2月から又アプリケーション開発に着手しました。 Fasterous 1.2（￥85） カテゴリ: ライフスタイル, ソーシャルネットワーキング 販売元: Ray Matayoshi – Sayobs（サイズ: 0.4 MB） 全てのバージョンの評価: （7件の評価） 忘れてるORZ３，４ヶ月全くXCodeに触れてないなかったので、もう何が何だか思い出すのに時間がかかりました。やっぱり毎日少しでも触ってないとダメですね。 何を作るか？最近自分の過去のスケジュールテーブルを書かないといけなかったのですが、その時日誌とかそういった類のものを一切つけてない私は全く自分が何をしてたわからず愕然としました。 @goryugoさんオススメのPoster
スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ:phpspot開発日誌
スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ。 「スマートフォン向けサイトの作り方エントリのまとめ」にてスマフォ用サイト作りの基本はまとめましたが、実際にデザインする際の参考になりそうなギャラリーサイトやブログエントリをまとめてみました。 インタフェースの研究ということで、サイトデザインのみではなくアプリのデザインギャラリーも紹介。 ギャラリーサイト CSS iPhone 様々な海外ポータルやデザインサイトのiPhone向けサイトをサムネイル付きで紹介。 どのサイトもよくデザインされており、非常に参考にできる部分が多そうです。 iOSpiration iPhone Web Design Inspirations - iPhone and iPad Design Inspiration iPhone/iPadサイトやiPhone/iPadアプリ・ゲームのデザインギ
Interface: iPhoneでアプリのインターフェイスがデザインできる！アプリ開発者・プロデューサ必見！3660 | AppBank
InterfaceはiPhoneアプリのモックアップ（模型）がつくれるアプリです。 このアプリを使えばiPhoneを手に持ちながら各要素を画面上に配置・設定できます。 iPhone上ですべての作業が行え、すぐにインターフェイスが試せるので「使いやすいアプリとは何なのか」を模索しながら、インターフェイスの成熟度を上げていけます。 作成したモックアップはXcodeのプロジェクトファイルとして書き出すことも可能です。 今までは実機で動くモックアップを作成するにも、iPhone上で動かすには年会費1万円のiPhone Developer Programに参加する必要がありました。 しかし、このInterfaceを使えば、このアプリの購入費だけで実機上でインターフェイスの使い心地を試せるので、開発には携わらないプロデューサの方にもオススメです。 詳しくご紹介します。
BB2Cのレンダリングの早さについて聞いてみた。iPhoneアプリの実行ファイルを見る手順もおまけで追記。 | AppBank
この方はかなりの凄腕開発者なのですが、UITableViewで大きなデータをレンダリングということは未経験であり、今回のケースは実行ファイルの文字列を眺めてみた感想に留めており、ソースコードやNIBファイルを見ているわけではないので、今回は推測の域をでない内容になります。なお以下内容はAppbankがほとんど編集をかけております。 まずUITableViewを使っているのかどうかという点について調べてみる。UITableViewを使うにはUITableViewDataSource というプロトコルに従ったクラスを実装する必要がある。例えばブックマークの部分にはそれを使っていて、以下のようなメソッド定義が発見できる。「tableView:～」というのがそれにあたる。 -[UIBLBookmarksViewController tableView:numberOfRowsInSection:]
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Xcode/Interface BuilderでUI設計＋イベント処理
iOS Dev Center
iOS UI Patterns (beta)
iPhone/iPad アプリ紹介・インフォシティのiPhone/iPadアプリ受託開発/委託開発