疲れた… ― CSSによるプルダウンメニュー

CATEGORY : WebSiteDesign

2006年10月08日 00:08

今日は昼から今までずっとバイトでした。約10時間、さすがに疲れました。
ちなみに、これは帰りの電車で書いてます。携帯から投稿できるのって便利ですね…

はてさて、何をしたかと言えば、CSSによるプルダウンメニューを作ってました。リストを入れ子にして、子要素の方のvisibilityをいじるだけで、FireFoxとかはすんなり行ったのですが、WinIEに大分してやられました。

詳しいことは帰って気が向いたら、追記しますが、WinIEのせいで、無駄に時間を食いました、、、

2006年10月15日…追記しました(遅くなってすいません。)
2006年10月21日…修正しました。Operaでも表示できるようになりました。

確認済みブラウザ

  • WinIE6
  • FireFox1.5
  • Opera6以上
  • Safari

READ MORE ABOUT 疲れた… ― CSSによるプルダウンメニュー

一段落

CATEGORY : WebSiteDesign

2006年07月29日 14:33

リフレクションを提出して、
webサイト、一段落。

一段落であって、終わりでは、無いと思う。
いろいろ、納得のいっていないことが多い。

学んだことは非常に多かったが、
ほとんどは失敗から学んだ、教訓といったほうがいいのかもしれない。

今回得たことを胸に秘めて、次をがんばり、
今回のものも、しっかりと完結させたい。

以下、リフレクションレポート

READ MORE ABOUT 一段落

これからリスト、そして、権利について

CATEGORY : WebSiteDesign

2006年06月15日 01:22

写真にトラックバックしなきゃいけないのをいまさら思い出した。

これからすることだけ、とりあえずメモ。


  • 素材増やす

  • 通販の方法再考

  • ログインさせる方法の再考

  • レイアウト・配色等再考

  • css修正

  • Flash完成

あと、今の懸念ごとは写真の権利関係。
コンビニの通販という想定なんで、既存の商品の写真を使っているわけだが、
権利は平気なのだろうか。

一応自分なりに本読んだりした結果、
工業製品のデザインは著作物ではないので、
使う写真が自分で撮った写真であり、
かつ非営利の個人運営サイトであれば平気っぽい。
(だめだったら、商品紹介とかしてるブロガーは軒並み捕まってしまう。)

ちなみに、許可を得ずに、そのまま営利目的で運営してしまうと、著作権法ではなく、
意匠権とか商標権とか、に引っかかってしまう。

ただ、いまやってる「営利目的を想定したサイト」ってのは、どうなんだろう。
しかも、学校の課題ってのは、個人なのかも怪しい。

営利目的を想定?=?非営利
学校で個人製作?=?個人運営

ぬぬぬ、、、去年、情報社会の授業はとって、しっかり聞いたつもりだったけど、
自分が直面すると、やっぱり難しい、、、

さすがに、こうなると自分だけでは、判断がつかない。。。
ちゃんと指示を仰ごう、、、

企画案

CATEGORY : WebSiteDesign

2006年04月24日 23:16

概略だけ防備録程度に。
乱文です。

■企画案プレゼン
自分が持っていった企画案は
地域密着型のコンビニのWeb上での、即時配達サービス。

<アドバイス>
地域密着を推すのであれば、「店員・配達員紹介コーナーにヒントがあるかも」
とのことだった。

<考察>
自分でもそうは思っていたがゆえに、そのコーナーを用意したのだが、
改めていわれて、いろいろ発想。

<発想メモ>
・商品購入のときのインターフェイスにも絡めると面白そう。

・Man Machine Interfaceではなく、
 Man (Machine) Man Interfaceがよさそう。

などなど。。。

■環境を変える
青空教室だったのは、環境を変えてみる、ということだった。

確かに気分は違った。

その後、よくよく自身を振り返れば、
ずっと、PCの前に座ってふさぎっぱなしだった。
そりゃあ、煮詰まろうというものである。

今後、もうちょっと気分転換について注意を払ってみよう。

プレゼンとFlashと

CATEGORY : WebSiteDesign

2006年04月21日 23:59

■「Webの楽しみ」についてのプレゼン

<課題条件>
・「Webの楽しみ」をPC初心者に教える
・A4サイズ


<自分の課題>
Webの楽しみを伝える、だけではなく、
そのまま、シームレスにWebを使うように仕向けたかった。

そこで、NORI先生がしきりに「『A4サイズ』としか言っていないからね」
と言っていたのを
「メディアは、サイズがA4であれば、任意である」と拡大解釈。
MacのモニターでA4で表示させるようにして無理やり条件をクリアし、
デジタルデータで作成することで、目的(シームレスな移行)自体は達成。

<結果>
しかし、眠い頭でプレゼンに臨み、玉砕。
いろいろ、プレゼンの仕方について、ご指導いただいたが、
それ以前の問題として、しっかり寝ておくのも重要な気がした。

内容については、先生からの指摘にもあったが、
デジタルデータというメディアとしての特性を生かしきれなかったことか。
わざわざ選んだメディアに対して、考察が一歩足りなかった。

次からは、特殊(?)なメディアを選んだのであれば、
目的の達成以外にも、使える要素はないかしっかりと考えるべきか。


■Flashの用途
授業中にいろいろ紹介があったが、
中でもGIZMOはFlashのWeb以外の使い道が示されていて
興味をひかれた。

ただ、Flashを使う常駐アプリって、すごいリソースを削りそうで
少し心配。
今度、実際に使ってみよう。許容範囲は1桁MBかな、、、


■Flashアニメーション
nagafuji.jpのアニメーションがnon scriptとのことだったが、驚くばかりだ。
いったいどう作ったのかが非常に気になる。

あと、一応、授業で紹介があったところ以外の
自分の知っているところを挙げておく。

・Morinono
http://www.morinono.net/

・偽与野区役所
http://www.niseyono.com/

・POEYAMA
http://www.poeyama.com/

有名どころばかりなので、
知ってる人も多いのでは。


■課題について
スクリプトを使わずにミニアニメ。

スクリプトを使わないのは
「根気強さを試す」という意味もあるそうだが、
そこに関しては、少しだけ反論。

適当な完成度の作品であれば、
たしかにスクリプトのアニメーションに根気は要らないだろう。

しかし、動きを追求するとなれば、
動きに関する数値を非常に細かく設定しなければならない。
場合によっては、動きを生み出す「式」自体を試行錯誤することもある。
そしてそれは、数値変更→実際に試す→数値変更→、、、
といった非常に地味な作業で、コレはコレで、非常に根気が要る。

NORI先生も分かってるはずだと思うのだけれど。。。

そんなわけで、
「根気強さを試す」という理由で
スクリプトを使わせないのは、違うんじゃないかなと思う。

場合によっては、トゥイーンのほうが、簡単にできる。


それはそれとして、
別にキーフレームアニメが嫌いなわけではないので、
今度の課題は特に「課題違反」なしで行こうと思う。
はてさて、何を作ろうか。。。