2つのはてなダイアリーを1つに統合したことと新サイトのポイント

本サイトARTRONからアクセスしている人は気づいていないかもしれませんが、ブログをid:ROBINからid:artron(ここ)に統合してお引っ越ししました。

いざ込み入ったことをしようとすると意外とややこしかったのでポイントを整理すると以下のように。

  1. メインアカウントサブアカウントの関係
  2. id:artronに元々あった記事をカテゴリー分け
  3. 以前のダイアリーの過去ログを新しいダイアリーに流し込み調節
  4. 本サイトのデザインに合わせてはてなのデザインもリニューアル

デザインリニューアルはCSSやHTMLを久しぶりにいじって頭パンクしそうになったので、整理と備忘録もかねて別に後日まとめて記事にしようと思います。

メインアカウントサブアカウントの関係

Myはてなhttp://www.hatena.ne.jp/my )からユーザー設定>サブアカウントに進むと以下のようにメインアカウントサブアカウントの関係が分かります。

f:id:artron:20130417214341p:image

メインアカウントでログインしていればサブアカウントでの振る舞いも特に設定することもなく自由にやれるようです。

以前は編集許可とかしないといけなかった・したような気もするのですが、Root権限みたいな感じになったのでしょうか。この記事を書くためにいろいろ見てみたのですが、特殊なことをしている形跡は見当たらず。

はてなフォトライフは別に設定が必要など書いてありますが、はてなダイアリーを書いていく分には自由度高そうです。

id:artronに元々あった記事をカテゴリー分け

ここは元々「群青ノート」というタイトルで随筆・エッセイ的なものを書き留めていたのですが、それを1つのカテゴリーとしてまとめました。

はてなダイアリーはカテゴリーでソートした場合、RSSもそのカテゴリー毎に配信されているので、以前からの群青ノートだけを購読したいという場合などはブラウザのRSSボタンなどから登録していただくことも出来ます。

サイドバーのCategory一覧からもソート出来るのでよろしければ読んでみてください。静かにものを考えて書いたり描いたりすることが好きなので、滞ってましたが今後も続けていつか一冊にまとめられたらいいな…と思います。

以前のダイアリーの過去ログを新しいダイアリーに流し込み調節

f:id:artron:20130417214342p:image

id:ROBINの管理>データ管理から「はてなの日記データ形式」をダウンロードして、それをid:artronの日記にインポートする。簡単ですね。

ほぼ問題ないのですが群青ノートと日付が被っていた部分なんかが整ってなかったりしたので、そこをちょこちょこと調節。

昔の日記でなぜか画像を削除したりしたのをハードディスクから拾ってきたり、自分の手元にもないものもあったので、

ここから過去ログを探ってダウンロードしたものをもう一度アップロードするとかちまちまと復旧したりもしました。なんで消してたんだろう?笑

HDDを探るついでに本サイトでも消していた文章やそもそもなかったエントリーを新たに書いたりもしたので、メニューからPictに進んで遡ってもらうといくつか読めたりもします。よろしくお願いします。

本サイトのデザインに合わせてはてなのデザインもリニューアル

f:id:artron:20130417214343p:image:w640

no title

ふと気づくとネット世界はHTML5になってたりして、ああ覚えないといけないな…と思ったのですが、とりあえずXHTMLの整理とCSS3を使ったデザインリニューアルに昨年からとぼとぼと着手していました。

忘れていたこともたくさんあって思い出しながら勉強しながらトライ&エラーを繰り返してなんとかここまで。昨今叫ばれてるSEO対策とか海外の素敵サイトも参考にしながらデザインするのは楽しかったです。

メニュー下部の外部サイト用アイコンなんか自作パーツ作りにイラレ使ってあれこれやるのが一番楽しかった。同人誌作りにもいろいろフィードバック出来そうです。

詳細は次回のエントリーにまとめます。ざっと思いつくだけでも書くこと・メモしてまとめておきたいことがたくさんあって、長いエントリーになりそうです。

新サイトのポイント

新デザインのサイトのポイントは

  • フォントサイズを大きく
  • スマートフォン対応(レスポンシブ化)
  • アサマシくなった

の3点でしょうか。

フォントサイズを大きく

新サイトは以前よりフォントサイズを大きくして読みやすくしました。今見ると前はなんでこんなにフォント小さいの?と不思議なほど。

レスポンシブ化の流れで現在はブラウザの横幅が1280px以上でフォントサイズがもう一段階大きくなるようにしてみました。ぐにょぐにょしてみてください。

スマートフォン対応(レスポンシブ化)

そのレスポンシブ化でスマートフォンに対応しました。とりあえずの対応ですが、スマートフォンでアクセスした時に目的の情報が見やすいようにという点でイベント中のチェックとか自分だったらこの方が便利だろうなというデザインにしてみました。

流れで(無駄に?)はてなダイアリーも独自のレスポンシブデザインに無理矢理してあるのですが詳細は次回のエントリーでまとめたいと思います。

フッターのメールアイコンからはコンタクトフォームに飛ぶので気軽にメッセージが頂けるようになりました。直接のメールはその横に記載してあるメアドからどうぞ。

メニュー下の一番右、手のアイコンはWEB拍手ボタンになります。そこからもメッセージを送れます。

全体的に不具合などありましたら教えていただけるとありがたいです。ちなみに今回からIE7以上(出来れば8がいいな…)モダンブラウザ対応にシフトしていますので古いものではごちゃごちゃかもしれません。そのあたりは対応にも限界がありますのでご了承下さい。

アサマシくなった

リニューアル後はGoogleアドセンスが導入されていたり、ランダムでAmazonの商品が表示されたりしてそういうの嫌いな人はすみません。なるべく邪魔にならないようにデザインしたつもりです。

アドセンスは自分がクリックしたくなるような(しちゃダメです)印刷関係の広告が表示されたり、特にAmazonの商品がランダムで表示されるのは自分が気になる分野の最近の流行などを知れたりして、勉強になります。

クリックしたりお買い物していただけるとサイト・サークル運営に活用させていただきますのでご理解ご協力のほどよろしくお願いします。

最後に

ということで、一応サイトリニューアルについての雑感は以上になりました。書き出してみるとそれほどのことでもなかったような…。とにかく長く触ってないといろいろ変わってたり忘れてしまって混乱するんですね。これも継続は力なりの警句が響くひとつの状況でしょうか。

同人サークルARTRONを本格再始動させるにあたってアカウント名はartronで統一しておいた方がいいだろうということで、アカウントROBINはサークル立ち上げ以前から使っていただけに名残惜しいのですが、“とりあえず”はてなダイアリーはartronアカウントに移行です。

  • リニューアルした本サイト「ARTRON」はこちらからどうぞ。

関連エントリ