目次

ラベル iphone の投稿を表示しています。 すべての投稿を表示
ラベル iphone の投稿を表示しています。 すべての投稿を表示

2009年2月20日金曜日

一番簡単なストリーミングサーバーって?

Muliusのお披露目の場所となる、代官山ヒルサイドテラスではネットワークの外部接続が出来ないということが判明し、設計変更を余儀なくされました。
OrbAPIを使おうと思っていたのですが、Orbは、Orbを提供している会社のサーバーにする必要があるのです。う〜ん。。。
Darwinをインストールしようかとも思ったのですが、もっとカンタンな方法がありました。

macに元からApacheが入っているのだから、そこに音楽ファイルを置いて、ipod touchで再生すればいいじゃない!

1、ライブラリ>WebServer>Documents の中に音楽ファイルやらhtmlやらを置く。
2、システム環境設定で「共有」>「Web共有」を有効にする。
これだけ。

1、に関して。
ipod touchで再生できる音楽ファイル/動画ファイルの形式は決まっている。形式は調べると分かるので割愛。ここは変換しておく必要がある。私はiTuneで変換。
さらに便利なのがembedタグ。これを使えばipodtouchで再生出来ます。

<embed src="test.m4a" />

これを足すだけ。

ipod touchから
http://ipアドレス/ルートとかフォルダ名
を入力すると、

こんな感じで、再生ボタンがあるだけのシンプルなもの。
再生を押してみると、

ちゃんと再生されます。

余談ですが、railsでembedタグを使うと、PCから見たときはちゃんと再生出来るのですが、ipod touchからだとリンク切れになっていました。なんでだろう。。。?
これがちゃんと出来たら、かなりイイ感じなのになぁ。。。。。

2009年2月12日木曜日

ipod touch/iphone CSS ~URL欄を消す~

ちょこちょことCSSでレイアウトを整えております。

ipod touchやiphoneでのインターフェイスで、URLが非常に気になっておりました。完全に消し去ることは出来ないのですが、隠すようには出来るので、自分もまねしてみました。

application.rhtmlを編集します。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
<title><% if @page_title%><%= h(@page_title)%> -- <% end -%>Mulius</title>
<%= stylesheet_link_tag 'base' %>

<script type="text/javascript">
<!--
window.onload = function() {
// for hide URL bar
setTimeout(scrollTo, 100, 0, 1);
}
// -->
</script>

</head>
<body>

<div>

<%= yield :layout %>
</div>

</body>
</html>


ようは、JavaScriptを使って、URL欄が隠れる位置まで自動スクロールするという仕組みです。なので<%= yield :layout %>の中身はipod touch/iphoneの画面の長さ(420pxくらい)より長くなければなりません。heightで高さを指定してあげるといいと思いますよ。

2008年11月9日日曜日

iPhone Webアプリ 備忘録



「iPhoneシュミレーターで見ると、字の大きさがヒドい事になる」という問題を抱えておりましたが、解決してるでしょ?


<meta name = "viewport" content = "width = device-width">

これを書き込めば解決!iPhoneSafariを使った人なら知っているでしょうが、iPhoneSafariではページをデフォで縮小表示してしまうらしい。
なので、上のタグを書き込めば一見落着と相成ります。

あと、Appleから配布されてたiPhone用のCSSが良いですね。

ネイティブアプリみたいなボタンとかリストが作れます。

2008年10月28日火曜日

SDK 次のページに移ります


この画面のNextViewってやつを押すと

この画面に切り替わります。ただそれだけなんですが、以外と手間取りました。
最初はエラーばっかりで「んん?!」となやんでましたが、単純にコード書き忘れ。

RootViewController.hにimpot View2ViewController.hをかきわすれるという凡ミスでした。
一日3チュートリアル目標です!

2008年10月26日日曜日

SDK Connections Inspectorを使ってみた


iCodeBlog
をちまちまと続けています。前の段階で作ったインターフェイスと、コードを繋げてみました。iPhone Programming Tutorial - Connecting Code to An Interface Builder Viewってチュートリアルです。iCodeさんのチュートリアルは大変わかりやすくてサクサク進むのですが、途中でちょっと行き詰まりがあったのでメモ。

>Click in that circle and drag the blue line to the File’s Owner object and release it.
というこの一文。File's Owner objectってどれのこと?

ちょこっと悩んだのですが、左下に注目。File's Owner objectっていうアイコンある!とドロップしてみるとドンピシャ!解決でした。


でこんな感じのアプリがものの20分たらずで完成。先行きは明るいよ〜☆

SDK これはすごいよ!

ちまちまとSDK

iCodeBlog
のチュートリアルをちまちま

CocoaのライブラリをもとにHelloWorrdしてみようってやってみました。
んがぁ!これがすっごい、、、、

カンタン♪

ViewbasedApplicationを最初に選択すると、“ファイル名ViewController.xib”ってファイルが作られてます。これをクリック。すると上の画面が出てきます。
なんだか右側にCocoaのAPI部品たちがいっぱい。ワクワクしながらドロップしてみると、カンタンに追加されちゃいました。

オーサリングツールみたい!Appleすごいよ本当にって感動しました。