TokyoHeadTerminal http://www.head-t.com Thu, 23 Feb 2012 02:01:58 +0000 ja hourly 1 http://wordpress.org/?v=3.3.1 年賀状のきまり（サイズ、重さ、記載する文字など） http://www.head-t.com/2012/02/2012-02-23_01.html http://www.head-t.com/2012/02/2012-02-23_01.html#comments Wed, 22 Feb 2012 23:00:04 +0000 大森 http://www.head-t.com/?p=17950

明けましておめでとうございます！もう2月が終わろうとしていますが、明けておめでたいことには変わりありません！

年賀状にはいくつかポイントがありますが、それさえ守ればあとは縛られるものはなにもないです。

サイズを守っておめでたい

短辺 90～107mm、長辺 140～154mm まで。

重さを守っておめでたい

6gまでは50円、25gまでは80円、50gまでは90円の切手が必要です。問題があれば返却されますが、最悪の場合は受け取り側が足りないぶんの料金を払うことになり、年明けからとても残念なことになります。

表面（宛名）のきまりを守っておめでたい

「郵便ハガキ」か「POSTCARD」の記載が必要です。年賀状の場合は「年賀」がないと通常通りに届いてしまい、とても恥ずかしいことになります。

裏面（自由なスペース）のきまりを守っておめでたい

郵便法に「秘密の確保」というのがあるので、配達員は見てはいけないことになっています。ここに何を書こうと、配達をやめることはできません。粘着力のあるものを貼ったりすると、とてもいかんことになります。

お年玉付き年賀切手を貼ったほうがおめでたい

数年前までは品薄で、年末になると売り切れてることが多かったように思うけど、最近は年末ギリギリでも買える。

]]> http://www.head-t.com/2012/02/2012-02-23_01.html/feed 0 【スマートフォン】レスポンシブWebデザインと情報のフォーカス http://www.head-t.com/2012/02/2012-02-22_01.html http://www.head-t.com/2012/02/2012-02-22_01.html#comments Wed, 22 Feb 2012 11:54:10 +0000 大森 http://www.head-t.com/?p=17831

スマホで「カフェ　店名」と検索したとき、その結果に必要なものは？

PC / スマホ両方に対応させる「レスポンシブWebデザイン」というのがあります。たとえば飲食店の場合、PC ではお店のストーリーを見せて、スマホではその使用場所や求められている情報を考慮して、お店の場所や営業時間を見せるという「情報のフォーカス」のことだと思います。なにもビジュアルデザインや、ただスマホでも見られるサイトを作るという意味ではなく。

さまざまなスクリーンサイズ

PC やスマートフォン、タブレットやテレビなど、さまざまなデバイスでネットが可能になりました。各デバイスに最適化されたサイトを用意することは、動き続けるサイトにとっては非常に運営のコストがかかります。

そこで「ワンソース マルチユース」の考え方にしたがい HTML はひとつ。スクリーンのサイズによって Media Queries で読み込む CSS を変えます。

レスポンシブWebデザイン

各デバイスごとにレイアウトが調整されるのを、レスポンシブWebデザインといいます。スクリーンサイズによってサイトの幅が可変となるリキッドレイアウトをはじめ、さまざまな要素を％指定していきます。画像の幅も可変となります。

レスポンシブWebデザインで対応させたいのは、やはりいま最も勢いのあるスマホですね。アクセスログを見ることができる人なら、この1年間でどれだけ PC / スマホのアクセス割合に変化があったかを把握していると思いますが、きっとこの流れを止めることはできませんよね。

スマホのブラウザは幸いにも WebKit をベースにしたものが主流となっているため、HTML5 などの新しい技術を取り入れていくことにも長けています。

デザインの意図

PC 用に作りこんだ Webサイトは、そのままではスマホ対応は難しいです。だからといってダメという訳ではなく、そもそもスマホ対応にする必要があるサイトかどうか。会社の PC で使ってほしい Webサービスに対してスマホ対応は意味がないですよね。

たとえばブランディングサイトの場合の多くは、PC サイトを見て欲しいです。そこにはデザインの意図があるからです。PC 用に作りこまれた世界観であり、こちらの意図した導線があるからです。けれど、ユーザーのライフスタイルまでは操作できません。ひとり一台所有するスマホからのアクセスは無視できません。

スマートフォン用のWebサイトとはなにか

PC に比べてスクリーンのサイズが小さいこと、ネットの読み込み速度も遅いです。個人で作ったサイトを友達にみてもらうのであれば多少読み込みに時間がかかっても待ってくれますが、そうじゃない場合には現実はシビアです。

また、スマホにはマウスという概念がありません。マウスの動きに反応するボタンや、カーソルをもっていかないと分からない情報などは機能しません。間違ってタップしないようなデザインも必要となります。ボタンであれば 44px 以上、ボタンを並べる場合もゆったりとしたマージンが必要です。

レイアウトの基本は1カラムです。PCサイトに比べてシンプルなものになる場合が多いですが、必要な情報の整理を行うためにもミニマルな要素のみに絞ってデザインを行っていくことで見えてくるものがあります。情報を整理してみると、そのほとんどが必要のないものだったなど。

情報の整理とSN比

SN比とはシグナルとノイズの比率のことです。シグナルは伝えたい情報、ノイズは装飾です。たくさんの情報の中から、まずはシグナルを拾い集めます。情報の整理を進めていくうちに、スマホ用のサイトデザインは、ビジュアルデザインよりも UI の設計がとても重要であることに気が付くはずです。

GUIとNUI、IAとUX

スマホ用サイトで重要だと考えているのが、以下の4項目です。

  • GUI（グラフィカル ユーザーインターフェイス）
  • NUI（ナチュラル ユーザーインターフェイス）
  • IA（インフォメーション アーキテクチャ）
  • UX（ユーザー エクスペリエンス）

ロジックも大事だけど、UI は感覚的なものが大きいのかなぁと。

ライブラリとフレームワーク

まぁ定番の jQuery Mobile。
jQuery Mobile
demo

Bootstrap, from Twitter は勢いがいいですね！レスポンシブWebデザインにも対応し、必要なコンポーネントも選べるようになりました。ただ、完全に Twitter の UI になるけど（笑
Bootstrap, from Twitter

改善に改善が重ねられた強力な HTML5 のフレームワーク。
HTML5 Boilerplate

WordPress のテーマです。カスタマイズしやすいかは別にして、とてもシンプルなフレームワークです。
Reverie

]]> http://www.head-t.com/2012/02/2012-02-22_01.html/feed 0 【HTML5】このへんで Dive Into HTML5 しとくか http://www.head-t.com/2012/02/2012-02-20.html http://www.head-t.com/2012/02/2012-02-20.html#comments Sun, 19 Feb 2012 23:00:47 +0000 大森 http://www.head-t.com/?p=17072

実際に Webサイトを作るときは JavaScript（JQuery）や CSS で実装していくのですが、HTML なんて単なるマークアップ言語なので、慣れてしまえば簡単なものです。参考書と向き合っているのなら早くそれを投げ捨てて、なにかひとつ HTML5 で組んでみるのが習得への近道だと思います！

HTML5 と相性の良い、スマホ向けのライブラリがもっと充実してきそうなので楽しみですね。

そんなわけでサクッと HTML5 に Dive しましたYO！
あ、でもこれだけは耳かっぽじって聞けYO！ HTML5 に Dive しても年収が上がって宝くじ当たって彼女もできて背が5cm伸びてモテモテになるってことはないからな。

doctypeからmeta要素まで

doctypeとルート要素

doctype宣言はシンプル。

<!DOCTYPE html>

ドキュメントの言語を宣言

直感的に理解できるレベル。

<html lang="ja">

head要素の中のmeta要素

文字コードの宣言もシンプル。

<meta charset="UTF-8">

CSSやJSの読み込み

<link rel="stylesheet" href="css/style.css"/>
<script src="js/jquery.js"></script>

IEへの対応

これは IE9 未満でも HTML5 の新しいタグを利用できるようにするためのスクリプトです。Google でホスティングされているのでそれを使います。

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

headerからfooterまで、よく使われるタグ

header

いままでは <div id=”header”> などと書いていたものですね。

<header>

nav

<div id=”nav”> と書いていたようなものも、シンプルになりました。

<nav>

footer

<div id=”footer”> も同じくです。

<footer>

article

<div class=”entry”> <div class=”post”> といった、ひとつの記事をマークアップするタグもあります。

<article>

aside

<div class=”sub-nav”> <div class=”secondary”> のような、メインコンテンツとは異なる扱いになる部分です。

<aside>

section

<div id=”content”> <div id=”wrapper”> などもそうだし、いままでは無理に div タグでマークアップしていた、その記事中の「章・節・項」を明示するためのタグですね。この section 要素の中には見出し（h1,h2…）が必要です。

<section>

HTML5 の基本的な内容はここに分かりやすく訳されています。
結局どうすればいいの？ – Dive Into HTML5

]]> http://www.head-t.com/2012/02/2012-02-20.html/feed 0 ベーシック・インカムが支給された日本を脳内妄想でシミュレーションして楽しもう！ http://www.head-t.com/2011/11/2011-11-25_01.html http://www.head-t.com/2011/11/2011-11-25_01.html#comments Fri, 25 Nov 2011 11:17:00 +0000 大森 http://www.head-t.com/?p=9657

ベーシック・インカムって？

たとえば全国民に毎月8万円を給付して、それで生活できる人はそうすればいいし足りなければ働けばいい。どちらも難しければ共同生活で出費をおさえることもできる。

ベーシック・インカムが支給された日本っていうのを脳内妄想でシミュレーションして日々楽しんでるんだけど、何のために生きているのかを問われることになってすごく哲学的。仕事って時間的にもエネルギー的にも人生の大部分を占めるものだと思うからね。

首都機能の分散ってこれで実現できないの？

全国民に同じ金額が支給されるってことは、東京のアレやコレやの価値がほどよく下がって、他の都市や地方に首都機能が分散されることになるんじゃないかなぁと。

そしてさらに、いまお金「だけ」が理由で移住できない人がいるとしたら、それを解放するきっかけにもなるんじゃないかなぁと思って。

ベーシック・インカム構想ってホント面白い！脳内妄想かなりおすすめですYO！


]]> http://www.head-t.com/2011/11/2011-11-25_01.html/feed 0 【AWS】Amazon Web Services で WordPress を使った Webサイトの運営をするわ【前半（設定〜ドメインの割り当てまで）】 http://www.head-t.com/2011/11/2011-11-19_01.html http://www.head-t.com/2011/11/2011-11-19_01.html#comments Sat, 19 Nov 2011 09:35:55 +0000 大森 http://www.head-t.com/?p=9609

レンタルサーバで上で WordPress を使った Webサイトを運営しているのですが、これを Amazon Web Services (AWS) に移行するまでのメモです。

Amazon Web Services (AWS) は日々進化し続けているので、この情報もすぐに古くなってしまうかもです。

ネットや書籍の情報もそれほど充実していないので、何度もなんどもなんども挫折感を味わいました…　まだ人が歩いていないところに飛び込むにはそれなりの覚悟が必要ですね。

でもね、物事はいたってシンプル（イメージ図）。

【01】X.509 証明書を作成する

「アクセス証明書」の「X.509 証明書」タブから作成します。ダウンロードした秘密鍵ファイル（○○.pem）はどこか大切に保存しておきましょう。これはサーバにアクセスするための鍵です。

【02】Key Pairs を作成する

「EC2」タブの「Key Pairs」から［Create Key Pair］を選択して Key Pair Name を設定します。この名前はあとで入力する必要があるので他と差別化できるのがいいですね。

【03】CloudFormation を使って簡単にパッケージインストール

まずは WordPress に必要な LAMP 環境（Linux, Apache, MySQL, PHP）をサクっと整えてしまいましょう！

Amazon Web Services (AWS) の AWS Management Console 画面から「CloudFormation」タブを選択し、使いたい Region を選んで［Create New Stack］をクリック！

Samples using Amazon RDS の WordPress Blog を選択して［Continue］へと進みます。

「Stack Name」や「Show Advanced Option」を入力して次へ。

KeyName は Key Pairs の名前を入力します。

Status が「CREATE_IN_PROGRESS」になりましたね！ここから5分ほどかかるので、コーヒーでも煎れて待ちましょう。

［CREATE_COMPLETE」に変わりました！

「EC2」タブの「Instances」からインスタンスが立ち上がっているのを確認します。

同じく「EC2」の「Load Balancers」も確認。

「RDS」タブの「DB Instances」で MySQL が作成されていることも確認。

【04】グローバルIPアドレスを取得する

インスタンスを終了/起動するたびに IPアドレスが変わってしまうので、これを固定します。「EC2」タブの「Elastic IPs」へと進み、［Allocate New Address］をクリック。

「EC2」を選択して［Yes, Allocate］

グローバルIPアドレスが割り振られました！この状態ではまだ EC2 のインスタンスと連携されていないので、［Associate Address］をクリックします。

連携させるインスタンスを選択して［Yes, Associate］

Addressと Instance ID が連携されました！

【05】SSH（SFTP）でアクセス

「EC2」タブの「Instances」の画面下部から Public DNS を確認します。

SSH アクセスは Mac の Transmit で行いました。「SFTPサーバへ接続」を選び、必要な情報を入力します。

  • サーバ：Public DNS を入力します
  • ユーザ名：ec2-user（これは固定です）
  • パスワード：作成して連結させた Key Pairsファイル（○○.pem）を選択します
  • ポート：22

「/var/www/html」が Webサイトのデータ置き場ですが、ec2-user ではこのデータを変更する権限がありませんので、root でアクセスできるようにします。

【06】root のパスワードを変更する

「EC2」タブの「Instances」の「Instance Actions」から「Connect」をクリックすると、SSH でのアクセス方法が表示されます。

「【01】X.509 証明書を作成する」でダウンロードした秘密鍵ファイル（○○.pem）は Mac の「HDD > ユーザ > ユーザ名」 に置いておき、○○.pem のパーミッションを変更します。Windows の場合は 400、Macは 600 です。

Mac のターミナルを立ち上げて、以下のコマンドを入力します。

1

$ ssh -i ○○.pem ec2-user@○○○.○○.○○.○○

1

$ sudo passwd root

パスワードを2回入力して完了です。

とりあえずここまでー！

]]> http://www.head-t.com/2011/11/2011-11-19_01.html/feed 0 「金持ちと結婚する女」に添えて http://www.head-t.com/2011/11/2011-11-10_01.html http://www.head-t.com/2011/11/2011-11-10_01.html#comments Wed, 09 Nov 2011 15:01:47 +0000 大森 http://www.head-t.com/?p=9601

僕がフリーランスになってから営業なり新規打ち合わせに行った件数を少なく見積もっても平均して月2件くらい。月2回×12ヵ月×8年＝192回。

営業の人なら本気出せば1ヶ月で越えるような件数かもしれないけれど、営業～打ち合わせ～制作～経理を行うフリーランスって、キャパや継続年数を考えるとこんな感じじゃないかなぁと思います。

社長さんやオーナーさん、それなりの経験を積んだ役職の人たちとお話をさせてもらう中で、すごく良い経験をさせてもらったり、良いエネルギーをもらいます。

どんなことでもさすがに200件以上の経験を積むとみえてくるものがあって、初めて会ってコミュニケーションをとった段階で「この会社は良いエネルギーが満ちあふれているなぁ」とか「きっと良いお付き合いができそう！」とか直感的にわかるものです。

もちろん「うまくいかないからお断りしよう」と思うこともあります。このあたりは相性だと思うので、こちらが感じたことは相手も同じように感じていることがほとんどです。無理して仕事をしてもうまくいくことは少ないというかない。

僕に限らずその業界で10年以上も生きてきた人は、それなりの経験をしてきていますよね。人の行動ってそんなにパターンがあるわけじゃないから、ウソをつかれれば分かるし、この先どうなるかという仕事の流れを読むこともできる。そうやって大人のウソを黙認したり政治的な事情なんかを考慮しながらビジネスの現場を生きているわけですね。

お金持ちには2種類あるよね

きっとお金持ちには2種類あって、自分で何かを成し遂げた人と、もともとお金持ちの人。人それぞれ役割というものがあるのでどちらかを否定するわけじゃないけど、これは似て非なるもの。僕の経験上、前者の方は良くも悪くも魅力的な人が多いと思います。そして「正しいものさし」を持っている共通点があります。

ものごとを極めるほどに洗練されていくというかシンプルになっていく傾向があって、だんだん余計な物を持たなくなっていくのですね。物というのは仕事道具だったり必要な場所、気持ちの面や目的のゴールまでのプロセスです。

人は必ず間違うものではあるけれど、正しいものさしを持った感覚の研ぎ澄まされた人にとっては、狂ったものさしを持った人を見抜くことの正確さに間違いはないと思うのですね。

というお話があったのでここに置いておきますよ。
金持ちと結婚する女

]]> http://www.head-t.com/2011/11/2011-11-10_01.html/feed 0 グリッドシステムでWebデザインに秩序を生み出そう！（すぐに使えるpsdデータもあるよ） http://www.head-t.com/2011/11/2011-11-08_01.html http://www.head-t.com/2011/11/2011-11-08_01.html#comments Tue, 08 Nov 2011 11:14:47 +0000 大森 http://www.head-t.com/?p=9565

見えない線「グリッドシステム」

デザインを行うときには、実際には表示しない仮の線、ガイドラインを規則正しく引いていきます。このガイドラインに沿ってレイアウトをしていくことで「デザインに秩序が生まれる」のですね。

一見ものすごく自由なレイアウトであっても、よく見てみると緻密に計算されたガイドラインが見えてきたりします。

970px グリッドシステム（幅950px ＋ 左右マージン10px）

横幅 950px を 70px のカラムで 12分割して、各カラムのマージンを 10px 取るとちょうど 970px になります。

960px グリッドシステム（幅940px ＋ 左右マージン10px）

940px を 60px のカラムで 12分割して、各カラムのマージンを 20px 取るとちょうど 960px になります。

この2つの主な違いは、12分割されたカラムのマージンが 10px か 20px かです。個人的には後者の 960px グリッドの方が使い勝手がいいかなと思います。場合によっては 20px のマージンを 10px 2つに割ってしまって変則的なグリッドを作ることもできるので！

960px の CSS ライブラリや豊富なアプリに対応したテンプレートなどがある 960 Grid System はこちらです。
960 Grid System

]]> http://www.head-t.com/2011/11/2011-11-08_01.html/feed 0 【Facebook】スパムアプリがないかチェックしてみよう！ http://www.head-t.com/2011/11/2011-11-02_01.html http://www.head-t.com/2011/11/2011-11-02_01.html#comments Tue, 01 Nov 2011 17:00:35 +0000 大森 http://www.head-t.com/?p=9545

Facebook にうっかりスパムアプリをインストールしてないか定期検診の時間ですよ。はい！診てあげるから胸をあけなさい！

ここから、自分が利用しているアプリをチェックできます。
アプリ設定

  • Are YOU Interested?
  • Badoo
  • Friends Photos & Albums
  • Greetings
  • Greeting Cards
  • In Heart

これらは自分の知らないところで誰かのウォールにアプリをおすすめする書き込みを行ったり、勝手にグリーティングカードを送ったりするスパムアプリです。［×］を押して削除しちゃいましょうね。
スパムアプリに感染してしまってたら、ごめんちゃいの想いを込めて情報シェアどうぞです！

これらのアプリをインストールしたときにこんな画面を見たはずです。

本当に信用できるアプリ以外は絶対に［許可する］を押しちゃダメです。たぶん、自分で Facebookページを管理していたり Web制作に関わっている人じゃないとアプリをインストールする必要はほとんどないと思うのですよね。

次はもう少しライトなスパムです。

動画のリンクのような見た目になってますね。これを見抜くのはなかなか難しいのですが、クリックしただけで「リンクについていいね！と言っています」と自分のウォールに表示され、はずかしめにあいます。ネタとしては面白いのですがクリックしないように気をつけましょう。

クリックしてしまったらパソコンからログインして削除するか、スマホのアプリの場合はその記事の上で横にフリックすると［削除］ボタンが出てきますね。

では、今日も楽しい Facebook ライフを送りましょう！

]]> http://www.head-t.com/2011/11/2011-11-02_01.html/feed 0 【Mac】MacBook Air をメインマシンにしてクラウド環境をデザインしてみよう！【Amazon Simple Storage Service（Amazon S3）】 http://www.head-t.com/2011/10/2011-10-27_01.html http://www.head-t.com/2011/10/2011-10-27_01.html#comments Wed, 26 Oct 2011 21:00:10 +0000 大森 http://www.head-t.com/?p=9523

以前から気になって気になって…もう夜はぐっすり眠って朝起きて考えたあげく、11インチこそ MacBook Air！ということで Mac を買い換えました。

普段は Cinema Display に繋げて使うので、モニタの小ささはさほど問題ではありません。iPad くらいの大きさの MacBook Air は魅力たっぷりだし、気になっていたフラッシュストレージもなかなかいい感じに爆速です。

フラッシュストレージの容量はどうしたって足りないので、「MacBook Air をメインマシンにしてクラウド環境をデザインしてみよう！」これが今回のテーマです。

あらゆるデータを Mac/iPhone/iPad で同期したり閲覧できることに加えて、Webブラウザからもそのデータを取り出せること、このあたりが自分にとってクラウドの魅力なので、Mac/iPhone/iPad/Web で同期や閲覧ができることを条件にいくつかクラウドサービスを試用してみて、こうなりました。

  • iCloud で同期
    連絡先、カレンダー、リマインダー、ブックマーク、写真
  • Evernoteで同期
    メモ（iPhone では ATOK Pad アプリを使ってます）
  • メール
    Google Apps（Google Apps にメールサーバを移行したよ）
  • データのバックアップ
    Time Machine
  • プライベートサーバ
    Time Capsule（「どこでも My Mac」の機能で外からアクセスすることができます）
  • データ共有
    Dropbox（クライアントとのデータ共有に使ってます）
  • あらゆるデータ
    Amazon Simple Storage Service（Amazon S3）

Amazon Simple Storage Service（Amazon S3）

その名の通り、とってもシンプルなストレージサービスです。ネット上のストレージを外付けハードディスクのようにマウントして利用することができます。
Amazon Simple Storage Service（Amazon S3）

ローカルにデータを保存しなくていいし容量は無限です。保存しただけの容量や転送量に対して課金されます。100GB 保存で 1,200円/月ほど。転送料は 10GB で160円/月ほど。Amazon S3 を快適に使うために Jungle Disk というサービスを利用します。
Jungle Disk

Desktop Edition で3ドル/月です。Jungle Disk にサインアップすると最初から Rackspace というストレージが用意されていますが、自分で契約した Amazon S3 を使いたいのでそれを設定します。Mac のアプリに加えて iPhone/iPadアプリもあるのでこちらもインストール。

Jungle Disk と同じように、Transmit でもストレージをマウントできます。接続方法はいくつかあったほうがいいよね。
Transmit

まだまだ改善したいところはありますが、いまのところこんな感じに落ち着きました。ホントは Amazon S3 で Webサイトを運営したいんだけど、PHP と DB 環境整えようとすると一気に難易度あがって死ねるこれ。これからいろいろ調べます。

]]> http://www.head-t.com/2011/10/2011-10-27_01.html/feed 0 Google Apps にメールサーバを移行したよ http://www.head-t.com/2011/10/2011-10-26_01.html http://www.head-t.com/2011/10/2011-10-26_01.html#comments Tue, 25 Oct 2011 23:00:24 +0000 大森 http://www.head-t.com/?p=9507

Gmail は通常 ○○@gmail.com のように Google から与えられたメールアドレスを使うものですが、普段使っている独自ドメインのメールアドレス（○○@head-t.com）を Gmail で扱えるようにするサービスが Google Apps です。

Google Apps for Business

独自ドメインで運営している Webサイト（www.head-t.com）の表示は今まで通りのレンタルサーバを使い、メールサーバのみ Google Apps に移行する感じですね。

メリットとしては…

  • ブラウザからもアクセスできる
  • 当然メールソフトから IMAP アクセスできる
  • iPhone/Android からスマートに送受信できる
  • iPhone には迷惑メールフィルタがないけど、Google Apps のメールサーバを使うことで解決
  • メールサーバの信頼性が高い

といったところでしょうか。

iOS5 のメールアプリにフラグ機能が追加されたので、そのメールに対してフラグを付けられます。それは Mac の Mail.app にもラベルとして反映されるので、要返信のメールを見過ごすことも防げます。

セットアップ手順は Google さんがとっても丁寧に説明してくれるので、Google Apps のセットアップウィザードにしたがって進めていきます。

ザックリとした流れはこんな感じです。

  1. Google Apps に移行したいドメインを指定する
  2. 仮の管理アカウント（メールアドレス）を作る
  3. Google Apps に移行したいメールアドレスを「組織ユーザー」タブから追加する
  4. MXレコードを変更してメールサーバを移行する
  5. MXレコードを変更する方法（お名前.comでドメイン管理している場合）

Google Apps に移行したいドメインを指定する

ドメインの所有者であることを証明する必要があるので、FTP でサーバにアクセスする必要があります。

仮の管理アカウント（メールアドレス）を作る

はじめにメインの管理アカウントを入力する必要があるのですが、「google@head-t.com」のように、使っていないメールアドレスで登録するとよしです。実際に使うメールアドレス（ユーザー）を追加したあとに、そのユーザーに対して権限を設定し、登録で使った仮のユーザーは削除できます。

Google Apps に移行するメールアドレスを「組織ユーザー」タブから追加する

ここでいうユーザーとは、Google Apps で使いたいメールアドレスのことです。ウィザードの途中で出てきますが、「組織とユーザー」タブから追加できます。

MXレコードを変更して、メールサーバを移行する

いよいよメールサーバの移行にとりかかります。メールのバックアップを取るとか、メールのやりとりの多い時間帯にこの作業をやらないとか基本的なことは押さえておくです。

もしもメールの送受信ができなくなったり Webサイトが表示されなくなっても慌てず対応できるように、ドメイン事業者、レンタルサーバ会社、Google Apps のお問い合わせ先は確認しておくと安心ですね。

最悪の状況は、Webサイトが表示されなくなってメールが送受信できなくなることです。ドメイン周りのことは、なにかあったら作業前の状態に戻せば大丈夫なので、どこをどうした結果どうなったかという内容を控えておくとさらに安心ですね。

MXレコードを変更する（お名前.comでドメイン管理している場合）

お名前.comの管理画面にログインして「レンタルDNSレコード設定」タブを選択します。TYPE を MX にして、VALUE にこれを入力していきます。
MX レコードの設定: お名前.com

次に、Webサイトの表示に使うサーバは変更したくないので CNAMEレコードも入力します。
CNAME レコードの設定: お名前.com

そして、ネームサーバがお名前.comのままだと Webサイトの表示ができなくなってしまうので、Aレコードに現在利用中のレンタルサーバの IPアドレスを入力します。「www」のありなし両方でアクセスできるようにしている場合はこれも忘れずに入れていきます。

レンタルサーバ側での設定も必要な場合があるのでこちらも（KAGOYA の場合）。
Google Apps でメールを受信したい – KAGOYA

DNS の変更が反映されるまでに最大24～48時間かかるとされていますが、なんかもう最近では数分で終わりますね。しばらくたっても思うようにならない場合は設定が間違ってるかもと疑った方がいいです。

これまで通り、基本的には Mac の Mail.app でメールの送受信を行おうと思います。Webアプリっていうのが体になじまないのと、オフラインでも確実にメールを見られることは重要ですね。

メールソフトで Gmail を利用する場合に推奨されている設定方法はこちら。
推奨される IMAP クライアントの設定 – Gmail ヘルプ

iPhone で連絡先とカレンダーも同期したい場合は Google Sync を設定します。
Apple 端末で Google Sync をセットアップする – モバイル ヘルプ

]]> http://www.head-t.com/2011/10/2011-10-26_01.html/feed 0