iPod touch 向けwebページ、webアプリ

iPod touchの公式開発環境は、Safariによるwebアプリです。

とりあえずiPhone向けですが、基本は同じ?

アプリ作成ガイドライン
http://travel-lab.info/tech/pblog/article.php?id=131

2ちゃんブラウザは未だ？

このへんは動くのかな?
http://www.ipapplist.com/

bookmarkletはいろいろ使えそうだね。
http://www.lifeclever.com/17-powerful-bookmarklets-for-your-iphone/

iUI
http://www.joehewitt.com/iui/

touchなインターフェイスが簡単に実現できる

ちょっと調べてみたけど、safariのjavascriptからは、クリック以外の
イベントは取れないっぽいね。独自のタッチアクションは作れないのが
残念。

NHK時計みて気づいたけどcanvasタグちゃんと使えるんだね。
これで多少はflashの代わりになるかも。

ちょっとまとめてみた

■touch用にデザインされたサイト
* NHK
http://www.nhk.or.jp/lab-blog/touch/
ニュースサイトとウィジェットにもなったNHK時計へのリンク

* touch(iPhone)用のリンク集
http://www.ipapplist.com/
お勧めは，Collapsing Blocks ってゲーム
ベクトル荷物でやる倉庫番みたいなゲームが左脳にいい



■ブックマークレット(はてなの"ブックマークする"みたいな動きをするものを置いてるトコ)
* Gproxy
http://a-h.parfe.jp/einfach/archives/2007/0907155527.html
今開いているページを携帯用に変換してくれる

* Find in this page
http://applembp.blogspot.com/2007/09/iphoneipod-touch17.html
ページ検索(googleのキャッシュページみたいに検索ワードが反転するよ)
他のブックマークレットもいろいろ紹介してます

>>9 のつづき

■ touchのUIに合わせて いろんなトコのAPIを使うサイト
* iTouchMap.com
http://itouchmap.com/index.cgi?p=tokyo
google map を touch用に
(地図センターを移動するときのダブルクリックは，パーパッって感じで)

* IM+
http://s4iphone.com/no_index.jsp
skype (ボイチャもできるらしいよ)

ブックマークレットをtouchだけで(IEとの同期せずに)登録する方法ある？

>>11
URI を手書きすれば，いいんでないかな．

>>12
touchのキーボードで、糞長いURIの手書きはキツイ

同期せずに長いURIを打ち込む必然性がわからん。

文字コード指定のないページで文字化けする問題で、metaタグをつっこむ
bookmarkletとかで解決できたりしないかな。

>>14
同期するとtouchの方のブックマークが全て消えるんだよ

ああ、そりゃヒドいな。
touch側でbookmarkするときは、オンラインのブクマサービスを使うのがいいかもね。

>>9
上に載ってるGproxyのようにスクリプトの頭に何か付けて
(h ttp://a-h.parfe.jp/gproxy.htm?javascript:〜)
touchブクマク後にその部分を削除すればいいんじゃないかな。
スマートなやり方ではないが手打ちよりはマシかも…

>>16-17

thx

昨日>>17の方法でやったら、URIの文字列が変わって
上手くいかなかったのよ。
で、さっきもう一度別のサイトのURIの後にスクリプトくっつけて
試したら、文字列変わらずすんなり登録できたわ

Apple Developer Connection - iPhone for Web Developers - iPhone向けWebアプリケーションとコンテンツの最適化
http://developer.apple.com/jp/iphone/designingcontent.html

文字サイズを大小変更出来るブックマークレット誰か作って。
文字が小さいよ。クリックしにくいよ。

くぱぁしたほうがはやくね？
ページ遷移するとブックマークレット効果消えちゃうし。

どっちかというとiPhoneだが

Google
ttp://travel-lab.info/tech/pblog/article.php?id=137

Google Reader/Calendar
ttp://travel-lab.info/tech/pblog/article.php?id=150

livedoore Reader lite
ttp://travel-lab.info/tech/pblog/article.php?id=148

ここの自作アプリにかなり期待してる。
ttp://d.hatena.ne.jp/moto_maka/

hをぬくとタッチからアクセスできないんだなorz

mac板より

http://touch.frogman.net/2ch/

MacのSafariだと文字化けしてる...

>>26
touchだと問題ないよ

なんかMacのsafariとちょっと違うみたいですね。
iGoogleの付箋とかも、Macのsafariでは表示もされないけど
touchのsafariだと使えるッぽい

>>26
Safari 3使ってるか?

ああ、Safari 3だと同じなのか。
でも、2で文字化けの理由は何だろう？
3でないと使えないエンコード方式とかあったかな？

>>28
変なxhtmlだから?
xml宣言ないし、lang属性もないし。

http://davidcann.com/iphone/

touch/iphoneでdigg開いてtopics切り替えする時に使われてるみたい
便利かも
http://digg.com/iphone

これは期待できる。
http://d.hatena.ne.jp/silvervine/20071004/1191478869

UAはiPhoneなんだね。

http://xyzzy.web.fc2.com/qvga/

アップルにこんなの載ってるんですけど、
多すぎてわかりません。
これ入れとけみたいなの、ありますか？
教えて君で申し訳ない。

ttp://www.apple.com/webapps/

「しょぼいカレンダー」設定でカラムを1段にして文字サイズを50とかに
すると、専用サイトとか思うくらいぴったし。

なんｋいろいろ書いてあるけどipod touchでは自作アプリはうごくんですか？

うごく

iPod touch -Tips & Hacks - ver.2
http://pc11.2ch.net/test/read.cgi/mac/1192270693/

【win】iPod touch hack 1
http://bubble6.2ch.net/test/read.cgi/wm/1192106346/

お返事ありがとうございます
もうひとつ質問ですがipod touchがアップデートなどしたらできなくなるんですか？

>>40
自作ソフトを動かせるようになったのは、
iPhoneやtouchに搭載されたsafariのTIFFライブラリ脆弱性が原因だから、
次のアップデートでは確実に塞いでくると思われ

もしかするとpspみたくいたちごっこになるかもしれんけど

ありがとうございます
ついでにもう一つ質問、アップデートしなければ塞がれず、ずっとそのまま使えるんですか？

問答無用でアップデートしてくるiTunesが出てくるとかね。

みんなhuckに夢中でweb appは興味ないのか…

Apple の iPhone/iPod touch 開発ドキュメントの一覧
ttp://travel-lab.info/tech/pblog/article.php?id=159

公式SDKが2月

それはそれでめでたいけど、この板的にはローカルwebアプリの噂はどうしたと言いたい所でもあり

オフラインでテキスト閲覧できるアプリ
http://d.hatena.ne.jp/moto_maka/20071018/

オフラインで予定登録できるカレンダーアプリ
http://d.hatena.ne.jp/moto_maka/20071019/

dataスキーム系はブックマークし直すのめんどいな……

dataスキームはブックマーク全体に優しくないからなぁ

>>50
kwsk

Mac側のSafariのブックマークリスト、
dataスキームを律儀にURLリストとして表示しようとするせいでしばらく固まる

URIの用途としておかしいから仕方ないだろうな

すでにいろいろあるようですがとりあえずの2chリーダです

http://touch.wakufactory.jp/2ch/

知ってる人は知っているwii版の焼き直しですが・・・
書き込み機能はありませんが、2ちゃん本家へ飛べます。

touch用のYahooウェブ検索を作ってみました。
http://moto-maka.net/touch/

touch向けのYahoo地図情報を作りました。
詳細は以下にて。
http://d.hatena.ne.jp/moto_maka/20071029/

>>54
>>55
いつもありがとう。
みんなハックに夢中だけどwebアプリも色んなの出て欲しい。

お天気Webサービスを追加しました。
http://d.hatena.ne.jp/moto_maka/20071031/

>>56
勝手アプリにも興味なくはないけど、
Mac持ってないから開発環境ないしｗ
当分はWebアプリを作って遊ぶつもりです

RapidweaverにiPhoneとiPod touch用のテンプレートが入ってる。

>>57
おまえになら抱かれてもいい

「amalist for iPod touch」を公開しました。
AmazonのECS4.0を利用したアプリで、touch独特の
インターフェースで商品閲覧可能。詳細は以下にて。
http://d.hatena.ne.jp/moto_maka/20071105/

iPod touch向けってわけじゃないが、アップルがSafariのセミナーやるな。
http://developer.apple.com/jp/briefing/safari.html

クチコミ人気の飲食店をGoogle Mapsに表示するWebアプリ
http://kousei-inc.com/ekishinbo/i/

2chリーダ「mm2chβ」を公開してみました。
詳細は以下にて。
http://d.hatena.ne.jp/moto_maka/20071110/

mm2chβからレステスト

1.1.2で font-family:monospace が効かなかったのが直ってる
他にも地味なfixがあるのかな

文字化けするページを変換する、簡単なproxyを作ってみました。
http://touch.wakufactory.jp/prox/

2ちゃんのトップとかフレームを使ったページでは使えません。

touchでGmailって使えます？

関係無い話でスミマセン

>>67
iPod touch専用画面があり，超快適です。
PC用画面も使えます。

69さんありがとうございます。
返事が遅くなってしまってすみませんでした。

ニコニコなどから、わざわざFlvを変換してtouchで見るのには時間がＯＴＺ
touchのYouTubeの機能だとFlvをそのまま見てる？のに外から入れて見る
時はわざわざ変換してますが、このモヤモヤどうにかなりませんか？
それとtouchのキャッシュフォルダが何処に在るか知りませんでしょうか？

ipod touchだけでファイルの移動ってできるんですか？

>>72
スレ的にはそういうローカルWebアプリをつくればなんとでも。
ファイル移動くらいInstallerにあるどのLL言語ででもできる。
お手軽にいくならMobile Finderをインスコ。←でもこれはスレチ

>>72
Mobile Finderのつかいかたがわかりません

iPhone/touch 用ゲーム、Bejeweledが遊びたいんだけど、
http://static.popcap.com/iphone/
を開いてもゲーム画面まで進めない。PCだと進めるんだけど…
なにが悪いのかな？

Zoomeなら変換なしでiPodに入りそうだな。
でもダウンロードの方法がわからん orz

すみません、ちょっと急ぎでで調査しなければならにことがあるのでマルチで質問させてください。

最近は無線LANを内蔵したり、プリントサーバーに対応したプリンタがありますが、これにiPod touchからWi-Fi経由で印刷するようなことは可能でしょうか？
touch用のプリンタドライバなどは存在しないでしょうから、touch内にあるJPEGやPDFファイルを直接プリンタに送りつけるようなやり方でも構いません。

現状で不可能だとしても何かしらプログラムを作成することで可能になるのでしょうか。
もうすぐSDKが公開されるようですが、現状でそのようなアプリを作るにはどうすれば良いのでしょうか？

また、参考になるようなアプリやWEBサイト等があれば教えていただければ幸いです。
（脱獄は完了しているので、勝手アプリでもいいです）
どうぞよろしく御願いします。

>>77
可能です

>>71
YouTube内部で変換してるよ

更新なくなりましたね…。今更ですけど

>>69
PC用画面ってどうやって出せます?
強制的にiPod touch用になってしまう気が。

Google(PC)からiGoogle，gmailのように行けばよかったかな？
あと，PC画面で表示言語を日本とにした場合と英語にした場合では，iPod用の画面の構成も変わってくる。
gmailのアドレス自体も複数あるみたい。

日本語版Google Mobile for iPod touchが米国版と同じ仕様になりました。
もうPC版で英語モードにしておかなくても良くなりました。
保守。

大阪人避難しろよ！！！！
ＰＣサロンにて爆破予告ｷﾀｷﾀｷﾀ━━(ﾟ∀ﾟ≡ﾟ∀ﾟ)━━━!!
デンデンタウン爆撃注意！
http://ex24.2ch.net/test/read.cgi/pc2nanmin/1213973955/

postscript対応プリンタでできないか?

タッチとアイフォンってどう違うんですか。

�рﾈのか�рｶゃないか

カメラ

またまた犯行予告

秋葉原で人を殺します
http://yutori.2ch.net/test/read.cgi/news4vip/1215127786/

>>85
あとBluetoothがついてるかついてないか

>>88
そのスレタイだと転載もまずいんじゃ？

誰か乗換案内のWebアプリ作ってくれ

すまん．すでに最適化されたのがあったか．

>>88
あーあ、警察に通報されたな
コピペでやられるとは哀れ

2tchのカテゴリというか、板一覧のところが真っ白で何にも表示されないんだけど、どうすればいいの・・・
さっきから色々ぐぐったりインストし直したりしてるけど改善されないんだ

昨日、突然タッチの文字化け直すページが使えなくなったんだが

これすげー
http://phpspot.org/blog/archives/2008/07/iphonesafari.html

iphoneだけ識別してiphone専用HPみたいなのがつくれない。
IPの範囲からだけで割り出そうとすると、LAN経由でアクセスされる可能性あるから無理だし。
UAからだと簡単に偽装されてしまうし。。
モバゲーとかiphone対応するらしいけど一体どうやてiphoneだけ識別するんだろ。

別に偽装されてもいいんじゃないの？
弾く意味が分からんのだが
おまいソフトバンクかアップルの中の人？

>>98

よくない。２ｃｈブラウザ for iphone とかみればわかるけど複数のとこが
iphoneのみの制限かけてる。つうのもPCや携帯からのアクセスまで受け入れると
パンクするから。

だからさ
容量でパンクするってんならiphoneがいっぱい来ても一緒なわけじゃん
わざわざiphoneだけにサービス提供することにどんな意味があるの？
だからソフトバンクかアップルの中の人？かって聞いたわけだが

スタイルシートを iPhone 用に分ける方法を教えてくだちい。

>>101
javascriptでUA判別してiPhoneだったらDOMでlinkタグを動的変更してiPhone用cssファイルを読み込むとか

>>100

アフォかｗ　社員ならこんなところで聞かずに自社で調べるつーの。

そもそもiPhoneを識別出来るって事は携帯からのアクセスだと判別出来るって事。
PCと違って携帯は所有者とひも付けされているから、
HP運営やセキュリティー面で有利な事が多い。
例えば分かりやすい例がモバイルバンキング。
PCからのアクセスだと、ログインパスワード＋１タイムパスワードや乱数表を
使った認識が多いが、それはPCの場合誰が使っているかわからないからという理由。
ところが携帯の場合基本は個人の持ち物だから４桁程度のパスワードで
認証を通す。

あと単純にアフィリエイト小僧がやっているようなHP作るにしても
iPhoneのサービスを提供しているHPなら当然iPhone関連のグッズが売れやすい。
それをiPhoneとは全く無縁の奴が、ただ便利だから〜という理由で
サービスを使用した場合不利になるだろ

>>103
夏休みだなぁｗ

>>101
<link media="only screen and (max-device-width:480px)" href="iphone.css" type="text/css" rel="stylesheet">
<link media="screen and (min-device-width:481px)" href="style.css" type="text/css" rel="stylesheet">
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="style.css">
<![endif]-->
とかどうだろう

またApple製品にひび割れ。今度はiPhone。
MacBookの失敗をまた繰り返してしまったアップル。

MacRumorsやApple Discussionsフォーラムによると、「iPhone 3G」のホワイトモデルの
プラスチック筐体に細いヒビが入るとの声が購入者から上がっているようだ。
現段階では、このヒビが深刻なものなのか、それとも単に表面的なものなのかは、わからない。
だが、このヒビが単に表面的なものであったとしても、
見た目のデザインにこだわってきたAppleにとっては痛手だ。
ホワイトモデルを購入 した方は、ぜひご自分のiPhoneを確認してみてほしい。

http://japan.cnet.com/story_media/20378138/01.jpg
http://japan.cnet.com/story_media/20378138/02.jpg
http://japan.cnet.com/story_media/20378138/03.jpg
http://japan.cnet.com/story_media/20378138/04.jpg
http://japan.cnet.com/story_media/20378138/05.jpg
http://japan.cnet.com/story_media/20378138/06.jpg
http://japan.cnet.com/story_media/20378138/07.jpg
http://japan.cnet.com/story_media/20378138/08.jpg
http://japan.cnet.com/story_media/20378138/09.jpg

http://japan.cnet.com/mobile/story/0,3800078151,20378138-7,00.htm


MacBookにひび割れ問題？
http://www.blogsmithmedia.com/www.engadget.com/media/2006/10/crackbook.jpg
http://japanese.engadget.com/2006/10/28/macbook-crackbooks/

白いipodなんて今まで沢山あったのになんで…
中国工場で原料に安い混ぜものでも入れられたか

>>107
値段上がっても良いから中国以外で作ってほしいな

普及させるためにかなり値段抑えただろ
そのつけだよ

えー。買うのやめたほうがいいすか。

>>108
原価率50%ぐらいらしいからその気になれば値段据え置きで
他国の工場に移せるだろうけど、ガッポリもうけたいだろうからやんないな

MT用だが、でたお。

iPhoneテンプレートfor MovableType
http://cremadesign.jp/blog/iphone/iphone_template_for_mt.html

http://ipn.yahoo.co.jp

>>112
これfc2とかのブログサービスでブログやってる場合はテンプレとして使う事はできないんだね(´・ω・｀)

iPhoneで使えるjQueryプラグイン「jQTouch」
http://www.moongift.jp/2009/03/jqtouch/
iPhoneやG1などWebKitを使ったモバイルブラウザで利用できる。
iPhoneでよく利用される機能を容易に実装できるようになっている。

jQTouch age

Dascodeで、モバイルアプリを試そうとしています。Browser を元に作り、stackLayout に新しい第三のlevelを追加して、この中にPDFを表示したいのですが、うまくできません。どうやれば良いでしょうか？

117です。
Dascode>Dashcodeでした。

PDFのURLまたはパスは取得できています。
ナビゲーションバーの下にそのPDFを表示したいのですが、やり方がわからないという意味です。

どなたかヒントいただけると助かります。

Test

1年くらい時間あいてるワロスwwwww

>>66
3年越しの復活求むw

iぽん対応を命じられたからあげ

創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね　
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね