携帯振り分け終了・・・

本日も徹夜になってしまいましたが、携帯への接続振り分けにようやく成功しました・・・。きつかった&どうしてうまくいかなかったのか分からないです。同じ目に遭う人の役に立つかもしれないし、私自身の今後のためにも一応メモっときます。

今回はmod_rewriteを使ってhttp://eartraining.sakura.ne.jpに携帯から接続しようとすると、携帯用のページに振り分けられるようにしたかったんですが、これがなかなかうまくいかない。巷に出回っている設定何通りも試したというのに・・・。

で、最終的な解決策はなんともダサイのですが、RewriteRuleの中身を通常は正規表現+相対パスという感じにするところをばっちり絶対パス(要するにhttp://~ですね。)で書くという事です。mod_rewriteの仕様を見る限り、URLプリフィックスは最初に一旦取り除いて最後にまた付け直すような事を書いてあるんですが、正直ナニがどうなっているのやら分からんのです。誰か分かる方いらっしゃいましたらご教授くださいまし・・・。

まあとりあえず無事動いてはくれたので、謎はこのまま残して実際のページ作りに進む事にしたいと思います。
そう言えばついでに書いときますが、携帯用のフォルダの方で一応Rewrite Engine Offに設定した方がいいみたいです。うーん、ループの防止という事ですが親ディレクトリの設定を継承するんでしょうか?分からない事だらけで困ったもんです。(汗

カテゴリー: コーディング/サーバ, 更新情報 | タグ: , | 2件のコメント

教則マニアの部屋もSSIに。

携帯対応の方はもう少し時間がかかりそうなので、今回習得した技術を慣らしておくために教則マニアの部屋もSSIを導入してみました。
ついでにナビゲーションの位置を左から右に移動。

ファイルの編集自体は復習みたいなものなので気楽に終わりましたが、ローカル環境の構築に四苦八苦でした。SSIはPHPと違ってプログラムが間違ってエラい事になる訳じゃありませんが、一応ローカルテストはやっておきたいのとスタイルシートの編集に難儀するので、教則マニアの部屋の作業の前にApacheで動くように変更しました。

以下SSI設定の覚え書き。

httpd.confでDocumentRootを私のアカウントの「サイト」に変更。それからSSIモジュールのコメントアウトを外して、optionsにincludeを追加。AddType text/htmlでshtmlを追加。AddHandler server-parsedでhtmlとshtmlを追加。今回は拡張子はhtmlでできるようにしなきゃいけないので、AddHandlerでhtmlを追加するのは重要なポイントですね。同様にname.confにもAddType、AddHandler、Options共に同様の記述を追加。

これで「サイト」をルートとしてSSIが動作するようになりますが、私は複数のサイトをチェックしたいので「サイト」の中にeartainingというディレクトリを作成して、そこをルートディレクトリにしたいと考えました。今後、他のサイトを作る際の事も考えてバーチャルホストで対応する事にしました。

以下、バーチャルホストの覚え書き。

編集するのは2ファイル。hostと新しく作成するconfファイル。
hostに関してはローカルループバック(127.0.0.1)の後にルートのサーバ名(私の場合はlocalhost)が書かれているので、そこにバーチャルホスト名を書き足し。今回はeartrainingなので、行の中身は『127.0.0.1 localhost eartraining』となりました。

次にconfファイル。httpd.confに直書きだと後で大混乱しそうなので、別にファイルを作成。httpd.confの末尾にInclude /private/etc/httpd/users/*.confという記述があったので、既にインクルードされている/private/etc/httpd/users/にeartraining.confを作成。内容は以下の通り。

NameVirtualHost *:80

# eartraining
<virtualHost *:80>
ServerName eartraining
DocumentRoot /Users/ユーザー名/Sites/eartraining

<Directory “/Users/ユーザー名/Sites/eartraining”>
Options All
AllowOverride All
Order Allow,Deny
Allow from all
</Directory>

</VirtualHost>

これで完成。
ブラウザからhttp://eartraining/にアクセスするとローカルのeartraining内のindex.htmlが表示されます。

長々と書きましたがイヤトレとは全然関係なくてゴメンナサイ。
クリーンインストールした時とか、備忘録残しとかないとやり方忘れそうなので、一番ちゃんと残っていそうなここに書いてしまいました・・・。ローカルサイトの設定で悩んでいて検索エンジンからたどり着いた場合は意外と役に立つかもしれません。

カテゴリー: コーディング/サーバ, 更新情報 | タグ: , , | コメントする

おわったーーー!!!!

という事で勢いだけで全ページのリニューアル、SSIでの更新の自動化が完了しました。絶対今日中には終わらないと思っていたんですが、なんだか調子良く全ページ終わってよかったです。一応、表示確認はしたつもりですが、問題が起こっていたらコメント欄にご一報頂けると嬉しいです。

やりだしたら教則マニアの部屋もいじりたいとか、色々と欲が出て来てしまいますが、一旦リニューアルは終了ですね。ちょっと前準備を挟んで、次はコンテンツの携帯対応に突入したいと思います。せっかくSSIの使い方も覚えたので、極力一括処理できるようにして素早く進めていきたいと思います。

カテゴリー: 更新情報 | コメントする

何故かSSI導入成功

相変わらず更新中です。

相対音感トレーナーの単音とダイアドは終わったのですがコードに入ったところで「だー!!!!やってらんねええ!!」と叫びたくなって来たため、衝動的にSSI導入しました。今さら各ページの拡張子をshtmlに書きかけるなんて面倒だし検索エンジン的にも非常にまずいので、.htaccessでhtmlに変更したところ、あっさりと成功。という事で速攻でSSIでナビゲーションやらフッターを一括処理できるようになりました。(徹夜しちゃいましたが・・・・。)

まあ、ユーザーサイドには見えない事なので勝手にしゃべって終わりで申し訳ないのですが、今回のSSI導入で今後は今までよりも気楽に新しい記事が追加できるようになりました。万歳。

でもまずは各ページにSSIのコマンドを書かなきゃいけないので、更新作業はコード編が終わったら既に更新済みのところをもう一周する事になりそうです・・・・。微妙にへこみますね・・・。

そんなこんなで管理人的にはまだ先が長そうですが、一応ユーザーサイド的には本日か明日には全ての作業が終了する予定です。

カテゴリー: 更新情報 | コメントする

とりあえずマイナー(主音ド)のリニューアル

メインコンテンツに続いて音感トレーナーのリニューアルに突入しました。
とりあえず使用頻度の低いところからスタートという事でマイナー(主音ド)からスタート。ついでにiframeの高さを修正してリセットボタンのスクロールが出るのを直しました。

一回ひな形が出来上がってしまえばひたすらコピペして微調整の繰り返しなんですが、量が量なので結構時間がかかります。効率悪いし、メニュー部分だけでもPHPで自動更新にする事を考えないと今後の更新もはかどらなくてよろしくないですね。まあこの辺は音感トレーナーのバージョンアップをしながら考える事にしたいと思います。

とりあえず今回の更新はプログラム部分は従来のままなので大きな問題は起きないと思いますが、表示に支障が出ているようでしたら書き込みで知らせて頂けると嬉しいです。では引き続きリニューアルの作業を継続したいと思います。

カテゴリー: 更新情報 | コメントする

とりあえずメインコンテンツの更新終了です。

作業中に文章まで直したい気分になりましたが、ちょっと収拾がつかなくなりそうなんでデザインだけの更新を優先しました。次は音感トレーナーの方ですね。数は多いけれども作業量は少なめなので予想よりかは大分早くリニューアルできそうです。

今後の更新予定としては音感トレーナー自体の抜本的なバージョンアップとかメインの記事の更新とか色々ありますが、実は目玉企画としてスマートフォン対応を考えています。

文章中心のページはまあ問題なく行くと思うんですが、音感トレーナーとかその辺はどの程度対応可能なのかまだ未知数です。技術的に大きなチャレンジですが、まだ普及し始めたばかりとは言え従来の携帯と違って対応するだけの価値があると思うので、できるだけ頑張ってみます。もちろんi-phoneだけじゃなくてAndroidも含めてやっていこうと思います。

カテゴリー: 更新情報 | コメントする

デザインリニューアルします。

さきほどトップページの新デザインをアップロードしました。
すでにご覧になりましたか?

今まで異様に長かった右サイドバーをスクリプトで開閉式にした他、全てのデザインを見直しました。これまでよりグッと見やすくなったと自画自賛。また、文字サイズを全て相対処理にしましたので、どのブラウザでも文字サイズを変更してもレイアウト崩れなしに閲覧できます。

ちょっとタイトルロゴの画像は適当過ぎるので、そのうちちゃんとした画像に差し替えるかもしれません。やるやると言いつつも今まで放置状態だったGimpにようやく手をつけてみました。いやはや、難しくて早くも挫折しそうです・・・。

色々考えて、IE6については今回からフォロー対象外とさせてもらいました。(一応動作していますが。)専用のコードを書く事で9割以上の他のブラウザの人に負担をかけるのはあんまりなので。

今後は順次各ページも新デザインに移行していく予定です。まあページ数がメチャクチャ多いのでテキストエディタのみで編集する身としては先が思いやられますが、なんとか来週中には全ページリニューアルにこぎ着けたいと思っています。

動作とかで不具合等ありましたらコメントでご指摘頂けますと、とっても嬉しいです。
では本日はこんなところで。

カテゴリー: 更新情報 | 6件のコメント

密かに更新中です。

すっかり放置気味になってしまっていますが、ようやく更新作業再開いたしました。このサイトも来年には開設5年目を迎えます。時間の経過が早過ぎてあなおそろしや。

さて、今回の更新内容ですが、まずは情報が古くなってしまったページの更新を優先的にこなして、その後は各ページの文章を公正していきつつ、レイアウトを改善して読みやすくしていこうかと思っています。

しばらくは大規模ではなく、各ページの改善がメインですね。
現時点で完了している大きな更新は2点です。

まず、イヤートレーニング関連の教則本に初心者のためのビギニング・イヤー・トレーニングを追加しました。自分がトレーニングした時に使った教材しか紹介しないようにしていたんですが、あまりに私のページ経由で購入してくださる方が多いので、なんだか申し訳なくなったので私も購入してみました。

あとはトレーニングツールとしてのキーボードに関しては全面改訂しました。数年経って各メーカーともモデルチェンジしましたし、私自身の所感も変わって来た部分もありますので、レビュー部分に関しては全て新規で書いてみました。

あとの個別の改善点は細か過ぎていちいち書いても仕方がないので、置いておきましょう。

今後の予定としては相対音感トレーナー(テンション編)なんて企画も考えてはいるのですが、なかなか形にならず苦戦中なので、リリースまではもう少しお待ちください。なんとか完成できるよう努力いたします・・・。

カテゴリー: 更新情報 | 2件のコメント

レイアウト崩壊していました、すいません。

今日、久々にノートパソコンでサイトの見直しをしてみましたが、教則マニアの部屋のレイアウトが崩壊しているのが発覚。

どうしてかと思えば、横幅の指定が明らかに広過ぎになっていました。何故にこんな根本的なミスを・・・。

とりあえず応急処置で修復しておきました。おそらく、ディスプレイの解像度が1200px以下の方は全てなんらかの問題がある表示になっていたんじゃないかと思います。本当にすいません・・・。

メインのサイトの方も近々デザインをリニューアルしたいと思っています。「デザインする気がない」がモットー(?)でここまで来ましたが、もうちょっと色気のある見た目にする予定です。なんとか年内に間に合うと良いんですが全部は無理かな・・・。

カテゴリー: 更新情報 | コメントする

教則メーカー Homespunのチャンネル

教則ソフトメーカーのHomespunがYoutubeのチャンネルを持っているのを発見しました。
このメーカー、ジャンルがブルーグラスとかそっちの系統の物ばかりなので日本国内ではあまり流通していないのですが、他のメーカーではあまり見かけないような面白い教則が揃っています。
以前はたまに楽器店で輸入物を発見する程度でしたが、Amazonのおかげで最近は気軽に手に入りますので、チャンネル内の動画を手がかりに気になるタイトルを探してみるのも良いかもしれません。

ギターの教則DVDで紹介している、トニー・ライスの教則DVDの動画も一本ありました。

それにしてもこんなマニアックなジャンルの物が購入前に試聴できるなんて、つい5、6年前には考えられませんでした。便利な世の中になった物ですね。

カテゴリー: 音楽/楽器 | タグ: , , , , | コメントする