はてなダイアリーからはてなブログに移行する方法

はてなダイアリーからはてなブログに移行してみましたのでその手順とメリット、デメリットを書き残しておきたいと思います。

はてなブログに移行するメリット

はてなダイアリーからはてなブログにするメリットとして以下のものが挙げられます。

• JavaScriptが使える
• jqueryが使える
• Google webマスターツールが使える
• 外部連携サービスが豊富になった（Evernoteやinstagram、ミイルなど）
• 無料でアクセス解析が使えるようになった
• インポートが簡単
• 302ではなく301リダイレクトをしてくれる
• meta description、keywordsが設定できる
• Pro(有料)にすると独自ドメインが設定できる
• iPhoneアプリがある

はてなブログ
カテゴリ: ソーシャルネットワーキング
サイズ: 2.9 MB
価格： 無料

はてなブログに足りないところ

• ページビューのモジュールが使用できない
• はてなアンテナのモジュールが使えない
• デフォルトののデザインが少ない（5種類のみ）
• iPadアプリがない
• エクスポートができない

はてなダイアリーからはてなブログに移行する手順

※移行する前に念のため、はてなダイアリーの記事データをエクスポートしておきましょう

1.はてなブログにアクセスし、「はてなブログ管理画面」をクリック

2.ブログのURLを決めて、「ブログを作成」をクリック

3.管理画面のインポート＞「インポート設定」

4.記事をインポートします

↓記事数400弱で30分ほどインポートにかかりました。

5.はてなブックマークを移行します

6.リダイレクトを設定します

301リダイレクトがかかり、
はてなダイアリー：http://d.hatena.ne.jp/vinton/にアクセスすると
↓
はてなブログ：http://webgaku.hateblo.jp
に自動的にジャンプするようになります。

※はてなダイアリーの管理画面を見たいときは
http://d.hatena.ne.jp/はてなID/admin
にアクセスします。

↓これでインポートは完了です。あとは設定やデザインを変更していきます。

カスタマイズ例

今回カスタマイズした箇所をご紹介します。

1.デザイン面

↓はてなダイアリー時代のデザイン。背景画像を変えたぐらいです。

2.Javascriptの活用

↓jQueryが使えるのでスムーズスクロールを採用

↓Google Feed APIを利用して自分のブログのRSSを読み込み、サムネイルを表示

↓はてなブログではページビューを表示するモジュールがなかったので外部にPHPを置いてアクセスをカウントしています。

3.ソースコードのカラースキームを変更

↓フォントはGoogle web fontのSource Code Proを使用し、カラースキームはBracketsを参考にしてみました。