スマートフォン制作って何からはじめれば良い？という人のために

● iPhone向けサイト構築 基礎文法最速マスター
http://designblog.ecstudio.jp/htmlcss/iphone-master.html

● 実践！iPhone＆Androidサイト制作ガイド（ASCII JP)
http://ascii.jp/elem/000/000/543/543575/

第1回：スマートフォン対応サイトの作り方、教えます
http://ascii.jp/elem/000/000/533/533011/


第2回：作って学ぶスマートフォン対応サイトの基本
http://ascii.jp/elem/000/000/538/538092/


第3回：サイト制作の前に知りたいiPhone/Androidの仕様
http://ascii.jp/elem/000/000/545/545325/


第4回：スマートフォン対応サイトを設計するときのノウハウ
http://ascii.jp/elem/000/000/547/547283/


第5回：スマートフォンサイトをデザインする7つのポイント
http://ascii.jp/elem/000/000/549/549206/


第6回：実例でわかる！スマートフォンサイトの画面設計
http://ascii.jp/elem/000/000/553/553148/


第7回：HTML5/CSS3で作るスマートフォンサイトの基本
http://ascii.jp/elem/000/000/555/555233/


第8回：JavaScriptで振り分けてスマホサイト完成！
http://ascii.jp/elem/000/000/557/557746/


第9回：CSS＋jQueryでクロスデバイスサイトを作ろう
http://ascii.jp/elem/000/000/561/561127/


第10回：jQueryでiPhone風スライドパネルを作ろう
http://ascii.jp/elem/000/000/567/567729/

そんなの全部読んでられない！という人のためのU-STREAM

● これを見れば、iPhoneサイトが作れるようになる！かも？
http://www.ustream.tv/channel/iphone-android

一言いわせて！たにぐちさん、素晴らしすぎます。

大筋はわかった！で、環境は？デザインは？素材は？という人のためのリンク

デザイン参考リンク

● iPhoneサイトデザイン集のiPhoneデザインアーカイブ　公式サイト
http://iphonedesignarchive.jp/

PSD／ai（ベクター）素材リンク

● iPadとiPhoneのUIエレメントのベクター素材とPSD素材のまとめ
http://coliss.com/articles/freebies/freebies-psd-and-vector-ipad-and-iphone-ui-elements.html

iPhone／Android シミュレータ リンク

※詳しいダウンロード手順はこちら
iPhoneシミュレータ - iPhoneをMac上で再現するソフト
http://mac-homepage.livedoor.biz/archives/693850.html

● Android SDK シミュレータ
http://developer.android.com/sdk/index.html

※詳しいダウンロード手順はこちら
android情報まとめ @ ウィキ
http://www29.atwiki.jp/android/

注意点は何？その他は？という人のためのリンク

その他　参考になるサイト

●「これから携帯サイト作成」お役立ちサイト集 2010年version
http://www.fallinstar.org/cat149/_2010version.html

● スマートフォンコーディングTips
http://html-coding.co.jp/knowhow/smtp/

● iPhone iPad向けサイトを制作するためのいろいろ
http://synapse28.com/iphone-ipad向けサイトを制作するためのいろいろ/

● iPhone制作TIPS情報の用意とまとめ
http://sanride.com/blog/webdesign/iphonetips.php

● iPhone向けサイト制作ノウハウ＆拡張機能
iPhone site extension for Dreamweaver CS4/5
http://www.adobe.com/jp/devnet/dreamweaver/articles/iphone_site_extension_print.html

● 携帯サイトを作成して公開した直後に知っておきたいこと
http://m-ishikawa.com/blog/2010/08/23/1331/

は〜、とりあえず、まとめたぜ（2ヶ月くらい寝かしてた）。

PCでスマートフォンサイトのhtmlソースを見る方法

あと、iPhoneサイトのコーディングをPCで見たい人は

1. Safariの環境設定で「開発」が表示されるように設定して
2. メニューに開発が表示されたら
   Safari>開発＞ユーザエージェント＞Mobile Safariを選択して
3. urlを入れて、表示＞ソースを表示を選択すると
   htmlソースが確認できます。

ちなみにMacです。Windowsでは確認していませんので悪しからず。
それでは、素敵な制作ライフを〜！

• 関連エントリー

• トラックバック