Web2.0的ホームページ制作日記-ブログ-
|
ヘビーメタル・ハードロック・アーティスト情報hmhr.infoの管理人ブログ Web2.0的ホームページの制作日記-ホームページって奥が深いですね。hmhr.infoはまだWeb1.3程度ですが、Web2.0的クールなホームページにしていきたいです。 |
![]() (1) 2 3 4 5 » |
| 2008年03月03日 | ||
|---|---|---|
| ||
|
「Firefoxが原因でKRNL386.EXEに発生しました。Firefoxは終了します。問題が解決しない場合は再起動してください。」 はじめてのFirefox2―人気ブラウザの「基本操作」から「アドオン」まで (I/O BOOKS) Firefoxを起動し何ページか閲覧していると、上記のようなメッセージが出るようになりました。 このうちKRNL386.exeという部分は下記のようなファイルの場合もありました。 KERNEL32.DLL SOFTOKN3.DLL どうも同様のメッセージはOperaでも出るらしいのです。 昨日の晩までは元気よく動いていたので、不思議です。 当方のOSは昔なつかしのWindows MEです。なぜ、MEかというのに深遠な理由はなく、単にまだそのパソコンが動くからというだけです。 それはさておき、ブラウジングが出来ないのは困りものです。 昨日の晩から今日パソコンをたち上げるまでに、なにかやったか振り返ってみました。 特に何もやってないし仕方がないのでFirefoxを再インストールしてみました。プラグインのデータが吹き飛んだりしてかなりへこみました。でもFirefoxは全然治りません。 で、ふと思い出したのが、パソコンを起動してからまずやったのがFlash Playerが更新を通知してきたので、それを実行したことでした。 うん、たぶん、これだ! なんか無意識のうちにやっていました。 早速調べてみると、まさにドンピシャなページがありました。 FirefoxやOperaを開くと、「Firefox(Opera)が原因でKERNEL32.DLL(KRNL386.EXE... やっぱりFlash Player・・・ ただ、原因はつかめたのですが、僕の環境では解決はしません。 ふつうのFlash Playerのダウンロードページには最新版しかありません。 Adobe Flash Playerダウンロードセンター これを入れなおしても解決しません。多分これが問題をひきおこしているのでしょう。ver. 9.0.115.0 Flashがないといろいろ不便です。Flashのありがたみがちょっとわかりました。 で、少し試してみたところ、バージョンダウンさせることで解決しました。まっ、当たり前ですけどね、昨日の晩までは問題なかったわけですから。 問題解決への手順下記の手順で僕は正常化しました。いやぁ〜、良かった。 手順1-アンインストールまず、アンインストーラーを入手し、アンインストールします。 (Adobe)Flash Player プラグインおよび ActiveX コントロールをアンインストールする方法 手順2-旧バージョンの入手次に下記のページから旧バージョンを入手します。 僕はバージョン8でOKでした。 (Adobe)テスト用のアーカイブ版 Flash Player の提供について 手順3-旧バージョンのインストールファイルを解凍しますと、v8のいくつかのリリースごとのフォルダがありますのでいちばん新しそうなr39のなかのflashplayer8r39_win.exe を実行します。 他のファイルはmac用およびWindowsのInternet Explorer用とのことなのでインストールはしません。 これで完了。 Window ME + Firefox + Adobe Flash Player9.0.115.0は場合によっては死ぬかもということです。 いやぁFirefox再インストールで、あるプラグイン内に格納したパスワードなどの情報が消失したのがいたすぎる・・・。 Firefoxの再インストールなんて必要なかったのに・・・、失敗した。 | ||
| Posted by majin99 at 22:59:55 on 2008/03/22 | ||
| [閲覧(534)][コメント(0)][トラックバック(0)] |
| 2008年01月11日 | ||
|---|---|---|
| ||
|
いやあ、昨年後半はすっかりこのブログの更新が滞ってしまいました。 メインサイトのメタル・ハードロック-アーティスト情報サイトもあまり後半はあまり機能が増やせなかったなあ。 サイトもオープンして1年ちょっと経ちましたが、予想以上の皆さんに訪れていただいたみたいです。ありがとうございました。 オープン以来昨年1年でだいぶコンテンツのボリュームアップを図ることができましたが、それでもやっぱりまだ魅力に乏しい気もするのでもっとパワーアップを図りたいと思います。 あと、デザインも何度か変えてみたのですが、まだまだ素人臭さ全開なのをなんとかしたいところです。 Webサイトを本格的に作成して運営するのは初めてなのですが、一番苦労なのは、ブラウザごとに表示が異なることでしょうかねえ。まぁブラウザごとというよりも本当に1台ごとに異なるぐらいに思っていないとだめですね。 さて、昨年後半で新しく作った機能といえばアーティストのディスコグラフィをAmazonからひっぱて来るというやつぐらいです。 例えばもうじき来日するIRON MAIDENのページはこんな感じです。 こちらも相変わらずデザイン最悪です。すみませんね。まだ途中なんですよ。でも力尽きてしまいました。 このページで使っている技術は ・REST ・XML ・XSL ・PHP ・JavaScript です アーティスト名を渡したら、AmazonのECSからRESTでやり取りしたアーティストのアルバム一覧を受け取って表示するというのがメインです。で、そこに、アルバム数が多い場合にページを移動したり、まぁあれやこれや後から付け加えることができるようにということでPHPで制御してみました。 それならPHPのSAXとかでHTMLとして、書き出してもよかったのかもしれないといま気づいたいのですが、XSLでやってみたかったのでやってしまいました。 XSLに挑戦するのが初めてだったので、手をつけてみたもののなんだかさっぱり分からず挫折しそうになりました。 またWeb上にXSLを解説するドキュメントが少ないこと、および書店で書籍を探してもあまりないのです。 簡単すぎて解説するまでもないことなのか、普及率が少ないのか定かではありませんが、つらかった。ほんとうにつらかった。 XMLとXSLだとこちらのサイトがベストかなあと思います。 たのしいXML やさしいXML それから、またどうしてもやってみたくなり、JavaScriptライブラリを使ってみました。 このページにはあまり必要ない蛇足な機能なのですが、ロード時にダイアログを表示してしばらく待ってくださいとでるやつです。 JavaScriptのライブラリを利用するときに一番大変なのは、コーディングではなくて、実現したいことを叶えてくれるライブラリを探すことかなぁと思います。 それくらいに、コーディングがほとんど必要なく、いろいろなことを実現できるのは素晴らしいことです。自分の実務もそうだったらいいのになあ。あっ、でもそしたら、リストラ候補になりかねないな。 基礎 Ajax + JavaScript 今回、使ったライブラリはこれ! Prototype Window それとお正月休みにはこっそりとこんな機能を作っていました。 全国メタルCDショップマップ いまさらかもしれませんがgooglemapsを使用しています。こちらも初挑戦でして、複数のポイントを立てるのが上手くいかずはまってしまい苦労しました。 Googleマップ+Ajaxで自分の地図をつくる本 Google Maps API徹底活用 今年このサイトをもっと大きくする為に、いま以下のようなことを試してみたいと思っています。 ・mediawiki wikipediaでおなじみのwikiです。 ・cakePHP 自分のサイトでどう使うか、全然見えていないのですが、MVCとかPHPのフレームワークに触れてみたいなと思っています。 こんなところですが、今年もよろしくお願いします。 | ||
| Posted by majin99 at 00:53:12 on 2008/01/13 | ||
| [閲覧(314)][コメント(0)][トラックバック(0)] |
| 2007年08月14日 | ||
|---|---|---|
| ||
|
当ブログでも、Yahoo UI Library(以下、YUI)というJavaScriptライブラリについて何度か言及していますが常々不思議に思っていたことがあります。 それは、 どうしてYahoo!ではこのライブラリを使っていないのだろう ということです。 しかし、とうとう疑問が解決しました。 疑問を解消してくれたのは、8月10日 Apple Store 銀座で開催されたCSS Niteというイベントです。 CSS Niteというのは定期的に各地で開催されているイベントのようなのですが、今回はYUIがテーマで、なんとYahoo! Incの技術者による講演があるとのことで喜んで参加しました。 このイベントについては知りませんでしたが、Web標準をテーマにしたりと大変興味深いので、今後も参加してみたいなと思いました。 さて、本題の疑問を解決してくれたのはこの技術者の方ではなく、その前に日本人の方によるYUIについての説明の中でのことでした。 Yahoo Japanは全然だけど、Yahoo! Incでは例えば、Yahooメールのなかでバリバリ使っていたりするそうです。 僕は、日本のYahooで見かけなかったりするものだから、Yahooは何のためにこのライブラリを公開しているのだろうか、このライブラリをサイトに使ってもそのうち、ライブラリ開発が打ち切りになってしまうのでは?などと思っていましたが、とんでもなかったです。 本編で、Yahooの技術者の方が、ライブラリの俯瞰的な話をされており、僕はその存在を知らなかったクラス(最近リリースされたものもあるみたい)もたくさんありました。 今もバリバリ開発が進められているようで、改めてこのライブラリに興味を持ちました。 英語力があまりないので取り違えているかもしれませんが、例えばCSS Gridsはかなり強力そうです。これを使うと、ホームページ制作の際に、CSSによる段組レイアウトが簡単に制御できそうなのです。気のせいかな。 YUIは、開発チームがA-Gradeと呼ぶブラウザに対しての動作を確認しながら開発しているそうなので、これを利用するのにブラウザ間の動作違いを考えなくてもよいのかと思うと嬉しいですね。 彼らがA-gradeブラウザと言うのはIE Firefox Opera Safariだそうです。講演でスクリーンに映写された表では、ここにOSのバージョンも加味されていた気がします。 いわゆるAJAX的な通信部分のクラスもあるんですね〜(さすがに知らなすぎ)。(=Connection Manager) 初めてのJavaScript―Ajax&DOM対応 Ajaxハッカーズ・プログラミング―基礎からprototype.js、Yahoo!UIライブラリ、HTML_AJAXの活用までWebアプリケーション制作のプログラミング・テクニック | ||
| Posted by majin99 at 21:53:31 on 2007/08/14 | ||
| [閲覧(734)][コメント(0)][トラックバック(0)] |
| 2007年08月10日 | ||
|---|---|---|
| ||
|
リンク表記a要素にtitle属性を指定してやれば、マウスオーバーした時にツールチップを表示しますよね。でもこれだとテキストだけで面白くないので、このツールチップの中に画像を表示させたかったのです。 JavaScriptのライブラリでコレを実現できました。 まずは完成品を見てください。 完成例:Andrew W.K.というアーティストのページ。 画面右にCDのディスコグラフィがあるのですが、「アイ・ゲット・ウェット~パーティー・一直線!」というのがいくつかあるのでマウスオーバーしてみてください。 ! 変なジャケットでしょう? これだからメタル・ハードロックは嫌われるんですよね〜。 と言いながらも、僕はこんなジャンルが大好きなわけです。 そして、このアルバムもロックのアルバムとして最高です。 あっ、話がだいぶそれました。 ジャケットはご覧いただけたと思いますが、まあこんな感じのことについてです。 そして、ジャケット画像をクリックするとAmazonのサイトに飛びます。 これを実現するライブラリはいくつかあるようです。例えば、Yahoo UIライブラリなどにも似たような機能があります。 YUIのcontainerあたりです。ただ、クリックできるようにうまく出来なくて、僕がやりたいことは実現できなそうなのであきらめました。 YUIではマウスオーバーの状態でなくなるとツールチップも消えてしまうのです。何かやりかたがあるのでしょうか。 そこで今回、採用したのはoverLIBというライブラリです。 結構カスタマイズの幅も広そうですし、僕の使い方にもまだ改善の余地はありそうです。 ただ、サイトを閲覧してくださっている方たちにはこの機能はもしかしたらうっとうしいのでは?とも思うのですがどうなんでしょうね。ユーザビリティ的に。 ちなみに変更前というのは、作品名の上に、普通に画像(とそれをクリックで遷移できるようにAmazonへのリンクを貼っていました)を表示させていました。 でも、それだと無駄にリンク数が増えてしまっているのが悩みでした。 検索エンジンはJavaScript内を読めないと言う迷信を信じるなら、これでリンク数は削減できたはずです。 初めてのJavaScript―Ajax&DOM対応 まるごとJavaScript & Ajax ! Vol.1 | ||
| Posted by majin99 at 22:37:07 on 2007/08/18 | ||
| [閲覧(617)][コメント(0)][トラックバック(0)] |
| 2007年07月12日 | ||
|---|---|---|
| ||
|
nmblogでは、v1.6にアップデートすることで、各記事のページのtitle要素に、記事のタイトルを表示することが可能となりました。 どうせなら、metaのdescriptionやkeywordsについても、投稿ごとに、変更できるといいなぁと思いました。単に記事のタイトルを、末尾に突っ込むとかそんなだけでもいいのです。 その方法を現在模索中です。 推測するにブログの記事へのリンクがクリックされると、PHPで該当する記事のページを動的に生成するので、その時にdescriptionを書き込むはずです。その命令が記述されているファイルとその場所を見つけられれば、もう出来たようなものだと思うのですが・・・。 descriptionは、XOOPSの一般設定で設定しているdescriptionを書き出しているようなので、テンプレートに静的に書き込んであるわけではないでしょう。またv1.6で、titleができるようになったのだから、ソース・コードさえ変更すれば、descriptionやkeywordsを動的に入れ替えることも出来るはず、と推測しています。 XOOPSの解析は難しいです。PHPでのWebシステム開発に関わったこともあるのですが、PHPマスターがプロジェクトにいなかったため、自分たちで勉強しながら開発を進めていました。だからなのか、XOOPSやそのモジュールのPHPファイルを開いてみても、これはどんな命令をしているんだろうというのが、まったく想像がつかなかったりします。ソースが僕が書くようなものと比べシンプルなのですが、何をしているのかさっぱりわからなかったりします。 つまりは、僕の勉強不足でもあるのですが。 このいわゆるマンモス本は有名だそうですね。僕も会社ではコレを片手に開発しました。 PHP5徹底攻略 エキスパート編 Smarty入門~PHP5+テンプレート・エンジンでつくるMVCアプリケーション~ | ||
| Posted by majin99 at 00:53:14 on 2007/08/04 | ||
| [閲覧(687)][コメント(0)][トラックバック(0)] |
| nmBlog v1.6 distributed by SAMN Project |


