2011年 10月 14日 はてなブックマーク -
タグ： #au #iPhone #ezweb 
au版iPhoneでのキャリアメール設定方法 

①メッセージアプリで、宛先に「#5000」本文に「1234」と入力して送信。 
②メッセージアプリに「メール設定URL」が送られてくるのでタップし、 
　「Eメール利用登録設定」をタップする。 
③アドレスが取得できたら、そのままアドレス変更が可能なので任意のアドレスを入力し 
　契約時に申し込んだ4桁の暗証番号を入力する。 
④アドレス変更が完了すると、メッセージアプリに、変更後のアドレス、ユーザー名、パスワードが送られてくる。 
⑤ホーム画面に戻り「設定」→「メール」→「アカウントを追加」→「その他」の順にタップしていく。 
⑥「名前」に任意の名前、「アドレス」に変更後の自分のアドレス、「パスワード」の欄に④で送られてきたパスワードを入力し 
　　右上の「次へ」をタップ 
⑦すると、受信メールサーバ、送信メールサーバの入力欄が表示されるので、 
　　受信メールサーバの場合 
　　　ホスト名：imap.ezweb.ne.jp 
　　　ユーザー名：④で送られてきたユーザー名 
　　　パスワード：④で送られてきたパスワード　 
　　と入力。送信メールサーバの入力欄はホスト名を「smtp.ezweb.ne.jp」にするだけで、残りの入力欄 
　　に入力する内容は受信サーバと変わらない。 
⑧「次へ」をタップしアカウント追加完了。 
⑨再びメール設定から、データの取得方法をタップしフェッチ機能を15分毎に設定する。 
⑩メール設定完了 

長文すまん。分かりづらかったら申し訳ない。auショップで契約した人は何かメール設定手順の紙とか貰ってるのかな？ 
自分はヨドバシで契約したけど、何も貰わずだったからカスタマーセンターに問い合わせたんだけど・・・。

au版iPhoneでのキャリアメール設定方法 — Gist

iPhoneがあればケータイメールをIMAP経由で使えるようになるとのこと。

デザリング等行わなくても、@ezweb.ne.jpでPCからメールを送れるようになるのかも。


7ヶ月前 | | 2011年 10月 14日 | このエントリーを含むはてなブックマーク
2011年 10月 3日 はてなブックマーク -
タグ： #iPhone
atm09td: iPhoneの電波状態を数値表示する裏技 : ライフハッカー［日本版］ 電話アプリで「*3001#12345#*」と入力します。 Zoom

atm09td:

iPhoneの電波状態を数値表示する裏技 : ライフハッカー［日本版］

電話アプリで「*3001#12345#*」と入力します。

via atm09td
7ヶ月前 | | 2011年 10月 3日 | このエントリーを含むはてなブックマーク
2011年 7月 2日 はてなブックマーク -

サービス概要

「050 plus」は、スマートフォンに専用アプリをインストールするだけで、気軽に050IP電話を利用することができるサービスです。「050 plus」同士の通話が無料となるほか、「OCNドットフォン」や提携プロバイダ(270事業者、300万契約以上)(*1)の050IP電話への通話も無料となり、自宅や外出先などさまざまなシーンで安心して通話ができます。

ニュース 2011年7月1日：スマートフォン上での050IP電話サービス「050 plus」の提供開始について | NTT Com 企業情報

.料金　(別紙1参照)

(1) 月額基本料：315円(税込)(*4)

※専用アプリは無料でダウンロードできます。

(2)　主な通話料(*5) (*6)
通話先 通話料
050 plus、050IP電話
(無料通話先プロバイダ) 無料(*4)
050IP電話
(有料通話先プロバイダ) 8.4円/3分(税込)(*4)
国内の一般加入電話、
ひかり電話 8.4円/3分(税込)
国内のPHS 10.5円/1分(税込)
(通話ごとに10.5円(税込)が　加算されます)
国内の携帯電話 16.8円/1分(税込)
国際電話
(対地によって異なります) 9円/1分
(アメリカ合衆国の場合(グアム、サイパンを除きます))

(3)　キャンペーン

2011年9月30日までの申込みについて、月額基本料が最大3ケ月無料となるキャンペーンを実施します。


10ヶ月前 | | 2011年 7月 2日 | このエントリーを含むはてなブックマーク
2011年 5月 7日 はてなブックマーク -
タグ： #MobileMe #iPhone
アップル - 「iPhoneを探す」機能のセットアップ 「iPhoneを探す」機能は無料で使えるんだけども、年額9800円必要と思っている人がいるのでお知らせします。 Zoom

アップル - 「iPhoneを探す」機能のセットアップ

「iPhoneを探す」機能は無料で使えるんだけども、年額9800円必要と思っている人がいるのでお知らせします。

1年前 | | 2011年 5月 7日 | このエントリーを含むはてなブックマーク
2011年 4月 7日 はてなブックマーク -

一般メールでプッシュに対応しているアドレスは現時点で、@yahoo.com と@me.com の２つのみです。@me.com は Apple が提供している MobileMe という有料サービスで年間 9,800 円のコストがかかります。もちろん有料サービスなので安心感がありますが、監視目的でこの値段は払えません。一方の yahoo.com は無料です。

というわけで yahoo.com へアクセスして新規にアカウント登録します。ユーザ登録は英語ですが、そんなに苦労することはないでしょう。アクティベーションを行うことで、無事メールアカウントが発行されます。
アカウントが発行されたら iphone 側で　「設定」＞「メール/連作先/カレンダ」＞「データの取得方法」＞「詳細」　からプッシュ設定を行います。

これでメールを新規に受信するとリアルタイムに受信することができ、着信音とバイブでお知らせすることもできます。@i.softbank.jp みたいな画面通知はできませんが、一応メールに件数アイコンがでてくるので要件は満たしています。

というわけで最後にまとめ。
iphoneでサービス監視メールを受信するに際して、無料＋リアルタイム＋着信音＋バイブ通知という４つの要件を満たすには、yahoo.comのメールアカウントを取得してプッシュ受信設定を使えばね要件は満たせそうです。

iPhoneで15分おきではなく通常のケータイメールのように即時にメールの受信を行いたいなら、yahoo.comメールが無料＋リアルタイム＋着信音＋バイブ通知が出来て便利です。

(出典: drk7.jp)


1年前 | | 2011年 4月 7日 | このエントリーを含むはてなブックマーク
2011年 3月 23日 はてなブックマーク -
タグ： #iPhone #Blu-ray
yebo blog: iOS 4.3でHDビデオが再生がおかしくなった件 2011/03/21 iOS 4.3でHDビデオが再生がおかしくなった件 iOS 4.3にバージョンアップした後、Blu-rayディスクからエンコードした720pのHDビデオの再生で音声がおかしくなった件をPavtubeに問い合わせところ、彼らは問題があることを認識しており、何が悪いかを現在テストしてるとの事。次善策は、変換時にApple TV形式を選んで、オーディオチャンネルを6ではなく2にすることで良くなるとの事。あるいは、”H.264 HD Video(*.mov)”を選び、オーディオチャンネルを2にするといいそうだ。再エンコードは辛いなぁ。 Zoom

yebo blog: iOS 4.3でHDビデオが再生がおかしくなった件

2011/03/21
iOS 4.3でHDビデオが再生がおかしくなった件

iOS 4.3にバージョンアップした後、Blu-rayディスクからエンコードした720pのHDビデオの再生で音声がおかしくなった件をPavtubeに問い合わせところ、彼らは問題があることを認識しており、何が悪いかを現在テストしてるとの事。次善策は、変換時にApple TV形式を選んで、オーディオチャンネルを6ではなく2にすることで良くなるとの事。あるいは、”H.264 HD Video(*.mov)”を選び、オーディオチャンネルを2にするといいそうだ。再エンコードは辛いなぁ。

1年前 | | 2011年 3月 23日 | このエントリーを含むはてなブックマーク
2011年 1月 31日 はてなブックマーク -

スマートフォン向けサイトの作り方エントリのまとめ:phpspot開発日誌


1年前 | | 2011年 1月 31日 | このエントリーを含むはてなブックマーク
2011年 1月 30日 はてなブックマーク -

とにかく


★可能な限りリキッドレイアウト

★おかしな横スクロールをする場合は、内側の要素の横幅を調べ、親要素を上回らないようにする。


というのを守ればよいと思います。

てか、リキッドレイアウトで組んでれば、ハミ出ることなんてないじゃん。と言われそうですが、

スマホサイトの場合、「PCサイトをUA判定などで、スマホ用にCSSと画像を振り分ける」というサイトを作られる方も多いと思います。

そういう場合、なかなかリキッドレイアウトに作り変えれなかったりするためです。

スマホサイトの作り方で、あんまり書かれてないことを書いてみた - iPhone・Android・WEB・音楽制作｜Kaleidoscope

1年前 | | 2011年 1月 30日 | このエントリーを含むはてなブックマーク
2011年 1月 23日 はてなブックマーク -

iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。

スマートフォン独自の仕様 viewportについて

スマートフォンでの可視領域やズームなどの設定をするmeta要素がviewportです。

viewportの各プロパティ
width(幅)
可視領域の幅。デフォルト値は980px。
200pxから10000pxまでの範囲を指定できる。
height（高さ）
高さ。デフォルト値はwidthの値とデバイスのアスペクト比から算出される。
233pxから10000pxまでの範囲を指定できる。
initial-scale（ズームの詳細設定）
ページが可視領域内にフィットするように計算された値がデフォルト値となる。
minimum-scaleからmaximum-scaleによって定義された範囲の値が指定できる。
最初にページが表示されるviewportの値のみが指定可能。
user-scalableにnoを指定していなければズーム操作が可能になる。
ズームの範囲はminimum-scaleとmaximum-scaleの範囲内に制限される。
minimum-scale（最小縮小比率）
viewportの最小scale値。
デフォルト値は0.25。
0から10.0までの範囲を指定できる。
maximum-scale（最小拡大比率）
viewportの最大scale値。
デフォルト値は1.6。
0から10.0までの範囲を指定できる。
user-scalable（ズームの有無設定）
ユーザーがズーム操作できるかどうかをyesとnoで指定する。
デフォルト値はyes。
noを指定するとテキスト入力フィールド内でのスクロールも制限される。
viewport指定の一例
<meta name="viewport" content="[プロパティ]=[値], [プロパティ]=[値], [プロパティ]=[値]">

幅はデバイスに準拠、ズームはさせないという設定であれば下記のように記述する。

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
Androidブラウザでviewportのwidth指定する際の注意点

Androidブラウザではviewportのwidthに数値が指定できない。
代わりにJSで実装する方法などがある。

http://blog.webcreativepark.net/2011/01/11-023827.html

スマートフォン向けサイトの作り方｜ユージック

1年前 | | 2011年 1月 23日 | このエントリーを含むはてなブックマーク
2011年 1月 23日 はてなブックマーク -

HTMLテンプレート

  • HTML5/CSS3でコーディング
  • 各種設定はviewport又はjavascriptで行う
  • widthを指定しない場合はリキッドレイアウトで行う
<!DOCTYPE HTML>
<html lang="ja">
<head>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
<title>タイトル</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
  <h1></h1>
</header>
<article>
  <section>
    <h2></h2>
    <p></p>
  </section>
</article>
<nav>
  <ul>
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
  </ul>
</nav>
<footer>
  <p></p>
</footer>
</body>
</html>

スマートフォン向けサイトの作り方｜ユージック

スマートフォン用の最低限のHTMLテンプレートです。大きな違いとしてはHTML5である事と、viewportというmeta要素がある事ですね。


1年前 | | 2011年 1月 23日 | このエントリーを含むはてなブックマーク
2011年 1月 23日 はてなブックマーク -

スマートフォンのユーザーエージェント

キャリア端末OSユーザーエージェント
DoCoMoHT-03AAndroid 1.5Mozilla/5.0 (Linux; U; Android 1.5; ja-jp; HT-03A Build/CDB72) AppleWebKit/528.5+ (KHTML, like Gecko) Version/3.1.2 Mobile Safari/525.20.1
Android 1.6Mozilla/5.0 (Linux; U; Android 1.6; ja-jp; Docomo HT-03A Build/DRD08)
AppleWebKit/528.5+(KHTML, like Gecko) Version/3.1.2 Mobile Safari/ 525.20.1
XperiaAndroid 1.6Mozilla/5.0 (Linux; U; Android 1.6; ja-jp; SonyEricssonSO-01B Build/R1EA018) AppleWebKit/528.5+ (KHTML, like Gecko) Version/3.1.2 Mobile Safari/525.20.1
BlackBerry-BlackBerry9000/4.6.0.224 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/220
LYNX(SH-10B)Android 1.6Mozilla/5.0 (Linux; U; Android 1.6; ja-jp; SH-10B Build/S7023) AppleWebKit/528.5+ (KHTML, like Gecko) Version/3.1.2 Mobile Safari/525.20.1
SH-03CAndroid 2.1Mozilla/5.0 (Linux; U; Android 2.1-update1; ja-jp; SH-03C Build/SB110) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17
Galaxy SAndroid 2.2Mozilla/5.0 (Linux; U; Android 2.2; ja-jp; SC-02B Build/FROYO) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1
Galaxy TabAndroid 2.2Mozilla/5.0 (Linux; U; Android 2.2; en-us; SC-01C Build/FROYO) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1
Mozilla/5.0 (Linux; U; Android 2.2; ja-jp; SC-01C Build/FROYO) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1
REGZA PhoneAndroid 2.1Mozilla/5.0 (Linux; U; Android 2.1-update1; ja-jp; T-01C Build/TER018) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17
SoftBankHTC DesireAndroid 2.1Mozilla/5.0 (Linux; U; Android 2.1-update1; ja-jp; HTCX06HT Build/ERE27) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17
iphone3G
iphone3GS		iphone OS3Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_1_3 like Mac OS X; ja-jp) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7E18 Safari/528.16
iphone4iOS4Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_0 like Mac OS X; en-us) AppleWebKit/532.9 (KHTML, like Gecko) Version/4.0.5 Mobile/8A293 Safari/6531.22.7
auIS01Android 1.6Mozilla/5.0 (Linux; U; Android 1.6; ja-jp; IS01 Build/S6191) AppleWebKit/528.5+ (KHTML, like Gecko) Version/3.1.2 Mobile Safari/525.20.1
IS02Windows Mobile 6.5.3Mozilla/4.0 (compatible; MSIE 6.0; Windows CE; IEMobile 8.12; MSIEMobile 6.5) KDDI-TS01
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; KDDI-TS01; Windows Phone 6.5.3.5)
IS03Android 2.1Mozilla/5.0 (Linux; U; Android 2.1-update1; ja-jp; IS03 Build/SB060) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17

PCでブラウザチェックをするためのシミュレーター

iPhone(iBBDemo)
http://labs.blackbaud.com/NetCommunity/article?artid=662

Android(Android SDK)
http://developer.android.com/sdk/index.html

スマートフォン向けサイトの作り方｜ユージック

AndroidやiPhoneなどのスマートフォンのUA(UserAgent)がまとめられています。


1年前 | | 2011年 1月 23日 | このエントリーを含むはてなブックマーク
2011年 1月 19日 はてなブックマーク -
タグ： #Android #iPhone
Android Hasn&#8217;t Been Hurting The iPhone &#8212; It&#8217;s Been Hurting RIM 欧米では、特にiPhoneの勢力を奪うわけでもなくAndroidが伸びている。ターゲット層が違う印象ですね。 Zoom

Android Hasn’t Been Hurting The iPhone — It’s Been Hurting RIM

欧米では、特にiPhoneの勢力を奪うわけでもなくAndroidが伸びている。ターゲット層が違う印象ですね。

1年前 | | 2011年 1月 19日 | このエントリーを含むはてなブックマーク
2011年 1月 13日 はてなブックマーク -
kiyoya: 基本的には近頃人気のブロックメモ（写真左）なのですが、四隅にマーカーがあり、専用のiPhoneアプリ「SHOT NOTE App」で撮影することで、台形補正や色補正、サイズ補正を自動的に行います。ノート上部の日付、番号欄についてはOCR処理も行われ、アプリから検索を行うことが可能。撮影したデータについてはメール送信機能に加え、Evernote投稿機能も備えるあたり、なかなか想定顧客を見越した「分かってる」作りです。 (via iPhoneで撮影するためのブロックメモ「ショットノート」、キングジムから)

kiyoya:

基本的には近頃人気のブロックメモ（写真左）なのですが、四隅にマーカーがあり、専用のiPhoneアプリ「SHOT NOTE App」で撮影することで、台形補正や色補正、サイズ補正を自動的に行います。ノート上部の日付、番号欄についてはOCR処理も行われ、アプリから検索を行うことが可能。撮影したデータについてはメール送信機能に加え、Evernote投稿機能も備えるあたり、なかなか想定顧客を見越した「分かってる」作りです。 (via iPhoneで撮影するためのブロックメモ「ショットノート」、キングジムから)

via kiyoya
1年前 | | 2011年 1月 13日 | このエントリーを含むはてなブックマーク
2011年 1月 9日 はてなブックマーク -
スマートフォンサイト集めました。 WEBデザイナーのためのスマートフォンサイトデザイン参考サイト Zoom

スマートフォンサイト集めました。

WEBデザイナーのためのスマートフォンサイトデザイン参考サイト

1年前 | | 2011年 1月 9日 | このエントリーを含むはてなブックマーク
2010年 12月 9日 はてなブックマーク -

スマートフォン最適化デザイン

国内のスマートフォン向けに最適化されたサイトをまとめているサイトをまとめました。

iPhoneサイトデザイン集のiPhoneデザインアーカイブ　公式サイト
あのモバイルデザインアーカイブと姉妹サイトです。
登録数も豊富、カテゴリ毎で見れて便利です。

iPhone対応サイト トップ | meet i [ミートアイ]
こちらもかなりの登録数、スマートフォン対応サイトってこんなにあるんですね。

iShowcase - 国内のiPhone / iPad最適化対応をしたサイトを集めています
残念ながら更新が10年6月でストップしている模様ですが、国内サイトのまとめです。

iPhone/touch に最適化されているサイト報告
2chのログ？にもありました。

FX関連のiPhone対応アプリ/サイトまとめ | [FOREX PRESS]
FXサイトに特化したまとめ。


デザイン構築時に抑えておきたいこと

スマートフォン最適化を実施する際に最低限抑えておきたいこと - livedoor ディレクターブログ
基本だと思いますが忘れないようにしないといけないですね。
要点引用。

・一画面に表示する要素はできるだけ軽く、シンプルに
・画面遷移を省いた表示方法を活用する
・外出先で必要とされる機能を重視する
・スマートフォン本体やアプリなどで馴染みのあるUIを参考にする
スマートフォン最適化を実施する際に最低限抑えておきたいこと


iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログ
超まとめ。軽量化についてなんかも載っています。

KenG Weblog - WebサイトをiPhoneに最適化する方法
iPhone上でのブラウザの挙動等、基本情報がまとまっています。
これも抑えておいた方が良さそうです。

スマートフォン対応しただけで、安心してはいけない理由 (ユーザビリティ実践メモ)


スマートフォン特有タグ

スマートフォン向けサイトの制作では、普段使わないタグが出てきます。

Yuki’s SlowLife | 【iPhone・iPad】サイト制作のまとめ
viewportやフルスクリーンモードの事等、非常にまとまっていて分かりやすいです。

iPhoneのSafariでフォームにメールアドレスを入力する際にキーボードを変更する属性の指定方法 : STACKSTOCK
html5のお勉強も合わせて。inputのtype属性を覚えましょう。


シミュレータ

ある程度出来上がった段階で表示の確認をしたいのに、iPhoneもスマートフォンも無いよ！という方はシミュレータを利用しましょう。

iPhoneのシミュレータ「iBBDemo」（Windows用）
こちらで紹介されているAir製のiBBDemo（現在はver2）で、iPhone/iPadの表示確認が可能です。
利用にはAirとSafariのインストールが必要です。


スマートフォンのユーザーエージェント一覧

スマートフォンのユーザエージェントを纏めてみたよ « 色々やってみてはみる
もの凄いまとまってます。

Web サイトのスマートフォン最適化: UA 判別篇 - terkel.jp
PHPでのユーザーエージェントの切り分けが記載されていますので、この2つの記事を合わせると完璧かも知れません。


JavaScriptライブラリ

スマートフォン最適化を行うためのJavaScriptライブラリがいくつかあります。

このブログのスマートフォンページはiPhoneテンプレートfor MTを使用していますが、そこではiuiというライブラリを使用されています。
⇒iui - Project Hosting on Google Code


他にも流行りのjQueryを使用したものがいくつかあります。さすがに中身は全て見れていませんが有名なところと紹介記事をピックアップ。

jQuery Mobile

MOONGIFT : スマートフォン最適化サイトの本命か「jQuery Mobile」

jQuery Mobile | jQuery Mobile
jQuery Mobileの公式サイトです。

jQuery Mobile: Demos and Documentation
アルファ版のデモページです。いい動きしてます。

jQuery iPhone UI

MOONGIFT : iPhone向け最適化Webサイトを構築するjQueryライブラリ「jQuery iPhone UI」

jQTouch

iPhone最適化サイト構築 Post Topic jQTouchを使ってiPhone最適化サイトを作り込む

これだけ見ておけば急に言われても困らないでしょう。

明日から頑張ります！

Webサイトをスマートフォン対応してと言われた時に見ておきたいサイトまとめ｜caraldo.net | WebとiPhoneとロードバイクが大好き！

以下を参考にしたサイト作りを行いたいですね。

・一画面に表示する要素はできるだけ軽く、シンプルに
・画面遷移を省いた表示方法を活用する
・外出先で必要とされる機能を重視する
・スマートフォン本体やアプリなどで馴染みのあるUIを参考にする

スマートフォン最適化を実施する際に最低限抑えておきたいこと


1年前 | | 2010年 12月 9日 | このエントリーを含むはてなブックマーク