Home > Blog > [JavaScript][アプリ開発] JavaScript で iPhoneアプリ開発にチャレンジ

Blog

[JavaScript][アプリ開発] JavaScript で iPhoneアプリ開発にチャレンジ

[caption id="" align="alignleft" width="200" caption="Apple Developer"]Apple Developer[/caption]

iPhoneアプリを作るためにはプログラミングの知識が必要だと思われています。

・Objective-Cの知識 (Cの知識 + オブジェクト指向プログラミングの知識)
・iPhoneのライブラリの知識

これらをマスターするのはかなり大変ですが、WebサイトでiPhone UIを実現するのはJavascriptのライブラリで比較的(?)簡単そうです。



[caption id="" align="alignleft" width="120" caption="jQTouch"]jQTouch[/caption]

jQTouch
http://jqtouch.com/
参考:【ハウツー】jQuery on iPhone - jQTouchを使ったWebアプリ開発 | エンタープライズ | マイコミジャーナル

[caption id="" align="alignleft" width="120" caption="jQuery iPhone UI"]jQuery iPhone UI[/caption]

jQuery iPhone UI
http://iphone.hohli.com/

ただし、ウェブサイトなので、オフライン(ネットに繋がってない状態)では動作しません。

しかし、PhoneGapTitanium Mobileなどを使うと、それもできてしまうようです。

但し、jQTouchjQuery iPhone UIは開発OSを選びませんが、
PhoneGapTitanium Mobileでの開発にはMacOSXが必要になってしまいます。
(なんにしてもネイティブiPhoneアプリ開発にはMacOSXが必要なわけですね)

[caption id="" align="alignleft" width="120" caption="PhoneGap"]PhoneGap[/caption]

JavaScript+HTML+CSSでアプリ開発

PhoneGap
http://www.phonegap.com/



[caption id="" align="alignleft" width="120" caption="Titanium Mobile"]Titanium Mobile[/caption]

JavaScriptでアプリ開発

Titanium Mobile
http://www.appcelerator.com/


実現しようとしているアプリは
管理画面でデータ入力やPDFアップロードなど。
iPhone,iPad,Android端末で指定日付で公開、表示、一覧、検索、なんて感じです。

とりあえず、Windows環境しか無いので、
管理画面はWordPressをカスタマイズ、サイト(View)部分を
jQTouchかjQuery iPhone UIでやってみようと思います。

最近はWordpressのカスタマイズやプラグイン開発を色々やってます:-)

Comment on this article

javaScriptは簡単ということですが、iPhone用にウェブページを作っていると、動かないとき、どこが間違っているのか、わからなくて大変困ります。ずーっと考えていて、ふと見たら、「;」が「:」だった、ということもよくあります。でも、iPhoneで見られるウェブページというのは、チャレンジングで楽しくもあります。html5、、gravity、などいろいろ使ってみました。

http://www.geocities.jp/imyfujita/air/air.html
<span class="topsy_trackback_comment"><span class="topsy_twitter_username"><span class="topsy_trackback_content">@kaburk RT @: [JavaScript][アプリ開発] JavaScript で iPhoneアプリ開発にチャレンジ - [ま]技術雑記 http://t.co/XXjsQsWv</span></span>
<span class="topsy_trackback_comment"><span class="topsy_twitter_username"><span class="topsy_trackback_content">@kaburk RT @: [JavaScript][アプリ開発] JavaScript で iPhoneアプリ開発にチャレンジ - [ま]技術雑記 http://t.co/XXjsQsWv</span></span>
<span class="topsy_trackback_comment"><span class="topsy_twitter_username"><span class="topsy_trackback_content">@kaburk RT @: [JavaScript][アプリ開発] JavaScript で iPhoneアプリ開発にチャレンジ - [ま]技術雑記 http://t.co/XXjsQsWv</span></span>
<span class="topsy_trackback_comment"><span class="topsy_twitter_username"><span class="topsy_trackback_content">JavaScriptもObj-Cもオブジェクト指向のC言語だと思えば一緒なんだけどなぁ“@seoparts2: [javascript][アプリ開発] javascript で iphoneアプリ開発に 「アプリ」で評判の記事ですね^^ http://t.co/fEQq7sz0”</span></span>
<span class="topsy_trackback_comment"><span class="topsy_twitter_username"><span class="topsy_trackback_content">JavaScriptもObj-Cもオブジェクト指向のC言語だと思えば一緒なんだけどなぁ“@seoparts2: [javascript][アプリ開発] javascript で iphoneアプリ開発に 「アプリ」で評判の記事ですね^^ http://t.co/fEQq7sz0”</span></span>
<span class="topsy_trackback_comment"><span class="topsy_twitter_username"><span class="topsy_trackback_content">[javascript][アプリ開発] javascript で iphoneアプリ開発に 「アプリ」で評判の記事ですね^^ http://t.co/jcEswww1</span></span>
<span class="topsy_trackback_comment"><span class="topsy_twitter_username"><span class="topsy_trackback_content">[javascript][アプリ開発] javascript で iphoneアプリ開発に 「アプリ」で評判の記事ですね^^ http://t.co/jcEswww1</span></span>
<span class="topsy_trackback_comment"><span class="topsy_twitter_username"><span class="topsy_trackback_content">ブログ更新: [JavaScript][アプリ開発] JavaScript で iPhoneアプリ開発にチャレンジ - [ま]技術雑記 http://bit.ly/k969Uh</span></span>

Send comments

必須
必須  
※ メールアドレスは公開されません
任意
必須