HTML5 で作る iPhone ローカル Web アプリ入門
さて、まず「ローカル Web アプリ」ってなんぞっていう話ですが、Web ベースの技術で作られブラウザからサーバにアクセスして利用するものの、いったんロードが完了したら、それ以降はネットワーク接続不要で動作する Web アプリ、といった概念を表した造語です。 iPhone の App Store を経由することなく配布が可能なので、アプリの内容について一切の制限がなく、また、最近のライブラリの進歩やモバイルパフォーマンスの向上により、ものによってはネイティブアプリと遜色ないレベルのものも作れるようになってきました。 先日、1 Click Config (閉鎖済) (解説記事) を作って公開しましたが、これがまさにローカル Web アプリとして動作しています。 ここで使われている技術の各論についてはそれぞれ詳しく書いたサイトがあるのですが、これらの技術をひとまとめに紹介しているサイトが見当た
WebClipアイコン(Apple touch icon)の覚え書き
昨日のやつ（あなた専用のiPhoneアプリを作るサービス、始めました。 | itFun.jp）の補足と言うか、ネットだと意外と間違った?情報が多かったので自分なりにWebClipアイコンに関してまとめてみたいと思います。 iPhone/iPod TouchにはWebサイトをSafariのブックマーク以外にネイティブアプリと同じようにアイコンをホームスクリーンに置くことが出来ます。 この方法はすごい簡単で、Web開発者の方は<head>の中に <link rel="apple-touch-icon" href="apple-touch-icon.png"> を書き込むだけ! これで、hrefに指定した画像がホームスクリーンに追加する際にアイコンとして表示されます。 んで、ここからネットの情報と違うところ。 （ダウト）ファイル名は必ずapple-touch-icon.pngで無ければならない
iOS5のMobile Safariから使えるようになったHTML5・CSSを試してみました【前編】 - くらげだらけ
iPhoneがでた当初はWebApp押しだったAppleも3Gを出してからすぐにネイティブアプリに手のひらを返してしまって、WebAppはすっかり影がさしてしまいました。 それでも、jQTouchやSencha Touch、jQuery mobileなどWebAppの開発支援となるJavascriptライブラリが登場して一部では盛り上がったりもしています。PhoneGapみたいにWebAppをネイティブにパブリッシュするツールや、Titanium MobileのようにWeb言語ベースで開発してネイティブにするものもありますし、いろいろですね。 iOS4までのMobile SafariではCSSの一部のプロパティが使えなかったりで、よりリッチなWebAppをつくろうと思えばJavascript必要でした。 先日公開されたiOS5では今まで「なんで使えないの？」といったところが少し修正されて、
プログラミング未経験からiPhoneアプリ開発を勉強する人が読むべき超オススメな参考書3つ! – 和洋風KAI
（この記事は2011年11月に書かれたものです。今は、Swiftを勉強した方が良いでしょう。） おはようございます。プログラミング未経験からiPhoneアプリ開発を初めてそろそろ2年目、するぷ（ @isloop ）です。 いやーこの2年の開発ライフを思い起こせば、あっという間だったのですが、するぷろ for iPhone、するぷろ for iPadというブログエディタアプリと、バランスシートな貯金箱という家計簿アプリの3つをリリースできましたし、なんとおかげさまで、賞をいただくこともできました。 別に特別なことはなにもしていないのですが、これも、とびっきり優秀な参考書が隣にあったおかげ。優秀な参考書は、わからないときにサッと答えを教えてくれる白ヒゲを蓄えた長老のようなものです。 そこで今日は、「プログラミング未経験からiPhoneアプリ開発を勉強する人が読むべき超オススメな参考書3つ!」と
デザイン知識の幅を広げる参考サイト vol.2 – ｜ .design()
今回も前回の続きとして、デザインの参考となるサイトのご紹介です。 今回は、iPhoneでのサイトデザインの紹介サイトをいくつかご紹介します。 iPhone Design Box 国内中心のiPhoneサイトデザインの紹介サイトです。個性的なアプリやデザインの種類が豊富で、柔軟性を養うことができます。 CSS iPhone 国外のiPhoneサイトデザインの紹介サイトです。こちらも個性的なUIばかりで、さらっと見るだけで洗練された上質デザインのインスピレーションを受けることができます。 AGT smartphone design gallery 国内外の企業系サイトが多数紹介されています。更新頻度が高く、マウスオーバーだけで画面の隅々まで見渡せるようになっています。一覧ページで各サイトの全体的なデザインを見たい人にはとても嬉しいサイトです。 iPhoneサイトデザイン集のiPhoneデザイン
iOS5のリマインダーをMacから登録すると少しだけ入力が楽になるよ｜男子ハック
@JUNP_Nです。iOS5になって使えるようになったリマインダーですが、使ってますか？せっかくある機能だし、なんとか便利に使えないかな？そもそもMacからも編集できたらいいのになと思っている人いませんか？ 肝はやっぱりiCloudだった！iCloudでiPhoneとMacを同期しておけばiCalにリマインダーは同期される。 意外と見落としがちなこの機能。それならMacからもリマインダーを編集できるじゃないかと言うことで手軽にリマインダー登録をする方法を考えてみました。 まずはiCalでリマインダーを表示してみようシステム環境設定からiCloudを開くと同期項目があるのでカレンダーにチェックが入っているか確認。入っていなければチェックしておきましょう。 同様にiPhoneの設定からiCloudを開いてリマインダーがオンになっているか確認。 次にiCalの環境設定でiCloudのアカウントを
iPhone向けHTML5プレーヤーリリース‐ニコニコインフォ
iPhone向けHTML5プレーヤーリリース 2011年10月13日 Tweet iPhone/iPod touch向けのHTML5の動画プレイヤーをリリースしました。Safariでニコニコ動画の動画視聴ページにアクセスするだけで、気軽に動画を視聴できます。これまで、iPhone/iPod touchでニコニコ動画を視聴する場合、「ニコニコ動画iPhoneアプリ」のインストールと起動が必要でしたが、HTML5に対応した動画プレーヤーの開発により、Safari上でもニコニコ動画の基本的な機能である動画視聴・コメントの投稿ができるようになりました。対応OSはiOS4以降ですが、iOS5ではSafariの仕様上、動画再生中のコメント表示には対応していません。動画を再生しながらコメントも楽しみたい場合は、従来通り「ニコニコ動画iPhoneアプリ」をご使用下さい。 なお、HTML5の関係上、対応動画
Apple、欧州で｢Apple iPhone Micro USB Adapter｣の販売を開始 - 気になる、記になる…
管理人：Taisyo 海外の情報＆噂サイトで報じられている Microsoft (Windows) や Apple (MacやiOSデバイス) の最新情報を翻訳(ミスも多いですが…)してUPしています。 当サイトのメインページや個別記事へのリンク、コメント、トラックバックは自由に行って下さい。 ご連絡の必要はございません。 ある程度確認はしていますが、InternetExplorerでは一部正しく表示されない部分があり、推薦はSafariとなっています。 ニュース：総合(982) ニュース：携帯電話(346) 気になるニュース(488) ニュース：ブラウザ(204) ミニノート関連(Eee PCなど)(260) Microsoft：総合(789) Microsoft：各種アップデータ(98) Windows Vista：ニュース(512) Windows Vista：レビュー(27) Wi
iOS 5の機能一覧
10月12日に登場予定のiOS5が、さっそくアップルのサイトで発表されていますね。 機能としては今までお伝えされていた通りですが、以下、アップルのサイトの掲載を元に、一覧をおさらいします。 通知センター 作業に割り込まず、リスト表示で通知してくれるようになります。 iMessage iPad、iPhone、iPod touch同士で、Wi-Fiまたは3G経由でメッセージの送受信ができます。恐らく日本でも使える...はずです。 Newsstand 新聞や雑誌のアプリケーションをまとめておく場所。日本の雑誌や新聞はどうなるのか...！？ リマインダー ToDoリストです。GPSを利用して場所にひもづけてアラームを出す事もできるので、もしかしたら恐ろしく便利かも。個人的には一番使いたい機能です。 Twitter 世界中でFacebookが優勢と聞いていますが、iOSにTwitterが統合されたこ
売れるiPhoneアプリを作るためにすべき事をまとめてみました | Last Day. jp
App Storeの現状 ✔iPhoneは全世界で１億台売れて、市場規模は5,000億円。日本は300万台。 ✔20万人のiPhoneアプリ開発者が40万個のアプリを作り、100億個がダウンロードされた。 ✔プロとアマ(サンデープログラマー)の開発者が共存できるiPhoneアプリ市場。 p2 『売れるiPhoneアプリの法則』より ✔iPhoneは全世界で１億台売れて、市場規模は5,000億円。日本は300万台。日本の人口よりわずかに少ない数だ。iPhoneアプリは日本以外の国でも特別な処理を行わず世界でリリースする事ができる。 ✔20万人のiPhoneアプリ開発者が40万個のアプリを作り、100億個がダウンロードされた。既に40万個のアプリがApp Storeにある。いざアプリを作ろうと思ってApp Storeを検索してみると似たようなアプリがひしめいている事が多々ある。 これについては
スマートフォン用に毎回作る画像 - tikeda's blog
スマートフォン用サービスを作る時に必要な画像を用意する際、よくサイズを忘れがちな為、社内用にドキュメントを最近まとめてました。内容が一般的なのでダイアリーにも書いておきます。Androidはひとくくりにするには、不明確な点も多いし、今後アップデートも多そうですが、参考までという事で。ちなみにファイルはPNG。 アプリケーションアイコン iPhoneAndroid - 3GSw57xh57 4w114xh114 w72xh72 ※2.0。割と細かいので以下参考 Icon Design Guidelines, Android 2.0 ヘッダー画像 iPhoneAndroid - 3GSw320xh44 4w640xh88 x1w480xh45 x2w960xh90 タブにのせるアイコン iPhoneAndroid - 3GSw40xh33 4w80xh66 ※selectedはauto eff
EExt Japan - Sencha Touch登場 - モバイル用HTML5フレームワーク
Ext CoreはダイナミックなWebサイト構築に最適な軽量かつ高機能なクロスブラウザー対応のJavaScriptライブラリです。その特徴は： ファイルサイズがコンパクトな約25kb (ext-core.jsをgzip圧縮した場合) 柔軟かつ利用しやすいオープンソースライセンスのMITライセンス Ext開発メンバーにより執筆された体系的かつ網羅的な75ページのマニュアル これまでのExt JSを同じ使い慣れた直感的なAPI Ext JS 2.2 Ext JSはリッチインターネットアプリケーション開発のためのクロスブラウザ対応JavaScriptライブラリです。 高性能でカスタマイズ可能なユーザーインターフェイス 優れた設計、文書が豊富、拡張性の高いコンポーネントモデル 商用ランセンスとオープンソースライセンスが利用できます Ext JS 3.0とExt GWT 2.0が
WEBデザイナー向け☆iPhoneアプリのUIデザイン
どーもキンモクセイぷんぷん香る自由が丘からaoizmです。 秋満開！スマートフォンまっさかり！(強引) KAYACでもiphoneアプリ制作のお仕事が増えてきております。 WEBデザイナーがiphoneアプリのデザインをする際に、やっぱり気になるのがWEBとの違い。 画面サイズが小さく持ち歩けるデバイスiphoneは、デスクトップ上のアプリやWEBサイトとは 使用環境もその操作方法も異なるため、WEBとは違ったインターフェイスが求められます。 その違いを認識した上で、違いを活かしたデザインをするためには？ iPhoneアプリのUIデザインまとめてみました。 WEBサイトとiphoneアプリの違い 状況 持ち歩けるがゆえそのシチュエーションもさまざま 「会議で」「合コンで」「移動時」「就寝時」... 状態 そのときユーザーはなにをしている？ 「歩きながら」「話しながら」「運動しながら」...
» 国内iPhoneアプリ向け広告いろいろ | iPhone-Dev.jp
共同運営者のノボットさんは書きにくいと思うので、僕が書きますね（笑） iPhoneアプリのマネタイズは本体課金かアプリ内課金、広告収入の3つなのですが、そのうち広告について、どのようなプロバイダーがあるか書いてみます。 共通の予備知識（+用語） ■導入方法： iPhoneアプリに広告を導入するには、概ね広告枠（320×48px）をInterfaceBuilderなどで開けておき、そこに各社のSDKをセットします。 ■広告の種類： 一定時間表示することで収入が発生する「インプレッション広告」とクリックすることで収入が発生する「クリック広告」、期間を定めて定額で契約する「純広告」の3つに分かれます。主に最初の2つが利用されます。 ■規約の変更 アップルは独立系でない広告業者（AdMobとAdsense）はダメという規約を出しましたが、結局それを実行しないまま削除しました。 ■
【Webアプリ】iPhone4 で画像をきれいに表示する色々な方法【試行錯誤編】
iPhone4 がついに届いて興奮気味のgunjiです。 2週間待ちでした！ 待ってる間に、iPhone4も対象としたWEBアプリ（ネイティブアプリのweb view を含む） のコーディングで気をつけることについておさらいしていたところ、 Retinaディスプレイに画像を最適化させるのって意外とめんどいよね！ という現実に打ちのめされたので、まとめてみます。 そもそもRetinaディスプレイってなんでしたっけ？ はいはい、iPhone4の目玉のひとつで、今までの2倍の解像度で 画面がとってもキレイに見えるんですよね！ 拡大しなくても小さな文字が読めるなんてサイコー！ ところが、今までiPhone向けに作ったサイトをこのiPhone4で見るとちょっと 不思議な状態になってることがあるのです。 iPhone4で見たらなんか画像がにじんでるように見える・・・？！ こういうイメージです。 そう、
目的別インデックス：iPhoneアプリ開発を始めてみたい！ | iPhone-dev
iPhoneのアプリを開発するにあたり、今ではたくさんのチュートリアル記事がでていますので、そのなかで入門記事をあつめてみました。また、関連書籍も参考にして下さいね。 gihyo.jp 目指せ！iPhoneアプリ開発エキスパート 技術書籍で有名な技評さんのgihyo.jpで10回に渡りアプリ作成の一連の流れが解説されています。目次を紹介すると以下の流れになっています。 # 第1回 プログラマのためのiPhone基本仕様の紹介 # 第2回 iPhone SDKの入手と設定 # 第3回 アプリ開発の第一歩 # 第4回 初めてのプログラミング # 第5回 アクションとObjective-C # 第6回 画面とパーツの調整 # 第7回 応用テクニック # 第8回 アプリの完成を目指して # 第9回 デバイスでアプリを動かす # 第10回 App Storeで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
連載インデックス「iPhoneで動かす業務用Webアプリ開発入門」 - ＠IT
http://www.mobiledesignpatterngallery.com/mobile-patterns.php
Web屋がよく使っている無料のiPhoneアプリ
iPhoneアプリを作ってみよう：目次エントリー - もとまか日記