haruka.sugawa

またしても、久しぶりの更新です。生きてます、sugawaです。
ようやく卒業論文を書き終え、肩の荷がおりた気分です。とはいえ、やるべきことをたんまりと後回しにしてしまったので、まだまだ気は抜けません（苦笑）。

前回の記事で告知したインクルーシブデザインワークショップからちょうどひと月、報告のエントリを書く間もなく仕事に追われ、卒論に追われ。毎日ぐるぐると論文のことが頭から離れませんでした。最終的に、3件のインタビュー、調査分析、1年半の参与観察を含んだ、総字数11万9千、150ページ超に及ぶものになりました。どう取り繕ってもこれが自分の今まで4年間の学びを反映するものなのだということを書いていくうちに実感するようになったこともあって、自分を客観的に見る良い機会になったと思います。アウトプットすることはやっぱり大事ですね。自分の語彙の乏しさと文章表現力の低さには本当にうんざりきたので、こっそり特訓することを心に決めました。

そして、何より周りの人あってこその自分なんだなということを再確認しました。がんばれるというのはこんなにもありがたいことでした。

まだこまごまとしたことは残るものの、ひとまず私の学生生活は終幕へと向かおうとしています。卒業までの残りの3ヶ月間も、論文のスパートをかけていた勢いのまま全力で走り切りたいなという気持ちです。

11月19日18時30分よりデジタルハリウッド大阪校にてインクルーシブデザイン・ワークショップが開催されます。
インクルーシブデザインとは、高齢者や障害をもつ方をデザインの上流工程に積極的に巻き込んでいくことによって、そうした方々にも気後れすることなく使っていただけるものづくりをめざす手法のこと。
今回のワークショップでは携帯電話を題材に、リードユーザと呼ばれる障害者や高齢者の方とともにプロトタイプ制作までを実施します。
主催は京都大学インクルーシブデザインユニットと関西圏のWebクリエイター集団「Re:Creator’s Kansai」。
恐れ多くも私も運営に関わらせていただいており、告知ページも拙いながら制作を担当いたしました。
ただいま参加者募集中です！ご興味をお持ちの方はぜひお申し込みください。

sugar.hacca.jpをリニューアルしました。これまで利用していたテーマは自作のものではなく無償配布サイトからの借り物でしたので、Web制作に携わる者としてどうよ？と思って自作のものに変更しました。ついでに？、開発終了のWordPress MEからWordPress 2.6.2への鞍替えも実施。インポートでつまずくと予想していましたが、スムーズに移行できました。

テーマ名は「highschool」。
なんでかって、このデザインは私が高校2年生（2003年ごろ？）のときに作ったもののリバイバルなのです。当時はwordpressではなくnicky!という日記CGI（といってもトラックバック・コメントも可能かつ、お絵かき掲示板が設置できる優れもの）を利用していました。

自分的に「飽きの来ないシンプルなものができたかもしれない！」と感じて、以来ずっと頭の中にあったので、ソースはとっくに紛失していましたが再構築することに。当時の知り合いで今も私のブログを見てくださってる方がどのくらいいらっしゃるかは分かりませんがｗ、記憶にある方はぜひ、懐かしんでいってください。

さらに、先日某所でエラスティックレイアウトに初挑戦したという文脈もあり、このテーマもまたエラスティックっぽい仕上がりになっています。
最近は効率化のためにPhotoshopでデザインを固めてからコーディングに移るケースが多かったので、今回と某所のものは久しぶりにコーディングを中心に捉えた設計ができて楽しかったです。私はこっちのやり方のほうにずっと慣れ親しんできているので、覚えたての頃のわくわくした興奮がよみがえってくる気がします。

あと何パターンか頭の中にレイアウトを考えているので、追々そちらも形にしたいと思います。

今まで知らなかったのですが、Flashなどを貼り付ける際に使うobjectタグやembedタグには通常状態だとz-indexが効かないようです。
そのため、JavaScript+CSSで表示させているプルダウンメニューがFlashの下にもぐりこんでしまいました。プルダウンメニューはユーザビリティ的にあまりよろしくなさそうなので個人的にはあまり使いたくないもののひとつなのですが、今はそれはさておき。
これを解決するにはobject,embedタグを使うときに一手間かける必要があります。

上記の太字で示した部分を追加することで、z-indexが有効になります。

制作の過程でprototype.jsやjQuery、mootoolsといったJavaScriptライブラリを利用する機会も増えてきました。しかし、調子に乗ってライブラリを複数使うと、なぜかうまく動かなくなった・・・スクリプトにはエラーはないはずなのに・・・ということが出てきます。
というのも、スクリプトを呼び出す際に利用する「$」記号が競合してしまう模様です。私も今回まんまとそれに引っかかった次第です。
調べてみたところ、prototype.jsあるいはmootoolsをjQueryと共有する場合、headタグの中で外部JavaScriptの読み込みを指定するときにjQuery→prototype.jsあるいはmootoolsという順番で記述し、jQueryの読み出しタグ<script type=”text/javascript” src=”js/jquery.js”>
</script>と二つ目のライブラリの読み出しタグ<script type=”text/javascript” src=”js/prototype.js”></script>の間に

という命令を入れ、jQueryで書いたスクリプト本体に登場する「$」記号を「jQuery」に置き換えると、２つのライブラリが競合するのを防ぐことができるようです。

本日のエントリーは以下の記事を参考にさせていただきました。

• jquery.jsとprototype.jsの念願の共存
  http://blog.chibatch.jp/articles/jqueryprototype.html
• mootoolsとjQueryを一緒に使う方法
  http://blog.chibatch.jp/articles/mootoolsjquery.html