アプリ製作はフルセットから、コンサル、すでに作ってしまったUIのレビューまで、お気軽に fukatsu@gmail.com まで。Read less
![「使ってもらえるアプリの考え方」スマホデザイン会議 2012 忘年会スライド](https://cdn-ak-scissors.b.st-hatena.com/image/square/7c3764ba0d13609ae2d79a53910679165b34c4ff/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2F20121221-121224113035-phpapp02-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
Web編:HTML5やjQuery Mobileなど スマホWebアプリ開発に役立つ記事52選 @IT編集部 2012/1/31(2013/2/28 改訂) iOS(iPhone/iPad/iPod touch)、Android、Windows Phoneなど、さまざまなスマートフォンのプラットフォームのアプリを作るための@IT記事のまとめです。今後、順次更新・追加していきます。 開発者が登録したApp StoreやMarketplaceなどからダウンロードしてインストールするアプリ、もしくは、あらかじめインストールされているアプリは、「ネイティブアプリ」と呼ばれています。iOSやAndroid、Windows PhoneといったOS上で動き、マイクやカメラなどデバイスの機能を十分に使えるのが特徴です。作り方は、基本編やデザイン/グラフィック編で紹介した記事が参考になると思います。 一方で
スマホサイト案件の見積もりについて 「Android案件の見積り」や「スマホ案件の見積もりについて」を受けて、アプリではなくHTML+CSSでつくるスマホサイト制作の見積もりではまりやすいポイントをまとめています。 HTML+CSS構築ではPCの0.7倍くらいの単価 スマホサイトはPCより小さいのでHTML+CSSの構築コストも安くみます。ただ、CSS3で作ったほうが良いところで画象の切り出しより手間がかかることもあります。ならすとページ単価はPCの0.7倍くらいの感じじゃないでしょうか? 検証コストは増大 対応端末が多く検証コストはPCと比較して増大します。iPhone3G、iPhone3GS、iPhone4、iPhone4Sの中から2端末ぐらい(iOS4.x系とiOS5系)。Android2.2、Android2.3から売れてる端末で2端末ぐらい検証するのがよいでしょう。(場合によって
HTML, CSS, JavaScriptをはじめ、sitemap.xml, .htaccessやアクセス解析など、モバイルサイトを構築するファイルをまとめた「Mobile Boilerplate」を紹介します。 「Mobile Boilerplate」はjQuery MobileやSencha Touchなどと相性がばっちりだそうです。 Mobile Boilerplate [ad#ad-2] Mobile Boilerplateの特徴 クロスプラットフォーム対応(Android, iOS, Blackberry, Symbian) CSSはIE Mobile 7をターゲット ホームスクリーンアイコン(Android, iOS, Symbian) ビューポートの最適化(Opera Mobile, Android, iOS, IE, Nokia, Blackberry) ビューポートのスケ
最近タッチデバイスでスワイプしてスライドするようなUIを書く機会が多いので汎用的に使えるようにしてみた。 DEMO pxgrid/js-flipsnap - GitHub iScrollでもsnapっていう機能使うと同じようなことができるんだけど、iScrollでこれをやろうとするとこのスクロールが効いてるところはネイティブの縦スクロールが効かなくなるという問題があって、それを解決しようと思って最初はiScrollの内部をいじってたんだけど、ちょっとiScrollベースだとどうしても無理なところがあったのでこの機能だけ切り出してみたというわけ。 一応Androidでも動いてるっぽい。 iScrollみたいに多機能じゃないけどまあこれだけ使いたいっていうこと結構あるので割といいんじゃないかと。TODOはとりあえずドキュメント。 追記(2012/02/04):クロスブラウザに対応しました。
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
こんにちは! 先日行われた、大阪てら子40「そろそろモバイル開発について語ろうぜ」について軽くまとめてみます。 モバイルコンテンツを作る方法ってこんなにあったんですね!な内容でした。 iPhoneサイトだの、Androidアプリだの開発環境についてみなさんが教えてくれました 僕が特に知りたかったモバイル開発について、参加者のみなさんがそれぞれ違うアプローチで紹介して頂きました。 ありがとうございます!以下にいくつか連ねていきますね。 Corona @hc_nakahara さんが『Corona』について発表してくださいました。 プレゼン資料:CoronaSDKで始めるスマートフォンアプリ開発 (※pdf注意) CoronaはiOSとAndroidアプリの同時開発を可能にする開発プラットフォームです。 物理演算エンジンとしてお馴染みの『Box2D』や、Facebookとの連携などゲーム作りに
初心者でも2週間でiPhoneアプリが作れちゃうTitanium Mobileがすごい件 どうもこんにちは、フレッシュさに定評のない新入社員のtek_kocです。 初めてのお仕事として「Titanium Mobileでアプリを試しにつくってみる」というのを担当していました。 JavaScriptはあまり使ったことがないですし、そもそもMacもほとんど触ったことがなかったので苦戦するかと思いましたが、2週間ほどでとりあえず形になるところまでできました。Titanium Mobileすごいです。 ということで、Titanium Mobileで試しにアプリ開発をしてみた感想を書いてみました。 そもそもTitanium Mobileとは? Titanium Mobileとは、Appcelerator社によるスマートフォン対応アプリケーションの開発環境です。 iPhoneやiPad、Androidを
Thank you for being patient. We are doing some work on the site and will be back shortly.
iPhone向けWebアプリケーションの開発において、jQuery使いなら見逃せないプロダクト「jQTouch」のベータ版がリリースされた。同プラグインを使用すれば、ネイティブアニメーションを伴うWebアプリケーションでも簡単に開発できるようになる。jQueryベースのため、強力なAjaxアプリケーションだって可能だ。本稿ではjQTouchを使ったWebアプリ開発方法を紹介しよう。 David Kaneda氏は8月30日(米国時間)、jQTouchの最新版であるjQTouch 1.0(beta)をリリースした。jQTouchはThe MIT Licenseのもとで公開されている、iPhone上で動作するWebアプリケーション開発に特化したjQueryプラグイン。デベロッパはjQTouchを使用することで、テーマやネイティブアニメーションをともなうiPhone用Webアプリケーションを簡単に
iPhoneを始めとするタッチパネル&フルブラウザ搭載のスマートフォンの普及が進んでいる。iPhoneの出荷台数は世界で3000万台、日本国内に関して公式な発表はないが200万台を超えていると推測されている。今後はWindows Mobile端末の進化やAndroid携帯電話により、このスタイルの携帯端末の利用者がさらに拡大していくことが予想される。 今回は、こういったタッチパネル&フルブラウザ搭載のスマートフォンからのウェブサイト/サービスのユーザビリティについて、主にiPhoneを題材に考えてみよう。 iPhone対応は形式にとらわれず「ユーザー中心」視点で iPhoneからのウェブ利用には、従来の携帯電話と同様の「携帯性の高さ」「位置情報との連動」などに加え、 従来の携帯電話と比べて画面サイズが広い 端末の処理能力が高く、アプリでのサービス提供の自由度が高い 独自の操作(画面をつまむ
最新版はこちらです。 http://d.hatena.ne.jp/uosoft/20091231/1262186194 そろそろネタがたまってきたので、まとめます。 アプリの作り方 iPhoneでのOpenGLの簡単な遊び方 HTMLとJavaScriptでiPhoneアプリを簡単に作る方法 Android SDK インストールからHello World実行まで iPhone SDKでOpenGLに挑戦 立方体を表示してみよう センサー等ハードウェア関連 iPhoneSDKでスリープさせない方法 iPhoneの加速度センサの使い方 画面操作関連 iPhoneSDKのUIViewアニメーション iPhoneSDKでインジケータ(待ち等に表示する回転画像)を簡単に表示する方法 iPhoneで画像のサイズ変更方法(UIImage) iPhone SDK 画面方向の変え方 サウンド関連 iPhon
よくつまずくポイントはこれだ! iPhoneアプリは大きく分けて下記のような流れでAppStoreに公開されます。 ここではコニットが実際につまずいた点や、ネットでよく見るつまずきポイントなどをご紹介します。これらの点に気を付け、スムーズにiPhone開発ができるといいですね。(コニットの紹介記事はこちら→ニッポンのiPhoneアプリヒットメーカーたちに続け!) 1. Developer登録 <登録> 登録情報は日本語で書いてはいけない アプリ制作を始めるためには、まずAppleIDを取得し、Apple Developer Connection(ADC)登録後、iPhone Developer Programを購入しなければなりません。 この際に氏名を日本語で書いてしまうと、iPhone Developer Programが購入できず、前に進めなくなってしまうので要注意です。 氏名に限らず
いつの間にかにiPhoneと過ごして半年経過してました。お金・時間・アプリなどまとめてみます。以下の情報は1月15日現在のものです。無駄に長文です。 脱獄については脱獄する危険性及び安全に使うためのヒントをご覧頂き、慎重にご検討ください。また脱獄及び記事内容の実施は、自己の責任において御願い致します。 お金 iPhoneのために結局いくら使ったのか? 68,035円 ※端末購入代金や通信費などは除く、アクセサリやアプリ代金として 1万円/月を超えるペースです。ちょっとお金掛けすぎ。もちろん、お金掛けなくても楽しめるし、もっとお金掛けることもできます。個人的には防水ケースと高級イヤホンが欲しい病ですが…反省中なので我慢。 内訳 分類 品目 価格 備考 スキャナ 富士通 ScanSnap S300 FI-S300 0円 iPhone購入前から持っていたので0円。iPhoneとの相性は良
iPhone、アンドロイドのスマフォアプリでネットキャッシングできるところが今やほとんどとなっています。 日中忙しい人でも窓口や無人契約機まで出向かず、場所を選ばず申込みができるネットキャッシングをまとめています。 どこにいてもお金が借りられるサービス ネットキャッシングというのは、ネットに接続できる端末でインターネットから手続するだけで、場所に関係なくお金を借りられるサービスのことです。 原則365日、24時間申し込みが可能です。(年末年始・メンテ時間等除く。) 入会契約の申込はもちろん、キャッシングの申込をすることもできるので、ネットに接続できる端末、例えば、携帯、スマートフォン、パソコン、タブレットなどで指定の口座への振込キャッシングを申込できます。<<お勧めのネットキャッシングはこちら>> ネットキャッシングは誰でも利用できるの? 安定した収入がある方ならは、パート、アルバイト、契
specky boyのエントリーから、WordPressをiPhoneやPDA、モバイル端末などのデバイスの表示に対応させるプラグインを紹介します。 7 Amazing Plugins to view your WordPress Blog on any Mobile Device (iPhone, PDA…) WordPress Mobile Edition WordPressをモバイル端末の表示に対応させます。 対応バージョン WordPress 1.5-2.3 ダウンロード WordPress Mobile Edition WP-WAP WordPressをモバイル端末の表示に対応させます。 対応バージョン WordPress 1.5.2, 2.0.x, 2.1.x ダウンロード WP-WAP iPhone / Mobile Admin WordPressをiPhone, iPod
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く