ホーム > Tips - 使いこなす > iPhone向けサイト制作のサンプルコードを探してみた

iPhone向けサイト制作のサンプルコードを探してみた

iPhone向けサイト(Webアプリ)制作に備えてメモっておくことにします。
Web Apps Dev Center,Universal iPhone UI Kit,Yahoo! Design Stencil Kit and more…

追記

ブクマ代わりにここに追記していきます。
2008/08/26 – iPhone対応サイトの作り方 – iPhone3G Wiki(情報充実)
2008/08/26 – iUi(結構使っている事例多いかも)
2008/08/26 – iPhone GUIのフリー素材が配布 – iPhone.Walker(PSD形式で)
2008/08/26 – 楽してiPhone対応サイトを仕立てる方法 – LifeHacker(気軽な方法)
2008/08/26 – iPhone SiteConverter – ミツエーリンクス(商用ASP)
2008/08/26 – iPhone/iPod touch対応サイトを構築するための情報 – ウノウラボ(2007年10月の記事)

Web Apps Dev Center

アップル社提供です。これが基本かと。
置いてあったコンテンツは以下の通り(2008/7/23日現在)
(無料のADCメンバー登録で閲覧可能なコンテンツに限る)

  1. iPhone向けWeb開発ガイドライン
  2. iPhone Tech Talkビデオ
  3. サンプルコード
  4. Web Appsリファレンス ライブラリ

サンプルコードからダウンロードできたサンプルのうち、
使いそうなものはリファレンス代わりにハードコピーを貼っておきます。

iPhoneIntegration – Phone to/Mail to/Google Map/YouTube/iTunesへのリンクサンプル


DrillDown – ドリルダウンリンクのサンプル


ProgressBar – プログレスバーサンプル


iPhoneButtons – ボタンを作るCSSサンプル


iSudoku – 数独実装サンプル


iPhoneListPatterns – 様々なリストパターンサンプル

Universal iPhone UI Kit(GPLv3)

Web Apps Dev Centerよりさらに実用的なUIが揃っています。
こちらもちょこっとだけハードコピーを貼っておきます。

Yahoo! Design Stencil Kit(source:IDEA*IDEA)

iPhoneのUIがOmniGraffle/Visio (XML)/PDF/PNG/SVGでダウンロードできます。
モック作りには良さそうですね。

　

その他、参考にさせて頂きたいサイト

iPhone向けサイトの構築に役立つ記事をピックアップ – ZDNet Japan|builder

【特集】iPhone向けサイト、対応しますか？ – モバイルマーケティングニュース

iPhone向けWebアプリを作ろう – @IT

iPhone、iPod touch用のサイト作りに活用できる「openPhone Icon Pack」 – PHPSPOT開発日記

Comments:0

Comment Form
名前とメールアドレスを記憶する

Trackbacks:1

トラックバックURL
http://iphone.goodegg.jp/archives/52/trackback
Listed below are links to weblogs that reference
iPhone向けサイト制作のサンプルコードを探してみた from iPhone.goodegg.jp
trackback from X01HTの日記W-ZERO3も 08-08-04 (月) 20:56

[モバイル][iphone]iPhone向けサイト制作のサンプル

画像多用で説明やリンクされているのでiPhone向けサイト(Webアプリ)制作に興味のある方お見逃し無く！！ iPhone向けサイト(Webアプリ)制作に備えてメモっておくことにします。 iPhone向けサ…

ホーム > Tips - 使いこなす > iPhone向けサイト制作のサンプルコードを探してみた

カテゴリー
最近の記事
アクセスランキング(2010年02月)
アクセス元ランキング
最近のコメント/トラックバック
サイト内検索
更新情報
 RSSを購読する
 Twitter
 はてなブックマーク
このサイトについて
オススメなモノ
※Amazon.co.jpアソシエイト
iPhoneアプリケーションガイド あのAppBankが全面協力! iPhoneアプリ本の決定版! 実は私も書いてます!! 500日まとめが屁の突っ張りにもならない超絶な内容。
iPhone Style Book OS 3.0対応版 新規ユーザーにも既存ユーザーにもオススメのiPhone使いこなし本。ちょこちょこ入るTipsが憎い逸品。
AppleコンポジットAVケーブル MB129LL/B 写真と動画再生をTVに出力。実はかなりオススメ。レビュー記事はこちら
MiniRizer pocked-sized Gadget Stand 1,800円前後と安くはないけど持ち運びできる使い勝手の良いiPhoneスタンド。レビュー記事はこちら。
SANWA SUPPLY PDA-STN2W 1,000円前後で買える安いスタンド。レビュー記事はこちら
クリアジャケットケースセット for iPhone 3G/3GS 絶滅危惧種コレクション  動物園やら宴会やらのおともに最適なクリアケース。500日まとめ(アクセ編)でもご紹介しています。
KINGJIM デジタルメモ「ポメラ」 DM10シロ 愛用中の旧型ポメラ。この下の持ち運び可能iPhoneスタンドと組み合わせてこんな感じで愛用中。旧型はだいぶ安くなりました。
Hi-FiヘッドセットA2DP片耳型 ST03 片耳でもステレオで音楽が聞けるBluetoothヘッドセットです。レビュー記事はこちら。
eyeMobile コンバーションレンズシリーズ 超広角レンズがオススメです。簡単に面白い絵作りができます。狭い部屋での集合写真とかも。レビュー記事はこちら
Griffin Clarifi Case For iPhone 3G マクロレンズ付き マクロレンズは結構使えます。ただ裸iPhoneに比べると...だいぶ厚い。レビュー記事はこちら
プロテック iPod&iPhone対応 ボイスレコーダー用超小型マイク CAPSULE VOICE PCV 標準マイクの音量が物足りないなら。レビュー記事はこちら
パワーサポート エアージャケットセット for iPhone 3G Clear PPK-71 薄くてオススメなケース。悩んだらまずこれ。液晶保護シートもクリスタルとアンチグレア付いてきます。レビュー記事はこちら 液晶保護フィルム単品もオススメです。クリスタル(コレが好き!)とアンチグレアがあります。
その他、アクセサリの記事はこちら
ブログパーツ
あわせて読みたいブログパーツ

 フィードメーター - iPhone.goodegg.jp
キーワード
App Store アクセサリ まとめ ゲーム ユーティリティ 雑記 写真 App Store探訪記 専属レビュアー(ムスメ)登場 仕事効率化 エンターテインメント メール Webアプリ 動画 ケース ニュース 読書 無線LAN iTunes ワンセグ 楽器 辞書 flickr appbank 365日 噂 Bluetooth セキュリティ 地図 着信音 OS 3.0 USアカウント キーボード 学習 紛失・盗難 gmail 音楽 絵文字 mac GPS googleトレンド 天気 防水 Safari コピペ
相互リンク
※現在募集していません。

Return to page top