POCKET BASE » インターネット

二年半ぶりにトップページを変更

Hannya — Mon, 24 Oct 2011 14:46:17 +0000

このサイトのトップページを、久しぶりに変更した。ブログではなく、トップページの方ね。以前に変更したのは2009年の5月だから、約2年半ぶりの変更だ。

ページ構成は今までと変わらず、「HOME、ABOUT、CONTACT」の3ページだけ。相変わらず内容はないが、プロフィールページとして使っている。

今回は、ウインドウサイズに合わせて、画面いっぱいに背景画像が表示されるようにした。ウインドウをリサイズすると、背景画像もそれにあった大きさで表示される。ついでに、HOMEではその背景画像をスライドショーに。

フルFlashのサイトなどでよくあった表示方法だが、Flashは使わずに、JavaScriptで背景画像の表示をコントロールしている。仕事でつくるサイトでも、Flashはもうめったに使わないしね。

ちなみに某古いブラウザでも表示されるようにしているが、見た目やレイアウトが若干崩れたりするのは気にしていない。ほんとうは、完全に無視したかったのだが。

あと、最初はHTML5で作っていたのだが、コチラはまだちょっと早い気がして、次回の変更まで延期にした。それまでに勉強しておこう。

XREA内でサーバを引っ越し

Hannya — Fri, 03 Dec 2010 11:55:58 +0000

このサイトを置いているXREAは、低価格で高機能という面ではとてもよいサーバなのだが、使用しているサーバで障害が頻発しても、サポートはほとんど期待できない。まあ、そのおかげで低価格を実現しているのかもしれないが。

そんなこんなで、このサイトを置いているサーバも、数カ月前からかなりの過負荷状態が続き、レスポンスの激しい低下や、頻繁に繋がらなくなるど、かなりストレスのたまる状態だったので、ここはサクッとサーバを引っ越ししようと、いろいろ調べていた。

他社サービスへの引っ越しも考えたのだが、契約を更新をしたばかりだし、サイトデータや、ブログに使用しているWordPress、データベースなどの移動も結構大変そう。しかし、同じXREA内での引っ越しなら、データの移動も簡単で、お金もまったくかからないということなので、引き続きXREAを使用することに。

やってみると、結構簡単に引っ越しが完了。ここ数ヶ月の状態とは比べ物にならないくらいレスポンスも向上。もっとはやく引っ越しすればよかった。

といっても、いつまた同じ状態になるか分からないので、XREAでのWordPressを含めた引っ越しの手順を、備忘録として残しておくことに。今回はXREA同士での引っ越しだったが、上位サービスのCORESERVERへの引っ越しや、CORESERVER同士での引っ越しの場合も、似たような手順らしい。

1. 新規サーバを準備

まず、「ユーザーコントロールパネル」の「サーバーアカウントの登録・管理・購入」のページから、無料のサーバアカウントを取得する。ユーザ名は従来サーバに使っているものと同じに。仕様を参考に希望するサーバを選択。そして「登録」ボタンをクリック。しばらくすると、登録完了のお知らせがメールで届き、その1時間後にはFTPなどが利用可能となる。なお、無料版のままだと、なにかと制限があるため、そのサーバアカウントの無料体験7日間を購入する。

2. 従来サーバのMySQLデータベースのダンプファイルを作成

「サーバーアカウントの登録・管理・購入」のページから、従来サーバの「サーバー設定」をクリックし、「XREA – CONTROL PANEL」へ。左の管理メニューから「データベース」を選び、使用しているデータベースの欄に、以下のように必要事項を入力。

選択	ラジオボタンを選択
DB/ユーザー名	DBのユーザ名
パスワード	DBのパスワード
文字コード	「UNICODE」を選択

必要事項を入力してから「保存」ボタンをクリックすると、MySQLデータベースのダンプファイルが作成される。ルートディレクトリに「mysql.dump」が作成されていることを確認しておく。

3. 従来サーバから新規サーバへデータをコピー

データのコピーにはXREAのサーバー間コピー機能を使う。この方法だと、すべてのデータをまとめてコピーできるので簡単。ちなみに、手順1での無料体験7日間を購入してから、24時間以上たった後の方がいいらしい。

「サーバーアカウントの登録・管理・購入」のページから、新規サーバの「サーバー設定」をクリックし、「XREA – CONTROL PANEL」へ。左の管理メニューから「サーバー間コピー」を選び、以下のように必要事項を入力。

選択	ラジオボタンを選択
FTPユーザー名	従来サーバのFTPユーザ名
FTPパスワード	従来サーバのFTPパスワード
FTPサーバー名	従来サーバのFTPサーバ名
転送方式	「ミラー（削除なし）」を選択
リモートディレクトリ	「/」（スラッシュ）を入力
ローカルディレクトリ	「/」（スラッシュ）を入力

必要事項を入力してから「実行」ボタンをクリックする。コピー処理は、データ量にもよるが、数分から数十分ほどかかる。ルートディレクトリに「.servercopy.log」というログファイルが作成されているので、それを開き、最後のあたりに「COMPLETE」という行があれば、コピー処理が完了している。

4. 新規サーバにMySQLデータベースを作成

新規サーバの「XREA – CONTROL PANEL」のページで、左の管理メニューから「データベース」を選び、以下のように必要事項を入力。

選択	ラジオボタンを選択
DB/ユーザー名	従来サーバのDBと同じユーザ名
パスワード	従来サーバのDBと同じパスワード
文字コード	「UNICODE」を選択

必要事項を入力してから「作成」ボタンをクリックすると、新しいMySQLデータベースが作成される。ルートディレクトリに「mysql_.xxxxxxxxxx.dump」が作成されていることを確認しておく。

5. 新規サーバにMySQLデータベースを復元

新規サーバのルートディレクトリに、従来サーバから「mysql.dump」がコピーされていることを確認しておく。無ければ、FTPで従来サーバからコピーする。新規サーバの「XREA – CONTROL PANEL」のページで、左の管理メニューから「データベース」を選び、手順4で作成したデータベースの欄に、以下のように必要事項を入力。

選択	ラジオボタンを選択
DB/ユーザー名	DBのユーザ名
パスワード	DBのパスワード
文字コード	「UNICODE」を選択

必要事項を入力してから「復元」ボタンをクリックすると、MySQLデータベースが復元される。復元処理は、データ量にもよるが、数分から数十分ほどかかる。PhpMyAdminで、MySQLデータベースが復元されていることを確認しておく。

これで、従来サーバから新規サーバへの必要なデータのコピーは、すべて完了しているはず。念のため、データのコピー漏れがないかを確認し、パーミッションも変わっている可能性があるため、正しく設定しなおしておく。

6. DNS設定の変更: 「ユーザーコントロールパネル」の「取得済みドメイン一覧」のページで、サーバを移動するドメインの「DNS」という緑色の文字画像をクリックする。DNSの設定ページで、従来サーバのIPアドレス箇所を、新規サーバのIPアドレスに変更し、「保存」をクリックする。変更が反映されるまでには、数十分から数時間ほどかかる場合がある。
7. ドメインウェブの設定: 新規サーバの「XREA – CONTROL PANEL」のページで、左のマイドメイン利用から「ドメインウェブ」を選ぶ。従来サーバのドメイン情報と同じ内容を入力し、「ドメイン設定」ボタンをクリックする。エラーメッセージがでた場合は、手順6のDNS設定の変更が、まだ反映されていないので、しばらく待ってから実行する。
8. ドメインメールの設定: 新規サーバの「XREA – CONTROL PANEL」のページで、左のマイドメイン利用から「ドメインメール」を選ぶ。従来サーバのメール情報と同じ内容を入力し、「設定」ボタンをクリックする。うまく設定されない場合は、「A/MXレコードのチェックを行わない(強制設定)」のラジオボタンを選択し、「設定」ボタンをクリックする。
9. 契約の移動: しばらく使用してみて、新規サーバに問題がなければ、従来サーバの利用権を新規サーバに移動する。「サーバーアカウントの登録・管理・購入」のページで、従来サーバの「移動」をクリック。説明のところにある、「～強制的に移動するにはここをクリックしてください」というところをクリックすると、移動先のアカウント名@サーバー名のプルダウンメニューに、新規サーバが設定される。移動先のサーバ名に間違いがないかを確認して「移動」ボタンをクリックすると、10分から1時間程度で新規サーバに従来サーバの利用権が移動する。

以上で、従来サーバから新規サーバへ引っ越しが完了。手順は多いが、大きなトラブルもなく引っ越しができた。さぁ、新しいサーバ、いつまで持つかな。

XREA – VALUE DOMAIN:バリュードメイン

キレイなお姉さんは、好きですか？

Hannya — Mon, 23 Aug 2010 11:34:29 +0000

先日、金沢へ遊びに行った時、金沢フォーラス前で「美人時計（bijin-tokei）」の撮影をしていた。横にあるスタバでお茶をしている間にも、つぎつぎと集まってくる自称美人さんたち。自分に自信を持てるっていうのは、とてもいいことだ。

美人時計は、1分ごとに手書きの時刻ボードを持つ美人が表示されるというWebコンテンツで、2009年1月1日に開始された。いまでは、企業とのタイアップなどにより、クロスメディアコンテンツとして、さまざまな美人時計が公開されている。今回見かけた撮影現場も、どうやら北陸朝日放送とのタイアップによる、金沢美人時計のようだ。

そんな美人時計の公開よりも約4か月早く開始された「美女暦（BIJO ごよみ）」というコンテンツもある。こちらは名前のとおり、毎日違う美女が登場するというもので、美人時計に負けず劣らずの人気のようだ。

ほかにも、全国の天気情報を美女が教えてくれる「天気の天使」や、現在の為替レートを教えてくれる「美女為替」といったモノも。

期間限定などでも、さまざまな美女コンテンツがつぎつぎと公開されており、美女コンテンツ花盛りといったところ。まあ、いつの時代も、何処の世界も、美女には敵わないということで……。

キレイなお姉さんは、好きですか？　もちろん、大好きですっ！

WordPress 3.0「セロニアス」がリリース

Hannya — Fri, 18 Jun 2010 11:47:33 +0000

このサイトのブログでも使用している、オープンソースのブログ／CMSプラットフォーム「WordPress」のメジャーリリース、バージョン3.0が登場。

WordPress 3.0のコードネームは「セロニアス」。これは、ジャズ・ピアニスト「セロニアス・モンク」にちなんで。WordPressのコードネームは、毎回ジャズ奏者から取られている。

日本では、シックス・アパートのMovable Typeが人気で、多くの企業サイトでも使用され、シェアも高いそうだが、世界で見ると、WordPressの方が多く使われているらしい。最近は、日本でもWordPressの人気が上がってきているのかな。

そんなWordPress 3.0だが、メジャーリリースにふさわしく、多くの新機能が搭載されている。そして、新デフォルトテーマの「Twenty Ten」は、カスタマイズが可能な背景やヘッダー、メニューなど、新機能をフルに活用し、デフォルトにふさわしい魅力的なテーマとなっている。初めてWordPressを使う人でも、このテーマを使えば、オリジナルなデザインのサイトを、簡単に作ることができるだろう。

また、大規模なマルチサイト運営に使われていたWordPress MUとの統合も、大きな変更点だ。これは、よりいっそうのシェア拡大につながるかもしれない。

WordPress 3.0は、ベータ版のころからローカル環境でテストをしているが、このサイトの自作テーマは、取りあえず問題がなさそうな感じ。あとは、使用しているプラグインにも問題がなくなればアップグレードをしようと思う。

できれば、自作テーマもWordPress 3.0に最適化し、古いブラウザ環境も見限って、新しい機能とかを使って作り替えたいところなのだが……。それには、まだまだ勉強が必要だな。

美しき敗者たち

Hannya — Wed, 19 May 2010 15:11:14 +0000

流葉爽太郎の相棒、熊沢が急病で倒れた。代わりにやってきたのは、仕事はできるが、どこか謎めいた面を持つ美女だった。彼女との初仕事は、自動車会社の新車CF。流葉が起用を決めたのは、47歳の現役Jリーガーだった。一度夢をあきらめた男は、娘のため、そして自分自身の誇りをかけ、ピッチに戻ってきたのだ。男たちの夢が、女たちの想いが、いま疾走し始める！

喜多嶋隆『美しき敗者たち』（光文社、2010年）、カバー

喜多嶋隆の新刊、CFギャング・シリーズ『美しき敗者たち』が光文社文庫より。

お馴染、流葉爽太郎のちょい不良オヤジぶりが楽しめるこのシリーズ。ずいぶん長く続いているが、今作では登場人物に大きな動きがあった。

シリーズの初回よりずっと登場していた、相棒のプロデュサー、熊沢が急病で倒れて入院。そして、代わりのプロデューサーとして新しいキャラクターが登場。これからもレギュラーとして登場するのか？　そうなると熊沢の出番は？　これは、シリーズの次回作も楽しみになってきたぞ。

ところで、いつも葉山マリーナで開催されている、喜多嶋組の総会。去年とおととしの春には参加したのだが、何かと物入り続きで今年は参加できずに残念。しばらくご無沙汰しているためか、湘南、逗子・葉山の風のにおいが懐かしくなっているのだが、そんな気分を少し和らげてくれているのが「湘南ビーチFM」だ。

この湘南ビーチFMは、葉山マリーナの一角にスタジオがあるコミュニティFM放送なので、逗子葉山地域以外ではラジオで聴けない。しかし、サイマルラジオでネット配信されているため、パソコンやiPhoneなどがあれば、富山にいながらも湘南ビーチFMを聴くことが可能。ありがたい。

音声と一緒に、葉山マリーナに設置されているライブカメラ映像も配信されており、休日の夕暮れ時、湘南のサンセットを眺めながらの湘南ビーチFMが、最近の楽しみのひとつになっている。

全国の図書館に対応した蔵書検索サイト、カーリル

Hannya — Sat, 13 Mar 2010 02:23:47 +0000

調べモノをする時や、買うほどでもないけれど、ちょっと読んでみたいかなという本がある時など、たまに利用するのが、地元の駅前にある図書館だ。

全国津々浦々にある、便利な図書館。そんな図書館を、より一層便利に利用できるサービス、「カーリル」が公開された。

カーリルは、図書館の蔵書情報と貸し出し状況が、簡単に検索できるサービスで、全国4,300館以上の図書館、図書室に対応しているそうだ。こんな田舎にある、地元の図書館にも、しっかりと対応していたのは、とても嬉しい。

地域を設定して検索すると、複数の図書館から、蔵書があるかどうか、貸し出しが可能かどうか、貸し出し中かどうかなど、蔵書の情報が検索でき、一緒に、関連した本の情報も表示される。

また、Amazonのデータベースとも連動しており、図書館にない本でも、その本の情報を見ることができるのも便利だし、読みたい本や読んだ本を、一括管理できる「読みたいリスト」も、面白そうな機能だ。

これで、図書館まで行ってから、借りたい本がなかったということが少なくなるかな。そのまま貸し出しの予約までできれば、さらに便利なんだけどね。

カーリル | 日本最大の図書館蔵書検索サイト

WordPressの「続きを読む」リンクをカスタマイズ

Hannya — Wed, 20 Jan 2010 13:52:50 +0000

少し前に、このサイトのブログで使用している、WordPressのバージョンを、2.8.6から最新版の2.9.1にアップグレードした。

最新版にアップグレードしたついでに、プラグイン関連をいろいろ調べていると、今まで使用していた「Custom MoreLink」というプラグインが必要ないことが分かった。

このプラグインでやっていたのは、で生成されるリンク、いわゆる「続きを読む」のリンクから、#more-xxxxを削除するということ。これで、シングルページの続きの場所ではなく、ページの先頭へリンクされるようになる。

もちろん、「Custom MoreLink」には、それ以外の機能もある便利なプラグインなのだが、このサイトでの用途には必要がなくなったので、お役御免ということに。

新しい方法は、WordPress Codexに書いてあったのだが、テーマのfunctions.phpに、以下のコードを追加するだけでいいらしい。

function remove_more_jump_link($link) {
$offset = strpos($link, '#more-');
if ($offset) {
$end = strpos($link, '"',$offset);
}
if ($end) {
$link = substr_replace($link, '', $offset, $end-$offset);
}
return $link;
}
add_filter('the_content_more_link', 'remove_more_jump_link');

これで、希望どおりの動作になってくれた。プラグインは便利なんだけれど、あまり使いすぎると重くなりそうだし、テーマの書き方で補えるなら、その方がいいしね。

文部科学省による体験サイト、宇宙ワンダー

Hannya — Sat, 26 Dec 2009 02:22:03 +0000

以前に、文部科学省によるサイト「南極ワンダー」を、チラリと紹介したが、先日、新しい体験サイト「宇宙ワンダー」が公開された。「深海ワンダー」「南極ワンダー」につづく第3弾だ。

20XX年の種子島宇宙センターを舞台に、ロケットの打ち上げや、衛星のコントロールなど、さまざまなミッションを体験しながら、ロケットや衛星の仕組、技術、それにかかわる人々のことなどが、わかりやすく、楽しく学ぶことができる。

国際宇宙ステーションから帰ってきた、若田宇宙飛行士のインタビューも掲載。

子供向けの学習サイトだが、宇宙ワンダーは、今までのシリーズと同様、大人にも十分に楽しめる内容で、子供のころ宇宙にあこがれた、大きな子供にも最適。

テーブルをソートするJavaScript、TableKit

Hannya — Mon, 07 Dec 2009 12:45:56 +0000

このサイトの「喜多嶋隆作品蔵書リスト」だが、縦に長い表が見難かったので、項目別にソートできれば少しはマシかなと、何かいいJavaScriptがないか探していた。

他の動作で使用している、PrototypeというAjax JavaScriptフレームワークを利用したもので、いろいろ探してみると、「TableKit」という、なかなか優れモノのJavaScriptを発見した。Googleの検索で、結構引っかかるので、有名なのかな。

項目をソートするだけならば、結構簡単だったのだが、一応設置手順をメモ。

1. 必要なファイルを設置

Millstream Web Softwareから、TableKitをダウンロードして解凍し、ソートに必要な「fabtabulous.js」と「tablekit.js」を任意の場所に設置する。Prototypeが設置されていない場合は、「prototype.js」も同様に設置する。

2. JavaScriptファイルの読み込み

内に、設置したJavaScriptファイルの読み込みを指定する。

3. 動作の指定

に、動作に必要なclassを指定する。

（中略）

著作名	初版発行日	備考

今回はソート機能だけができればいいので、class="sortable"のみを指定した。ほかにも、リサイズ機能と編集機能を指定することも可能。

以上の指定で、要素をクリックすると、昇順・降順でソートするようになる。また、ソート時の要素の表示は、スタイルシートで色を変えるなど、現在の状態が分かるようにしてやると便利。今回は、自分用ということで、あまり目立たないようにしたけれど……。

他にも、ソートの初期状態を指定したり、データ種別の指定など、いろいろとオプション項目があるようだが、詳しくは公式サイトのDocumentationを参考に。

南極料理人

Hannya — Mon, 19 Oct 2009 11:56:40 +0000

西村淳のエッセイ『面白南極料理人』を原作とした映画『南極料理人』を観てきた。

南極大陸の昭和基地から約1,000kmも内陸に入った、南極ドームふじ基地。そこは、ウイルスさえも生存できない極寒の地。そんな、南極ドームふじ基地に派遣される、南極観測隊。調理担当として派遣された隊員を主人公に、8人の隊員たちの基地での生活を描く、楽しくて、あたたかくて、ちょっとお腹が空く映画。

主演には堺雅人。そのほかの隊員にも、生瀬勝久、きたろう、豊原功補などの、個性的な実力派俳優が。フードスタイリストには、『かもめ食堂』や『めがね』でもお馴染の飯島奈美。音楽はユニコーンの阿部義晴が担当し、主題歌もユニコーン。キャスト、スタッフとも、結構豪華。

原作は読んだ事がなかったが、映画も面白かったし、読んでみようかな？　まあ、未読の本が何冊もたまっているので、そのうちに。

ところで、南極といえば、南極大陸のあちこちを巡り、南極観測隊のミッションを疑似体験できる、文部科学省によるサイト「南極ワンダー」が面白い。子供向けのサイトだが、大人でも十分に楽しめる内容だ。やはり、子供のころ、夢に見たかの地は、大人になっても変わらず、あこがれの地ということか。