ログインしてさらにmixiを楽しもう

コメントを投稿して情報交換!
更新通知を受け取って、最新情報をゲット!

iPhoneコミュの【iPhone】iPhone for Web Creator

  • mixiチェック
  • このエントリーをはてなブックマークに追加
ウェブクリエイターの方、iPhone用のホームページ制作を考えていらっしゃる方の情報交換にお使いください。

コメント(31)

初めまして。仕事でWEB作ってます。
Yahoo!のiPhone用サイトのソースを見たところ結構複雑そうですねー。
とりあえずbodyのwidthは465pxかな?
せっかく購入したのだし色々チャレンジして行きたいですね。
解像度が320*480なので、横幅320ドット以内で作ればいいかと思います。

http://ipn.yahoo.co.jp/
のソースからいろいろと調べてみたところ、拡大縮小の抑制などが以下の部分でできるようです。
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0" />

「maximum-scale=1.0,user-scalable=0"」の部分を削ってみたら、iPhone用のサイトでも拡大縮小ができるようになりました。

ホーム画面に置けるアイコンは129*129ドットのpng画像。
<link rel="apple-touch-icon" href="http://i.yimg.jp/images/ipn/wcb/y_softbank129.png" />
実際にホーム画面に置いてみると角丸化と表面の光沢処理をiPhone側でやってくれます。


----
既存のiPhone用表計算サービスがいまいち使い勝手が悪いので、自分用に表計算もどきの
サイトを作ったのですが、セルを移動するたびに英字入力に戻ってしまい、数字を連続して
入力するのがしんどいです。
http://contents-factory.net/iphone/calc/

どなたかiPhoneでHTML上からIMEを制御する方法を知らないでしょうか。
ここに情報あるみたいですよ。
http://www.futomi.com/lecture/javacss/ime.html
それもやってみたのですが、どうもIEのみらしく……。
「日本語or英数字」だから、英字と数字キーボードが分けられているiPhone特有の事情とはまた違いまして。
ちなみに、WindowsXP版のFirefoxでも動作するようですね。
WindowsXP版のSafariでは動作しなかったです。
とりあえず2chリーダーを作ってみたり。
http://contents-factory.net/remix2ch/menu_iphone.php

既存のwebプログラムのHTML部分に上記のタグを入れて、アイコンを作って、CSSを微調整するだけで
iPhone対応ができちゃうのだから気楽なものですね。
これは楽でいいや。
ブログなんかにもありますが、SDKの公開がiフォンの最大のポイントですよね。

開発する立場ではないですが、この分野に関して大いに期待してます!!
ブログやRSS吐き出してるサイトなら、ここで簡単にiPhone対応になるみたいですよ。

http://kslabo.net/iphone/

サイトのリンクを作って、ここにアクセスするとiPhone対応になるみたいです。
元 Web デザイナーですw
iPhone Safari 向けのサイトは、Ajax 使うとサクサク動くと思いますよ。
でもツールキットを使うと多分激重になると思うので、カスタムになるでしょうけど。

あと、今出てきてる Web サービスって、
なんか iPhone の UI そのままパクってる感じで
何か面白くないなぁとか思うのは僕だけでしょうかw
MoFuseってサービスもRSSを登録するだけで、さくっとつくれます。独自ドメインに対応していたり、Webclipアイコンにも対応しています。無料のツールです。
http://www.mofuse.com/

こんな具合に。
http://ftpmob.orange-lab.com/iphone/preview/
http://www.atmarkit.co.jp/fwcr/special/iphone/01.html
ここにまとまっていました。
>11
RSS フィードはそのままアクセスできますよね ? > iPhone

# PC 版 Safari と同じ RSS リーダー画面だったので、スゲー、と思っていたら reader.mac.com なる整形プロキシサイトに飛んでいるだけだった...
mixiの機能要望にappl-touch-icon.pngの実装をお願いしたのですが、仕様を知らない人達に反対されてしまいました。
Web管理者側でしか対応できないことだとおもうのですが、皆さんはどう思われますか?

http://mixi.jp/view_idea.pl?id=27910
たぶんそのうちUSER_AGENTを判別してiPhone用のページに飛ばすようになると思います。
Movable Typeでもともとブログを作っていたのですが、iPhoneを持つように
なってどうやって連携させるか日々考えています。

Movable Typeのプラグインで役に立ちそうなものをいろいろ追加してみたの
ですが、それよりもWeb上で提供されているサービスを利用した方が簡単だし
結果も良いように思いました。

13おかもとさんご紹介のMoFuseは特に素晴らしいですね。phpソースをindex.
phpに貼っておけば、自動的にリダイレクトしてくれますし、本文中の画像を
サムネイル化してタイトル横に表示してくれるのもありがたいです。
http://sato-tetsuya.net/spotlight/2008/09/5ipod-touchmofuse---ipod-love.html

さらに記事投稿についても試行錯誤しました。AppStoreでクライアントアプ
リのiBloggerが出たときには飛びついてしまいましたが、今では1,200円返せ!
という気持ちです。
Movable Typeのプラグインで管理画面をiPhone用に表示してくれるiPhone
/ iPod touch UI Supportは、記事管理には便利ですが、記事の新規投稿で画像
添付が出来ないのが痛い。

iBloggerは画像添付は出来ますが、本文の書式が綺麗にあいません。マージン
が0になって見栄えが悪くなります。改行変換もうまくいきません。
で、Web上に使えそうなサービスはないかなと思って探したのがモブログを
実現してくれるものでした。Movable Typeにモブログ機能が搭載されていれば
話は簡単なのですが、こういった外部サービスを用意してくれるところがあるん
ですね。

試したのは、まずはubicast Mail Blogger。しかし、iPhoneがメールに添付され
た画像を全て「Photo」というファイルネームで送るので、画像のアップロード
先でどんどん上書きされてしまい、投稿した記事の写真が全て置き換わってしま
いました。簡単に投稿できるので期待してたのですが、残念です。
もう一つ、MTmailというサービスを試しました。ほぼMovable Type向けという
ことで、投稿する文法が少し特殊ですがこれによって、本文中でカテゴリを指定
したりできます。画像の自動縮小なども問題なく、大満足の結果が得られました。

こちらで実際に使用しています。
iPhone Life
http://www.sato-tetsuya.net/iphone/

もっと、便利な方法がありましたら、ぜひ教えてください。
> 17
> 仕様を知らない人達に反対されてしまいました。

仕様を知らない人たちって (^^;

本来あるべき仕様を知っている人が反対しているんではないかと。あれば有り難いが、特定機種向けの実装をして欲しいとも思わんよなあ。反対することに理解はできる。

普通に favicon の実装とそのホーム画面アイコンへの反映でいいはずなんだけど、なんで特定ファイル名を強要するのか (^^; > apple
MovableTypeユーザです。私はコレを使わせていただいてます。

「iPhoneテンプレートfor MT」を公開いたします。
http://cremadesign.jp/blog/iphone/iphone_template_for_mt.html
22ゼロさん

最初に導入したのがこれでした。ただ、iPhone用のindexを別に書き出すだけなので、MoFuseに変えました。
MT&AJAXを使ってるブログサイトを構築しています。
SafariとFireFoxに対応したサイトなので、
ほぼ100%iPhoneでも再現できるのにビックリです。
lightwindow.jsもsmooth_scroll_top.jsもaccordion.jsもbsn.Crossfader.jsは稼働実証済みで、ばりばり動いてくれています。
(角丸のJSライブラリ「rounded_corners_lite.inc.js」は、iPhoneでは見られません)
AJAXでクロスフェードを実装すると、iPhoneでも見られるのでかなり感動します。
http://pencil-jp.net/

あと、MTでXML配信が出来るので、
ポッドキャストしてるパノラマVRコンテンツを使用して、
PangeaVRとCubeWorldのために、各ポートフォリオXMLを出力しています。
PangeaVRを使ってる人はBrowseから「VR Podcast for iPhone」を見てみて下さい。
CubeWorldは、下記のURLを画面右下の「On-line Pano」ボタンを選んでURLを手入力で打ち込んで、開いてみて下さい。
vrpodcast/qw.xml
ダウンロードして見ることが出来ます。

この配信の元になるフルスクリーンCubicVRは、
拙ブログ「VRPodcast」サイトで見ることが出来ます。
■ VR Podcast - 普段着の京都の360°パノラマ風景をあなたのiPodの中に
http://pencil-jp.net/vrpodcast/
iPhoneでMovable Typeにメール投稿 「MailPack」プラグイン

Cronの設定が出来るレンタルサーバーを利用しているようなら、おそらくこのプラグインによるモブログがベストのように思います。

iPhone Life
http://www.sato-tetsuya.net/iphone/
『iPhoneサイト制作ハンドブック iPhone&iPod touch対応』インプレス社
著者:向井 領治
\3,360 (本体 \3,200+税)

http://www.impressjapan.jp/books/2657

昨日、届きました。
これから読み始めます。
24の投稿をした者です。
先月、Safari for iPhone上で、
パノラマVR再生が出来るライブラリが登場したことを受けて、
拙ブログ「VR Podcast」のiPhone専用サイトを作成しました。

http://pencil-jp.net/vrpodcast/i/

UIは、22さんと同じ「iPhoneテンプレートfor MT」をベースに、
アーカイブの保存先を変えています。
(カテゴリー別は近い将来実装する予定)

パノラマVR再生jsライブラリは「moblVR Pro」を使用。

http://moblvr.com/

かなり特殊な仕様ですが、今後いろいろと応用が利きそうです。
iPhone用Flashページを作ってみました。

http://www.newline-graphics.com/

まだまだ出来ることの制限は多そうです。
初めまして^^ 大阪の大学院に通う、京都住みの23歳です。 興味ある分野(農業、IT、お酒など)や日常のことをつぶやいていきます。 よろしくお願いします^^

http://twitter.com/hiro_mer

マイミクも募集中です♪

ITベンチャー計画中・・・
I created my i-Phone website using http://iwebkit.net/

Uploaded .htaccess using apache server to redirect to a new webpage when the browser detect iPhone:

Original Apple iPhone style of my website here:
http://arqueza.net/iphone

I changed the design to be more simplified here and used .htaccess to:
http://arqueza.net/skyphone

Iphoneについて質問あるんですがこのトピックでいいか分からない。

グラフィックデザイン的な作品を作っているでがポートフォリオは紙で作っているけどGIFアニメの作品は紙で動かないよね。
面接に行く時GIFも見せたいからIphoneに入れるといいね。

IphoneがGIFアニメに入られますか?GIFが動けますか?
アプリのインスタルが必要ですか?どうすればいいですか?

ログインすると、残り5件のコメントが見れるよ

mixiユーザー
ログインしてコメントしよう!

iPhone 更新情報

iPhoneのメンバーはこんなコミュニティにも参加しています

星印の数は、共通して参加しているメンバーが多いほど増えます。