Webデザイナーがコーディングできないと困る理由

「Webデザイナーがコーディングできないと困る理由」というタイトルでおよそ1年ぶりに開催された俺聞けで発表してきた。

発表の内容は結局のところ個人的な愚痴である。
Webデザイナーと言われている方たちをdisるつもりはない。
そして、困るのはデザイナーではなくコーダー。

デザイナーがコーディングしなければいけないというつもりもない。
だけどWebページは、HTMLで構造化してCSSで視覚化する。
どうやってコーディングするかのイメージがない状態でデザインができあがるとどうなるか。
HTMLは意味のないDIVでネストされ、CSSも複雑化する。

ごくたまにUIをデザインをしてきたりする。
フォームのセレクトのUIを変更するのは大変だ。
以下のサイトを参考にしてもらえればわかると思う。
CSSのappearanceを使ったセレクトボックスのカスタマイズ

現在ではスマートフォンからの閲覧も増えてレスポンシブウェブデザインを採用することも多い。
さすがにこれは本当にコーディングできるだけの知識が必要になる。
メディアクエリの仕組みを理解せずにデザインすることはできないはずだが、ほかのサイトのデザインを参考にすることはできる。
だからコーディングできなくてもデザインはできあがる。
ただしコーディングのコストが考慮されないアレンジが加えられたりもする。

アレンジといえば、スライドバナーも、その一つ。
jQueryなどのスライドバナープラグインは多数存在するのにそのどれにも該当しないデザインにしてくる。
オリジナリティを出したいのだろうが、これを作るのは結構大変だ。
しかもレスポンシブ対応しないといけないのであればなおさらだ。

個人的には、システムとの結合はやるからHTML、CSSはデザイナーが用意してほしい。

node.jsでIPアドレスを取得する(2)

もう半年以上前にNode.jsでクライアントのIPアドレスを取得するを書いた。
まぁ別にあれでもちゃんと動いてるんだけど、もうちょっとコードがコンパクトにならないかなぁっとちょっとだけ頑張ってみた。

三項演算子のネストでコードをコンパクトにしてみた。
人によっては、大嫌いな書き方なんだろうけど、ある程度可読性があるようにちゃんと改行してワンライナーにはしてない。

ブログ内にコード書いてもいいんだけど、改変したりとかするんだったらGitHubにコード載せたほうがいいかと思ってGistに書いた。

javascriptでIPアドレスを取得する

なんか、「javascript ipアドレス 取得」のキーワードでこのブログに訪問してくれている人がいるので、一応書いておこうかと。

JavascriptでIPアドレスは取得はできません。

一部のサイトではActiveXが動作しないと取れないと書いていたりします。
それってJavascriptでIPアドレス取れてないってことですね。
Javascriptのバージョンが上がれば将来的には取れるようになるかもしれませんが、現状ではJavascriptでIPアドレスは取得はできません。

大事なことなので2回言いました。

サーバーにリクエストがきた時点でIPアドレスは取れます。
Javascriptでは取れないのでサーバーサイドでIPアドレスを取得して、レスポンスでIPアドレスをクライアントに渡してあげて下さい。

サーバー側でIPアドレスを取る方法はググればいくらでも出てくると思います。