ABCP-weblog

2009年4月11日 | Category: Web, 日記 | タグ:

久しぶりの日記です。今週は公私ともに予定がぎっしりの一週間でした。

最近の大口のお客様は、某大学。大学公式サイトのコンテンツ管理をうちの会社に一任されています。といってもWebを扱うのは私だけなので、実質的に大学サイトは私の手に握られています。

3年ほど前に造ったこのサイト。学校名をお知らせするのは控えておきますが、リアルな私の知り合いならご存じでしょう、あの大学です。大学の関係者のお知り合いが作ったそうです。ソースもきれいで、なかなかしっかり作り込んであります。内部向けのCMS^Wもあり、大学内部だけでコンテンツを修正できるような仕組みも整っています。

今年度からうちの会社が管理を委託されていますが、4月は一番忙しい時期。各部署から矢のように変更依頼が降ってきます。しかも、指示が曖昧なものが多い。皆さんならWebの修正指示をどのように行いますか？自分が担当者だったら…と考えてみてください。

HPを印刷、赤字で修正、手渡しで渡す

一番多い指示のパターンですが、問題点があります。

1. HPをそのまま印刷すると、右端が切れているので、指示が曖昧になりがち
2. 手書きの文字が汚くて読めない
3. 何度も赤字で書き込んであるので、どれが正しいのか分からない
4. 控えを取らずに渡してくるので、確認をお願いしても確認する方法がない

ということで、あまり賢くありません。依頼の記録が残らないので、私が間違って紙を捨ててしまえば、いつまでたっても修正されませんし、「依頼をした」「依頼をしていない」の水掛け論になってしまいます。FAXする方もいますが、はっきり言ってFAXされた原稿はほとんど読めません。

スクリーンキャプチャした画像ファイルに修正指示を書き込む

この方法ですと、右端が切れてしまうことがありませんし、メールで送信すれば依頼の記録が残ります。問題点としては、

1. 縦に長いページをキャプチャするのは少々テクニックが必要（フリーソフトCapuraがお勧め）
2. メールサイズがやたら大きくなる

などがありますが、印刷して手書きよりは多少ましといったところです。

変更依頼フォームを作り、内部の承認を得た後、メールで依頼

まともな組織なら、公式サイトの修正をするときには、内部の承認が必要でしょう。内部向けの変更依頼フォームに必要事項を記入して頂き、責任者の決裁を得た後、メールで依頼内容を送って頂きます。可能ならメールで、無理なら手渡しかFAXで送って頂きます。内部の承認が下りていますので、かなりまともな依頼が届きます。問題点としては、

1. 緊急の依頼は難しい

ことですね。

管理サイトを作り、依頼、内部決済、作業報告を一括管理する

現在、うちの会社で採用している方法です。管理担当者、上司、うちの会社、などなどアカウントを作成しておき、それぞれの権限に従って、依頼、決済、作業報告を一覧できるようにする方法です。メールでやりとりする場合のデメリット「関係者全員への周知が徹底されない」を解消することができます。定期的に作業状況報告のメールが飛ぶようにcronで設定しておけば、自動運用することができます。

大切なのは、相手の身になって考えることです。もし、自分が依頼側なら、

• この依頼は見やすいかな？初めて見た人でも意味が分かるかな？
• 大量の文字入力をお願いすることになるけど、Excelファイルを添付してあげようかな？
• 写真を全部まとめて送ったら選ぶの大変だろうな。何枚かあらかじめセレクトしておこう。

などと考えてみると、作業する側はありがたいものです。作業者もただの人間ですから、相手がきちっと仕事をしようという様子が感じられるときには、こちらも求められていること以上のことをしようとします。

義なる人のために死ぬ者はまずいません。もっとも、善良な人のためなら、あるいはだれかがあえて死ぬこともあるかもしれません

という格言を思い出します。つまり、

• 今回依頼のあったページのレイアウトがブラウザによっては崩れてしまうから直しておこう。
• 後から追加した画像の色が間違っているから直しておこう。
• このページのこの部分を修正することを提案してみよう。

などと、サイトのクオリティーアップに繋がる提案をするゆとりも生まれてきます。

そんなわけで、皆さんがWebページの修正を依頼するときの参考にしてみてください。

No Comments »

2009年3月31日 | Category: Web | タグ: .htaccess

ブログの読者の方から「画像の直リンクを禁止する方法」を質問されましたので、お答えします。

直リンク禁止に限らず、Webサーバの設定をするには「.htaccess」ファイルを編集します。例えば、http://example.com/以下のpng,jpg,gifファイルへの直リンクを禁止するには、http://example.com/.htaccessに次のように記述します。

<Files ~ "\.(png|jpg|gif)$">
	SetEnvIf Referer "http://example.com/" OK
	order deny,allow
	deny from all
	allow from env=OK
</Files>

• 1行目は、拡張子がpng,jpg,gifのファイルのみ適応するという意味です。
• 2行目では、Referer（参照元）がhttp://example.com/の場合にOKというフラグを付けます。
• 5行目では、OKのフラグが付いているときだけ、画像の表示を許可します。

読者の方によると、ホームページ作成業者が無断で直リンクをしているようです。同業者として、あきれますね。

2 Comments »

2009年3月27日 | Category: Web | タグ: jQuery, mootools, Web Creator

「なんちゃってWeb Creatorの日記」と名乗っておきながら、ほとんどWebネタを書いていませんでしたね。

今日は、Web creators (ウェブクリエイターズ) 2009年 05月号の発売日でした。今月の特集は「Webパーツ装飾デザイン辞典92」ということで、Webページで使う様々な要素を修飾するためのTips集が取り上げられています。

気になったのはNo.17の画像をJavaScriptで回転させて配置する方法。

• jQueryの「jQueryRotate.js」を利用する方法
• mootoolsベースの「mRotate.js」を利用する方法

２つの方法のうち、Web Creatorでは後者をサンプルに説明しています。グリッドにきっちりはまったデザインもよいのですが、ちょっと変化をつけたいときに、このライブラリは重宝しそうですね。

No Comments »

2009年3月9日 | Category: Web | タグ: gravatar

当ブログはGravatarに対応しています。Gravatarとは、

Gravatar (globally recognized avatar) は簡単な画像で、コメントした場合などにどのサイトでもあなたの名前の横に表示されます。アバターはブログやフォーラムでの自分の投稿を識別する役に立ちます。

ということで、メールアドレスとアバターを紐付けしておくサービスです。コメント欄ではメールアドレスの入力を必須とさせていただいていますが、Gravatarであらかじめ登録しておくだけで、対応するアバターが自動的に表示されます。

メールアドレスは非公開ですので、簡単な本人認証代わりにもなります、是非、登録してみてください。

No Comments »

2009年2月12日 | Category: Mac, Web | タグ: インストール

仕事に使っている私物Macbook ProのHDDを、この辺を参考に交換しました。160GB→500GBにアップ！1万円以下で買えるようになりましたね。

Time Machineのバックアップから書き戻しても良かったのですが、せっかくなのでクリーンインストール。Web屋さんのMacの中身に興味のある方は続きをどうぞ。

(続きを読む...)

No Comments »