PC版のリニューアル作業はいたって順調！
プログラムについては、携帯版制作時に勉強して慣れたこともあり、無事終了！
あとは...
構造とデザイン、データ整理、放置してきた古いページの手直し
って、まだまだやることだらけかも...。
とくに時間がかかるのが、なんと言ってもデザイン！
デザインのセンスを生まれ持ってないため、「この色とこの色を組み合わせるといい感じになる」ということが直感的にひらめかないんです。配色などはひたすら試行錯誤！毎回のことですが、永遠と時間を消費してしまいます。
ついさっき配色サイトを食い入るように見ながら、ひたすら試行錯誤していたら、目の前が一瞬暗くなりました...（汗）
ではでは。
プログラムについては、携帯版制作時に勉強して慣れたこともあり、無事終了！
あとは...
構造とデザイン、データ整理、放置してきた古いページの手直し
って、まだまだやることだらけかも...。
とくに時間がかかるのが、なんと言ってもデザイン！
デザインのセンスを生まれ持ってないため、「この色とこの色を組み合わせるといい感じになる」ということが直感的にひらめかないんです。配色などはひたすら試行錯誤！毎回のことですが、永遠と時間を消費してしまいます。
ついさっき配色サイトを食い入るように見ながら、ひたすら試行錯誤していたら、目の前が一瞬暗くなりました...（汗）
ではでは。
携帯サイトに比べ、PCサイトが見劣りする、というおかしなことになっているので、急遽PCサイトを手直し中！
そして、たった今、思わぬ発見をしました！
携帯サイトではディスプレイの大きさの都合上、全角カタカナではなく、半角カタカナを多用すると思います。
XHTMLやCHTMLで直接文字を入力するのなら、半角で入力するだけで何の問題もありません。しかし、Web-DBから自動入力するときは一体どうすればよいのでしょうか。
「DB中のデータを半角にする（半角専用のカラムを用意する）」
これがまっさきに思いつく解決案ではないでしょうか。私は今日まで（といっても数週間ほどでしかないのですが）この方法をとっていました。
しかし、なんとPHPに「半角カナ→全角カナ」や「全角カナ→半角カナ」など、文字を自動変換してくれる関数があるではないですか！！おまけに文字コードまで変換できるようです！それは
mb_convert_kana();
という関数です。「半角カナ→全角カナ」を試してみたら、見事に変換してくれました！（文字コードを変換したとき、文字化けが起きるかは試してないので不明）
あと1週間早く知っていれば...。無知ってなんて素敵なことなんでしょう（怒）
(というか、手持ちのPHP辞典がこんなすばらしい関数を載せてないから悪いんだ！）
ということで、私は時間ができたらスクリプトを書き換えなければなりません。これから、携帯サイトをつくる方はmb_convert_kana();という関数があることを頭にとめておくときっと役立つはずです。
ちなみにカタカナをひらがなに変換することも可能です。これは凄い！
そして、たった今、思わぬ発見をしました！
携帯サイトではディスプレイの大きさの都合上、全角カタカナではなく、半角カタカナを多用すると思います。
XHTMLやCHTMLで直接文字を入力するのなら、半角で入力するだけで何の問題もありません。しかし、Web-DBから自動入力するときは一体どうすればよいのでしょうか。
「DB中のデータを半角にする（半角専用のカラムを用意する）」
これがまっさきに思いつく解決案ではないでしょうか。私は今日まで（といっても数週間ほどでしかないのですが）この方法をとっていました。
しかし、なんとPHPに「半角カナ→全角カナ」や「全角カナ→半角カナ」など、文字を自動変換してくれる関数があるではないですか！！おまけに文字コードまで変換できるようです！それは
mb_convert_kana();
という関数です。「半角カナ→全角カナ」を試してみたら、見事に変換してくれました！（文字コードを変換したとき、文字化けが起きるかは試してないので不明）
あと1週間早く知っていれば...。無知ってなんて素敵なことなんでしょう（怒）
(というか、手持ちのPHP辞典がこんなすばらしい関数を載せてないから悪いんだ！）
ということで、私は時間ができたらスクリプトを書き換えなければなりません。これから、携帯サイトをつくる方はmb_convert_kana();という関数があることを頭にとめておくときっと役立つはずです。
ちなみにカタカナをひらがなに変換することも可能です。これは凄い！
携帯版がいい出来なので、（かなり見劣りする）PC版を全面的に改良することにしました。ただし、今後はデータの充実に時間を割きたいので、今あるものをベースにあまり時間をかけずに行うつもりです。
といっても、現実的にはかなり時間がかかるので、とにかく必死にやることにしました（笑）それしか解決方法はないでしょう。
ということで、こんな時間ですが作業中です。「真夜中ナビ」の管理人なので、真夜中に作業することは宿命なのかもしれませんが、思考能力が低下中。
ところで、夏休みに入ったことが影響してか、アクセスが増えました。管理人としては、良いことなのですが一言。
良い子のみんな、無理な夜更かしはやめましょう！
でも、夏休みしか夜更かしはできないよ...（悪魔の囁き）
では、作業に戻ります。
といっても、現実的にはかなり時間がかかるので、とにかく必死にやることにしました（笑）それしか解決方法はないでしょう。
ということで、こんな時間ですが作業中です。「真夜中ナビ」の管理人なので、真夜中に作業することは宿命なのかもしれませんが、思考能力が低下中。
ところで、夏休みに入ったことが影響してか、アクセスが増えました。管理人としては、良いことなのですが一言。
良い子のみんな、無理な夜更かしはやめましょう！
でも、夏休みしか夜更かしはできないよ...（悪魔の囁き）
では、作業に戻ります。
�▲罅璽供璽─璽献Д鵐箸砲茲覲謄�ャリアの振り分け
au+tu-ka,docomo,vodafonを振り分ける作業です。これはPHPを用いると、簡単にできます。PHPの基礎体力様やレッツPHP!様が公開されているスクリプトを参照してください。
なお、vodafonについては、上記サイトで公開されているスクリプトでは最新機種の判別ができないためユーザーエージョント書き足す（VodafoneとMOT-V980）必要があります。また、if,elseif文において、キャリアの順序を必ずdocomo,vodafon,auの順にしないと、vodafon最新機種のユーザーエージョントの関係で判別できない可能性があります。なお、ユーザーエージョントについては、各キャリアのHP上に記載されています。
このPHPをindex.phpとしてやる（http://mayonaka-navi.info/mobile/index.php）と、見事に振り分けができるはずです！
（注）手順�△世韻任盞搬嗚�端の振り分けは可能です。しかし、ちょっとした技を使うだけで誰でもパソコンから見ることができ、パケ代を払って携帯版を見てくれている方に申し訳ないですよね？？
以上が自動振り分けの手順です。説明を書くのって疲れます。しかもタダ働き！
「でも、拙者も助けられてきましたから...残念！」（ﾊﾀﾖｳｸさん風）
「ってゆーか、俺も助けられたし」（ｷﾑﾗﾀｸﾔさん風）
ではでは。
au+tu-ka,docomo,vodafonを振り分ける作業です。これはPHPを用いると、簡単にできます。PHPの基礎体力様やレッツPHP!様が公開されているスクリプトを参照してください。
なお、vodafonについては、上記サイトで公開されているスクリプトでは最新機種の判別ができないためユーザーエージョント書き足す（VodafoneとMOT-V980）必要があります。また、if,elseif文において、キャリアの順序を必ずdocomo,vodafon,auの順にしないと、vodafon最新機種のユーザーエージョントの関係で判別できない可能性があります。なお、ユーザーエージョントについては、各キャリアのHP上に記載されています。
このPHPをindex.phpとしてやる（http://mayonaka-navi.info/mobile/index.php）と、見事に振り分けができるはずです！
（注）手順�△世韻任盞搬嗚�端の振り分けは可能です。しかし、ちょっとした技を使うだけで誰でもパソコンから見ることができ、パケ代を払って携帯版を見てくれている方に申し訳ないですよね？？
以上が自動振り分けの手順です。説明を書くのって疲れます。しかもタダ働き！
「でも、拙者も助けられてきましたから...残念！」（ﾊﾀﾖｳｸさん風）
「ってゆーか、俺も助けられたし」（ｷﾑﾗﾀｸﾔさん風）
ではでは。
同じURL（http://mayonaka-navi.info/mobile/）なのに、au末端はau用のURL(http://mayonaka-navi.info/ez/)に、docomo末端はdocomo用のURL(http://www.mayonaka-navi.info/i/)に自動振り分けする方法を考えてみましょう。実例として、偶然見つけた素晴らしいサイト、真夜中ナビを使用します。新手の宣伝か！（笑）
なぜこんなことをする必要があるかと言うと、これはユーザーの方を考えると最低限、管理者が行うべきマナーであるからです。（携帯から見たら、PC用サイトだったためパケ代を損した！とさせないためにも）
ポイントは2点。
.htaccessによるIPアドレス帯域の制限とユーザーエージェントによる各キャリアの振り分けです。
��.htaccessによるIPアドレス帯域の制限
まず携帯電話からのみ http://mayonaka-navi.info/mobile/ にアクセス可能とします。.htaccessの具体的な記述は以下。（.htaccessの記述方法は各自で勉強してください）
**************************************************
order deny,allow
deny from all
# vodafone を許可(2005/07/06)
allow from 210.146.7.192/26
allow from 210.146.60.192/26
allow from 210.151.9.128/26
allow from 210.169.176.0/24
allow from 210.169.193.192/26
allow from 210.175.1.128/25
allow from 210.228.189.0/24
allow from 211.8.159.128/25
allow from 211.127.183.0/24
# au,docomoについても記す必要あり（省略）
# その他からのアクセスは下記のURLに誘導
ErrorDocument 403 http://www.mayonaka-navi.info/error/index.html
***************************************************
au(含tu-ka),docomoについては省略しましたが、各自でIPアドレス帯域を調べて追記してください。なお、IPアドレス帯域は各キャリアのHPに記載されています。変更されることもあるので、必ず最新のものを記入する必要があります！
これで、 http://mayonaka-navi.info/mobile/ にアクセスできるのはau,docomo,vodafon,tu-ka末端だけになりました。
続いてポイント�△飽椶蠅泙后�
なぜこんなことをする必要があるかと言うと、これはユーザーの方を考えると最低限、管理者が行うべきマナーであるからです。（携帯から見たら、PC用サイトだったためパケ代を損した！とさせないためにも）
ポイントは2点。
.htaccessによるIPアドレス帯域の制限とユーザーエージェントによる各キャリアの振り分けです。
��.htaccessによるIPアドレス帯域の制限
まず携帯電話からのみ http://mayonaka-navi.info/mobile/ にアクセス可能とします。.htaccessの具体的な記述は以下。（.htaccessの記述方法は各自で勉強してください）
**************************************************
order deny,allow
deny from all
# vodafone を許可(2005/07/06)
allow from 210.146.7.192/26
allow from 210.146.60.192/26
allow from 210.151.9.128/26
allow from 210.169.176.0/24
allow from 210.169.193.192/26
allow from 210.175.1.128/25
allow from 210.228.189.0/24
allow from 211.8.159.128/25
allow from 211.127.183.0/24
# au,docomoについても記す必要あり（省略）
# その他からのアクセスは下記のURLに誘導
ErrorDocument 403 http://www.mayonaka-navi.info/error/index.html
***************************************************
au(含tu-ka),docomoについては省略しましたが、各自でIPアドレス帯域を調べて追記してください。なお、IPアドレス帯域は各キャリアのHPに記載されています。変更されることもあるので、必ず最新のものを記入する必要があります！
これで、 http://mayonaka-navi.info/mobile/ にアクセスできるのはau,docomo,vodafon,tu-ka末端だけになりました。
続いてポイント�△飽椶蠅泙后�
まずご報告。
ブログを移転しました。
このブログは、主に真夜中ナビ管理人の更新記録・更新予定告知のためのものですが、私がサイト製作時に学んだ技術も記していきたいと思います。
タイトルの「Auld Lang Syne」とは、「蛍の光」の原曲名です。「ふつうのお店の閉店後」と「暗闇を明るく照らす」という意味合いを込めて、このブログのタイトルとしております。
もうひとつ重要なご報告。こちらが本題です。
おかげさまで、昨日、携帯版をオープンすることができました！
（移転前の）ブログで「隅田川花火大会までには携帯版を完成させる！」と宣言していたこともあり、無事達成できてホッとしています。
アクセスしてもらった方にはわかると思いますが、作成途中でプログラミングに目覚めたことと、やる気満々で製作したため、ありえないことにPC版より遥かに出来がいいんです（笑）
自分で言うのもなんですが、外出先での万が一の時に、きっとお役に立てると思うので、ぜひお気に入りに登録してやってください。
最後になりましたが、携帯版の公開に先立ち、表示確認報告をしてくださった慶應義塾大学理工学研究科の皆さん、どうもありがとうございました。
ブログを移転しました。
このブログは、主に真夜中ナビ管理人の更新記録・更新予定告知のためのものですが、私がサイト製作時に学んだ技術も記していきたいと思います。
タイトルの「Auld Lang Syne」とは、「蛍の光」の原曲名です。「ふつうのお店の閉店後」と「暗闇を明るく照らす」という意味合いを込めて、このブログのタイトルとしております。
もうひとつ重要なご報告。こちらが本題です。
おかげさまで、昨日、携帯版をオープンすることができました！
（移転前の）ブログで「隅田川花火大会までには携帯版を完成させる！」と宣言していたこともあり、無事達成できてホッとしています。
アクセスしてもらった方にはわかると思いますが、作成途中でプログラミングに目覚めたことと、やる気満々で製作したため、ありえないことにPC版より遥かに出来がいいんです（笑）
自分で言うのもなんですが、外出先での万が一の時に、きっとお役に立てると思うので、ぜひお気に入りに登録してやってください。
最後になりましたが、携帯版の公開に先立ち、表示確認報告をしてくださった慶應義塾大学理工学研究科の皆さん、どうもありがとうございました。
| HOME |