テラシマンのサイトを静的なhtmlサイトからwordpressベースのサイトへリニューアルしました。
その経緯とプロセスをまとめておきたいと思います。

今までの問題点

更新が面倒

一覧ページも詳細ページもすべてhtmlで、手で作成していたので、詳細ページを追加したら一覧ページにも追加して、詳細同士の移動のリンクも書き換える必要があるなど、1ページを追加するだけでも手間でした。

newsコンテンツが貯まらないのでSEO的にもったいない

サイトの構造に原因がありましたが、最新の活動状況を知らせるnewsページについて、urlを固定にして、アーカイブページを持っていなかったことから、最新状況を更新すると以前のコンテンツは上書きされ、ページは蓄積されていませんでした。

SNS系のボタンがない

以前のサイトは制作したのが3年前とかで、まだツイッターもフェイスブックも出たばかりの頃で、SNS系のボタンは設置していませんでした。

リニューアル内容

上記の問題点より「サイト自体をwordpressで制作し直すことでページの追加・蓄積を簡単にすること」と「Twitter・facebookのボタン設置によるソーシャル機能の追加」が必要でした。

また、wordpressにすることでウェブの知識がなくても更新できるようになるので、コンテンツの種類が「news」「gallery」「works」「notebook」と4つある中で、更新のしやすさも気をつける必要がありました。
ついでにHTML5でマークアップしたことがなかったので、<section>や<article>、<time>、<figure>などHTML5の主要なタグも使ってみました。

リニューアル前と後のサイト構造

リニューアル前、トップページはFLASHの簡易的な紹介用のムービーが流れるのみでした。
また、コンテンツについてはニュースページは上書き更新で、今までの仕事的をまとめたページはありませんでした。

リニューアル後では全ページにTwitter・facebookのボタンを設置し、またGallery、Worksの詳細ページにはPinterstのボタンを設置しました。
Pinterstは今流行始めたから追加しただけです・・・。

wordpressの勉強

最近「wordpressでサイトを作るには！」系のエントリーが色々なところでされているので、それを読んで勉強しました。インストールと更新、テーマの編集程度は以前何度かやったことがあったのですが、ゼロからサイトとして設計してつくることは初めてだったので、とにかく調べる→読む→やってみる→調べる→･･･を繰り返しました。
中でもWordPressでブログじゃないWebサイトを作るときのいろいろ（サンプル付き）とWordPressのオリジナルテーマ作成フロー・基本マニュアルを参考にしました。

入れたプラグイン

Custom Post Type UI
→カスタム投稿タイプが簡単に作れるヤツ。
Webデザインレシピさんの記事が詳しいです。
WordPressでサイト設計をする時に覚えておきたいポストタイプの特徴などいろいろ

Custom Field Template
→カスタムフィールドのテンプレートを簡単に作れるヤツ。
こちらの記事が詳しいです。
WordPressで「カスタム投稿」と「カスタムフィールドテンプレート」
Custom Post Type UIと組み合わせることで、下図のように投稿画面がシンプルでわかりやすくできます。

Google XML Sitemaps
→検索エンジン向けのサイトマップ（sitemap.xml）が自動で生成、更新されるヤツ。

WP Super Cache
→ページのキャッシュを作って読み込みを早くしてくれるヤツ。

苦戦したところ

wordpressのテーマ（サイト）作成周りは調べれば大抵のことはあるので問題なかったのですが、開発→リリースの移行で手間取ってしまいました。

開発時は別ドメインのサブドメインに設置し、ベーシック認証で他人・検索エンジンに対してはじいていたのですが、いざリリース使用としてサーバー内のディレクトリ名を本番のものに変えて、.htaccessファイルとパスワード用のファイルを削除したら404のままという･･･。

実は.htaccess内にワードプレスの設定も書かれていたので、ファイルごと消したことが間違いなのですが、それに気がつかず、混乱したのでとりあえず寝てしまいリリースが1日遅れました。

今後の課題（まだやってないこと）

トップページは今newsコンテンツの最新を乗せているのですが、実はまだhtmlのままなので、「最新のnewsエントリーを表示させる」ようにする必要があります。
また、そもそもトップページはそれでいいのか？という話もあるので、それは追々。
あとは、SEO用に各ページにディスクリプションを入れるのもやってないので、それも追々。

クリストファー・マクドーガルが、人類の持つ走ることに対する情熱の謎を探ります。走ることは、どのようにして人類の生存に役立ったのか？―先祖より受け継いだ、現代人の走る意欲を駆り立てるものとは一体何なのか？マクドーガルが、TEDxPennQuarterにて思いやりを持つマラソンランナーや生きる為に走るメキシコの民族の話を紹介します。

メモ

タラフマラ族の高齢者は100キロ、200キロを平気で走る。
19歳からマラソンを始めた場合、27歳がピークで、それ以降は最終的に19歳の頃のタイムに戻る。
しかし、それは45年後、60歳の頃。
人類の生まれ持った長所とは、発汗作用による、炎天下での長距離走。

最後に強引に「裸足で走るといいよ！」って急に言い出した感がある。

先日、終電を逃したので向ヶ丘遊園から町田駅まであるきました。
深夜１時頃に向ヶ丘遊園で電車が停車して、そこからiphoneでGoogleの地図を頼りに延々と歩きました。
町田に着いたのは5時頃！
生まれて初めて4時間ぶっ続けであるいたんじゃなかろうか！というほど疲れましたよ。

内容はぶっちゃけ頭に入ってないけど、iPadでのプレゼンを初めて見た。
iPadに貼られた付箋が気になってたけど、そう使うとはね！

あけましておめでとうございます。

おかげさまで31歳になりました。
誕生日も1月なので、今年から毎年1年の振り返りと抱負を書いていこうと思います。
仕事のことを書きすぎてもアレなんで、プライベートを多めに。

2011年について

やりたくて、できたこと

・パソコン自作
→新しいケースを買って、SSD化もしました。

・都心生活を満喫
→美術館やギャラリーに月一ペースで行きました。
→都心に住むならクロスバイクはかなり役立つことがわかった一年でした。

・自転車で長距離を走る
→夏休みに新宿-江ノ島間を往復しました。
→246はもう二度とチャリでは使わないと思います。

・メディア運用
→コストを下げつつUUを増やして、CVも増やすことができました。

・引越し
→都心から引っ越しました。
→僕ら夫婦に都心の生活のメリットはそれほど無かったようです。

やりたかったけどしなかったこと

・プログラミング
→python、PHPの本を買ったけど全然手をつけず。猛省です。

・イラレとフォトショのスキルあげる
→学生の頃の経験を食いつぶしているだけなので、最低限の使い方を身につける必要がありそうです。

思いがけずできたこと

・数人規模での仕事の進め方がなんとなくわかった気がします。
→４人のチームで動けたので、戦略→実行→改善→実行のサイクルを回すことはできました。
→ただタイミング的にまだ業務が成熟していなく（やればなんでもある程度の効果が出たし、とにかく色々やる必要もあった）、「効果検証から再度戦略を見直して実行」という流れはうまくできなかったのが課題です。

・人と仕事をするときの連携を意識することができました。
→特に会議の場で「会議の目的・ゴールの明確化」を意識的に行うことで、無駄な時間を削れました。

・今までは、どちらかといえば個人プレー重視でしたが、チームで役割分担して動いて結果を出すことの喜びがわかった気がします。
→チームで組織的に動いて結果を出すということの喜びを、何度か垣間見ました。個人的には2011年最大の収穫です。

反省点

・いろいろと時間を無駄にしたなぁ
→人に動いてもらう時、自分のジャッジなど多くの場面で時間を無駄にしちゃいました。

・無駄に感情的になったこともあったなぁ
→個人的にあまり感情的にならない方だと思ってましたが、何度か感情的になっちゃいました。
→感情的になるのは手段として、冷静に相手の反応を見ながら意識しながらやらないと、ただの空回りであることを実感しました。

・あんまり本読まなかったなぁ
→自転車通勤のせいにして、本を読みませんでした。

・うまく人を動かせなかったなぁ
→これからは自分をハブとして組織が円滑に回るようなポジションにならないといけない年頃です。

学んだこと

・自分の振るまいによって相手がどう動くかを事前にシミュレーションして、いくつかの場合を想定しておけるぐらいの時間的、感情的余裕があると、物事を思い通りに進められる確率が上がる
（予定調和と紙一重だから時と場合によるけれど）

・いいたいことを言って怒りを伝えたところで、結果が変わらなければ何も意味がないっつーかむしろマイナス

2012年について

これから意識的にやる必要のあること

・個人ではなくチームで動いて成果を出す
・他者との共有（スキル、情報など）

やりたいこと

・自分の仕事をしつつ、関わる人が能動的に動けるような環境をつくる
・プログラミング
・データの可視化
・定期的なインプットとアウトプット
・ダイエット

とりあえず3月までにやること

・テラシマンのサイトをwordpressで１から作り直す。
・毎月1冊以上本読んでこのブログに得たことをアウトプットする
・通勤時に一駅分歩く
・距離は短くてもいいから、マラソン大会に出る！

というわけで、いったん目標を3ヶ月で出してみました。
結果は乞うご期待！