You are currently browsing the monthly archive for - 14:59.

2006年、ふと気が付くと、たくさんのWebサービスを使うようになっていた。
そんな中、信頼できると思っていたサービスにおいて、情報流出やデータ消失が起きたりする。
ちょっと驚いたのはやはりこれ。
Gmailの大惨事: メール大量消失の報告

オンラインにあるデータは、どうやって誰のせいで消えたとしても、手が出せない。
責任転嫁できるので気が楽と言えるかもしれないが、やはり自分でコントロールできないのは、もどかしい。
たとえば、自分のHDDがクラッシュして取り戻せないデータがあったとしても、「バックアップをとって置かなかった自分の責任だ」とあきらめが付く。そして改善できる。バックアップをとるのも、復旧するのも比較的容易だし情報もあふれている。

2005年までは、ローカルマシンのことだけ考えれば良かったのだが、2006年、たくさんのWebサービスを試し、本格的に使うようにもなった。メール、to DO、スケジュール、ブックマーク、写真、日記、人間関係……、いろんなデータをWebに置いている。2007年はそれをどう管理していくかだなあ。
個々にバックアップを取ったりするのは、面倒だし、非現実的というか。バックアップに対応しているサービスならちょっと良いけど、何曜日の何時に自動でバックアップみたいな設定ができるところなんてない。

「割り切る」というのもひとつの手だ。
確実に手元に残したいものだけ、自分の責任で確実にバックアップしておけばいい。他の例えば「日記」などは、絶対に必要なものでも宝物でもないから、消えてもOKというスタンス。
ただ、誰が何を「宝物」だと思っているかはそれぞれなので、自分がWebサービスを始めるときには、できるだけバックアップが簡単にとれるようにしたいと思う。バックアップあるいは同期。

バックアップの話しとはちょっと違うけど、たくさんのWebサービスを管理するため情報を一元化みたいな話も気になるところです。
ひとつのIDで全部管理というのは、合理的だけどリスクも大きいというか、感覚的に怖い。一歩ひいてしまう。

設立当初から、社名変更したいなと思っていたんです。
いいかげん決めろよと思いつつ1期も過ぎてしまった。
来年の春あたりに、いろいろ順調に行ってたら社名変更しようかと思っている。

どんな社名に変えたいのかというと「領収書を書いてもらいやすい社名」でございます。
やや、もちろん、そのためだけではないが。

・社名変更
・株式会社化
・事務所移転(拡張)

この3つのセットを一度にやれたら良いなと思っているけど、そんなこと言ってたら、まだ先になりそうだ。
事務所拡張の目標は夏ですね。
株式会社化は不明。必要に迫られていないので、予算にも入れなかった。

それにしても、聞いてみれば、他社さんたちもそれぞれ社名に悩みがあるようで。
イとウィを間違われるとか、長すぎて面倒だとか、電話に出るとき舌をかむとか、某ブラジャーの名前と間違われるとか。
会社設立前の人は、人に意見を求めつつ、よーく悩んだほうが良いです。

昨日は、相変わらずのバタバタの中、比較的平常心で仕事していたのだけど、午後遅めのあたりから、クライアントさんの慌しさというか、てんぱった感じに感化されてしまった。
相手が大変な状況にいるときほど、こちらは落ち着かなければならないのに、意識していないとなかなかうまくいかない。

気の置けないクライアントの話ほど、途中で遮って結論を急かしたりしてしまう。
相手は最初からあまりの忙しさで少々パニック気味になっているので、こちらが話に割って入ると、さらに混乱してしまう。経験の短い人ならなおさらだ。

スカイプ、スカイプチャット、メッセンジャー、メールなどのやりとりだったのだが、やはり会うのが一番スムーズなのだろう。
しかし、そうは行かない場合も多いので、普段からのコミュニケーションをとっておくこと。相手の思考の流れがわかっていたら、1を聞いて、少なくとも4くらいは想像できるかもしれない。
助けたいのに追い詰めてしまったかも、みたいな申し訳なさでいっぱい。

夕方過ぎからは、他社さんが打ち合わせで来社。
のんびりとしているように見えるが、実はとってもハードな日常を送っているクライアントさんだ。とてもバランスが取れている人なので、見習いたいところがたくさんある。
ぐいぐい引っ張っていくタイプではなく、裏であやつる系(笑)。おかげさまで打ち合わせ自体もレベルが高くなって大変楽しい。
ボーナスが出たということで、スタッフとともに食事をご馳走してもらいました。近所の美味しいイタリアン。ご馳走様でした。

(レポート目次:はじめにセッション1セッション2セッション3、セッション4)

最後のセッションです。お疲れ様でした!

「アセット管理によるサイト制作の効率化(境 祐司さん)」

CSS Nite LP, Disk2

境さんのプレゼンも以前聞いたことがあり、かなりの共感する内容だったので期待大で望む。会場も一番大きいホールで、満員。

アセット管理を意識して、ワークフローを改善・効率化するという内容でした。
実際に境さんが行ったワークフロー改善のドキュメントを見ながらの説明で、ここまでカッチリやるのかと驚き。だが、作っておけば間違いはないだろうというドキュメントだった。
アイコンの活用は良いという話もちょっとあって、実際、境さんの使われているアイコンは非常にわかりやすくて、しかも可愛いくて好みだったりする。

Dreamweaver のアセット(テンプレート、ライブラリ、スニペット)の活用も良かったが、その辺りは知っていることが多かったので、やはりドキュメントのインパクトが強かった。

何がどう良かった、というより、「アセット管理」という意識付けができたのが良かった。漠然と思っていることたちに、名前がついてグルーピングされた感じである。
ちなみに、アセット(asset)とは、財産のこと。
怒涛のようなWeb制作の日々の中で、ちゃんと作ったもの、知識・経験などの無形の財産をカタチに残して行こう。
(あと、境さんの本を読もう)

しめくくりとして、良いセッションを受けた。ありがとうございました。

- -

終わった後で、あれも受けたかった、これも受けたかったとジタバタしましたが、本で学びます。
本、各セッション内容だけでなくて、盛りだくさんで、おいしい感じのようなので、じっくり読もうと思う。
主催・出演者・スタッフのみなさま、ありがとうございました!

CSS Nite LP, Disk2
出演者&司会の方々の集合写真を横から激写。

(レポート目次:はじめにセッション1セッション2、セッション3、セッション4

ちょっと、このあたりから書き疲れが見られるかもしれない。でも一気に書かないと性格的に困ったことになるので、続けていきますよ!

次は、「ユーザーテストから学ぶWebデザイン」(岩澤亜紀子さん、協力:NPO法人 ハーモニー・アイ)。
うちでもユーザーテストを実施することが多くなって来たので、本格的なのを学んでおこうと受けた。

CSS Nite LP, Disk2

まずは、ハーモニー・アイの馬場さんによる、ユーザテストの実践である。
全盲の方に、ホームページリーダーを使いながら、宿泊情報を探すというタスクを行ってもらうテストである。

高齢者・障害者を対象としたユーザテストはやったことがないので、かなりインパクトがあった。
音声での読み上げは、イントロしか聞かない!(最初の数文字を聞いて、先に進もうとする) とか、操作に慣れた人がユーザビリティを考えられたはずのサイトを使っても、情報に辿り着くのは難しい!(高齢者・障害者対応のサイトだったが、高齢者用のフォームの作り方がしてあった?) とか。

とにかく、「誰にでも」やさしいサイトを作るのは難しい。
サイトに訪れるターゲットのうち、できるだけ多くの人に対して使いやすいサイトを作ることが必要ということだ。

ユーザテストは、初期と後半と、二回行うのが通常だそうだ。
今、うちが関わっている案件ではもうすぐ、ペーパープロトタイピングが行われるところです。これも後日レポートしたいと思う。
いろんなテスト方法があるので、模索していきたい。

ユーザテスト実践の後は、高齢者の方に使いやすいサイトつくりの話など。
そこで気になった一点を。
たぶん、そこが気になった人は少ないと思うが、ちょっと仕事で悩んでいたところだったので。

画面上に印刷ボタンをつける場合、それを押したら何が起こるのが良いのか
たとえば、交通案内のページを印刷したい。ナビゲーションは邪魔。背景も消したい。印刷用のCSSで制御しようということになる。
印刷に向いているよってことで、「印刷する」とかボタンをつける。さて、それを押したら何が起こる?

  1. 印刷が始まる(印刷されるものは、画面と違い、print.css で制御された見やすいもの)
  2. 印刷用ページ(print.css で制御された見やすいページ)が出て、印刷が始まる
  3. 印刷用ページ(print.css で制御された見やすいページ)が出るだけ

終わってから質問に突撃してみた。岩澤さんがお話中だったこともあり、ハーモニーアイの馬場さんと、司会のガクさんにご意見を聞く。

まず、(1)は、画面と違うものが出てきたらすごく驚くからダメ。
なるほど。ステップが少なくてけっこう良いかもと思っていたが、ダメなのですね。OK。

では、(2)か(3)。
参考までに、Gmail は、(2)です。印刷用のページが出つつ、印刷用のダイアログが出る。これが確実に印刷できて一番かもしれない。
と、思いつつ、個人的にはあまり好きではない。どのように印刷されるかプレビュー画面が見たいだけという場合もあるからだ。

しかし、(3)のように画面が出るだけだと、慣れていないユーザーは印刷が始まると思ってじっと待っているかもしれないし、ということで、やはり(2)ですね。
でも、印刷用ページを、「プレビュー画面」という位置づけで考えることもできるのです。はじめのボタンを「印刷用ページへ」として、印刷用ページに「印刷する」ボタンをつければ良いのかも。

はて何が一番いいのだろう。またわからなくなってきた。どっちでも良いのかも。
(これについてご意見あるかた、ぜひ何かひとこと)

(レポート目次:はじめにセッション1セッション2、セッション3、セッション4

(レポート目次:はじめにセッション1、セッション2、セッション3セッション4

二番目に受けたのは、「Dreamweaver使いが知っておきたいセキュリティ」。

CSS Nite LP, Disk2

講師の太田 良典さん(株式会社 ビジネス・アーキテクツ)のお話しは、以前 第8回 WegSig会議 で聞いたことがあって、かなり面白く、ためになる内容だったので、今回も期待していた。

で、どうだったのかと言うと、期待にたがわずという感じであった。
太田さんは早口のほうだと思うけれど、思考や理解の速度と合っているのか、内容がうまく入ってくる。その辺りも研究してみたいような気がした。

内容は、Dreamweaver的なところでは、使うときにちょっと注意をしましょうねというポイントをいくつか。
たとえばチュートリアルに沿って作ったフォームには、クロスサイトスクリプティング(XSS)脆弱性があるとか……。いまどき、XSSを考慮してないフォームですか! とちょっと驚いたりしますが、やはりアプリを過信するのは怖いですね。

Webデザイナが気をつけるべき点は、大きく3つ。

クロスサイトスクリプティング(XSS)
<> などは、文字実体参照などでエスケープしましょう
Forceful Browsing(強制的ブラウズ)
index.html が無くても、ディレクトリ内容が表示されないように設定しましょう
SQLインジェクション
これは、SQLって何? ぐらいの知識のわたしには意味がわからず。汗

そして、このセッションでも気になったのは、「果たしてWebデザイナはPHPやJavascriptをどこまでいじって良いのか」ということ。
ソフトウェアの脆弱性より、Webアプリの脆弱性報告のほうが多いのだそうだが、それは、Webアプリは知識が中途半端でも作って公開することができるから、というのも大きな要因なのではないかと思うからだ。

セッションが終わって、機会を逃さず名刺交換&質問に突撃した。
「Webデザイナがセキュリティの最新情報を追うのは現実的には厳しい。プログラムの知識も中途半端だし、果たして、デザイナがそっちのほうまで作るのは是か非か・・・」
うまく聞けたかわからないが、太田さんの答えはこれだ。

「難しい問題ですね」

そうなんですよ!(笑)
答えは出ませんでしたが、システムが絡むようなプロジェクトでないと、Webデザイナがフォームや簡単な動きを作らざるを得ないのは現実だし、避けられないとおっしゃっていた。
うん。確かに現実です(この業界は本当に今、いろいろと過渡期だけど、ずっと過渡期なのかも)。
じゃあどうすれば良いのかとなると、まだ考えが及ばない。

今は、バランスよく情報を集めていかねばと思った。
そのためにこんなイベントがあるし、わたしもこうして、ちょっとでもアウトプットしているわけですね。(と、うまいことまとめて、次のセッションへ)

(レポート目次:はじめにセッション1、セッション2、セッション3セッション4

(レポート目次:はじめに、セッション1、セッション2セッション3セッション4

デザイナってPHPに触れる機会が本当に多い。
(プログラマさんの中には、PHPが嫌いな人が時々いるのですが、なんでだろう。今度詳しく聞かせてください)

PHPを書いたり編集するとき、Dreamweaver で開いたとしても、テキストエディタと同じようにしか使えてなかったので、ひょっとしてもっと深いことが出来るの? と興味深々だったわけです。
PHP専用のエディタを使うほどバリバリには書かない我々Webデザイナが、Dreamweaver を使うことでどこまで発展できるのか。

さて、そんなわけで、最初のセッションは、「デザイナのための、ほんとはカンタンPHP×DW」です。
講師は、エイチツーオー・スペースの、たにぐち まことさんさん。著書の、「はじめに読みたいAjax ~入門から実践まで~」という本からもなんとなくわかるように、デザイナの気持ちのわかる技術者さんだと思う。

CSS Nite LP, Disk2

「完璧である必要は無い。」

と、たにぐちさんは言った。
なんとなく、プログラムは完璧で美しくなければならない、と思っていたわたしには衝撃である。
いかに、プログラムは易しいかを説明され、納得したような気分にもなった。
「function = 関数」と聞くとわけわからないが、「機能」と考える。同様に、「parameter = 引数」→「素材」。エラーをおそれない! エラー内容は、英和辞典でわかることがほとんど。そして、if、for など最低限のことを覚えればどんなプログラムでもできる!

しかしできれば、美しく書きたいものである。自分で遊ぶだけなら良いのだが、納品物にするためには、どの程度の知識・経験が必要だろうか。
処理の早い、バグの無い、機能的で美しいPHP……。特に、マークアップにこだわっちゃう系のWebデザイナはそのあたり気になるものだと思う。
あまり知識のないWebデザイナがPHPを触るのは良いことなのかどうか、と最近迷っていたので質問したかったのだけど、しそびれた。不覚。
(この問題については、後のエントリでも触れます)

最後に、Dreamweaverで、DBに接続してデータを表示するPHPを「コードを書かずに」作るというデモがあった。これが大変面白かった。
そんなことができるなんて思いもしなかった。もっともっとと思ったが時間切れで、残念。いつか続きをぜひ。

実際、たにぐちさんは、Dreamweaver でPHPを書いているということだ。
素晴らしい……。

(レポート目次:はじめに、セッション1、セッション2セッション3セッション4

先週末、月に1度アップルストアで行われている CSS Nite の特別番、CSS Nite LP, Disk 2 に行ってまいりました。
今回は、 「Dreamweaver CC」。
Dreamweaver使いによるDreamweaver使いのためのDreamweaverに特化したセミナーイベントでございました。
なんと12個のDreamweaverなセッションが、3会場で同時進行です。最大4セッションが受けられるという仕組みなので、興味深い各セッションのうち、4つを選べと!!
どんなのがあったかについては、公式サイトをご参照ください
わたしが選んだ4つはこれ。

  • デザイナのための、ほんとはカンタンPHP×DW(たにぐち まことさん)
  • Dreamweaver使いが知っておきたいセキュリティ(太田 良典さん)
  • ユーザーテストから学ぶWebデザイン(岩澤亜紀子さん/NPO法人 ハーモニー・アイ)
  • アセット管理で実現する フルCSS「Web Magazine - Designing」(境 祐司さん)

それぞれ簡単にレポートしますが、まずは全体的な感想を。

全セッション、迷いに迷って選択しただけあって、それぞれ得るものがあったので満足。
書籍連動のイベントなので、書籍で復習ができ、他のセッションの内容もわかるのが新しい感じでナイスでした。
ちなみに、わたしが受けたセッションでは、それぞれ書籍を参照するシーンがあって、学校みたいで面白かったです。

終えてから思ったのは、「Dreamweaver でなければダメ」、「Dreamweaver はこんなにスゴイ」という感じではなくて、「Dreamweaver じゃなくても可能だけど、こんなふうに便利なことも出来ますよ」という感じだったなあ、と。
(わたしがセッションを選ぶ際に、Dreamweaver色の少ないものを選んだからという話でもあるが。)

実際、今回講師をされてた12名の方も、Dreamweaver 以外をメインのエディタとして使っている人もいると思う。
Webサイトを作るためのエディタはたくさんあって、機能満載オールインワンではないけど、特化された機能がコンパクトで使いやすく、値段も安いものが多い。もしくは無料。バージョンアップも早い。

そんな中で、あえて、「Dreamweaver」を選択する意味を知りたいなあと思って行ったのだけど、それを知れたかどうかは怪しかった。そんな目的で行っている人は少ないだろうし、そのためのイベントじゃないから、当たり前です。

ちなみに現状、Dreamweaver 使ってます。
使い続けるかと聞かれたらどうなんだろう。重いし、落ちるし、高いし、バージョンアップ遅いし。
どちらかというと、自分に必要なコンパクトなツールを組み合わせて使うことで、自分好みに仕上げていく、効率化をはかるというのがこれからの制作スタイルなのかもしれないが、社内で統一されたエディタを使うべきか否か、という迷いもある。

Microsoft の Expression Webの動きも気になります。

しばらくは、慣れいてる Dreamweaver を使うだろうと思うけど、年末年始の時間のあるときにいきなり違うエディタ使い始める可能性も無いとは言えません。
そのときはまたレビュー致します。

では、感想というより何か別のものになりつつありますが、各セッションを追っていきます。

セッション1セッション2セッション3セッション4

え。午前5時。なぜかまだまだ仕事中です。
「終わらぬ!」と叫びながらブログでも書いてみる。
明日も朝9時から打ち合わせがあるので、もう寝ないほうが良いのかもねと、悪魔がささやいているところです。年末は怖いね!

ゆず茶の話でもしようか。
去年だったかなあ、ルノアールでゆずティを飲んでから、わたしはそれが好きで好きでたまらんのである。
しかし、ゆずジャムが普及してその辺りのお店で普通に買えるようになり、ブームも過ぎ去って定着したかに思える昨今まで、家でゆず茶を作ったことがなかった。

ゆずは大分県の名産品なわけで、幼い頃ちょっと大分に住んでいたことがあるわたしとしては、大分産のゆずを使ったものが欲しかったのです。
それで、なんとなく今まで買わずにきたのだけど、先日、駅ビルの輸入食品店みたいなショップで、それを見つけてしまった。

「大分県養蜂家のはちみつ仕込み ゆず茶」 (近藤養蜂場

ゆず茶

ゆず! 大分! はちみつ仕込みー!
買わぬわけにはいかなかった。

でも書かれている通りの、「ティースプーン2~3杯(約10g)をお湯、またはお水で溶かして飲む」というやり方では、お店で飲むのとは何だか違う。決め手は!!!

レモーン!

レモンであった。
レモンの果汁をちょっと入れると、味がひきしまってうまいのだ。たまらない。おすすめ。

ゆずの香りに癒されて、仕事もはかどるというものです。
と、無理矢理、仕事の話につなげて終了。

(このブログは主に仕事の話を書いていく予定なんですよ。ほんとですよ。)
(むしろ、こんな時間に写真撮ったりして何やっているんだと・・・)

朝9時からの打ち合わせだと、満員の田園都市線に揺られることになる。
昨日は、徹夜明けで太陽がまぶしく、メガネ(度無し)を装着。マフラーをぐるぐる巻きにして向かった。
打ち合わせメンバーのうち、わたしが徹夜、アシさんが3時間睡眠ぐらいと言っていたっけ。それからシステム屋さんが2時間睡眠、プロモーション担当の方も何だかフラフラしていらっしゃった。
ひどい業界だよなあ。
そのうちひとりは、仕事を楽しいと「思い込もう」としているようだった。冗談なのかもしれなかったが、つらそうで見ていられぬ。

わたしはストレス慣れしてるというか、ストレスをスルーするのが上手いほうなので、ある程度の忙しさまでは楽しく受け止めることができる。
だが、切羽詰ったり、様々なことが重なると、それなりにマイナス方面へ走ることもある。
つい先日も仕事がすごい状況になって、ちょっと追い詰められていたが、そのとき頭に置いていた言葉はこれだ。

「負荷をかけなければ伸びない」

つまり、すっごい負荷がかかっているから、今、わたし伸びているよ!! という。
ここまでできたら、次はもっとできるようになるよ、という。
(もっと徹夜できるようになる、という意味ではない)
そう思うとけっこう気持ちが楽になった。

成長するのは嬉しいし、楽しい。
何に楽しさを見出すか、なのかなー。

Resent Entry

Category archives

Monthly archives

www.flickr.com
This is a Flickr badge showing public photos from taka_horri. Make your own badge here.