niwadesign

iPadでマルチタスク用ジェスチャーを使えるようにする方法

takehito — Thu, 09 Jun 2011 11:24:48 +0000

今回、私用でiPad2を買って気になったことは、
マルチタスク用ジェスチャーはOSアップデートで使えると思ってたらそうじゃなかった。

僕の会社のiPadでは知らないうちにマルチタスク用ジェスチャーの機能が追加されていたので、
これはOSをアップデートしたからなったんだと勝手に思い込んでいたら、
実はXcode経由で機能が実装したことにiPad2を買って気づいた。

ってことで一回マルチタスク用ジェスチャーの便利さを知っちゃうとMUSTな機能なので、
さっそくiPad2でも使えるようにインストールしました。

詳しいやり方はこちらに載っています。

iPadでマルチタスク用ジェスチャーを有効にする方法（要Mac）
http://drodroid.dust.jp/archives/1195

※マルチタスク用ジェスチャーとは4本指または5本指の操作で
・ピンチ：ホーム画面に移動
・上にスワイプ：マルチタスクバーを表示
・左右にスワイプ：Appを切り替える

MacBook Pro（MB134J/A）のHDDをSSDに交換。さらに光学ドライブもHDDに交換。

takehito — Fri, 20 May 2011 01:15:16 +0000

SSD

あまりにも今まで使っていたMacBook Proのレスポンスが悪いためこのGWを利用してHDDをSSDに光学ドライブをHDDに変更する作業をしました。

まず、HDDをSSDに交換する作業は過去にHDDを交換している経験があり余裕で交換することができました。

今回はじめて光学ドライブをHDDに変更したんだけどその際参考にしたサイトはこちらです。
http://www.ifixit.com/Guide/Repair/Installing-MacBook-Pro-15-Inch-Core-2-Duo-Model-A1211-Optical-Drive-Replacement/461/1

前回作業したときは側部のネジを間違えてDVIのネジ穴にいれてしまったので今回はその点を注意深く作業。

作業手順

SSDをMac OS拡張（ジャーナリング）にフォーマット
光学ドライブと入れ替えるHDDをMac OS拡張（ジャーナリング）にフォーマット
MacBook Proのフタを開けてHDDをSSDに交換
DVDからOSをクリーンインストール
光学ドライブを外してHDDに付け替える
MacBook Proのフタを閉じる

HDD

結果

PCの起動に2分半かかったのが30秒になった。
OSの入っているSSDとは別のHDDにVMwareを入れてWindowsを立ち上げてもサクサク動くようになった。

ほぼ快適に作業ができるようになって満足です。
ただSSDの容量が少ないのが不満で不安なだけですね。
パソコンを買い換える前にSSDに変更を検討する価値は十分ありってとこがわかりました。

ベンチマークテスト

ビフォー

アフター

今回使用した製品

《在庫あり》Crucial 2.5インチ SSD 128GB　SATA 6Gbps MLCモデル RealSSD-C300 [CTFDDAC128MAG…
価格：22,800円（税込、送料込）

《在庫あり》MCE OptiBay Hard DriveKit(オプティベイハードディスクキット) for MacBook ホワ…
価格：25,550円（税込、送料込）

追記

【注意】
光学ドライブを外すとApple DVDプレーヤーが使えなくなります。
取り外した光学ドライブを外付けとして使用してもApple DVDプレーヤーはドライブを認識せず、エラーになってしまいます。

解決方法はこちら
http://www.suavetech.com/0xed/0xed.html

facebookのいいねボタンを押したときのサムネイル指定

takehito — Thu, 17 Mar 2011 12:07:21 +0000

↓ここの画像を指定した画像にする方法です。

いいねボタンを押した際に指定した画像をfacebookで表示させるには
OGP （Open Graph Protocol）といわれるものをhtmlのヘッダーにmetaデータとして付加する必要があります。
そこでfacebookでは下記６つの情報が必須となってきます。
「og:title」
「og:type」
「og:image」
「og:url」
「og:site_name」
「fb:admins or fb:app_id」

書き方

最後のfb:adminsの設定でfacebookのユーザIDが必要になります。

facebookがサポートしているtypeについてはこちらを参照してください。
http://developers.facebook.com/docs/opengraph/

ハマったところ

一度いいねを押すとそのときの情報がFacebook側のキャッシュに残り
それに気づかずになんで変わらないんだろーと数十分悩んだ。
そのときはURLリンターで確認するか、直接ニュースフィードのリンクに貼って確認すればいい。

上記に書いた６つのの内すべて記述しなくてもうまく行けたり行けなかったりなんでだろーー。
あとたまにいいねをクリックしたら承認ってリンクもでるんだけどこれはどうなったらでるの？

iPhone用htmlのヘッダー要素のルールβ版

takehito — Tue, 08 Mar 2011 12:42:21 +0000

viewportは幅を指定するためのもの。
javascript部分はアドレスバーを非表示（画面の上に隠す）にするためのもの。
はホームアイコンを設定するためのもの。


	
	
	タイトル

ホームアイコンを作成する

ツヤツヤ処理とか角丸とかは勝手にiPhone側でやってくれるのでベタなデザインにする。

画像サイズ
57×57ピクセル（但し、正方形であれば57ピクセル以上でも可）ただし、iPhone4は114×114

画像フォーマット
gif,jpg,png,bmpいずれも可

Dreamweaverテンプレートでの属性編集機能

takehito — Wed, 22 Dec 2010 01:46:49 +0000

今回久しぶりにDreamweaverのテンプレート機能を使って作成をすることになったんですが、そこで1点問題がでてきました。
どうしてもbodyの属性でカレント設定をする必要があり、これではテンプレートを使ったとしても編集可能領域を広範囲にしなくては対応できない。
ふと同僚の@takanoha_111さんにいい方法がないか聞くとあっさり回答がありました。
それはズバリ！テンプレートの「属性編集を可能にする」って項目でした。
知ってる人は余裕で知っているとは思いますが、僕は知らなかったので知らない人もいると思うのでやり方を紹介します。

ちなみにDreamweaverのバージョンはCS4[Mac]です

１．まずは普通にテンプレートとしてファイルを保存します。

２．修正→テンプレート→属性を編集可能にする…を選択

３．今回はIDを変更するので属性はID。初期設定はテンプレートに書かれているtopとします。
※属性を編集可能にするにチェックをつけてください。

４．OKボタンを押すとbodyの部分がと変更されます。
と変更されます。" title="4" width="300" height="173" class="alignnone size-medium wp-image-333" />

５．次にテンプレートから新規ファイルを作成します。

６．修正→テンプレートプロパティを選択

７．すでにデフォルト値のtopがはいっています。

８．id:topの値を任意の値に変更します。今回はcompanyと変更しました。

９．OKボタンを押すとbodyのidが変更されます。

【送料無料】【CS5】※Mac版Adobe Web Premium CS5 通常版 Mac

価格：207,370円（税込、送料込）

MacBook Airを１日使ってみたレビュー

takehito — Thu, 04 Nov 2010 15:03:23 +0000

今まで丸３年使ってきたMacBoook黒（MB063J/B）からの乗り換え。
今回僕が買ったのはMacBook Air 11インチ（MC506J/A）。

まず最初に感じたのは軽い、小さい、速い！！！
メモリーは４Gにしたんだけど、いろいろなレビューを見てると２Gで十分みたい。
ただ、僕のAirの使い方はサブではなくあくまでメインマシーンとして使っていくつもり。

容量が１２８Gしかないのがあれなので、最初に思ったのがnas環境を作ってそこにiTunes、iPhotoのデータを移そう作戦。
早速、BUFFALO ネットワーク対応HDD LinkStation 1.0TB LS-CH1.0TLを購入。
ひとまずMacBook黒のデータをnasに移して無線LAN環境で接続してみたんだけど、iTunesで音楽を聴く分には問題ない。
問題はiPhoneの同期とiPhotoの閲覧、写真データの転送がかなり遅い。。。

ちなみに僕のネットワーク環境
モデム ━ 有線ルータ ━ Air Mac Express – - – MacBook Air

この有線ルータの接続がギガビットじゃないからダメなのか？？？
って勝手に思い込みギガビット対応のルータに変更しよう。
早速チャリンコを飛ばして大須へ行き、AirStation NFINITI HighPower Giga WZR-HP-AG300Hをゲット！！

結果はこの無線LANルータとnasHDDをギガビットで繋いでも速度は変わらなかった。。。
お金と時間の無駄だったけど。
大量に写真を移すときだけ有線で使えばいいかな。ってことで新しい環境で現在このレビューを書いてます。
あーあと、Air Mac Expressはブリッジモードで接続してスピーカーだけ無線で使ってる。

最後にリモートディスクを使って市販のDVDなどは見ることができなかった。。。
これはちょっとショックです。

■今回購入したモノ

【送料無料】バッファロー AirStation NFINITI HighPower Giga 11n対応 11a&g&b無線LANブロー…

【送料無料】《全品ポイント3倍！要エントリー 11/4 23:59迄》【カードOK】LS-CH1.0TL バッファ…

【新品・送料無料！】MacBook Air 1400/11.6 MC506J/AMacBook Air 1400/11.6 MC506J/A

Mac SafariでのSSL証明書確認方法

takehito — Thu, 28 Oct 2010 04:13:31 +0000

ブラウザ右上にある小さな鍵マークをクリック。
小さすぎて分かりにくい。。。

Mac SafariでのSSL証明書確認方法

ちなみに、
EV SSL証明書の場合はアドレスバーのところに表示されるみたい。

◆EV SSL証明書緑のバー対応PCブラウザ
https://www.verisign.co.jp/ssl/products/ev_ssl/browsers.html

Time Machineのバックアップ間隔を変更する方法

takehito — Wed, 13 Oct 2010 04:05:06 +0000

通常1時間に1回バックアップされるTime Machineですが、バックアップ中に多少Macが重くなるのでバックアップ間隔を変更できないか調べてみると、ターミナルから変更することが可能みたいなので試してみました。

ターミナルを起動
下記のコマンドを入力
パスワード認証
再起動

3時間ごとにバップアップする場合（最後の数字を変更します単位は秒）

sudo defaults write /System/Library/LaunchDaemons/com.apple.backupd-auto StartInterval -integer 10800

ちなみにデフォルトに戻すときは3600と指定します。

sudo defaults write /System/Library/LaunchDaemons/com.apple.backupd-auto StartInterval -integer 3600

http://inforati.jp/apple/mac-tips-techniques/system-hints/how-to-change-the-interval-of-time-machine-backup-of-macos.html

わざわざターミナルから実行しなくても設定を変更できるアプリがあるみたいです。
試してませんがこちらもどうぞ。

http://veadardiary.blog29.fc2.com/blog-entry-1912.html

第４回iAKG会　jQueryによる簡単なふるまいの追加

takehito — Wed, 06 Oct 2010 11:39:00 +0000

今回はjQueryを使って簡単な動きを追加します。

2.4jQueryによる簡単なふるまいの追加

ヘッダー部分のナビゲーションメニューをユーザーが表示、非表示と切り替えられるようにする。

ヘッダー内のulをdisplay: none;に指定する
html内にボタンを設置する
```
メニュー
```

このclass=”leftButton” に対してスタイルをつけていきます。
そこで注目するのがrgba()という関数をつかってスタイルを指定することができます。

text-shadow: rgba(0,0,0,0.6) 0 -1px 0px;

最後の4つめの値にアルファ値(不透明度)を指定することができます。
値は0(完全な透明)から1(完全な不透明)。

最後にjavascriptを読み込んで完成

続けて書こうと思ったけど、ブログ書くのを挫折します。
説明が難しい。。。本の丸写しになっちゃうし。
ってことで勉強会は続けますが、ブログへの記録はここで終わり。
すべて読み終わったらあらためてまとめのブログを書きます。

iAKG会（iPhoneアプリケーション開発ガイドを読みながらの勉強会）では
iPhoneアプリケーション開発ガイド　—HTML+CSS+JavaScript による開発手法
を使って勉強会を行っています。

第３回iAKG会　iPhone向けのCSS

takehito — Tue, 28 Sep 2010 10:29:06 +0000

今回はCSSを使ってiPhoneアプリケーションらしい表示の実現。

特徴的なタイトルバー
角丸箇条書きリスト

上記2点を実装して行くみたい。

2.2 iPhone向けのCSS

body要素に対してのスタイル設定

body {
	background-color: #ddd;
	color: #222;
	font-family:"Hiragino Kaku Gothic Pro", Helvetica;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

iPhoneのデフォルトフォントがHelvetica、日本語フォントはHiragino Kaku Gothic Proを使っているため、よっぽどのことが無い限りこのフォントを利用するべきらしい。

#header h1 {
	margin: 0;
	padding: 0;
}

#header h1 a {
	background-color: #ccc;
	border-bottom: 1px solid #666;
	color: #222;
	display: block;
	font-size: 20px;
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
	text-decoration: none;
}

#header ul {
	list-style: none;
	margin: 10px;
	padding: 0;
}

#header ul li a {
	background-color: #fff;
	border: 1px solid #999;
	color: #222;
	display: block;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: -1px;
	padding: 12px 10px;
	text-decoration: none;
}

#content,
#sidebar {
	padding: 10px;
}

ここまでは特別なことはやってないのでさらっと流す。
注意：bodyでpadding設定するとh1のタイトルバーが画面いっぱい表示されないのでNG

2.3 iPhoneのアプリｰションのルック＆フィール

タイトルバーと角丸スタイルの設定

#header h1 a {
	text-shadow: 0  1px 0 #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999));
}

↑テキストにシャドーと背景にグラデーションが適応

#header ul li:first-child a {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
}

#header ul li:last-child a {
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

↑ナビゲーション部分の四隅が半径8pxの角丸が適応

今回はここまで。
次回は2.4jQueryによる簡単なふるまいの追加。

niwadesign

iPadでマルチタスク用ジェスチャーを使えるようにする方法

MacBook Pro（MB134J/A）のHDDをSSDに交換。さらに光学ドライブもHDDに交換。

作業手順

結果

ベンチマークテスト

今回使用した製品

追記

facebookのいいねボタンを押したときのサムネイル指定

ハマったところ

iPhone用htmlのヘッダー要素のルールβ版

ホームアイコンを作成する

Dreamweaverテンプレートでの属性編集機能

MacBook Airを１日使ってみたレビュー

Mac SafariでのSSL証明書確認方法

Time Machineのバックアップ間隔を変更する方法

第４回iAKG会 jQueryによる簡単なふるまいの追加

第３回iAKG会 iPhone向けのCSS

第４回iAKG会　jQueryによる簡単なふるまいの追加

第３回iAKG会　iPhone向けのCSS