2010/1/28（日本時間）アップルの “latest creation”イベントでかねてから噂のあったタブレット端末が発表されました。その名は『iPad』なんと予想を反して499ドルからの価格となっています。どうやらスマートフォントとネットブックの中間に位置する製品だそうですが、スペックの方をまとめてみました。
・9.7インチのIPSディスプレイ （LEDバックライト）解像度は1024 x 768。
・マルチタッチ対応
・フルサイズのソフトウェアキーボード搭載
・チップは自社製1GHz Apple A4
・ストレージはフラッシュメモリで16GB, 32GB, 64GBの3モデル
・3Gモデムあり / なし
・WiFi（802.11a/b/g/n）
・Bluetooth 2.1+EDR
・スピーカー＆マイク搭載
・30-pinDockコネクタ搭載
・コンパス内蔵
・加速度センサー搭載
・バッテリー駆動時間は10時間（スタンバイモードなら1ヶ月以上）
・充電はUSB経由
・大きさは242.8 x 189.7 x 13.4 mm
・重さはWiFiのみモデルが680g、3G+WiFIモデルが730g。
・iPhoneアプリをフルスクリーンで表示可能
・電子ブックリーダーアプリのiBooks搭載
・iPad向けオフィスアプリiWorkも提供（アプリ購入はApp Store）
さらに、別売のキーボード付きの「iPad Keyboard Dock」により、iPadをDockに接続し、パソコンのキーボード入力相当の操作が可能という事です。
私の第一印象はと言うと大きなiPhone、iPod touchみたい（汗）ボディはMacBook Proを彷彿とさせる部分もあり洗練されている感じはします。OSの詳しい情報がないのですが、iPhone OSですかね。バージョンは何なんでしょう。私はiPhoneで打ち合わせに望む事もあるので、用途はあると思うのですが外出先で常にWiFi環境を必須とした場合を想定してPocket Wifiとか必要になりそうです。
Appleのホームページにて「iPad」の詳細ページが公開されています。
#ちなみに個人的ですが、現在もiPhoneをズィップロックに包みバスタイムに持ち込む事が多いので防水仕様にしてくれると、更にマーケットが広がる様な気がします・・・。バスタイム中にメールやムーブー鑑賞等が出来れば、女性はバスツールとして喜ぶのでは!?。たぶんそういうジャケットを開発・販売する会社はあると思いますが・・・。
バス関係のアプリも色々と開発できそうですね。
Ads by adbuzz
Ads by adbuzz
今更なのですが、Gmailのアカウントを作ってiPhoneでGmail経由の会社宛メールを送受信できるか試してみました。結論から言うと何とかできました！ちょっと手こずりましたのでまとめてメモしておきます。まずはWebのGmail→【設定】→【アカウントとインポート】からPOP3のメールアカウント（外部メールアカウント）を追加します。そうすると追加したメールアカウントにリクエストメールが届くので承認しておきます。それからGmail設定で外部メールアカウントをデフォルトに設定しておきます。この状態でWebのGmailからは設定した外部アカウントのメールを送受信できるかと思います。（この段階で一先ずテストしてみてください）
問題なければ、いよいよiPhone側の設定です。
❶【設定】→【メール/連絡先/カレンダー】→【アカウント追加】→【その他】→【メールアカウントを追加】
［アドレス］********@gmai.com ［パスワード］********* を入力して保存します。
❷【受信メールサーバ設定】
［ホスト名］imap.gmail.com
［ユーザ名］********@gmai.com
［パスワード］*********
［SSL］オン
［サーバーポート］993
❸【送信メールサーバ設定】
［ホスト名］smtp.gmail.com
［ユーザ名］********@gmai.com
［パスワード］*********
［SSL］オン
［サーバポート］587
上記の設定で外部メールアカウントの受信はできるかと思います。
続いて外部メールアカウントから送信できるように設定します。
❹ 【設定】→【メール/連絡先/カレンダー】→【設定したGmailアカウントを選択】→［アドレス］に外部メールアドレスを先頭に書き加えます。
※アドレスの間は半角のカンマ「,」で区切ります。複数設定可能です。
※デフォルトの差出人アドレスは、先頭のアドレスになります。
例：example@example.com,********@gmai.com
以上、私の場合一度再起動をかけて動作確認とれました。
ちなみに外部アカウントメールの受信通知をプッシュでも受け取る事ができました（なぜか、かなり遅いですが・・・）
一応簡単にプッシュ設定方法を記します。
❶「設定」メニューから「メール/連絡先/カレンダー」→「アカウントを追加…」で一番上の「MicrosoftExchage」を選択
❷アカウントを設定
［メール］自分で区別するための名前
［サーバ］m.google.com
［ドメイン］（空欄）
［ユーザー名］********@gmai.com
［パスワード］*********
「次へ」をタップすれば認証が行われ追加されます。これで完了です。
※********は予め設定した値です。もちろん********ではありません・・・。
仕事でよく使うiPhoneアプリ 其の1
私もiPhoneに色々なアプリを入れているのですが（ほとんどゲーム・・・）その中でも、今回は特に仕事でよく使う便利なアプリをご紹介します。ほぼ定番アプリです。
◎WordPress（無料）
これはiPhoneからWordPressで構築したサイトに対し更新できるツールです。カテゴリー指定、画像のアップロードも外出先から簡単に行なう事ができます。ちなみにBlackBerry版ではビデオも管理できるようです。アンドロイド版も開発中とか。。
◎eWiFi（無料）
外出先でWiFi無線のアクセスポイントを検出してくれるアプリです。と言っても外出先ではほとんどWiFiよりも3G接続ですが・・・。
◎TOKYO FM（無料）
このアプリはTOKYO FMのラジオ番組を誤差5分程ありますが聞く事ができます。音質も良く、電車の中でも快適に聞く事ができました。仕事場ではほとんど毎日聞いています。
◎Air Sharing（有料）
PCから無線LAN経由でさまざまなファイルを送信し、iPhoneに保存・閲覧できるアプリです。打ち合わせに必要なPDFファイルやその他のドキュメントを入れています。パスワード設定や、誰でも見られるパブリックフォルダの設定も可能です。ExcelファイルやPDF、HTMLなどさまざまなファイル形式に対応しています。
◎SBrowser（有料）
携帯コンテンツをiPhoneで見るためのエミュレーションアプリです。見れるサイトと見れないサイトがありますが、主に携帯サイトを構築する際に検証用ブラウザとして使用しています。
◎KeitaiEmu（無料）
同じくユーザーエージェントをSoftbank携帯に偽装してページを表示できるアプリです。
jQueryで背景画像を自動でスクロールさせる
Ads by adbuzz
▲背景（空の部分）だけを縦方向にスクロールさせます。
今回はWEB制作のちょっとしたギミックとして背景画像を自動でスクロールさせて、ちょっとした遊び心を持たせたビジュアル効果をご紹介します。私のデザインでも、トップページに大きめの画像を取り入れる事がよくあります。静止画や平凡なスライドショーでもいいのですが、インパクトにかけることもあります。そんな時にちょっと手を加えるだけでシンプルなデザインの中に臨場感を与える事ができます。
❶ スクリプトをダウンロード
jQuery Pluginsからjquery.backgroundPosition.js
jQUERYからjquery-1.4.1.min.js
❷ スクリプトを読み込みます。
<script src="jquery-1.4.1.min.js" type="text/javascript"></script> <script src="jquery.backgroundPosition.js" type="text/javascript"></script>
❸ スクロールさせる背景画像を準備します。
スクロールさせる背景画像を用意します。ここでは縦方向のスクロールを無限ループさせるという設定を行なうため、高さを1000ピクセルとします。
❹ 設定を行ないます。
挿入したスクリプトタグの下に以下の様なスクリプトタグを挿入して、スクロール部分の設定をいたします。「bgimageHeight」という変数に背景画像の高さの数値を指定します。ここでは1000ピクセルとなっています。その高さ分を縦方向にスクロールすることになります。スクロール速度は「10000」の部分を変更します。「一秒＝1000」が目安となります。
<script type="text/javascript">
$(function() {
var bgimageHeight = 1000 - $('div#header').css("height").replace(/px/,"");
function scrollbackground() {
$('div#header').css(
{backgroundPosition: "50% 0"}
);
$('div#header').animate(
{backgroundPosition: '(50% -' + bgimageHeight + 'px)'},
10000, //アニメーションが完了するまでの時間(msec)
"linear", //easing アニメーションの加速度
function () {
scrollbackground(); //スクロールを繰り返す
}
);
};
scrollbackground();
});
</script>
Ads by adbuzz
今回はWEB制作のちょっとしたギミックとしてMac OS XのExposeのように、特定の要素だけを目立たせてその他はハイライト効果をあたえるプラグイン「jQuery Tools Expose」を紹介いたします。指定箇所以外の部分をハイライトさせる効果はLightboxなどで見慣れていますが、ページ内でも同様な効果をあたえる事ができるので使い方によっては面白い効果が期待できます。
❶ スクリプトをダウンロード
EXPOSEからtools.expose-1.0.5.js
jQUERYからjquery.js
❷ スクリプトを読み込みます。
<script src="jquery-1.3.2.js" type="text/javascript"></script> <script src="tools.expose-1.0.2.js" type="text/javascript"></script>
❸ Exposeの初期設定を行ないます。
「jQuery Tools Expose」プラグインを読み込んだスクリプトタグの下に以下の様なスクリプトタグを挿入して、Exposeの初期設定をいたします。
スクリプトはidが「expose」の要素にたいして効果を与えています。
<script type="text/javascript">
(function($){
$(document).ready(function(){
$("#expose").expose({
color : "#000", //ハイライト時の背景色
opacity : 0.7, //ハイライト時の背景の透明度
loadSpeed : 1000, //ハイライトの表示速度
closeSpeed: 600, //ハイライトの閉じる速度
maskId : "exposeMask", //ハイライトのマスクのid
api: true
});
$("#expose").hover(function(){
$(this).expose().load();
},function(){
$(this).expose().close();
});
});
})(jQuery)
</script>
❹ ハイライトで表示されるマスクを設定します
3で、maskId : “exposeMask”と指定したIDはハイライトが実行された時に裏側に表示されるオーバーレイのidとなります。このidに対してマスク画像を背景としてCSSで設定します。背景にする画像は大きめの透過PNGのグラデーションがいいでしょう。
CSS内
#exposeMask{
background:#000 url(../img/mask_gradient.png) no-repeat 50% 50%;
}