365days:::おさるのWeb制作雑記帳

365days:::おさるのWeb制作雑記帳 http://pea-nuts.org/diary/ Hoy la tierra y los cielos me sonrien; hoy llega al fondo de mi alma el sol; hoy la he visto..., la he visto y me ha mirado. !Hoy creo en Dios! es Copyright 2008 Tue, 01 Apr 2008 21:13:00 +0900 http://www.sixapart.com/movabletype/ http://blogs.law.harvard.edu/tech/rss jQuery でツリー表示一時Winのツリー表示させるJavascriptが面白くて、テストページ作ったりして楽しんでましたが、いまどきやっぱりｊQueryを使わなくっちゃってことでjQuery File Treeがありました。さすがｊQueryです。アニメーションの動きが美しい！ここからサンプルがダウンロードも出来ます。今度どっかで使おうっと。]]> http://pea-nuts.org/diary/archives/2008/04/01_2113.php http://pea-nuts.org/diary/archives/2008/04/01_2113.php java script program huck jQuery Tue, 01 Apr 2008 21:13:00 +0900 シンプルなCSS Little BoxesですごくシンプルなCSSを公開されています。ベースレイアウトのお手本にするといいかもしれません。ここのところテンプレート集ってあんんまり探してないんですけど、シンプルなものは知っておくと便利ですよね。私自身は2カラム、3カラムのものは自分で使いやすいのをテンプレート化してしまっているので、あまり他のテンプレートを使うことがないのですが、人によってCSSの組み方もいろいろあるので勉強になります。]]> http://pea-nuts.org/diary/archives/2008/03/05_1014.php http://pea-nuts.org/diary/archives/2008/03/05_1014.php Style Sheets web constraction Wed, 05 Mar 2008 10:14:13 +0900 Lightboxスクリプト facebox prototypeではなくjQueryをベースとしていて動作が軽いです。ポップアップした時の枠線が角丸でしかも半透明でお洒落ですよ。

GlassBoxはデザイン的にはVista風でガラスの透け感を表現。背景などに凝ったときにいいかも。

Lightboxスクリプトはどんなサイトでも取り入れるようになってますが、新しいデザインのものがどんどん公開されていて飽きることがないです。 DesignWalkerさんでもLightboxスクリプトいろいろというのでまとめられてます。たくさんありますね。]]> http://pea-nuts.org/diary/archives/2008/03/01_1945.php http://pea-nuts.org/diary/archives/2008/03/01_1945.php java script Lightbox Sat, 01 Mar 2008 19:45:34 +0900 ちょっと変わったCSSナビゲーション Advanced CSS Menu Trick - Web Design Marketing Podcast & Blog

普通、マウスオーバーした画像だけを入れ替えるのですが、このスクリプトはマウスオーバーしている以外の部分の画像も入れ替えてしまいます。マウスオーバーされているところが、クローズアップされていてナビゲーションとしてもとてもいいんじゃないでしょうか？]]> http://pea-nuts.org/diary/archives/2008/02/28_1156.php http://pea-nuts.org/diary/archives/2008/02/28_1156.php Style Sheets web constraction css menu navigation trick Thu, 28 Feb 2008 11:56:06 +0900 Xoops 鯖移設時の手順先日、職場で使ってるXoopsを置いているサーバを急に移設されまして、、、案の定、サーバにあるファイルだけが移設されており、データベースはまるっと残されたままになってました。。。当然、サイトにアクセスしても表示されるわけもなく(お客さん向けに作ったサイトやのにどうすんねん。。。)、問い合わせ必至でしたｗ移設することは1ヶ月も前に決まっていたそうなんだけど、管理者チームには一切知らされておらず、DNSの切り替えが行われて突然表示されなくなったことから、移設が行われていたことが露見。なんて、お粗末な職場なんざんしょ。。。ありえない展開です。データベースを使うCMSであることは誰もが承知しているはずなのに、、、しかもルートに置いてあったセキュリティー用のモジュールもしっかり取り残されてました。データベースが消されるまで、約1ヶ月あるとのことで、とにかくデータのバックアップ。で、新しいデータベースサーバでsqlのインポートと実行をするが、真っ白けっけ。もう、めまいです。きちんとデータベースパスも書き換えたのに、管理画面にすら入れない状況となってしまい、とほほです。こうなっては一から構築しなおすのか？とんでもないことです。そんなことはやってられないので、とりあえずは一旦DNSを戻してもらい、もともとの状態に戻してから移設の手順を追って作業することにしました。 ↓以下、手順の覚書↓ http://pea-nuts.org/diary/archives/2008/02/06_1550.php http://pea-nuts.org/diary/archives/2008/02/06_1550.php web constraction xoops Wed, 06 Feb 2008 15:50:28 +0900 Zencart を静的URLに変換してみる Ultimate SEO URLsを使う・がとらぼさんのところのZenCart URL書き換えパッチ日本語版をカスタマイズして使う S-pageさんのところのZenCartで動的URLを静的URLに変換を参考に今回はがとらぼさんのパッチを使って頑張ることにしました。理由としては

ZenCart URL書き換えパッチ日本語版は、カテゴリID.htmlや商品ID.htmlの他、自由に設定することもできますが、Ultimate SEO URLsモジュールは手軽な一方、カテゴリや商品名が変更された場合に、URLが変更されてしまいます。

ということなので、商品の入れ替えなどのときにUltimate SEO URLsの方だと手間がかかってしまうかなということと、定番ページのURLの変換ができるかどうかわからなかったので、書き換えパッチの方が汎用性があるのではと判断してのことです。]]> http://pea-nuts.org/diary/archives/2007/09/02_1934.php http://pea-nuts.org/diary/archives/2007/09/02_1934.php Zencart web constraction .htaccess Customize ZENcart mod_rewrite Sun, 02 Sep 2007 19:34:56 +0900 スパム対策用プラグインAkismetってすごい Akismetがすごいな～と実感。Wordpressにはデフォルトで付いているんですが、他のブログシステムにも対応したものがサードパーティで出回っているので便利ですよ。Wordpress.comでAPIを取得しておけば、個人で非営利目的なら無料で使えるっていうのがうれしい。 ExpressionEngineの方でデフォルトで付いてるBlacklistWhitelistでは追いつかないくらいスパムが増えてきたのでExpressionEngine用のAkismetを導入してみたところ、ピタっとおさまりました。管理がぐっと楽になります。エントリーする時間よりスパム処理の時間の方が長いってアホらしいですもんね。]]> http://pea-nuts.org/diary/archives/2007/08/30_2145.php http://pea-nuts.org/diary/archives/2007/08/30_2145.php web constraction Thu, 30 Aug 2007 21:45:22 +0900 Café du p'iti coqをDotclearで再構築 Café du p'iti coqはSerene Bachを利用していましたが、あまりのスパムの多さにシステムを変えることにしました。※Serene Bachのバージョン2.17RではAkismetのスパムブロックのプラグインが配布されているので問題はなさそうではあるのですが。使っているCMSのうちで一番スパムを打ち込まれるのが多かったですね。CGIでの処理なのでサーバ側にログがたまってしまい、うっかり掃除を忘れると容量を圧迫して辛いところです。 DotclearはPHP+Mysqlで動作が軽く仕様も簡単だし、何よりおフランス生まれなのでCafé du p'iti coqにはぴったりかなと思って導入してみました。フランス語の解説なので、いまいち使い方がわかりにくいところがありますが、そこはなんとかごまかしながらやってます。テンプレート自体はシンプルな構造なので、カスタマイズしやすそうですが、根性なくてあまり手をつけてません。プラグインとか探しながら、ボチボチカスタマイズする予定。]]> http://pea-nuts.org/diary/archives/2007/08/27_1510.php http://pea-nuts.org/diary/archives/2007/08/27_1510.php DotClear web constraction CMS Dotclear Serene Bach Mon, 27 Aug 2007 15:10:28 +0900 NucleusのURLを静的に表示させる設置してから約1年。Yahoo!のインデックス状況を見てみて愕然！たったの2ページしかインデックスされていない。確かに表記のゆれでは複数ページ表示されるけど、全てほかのRSSからのキーワードで拾われているというお粗末さ。。。そんなわけで、ユーザビリティも高く、検索エンジンにも優しい静的URLの表示に挑戦してみることにした。 http://pea-nuts.org/diary/archives/2007/08/20_1242.php http://pea-nuts.org/diary/archives/2007/08/20_1242.php nucleus web constraction Nucleas Plugin URL custom Mon, 20 Aug 2007 12:42:35 +0900 Pliggを設置してみた。 Pliggというのは自分でDiggサイトを構築するためのCMSで、PHPとMySQLが使える環境であれば誰でも導入することができます。設置はインストーラーがあるので簡単ですが、日本語での解説が少ないので、設定をするのにちょっと手間がかかります。日本語版はコミュニケーションビジネスアヴェニュー株式会社で申し込みをすればダウンロードさせてもらえるけど、バージョンがちと古くて9.1なので、私は本家で最新落として使うようにしてみました。あとはPligg users in JapanとかふたーのBlogとかを参考にしながら、お好みの設定をしていきます。]]> http://pea-nuts.org/diary/archives/2007/08/14_2021.php http://pea-nuts.org/diary/archives/2007/08/14_2021.php web constraction CMS Pligg bookmark Tue, 14 Aug 2007 20:21:17 +0900 phpBB 設置覚え書き phpBBを設置することにしました。 wordpressやNucleusの日本語サイトでフォーラムに使用されているやつで、使い勝手が良さそうなのと、セキュリティ部分がしっかりしていること、なんといってもカテゴリーを細かく分けて板を立てられるので、仲間うちで扱うには丁度いいかなってことで選んでます。まずはファイルをダウンロートしてPHPBB.HELP Jのインストールガイドを読みながらインストール。他のphpスクリプトと一緒でインストーラーを走らせて、設定画面で詳細を記入するだけ。あっさりとインストール完了です。]]> http://pea-nuts.org/diary/archives/2007/07/14_2203.php http://pea-nuts.org/diary/archives/2007/07/14_2203.php web constraction phpBB Sat, 14 Jul 2007 22:03:27 +0900 アニメーションズームのポップアップ Panic - Extras - The Rip-Off Expressでかなり格好いいポップアップスクリプトが使われているとのことでS i M P L E * S i M P L Eで紹介されていたので、ちょっと頑張って実装してみました。 LightboxとかHighslideとか、いろんなポップアップを試してみたけどズームアップの仕方がとってもいいです。残念なことはIE6.0ではドロップシャドーの.png画像とかが表示されないので、そのよさが半減するところですね。FirefoxやIE7.0では問題なくちゃんと表示されます。 ]]> http://pea-nuts.org/diary/archives/2007/05/28_2232.php http://pea-nuts.org/diary/archives/2007/05/28_2232.php java script program huck Javascript popup zoom Mon, 28 May 2007 22:32:18 +0900 横スライドのJavascript Slider.js PrototypeとScriptaculousで配布しているeffects.jsのライブラリを使用していて、スムーズな横スライドをしてくれます。すごく動きも軽くて軽快です。商品紹介などでページが長くなったり、画面遷移させずに表示させたい場合なんかに便利かも。ちょっとした小技の聞いたおされなページ作りによいかな～。]]> http://pea-nuts.org/diary/archives/2007/05/15_2129.php http://pea-nuts.org/diary/archives/2007/05/15_2129.php java script program huck Javascript Prototype Scriptaculous Tue, 15 May 2007 21:29:15 +0900 MovableTypeへのスパムトラックバックの撃退法スパムトラックバックが激減というお題で紹介されていたので早速取り入れてみました。]]> http://pea-nuts.org/diary/archives/2007/04/25_0005.php http://pea-nuts.org/diary/archives/2007/04/25_0005.php movable type web constraction spam trackback Wed, 25 Apr 2007 00:05:28 +0900 コーディングコンテスト Vol.1 ～Coder's High～　課題に取り組み中コーディングコンテスト Vol.1 ～Coder's High～なるものが開催されていると知り、CSS HappyLifeさんのところへいって早速課題をDLさせてもらいました。しかも、CSS Nite LP, Disk 3との連動企画とのこと。審査員の顔ぶれも本屋さんでお名前を見かけるような豪華陣です。課題のデータを見て驚きましたね。すっごい素敵なデザインではございませんか、大盤振る舞いですよこれは。こんな素敵なデザインをコーディングさせてもらえるなんてめったとないことなのでウキウキワクワク。コーディングの基礎自体まともに勉強したわけでもないけど、これまで独学で学んだことがどこまで通用するのか試してみたくて取り掛かったものの、やっぱ難しいです。先週末、データをダウンロードしたおかげで、週末3日間一睡もできず。仕事でもないから別に根をつめてやらなくてもと思いつつも、パソコン落として布団に入ったとたん閃いた！の連続で結局眠ることなしに仕事に行く羽目に。。。好きなことってやめられないや。]]> http://pea-nuts.org/diary/archives/2007/04/16_2138.php http://pea-nuts.org/diary/archives/2007/04/16_2138.php Style Sheets web constraction Mon, 16 Apr 2007 21:38:52 +0900