Category Archive: Web

HTMLコーダー100の質問!!

すーーっかり遅くなっちゃいましたが、、
1月頭に開催された@uzuさん主催のコーダー飲みに際して、
HTMLコーダー100の質問に答えてみたので、エントリーにあげときまぁす!
====================

1年齢は?
20代半ば
2パソコン歴は?
15年くらい
3コーダー歴はどれくらいですか?
1年半
4初めてwebを作ったのはいつですか?
簡素なブログなら大学のころに。
つくった!って言えるのは会社入ってから。
5コーダーになろうと思ったきっかけは?
ものづくりがしたくて会社入ったら、今の仕事をあてられたのでw
6コーディングは誰に/どこで習いましたか?
上司&先輩@会社。そしてグーグル大先生。
7web業界以外の友達・家族とコーディングの話をしますか?
しないですな。まず、サイト制作が理解してもらえないw
8ご両親はインターネットユーザーですか?
使ってます。母がTwitterやってて怖いです。
9視力はいくつくらい?メガネ・コンタクトどちらですか?
裸眼!こまかい数字は忘れました!
10本はAmazonで買いますか?
ほしいものが決まってれば。
個人的には本屋さんをあてもなくぷらぷらするのが好きなので、本屋で買うことも多いす。
します。
11ネットショッピングをしますか?主に買うものは何ですか?
わりとなんでも。
とくに、取扱店舗を探すのが困難なものや、都内で買えるけど持って帰るのが大変なものは重宝ー。
12携帯サイトで買い物をしたことがありますか?
ない、かな
13お酒は強いですか?
わりと。ワインは危険です。
14休日の過ごし方を教えて下さい。
寝てるか、食べてるか、部屋掃除か、どっか遊びに行ってるか。たまーにパン焼いてます。
15今、欲しいものは何ですか?
マイホームと奥さん
16平均睡眠時間を教えて下さい。
5時間前後
17平日の起床時間は何時ですか?
以前は5:00。最近は6:00…
18なにかスポーツをしていますか?
ホットヨガ…してた。最近ぜんぜん行けてない。。。でも運動は嫌いぢゃないです。
19パソコンと関係ない趣味がありますか?
アロマテラピー。最近はカメラとか、ライブに興味津々!
20コーディングに役立つ資格、パソコン関係の資格を持ってますか?
色彩検定2級…でも役にたったことない。
21昼と夜、どちらの方が仕事がはかどりますか?
夕方かな。適度な空腹時。
22ブラインドタッチは教本通り10本の指を使いますか?
むしろ見る…
23眠い時の対処法はありますか?
トイレで3~5分寝る。姿勢を正す。飴とか食べる。
24息抜きについ見てしまうサイトはなんですか?
ねこブログ!ねこ動画!
25他に息抜きにしていることがあったら教えて下さい。
食。
26仕事上で得意なことはありますか?それは何ですか?
情報収集、かな…仕事ぢゃない気もしつつ。
27仕事中にBGMは聞けますか?能率が上がるのはどんな音楽ですか?
…聴けない。。。
28作業パソコンはWin?Mac?
窓!
29作業パソコンはデスクトップ?ノート?
デスクトップ
30作業パソコンのマウスは標準マウスですか?
持参したマウス。本社時代のデフォがボールで、そんとき抵抗して買ったやつと嫁入りしました。
31マウスパッドは使っていますか?
薄っぺらいやつひいてます
32作業パソコンにAdobe製品は何が入っていますか?
Dw、Ps、Ai、Fl、Brなどなど
33作業パソコンはモニタは何インチですか?
なんインチだろ…
34自宅にパソコン持ってますか?いくつありますか?
デスクトップとネットブックで、2台
35自宅に作業環境はある?
一応。
36会社と自宅、作業はどちらがはかどりますか?
会社。家のはVistaなんで、何かとイラっとしますw
37自宅パソコンは家族と共用ですか?
アタシ専用!
38自宅パソコンはWin?Mac?
窓!Macもほしいな…
39自宅パソコンのメーカーは何ですか?
NECだったっけな
40自宅パソコンはデスクトップ?ノート?
デスクトップ!
41打ち合わせのメモは手描きとテキストどちらがいいですか?
アナログ人間なので、手書きです
42スケジュール管理は何でしてますか?(手帳・アプリケーション・webツール・モバイルなど)
手帳
43メーラーは何を使ってますか?
会社のはデフォがOutlook。
基本的にはgmailをwebでみてます。
44RSSリーダーは何を使ってますか?
Googleリーダー
45好きなポータルサイトはどこですか?
Googleさま
46ブックマークは何で管理していますか?
delicious
47不得意だけど使わねばならない技術はありますか?
JS。頑張りたいです
48web系の雑誌を購読していますか?
Web Designingあたり
49webの参考書は何冊くらい持っていますか?
10冊くらいかな
50お薦めの参考書があったら教えて下さい。
え?むしろ教えてください!!
51参考にしているおすすめサイトがあったら教えて下さい。
諸先輩方のサイト・ブログ
52コーディングに使ってる、便利なツールを教えてください。
ん…なんだろ…チェックにAnother HTML-lint gatewayは使います
53コードにコメントはつけてますか?
共有してるので、つけるようにはしてます
54制作過程で、どの作業が一番好きですか?(コーディング、画像作成、検証、打ち合わせ)?
コーディング(美しくコーディング出来なくて泣きそうにはよくなってますが…)
55画像切り出しに使うソフトはなんですか?
Ps
56webデザインに使うソフトはなんですか?
デザインほとんどやりませんが、やるならPs
57検証対象ブラウザは何個ありますか?
まぁIE6、7で見られればいーよっていう特殊な職場なので(ry
58一から新規制作とリニューアル、どちらが好きですか?
新規かな
59定期運用と新規制作、どちらが好きですか?
どっちもどっち?
60テーブルコーディング業務はありますか?
ある。めっちゃある
61新規制作の割合はどれくらいですか?
最近は4割くらいかな
62iPhoneサイトのコーディングをしたことはありますか?
ない
63よく使うJavaScriptがあったら教えて下さい。
ロールオーバーとFlashまわりのとか
64携帯サイトのコーディング業務をしていますか?
ないっす。勉強しないとなぁ
65FLASHはどのくらいできますか?
ぜんぜん
66いま興味がある技術はありますか?
HTML5、CSS3…の前にJSとかFlash勉強しないとです
67自分の書いたコードは美しい?
そのときの心理状態が反映されます…
68ソーステンプレートを作っていますか?
のん
69単語登録にタグを登録していますか?
いいえ
70HTML5、早く実務で使いたい?
んー、、はい
71CSS3、早く実務で使いたい?
はい
72コーディングで伸ばしたい技術は?
全体的に…
73コーディング以外で伸ばしたい技術はありますか?
スケジュール管理能力。ストレス耐性。
74職場にコーダー専門職は何人いますか?兼務は何人ですか?
専門はゼロ。兼務は2人、かな
75職場のコーダー男女比はどのくらい?
女の花園
76勤務時間は何時から何時までですか?
9:00~17:40
77通勤時間はどのくらいですか?
2h!w
78月の残業時間は最高何時間でしたか?
えっと…1hかな。。。
79現在の仕事環境で良いところはどんなところですか?
残業がない。仕事が楽。
80デザイナなど他の仕事とコーディングを兼務してますか?
雑務とちょっとしたディレクション、とたまにデザイン
81職場は服装自由ですか?何か規則はありますか?
そこそこ自由なビジカジ。ジーンズ禁止。。。
82休日出社や徹夜作業はありますか?
ないっす
83プライベートでサイト/ブログを持ってますか?
ありますー
84プライベートでドメインを持っている。
ありますー
85プライベートでサーバーを持っている。借りている。
ありますー
86CSS Niteには何回行きましたか?
LP7が初、一回。
じつは人見知りなので、びびって中々いけないw
87地方のCSS Nite行ったことありますか?
ないー
88尊敬するwebクリエイターがいたら教えて下さい。
この業界で生計を立てているひとはみんな尊敬!
89旅行に行く時パソコンを持っていきますか?持っていきたいですか?
あいほんで事足りれば要らないかな
90好奇心を満たす面白い仕事を無償でやったことがありますか?どんな仕事でしたか?
なーい
91ディレクターなどキャリアチェンジを考えてますか?一生コーダーを貫きますか?
思案中
92特定のパートナー(彼女・彼氏・夫・妻)がいますか?相手は同業者ですか?
のー
93パートナーは同業者がいい?別の職種がいい?
こだわりない。ただ、”ブラウザ”くらいは理解してくれるひとがいいな…検索エンジンぢゃないよwww
94コーダーをやっててよかったなあと思うときは?
各サイトの裏のこだわり、美しさを堪能するとき
95何年後/何歳までコーダーをやるつもりですか?
わっかんない
96次の締め切りはいつですか?
指示待ちなう。
97コーダー以外だったらどんな職に就きたいですか?
デザインやりたかったです(過去形
98よいコーダーの条件を3つあげてください。
計画的、几帳面、気長
(アタシにないもの…
9910年後、あなたは何をしてると思いますか?
猫と暮らしてる…★
100コーダーとしての自分を100点満点で評価してください。
9点!
(だって自分コーダーですって言えないもの!

====================
はい!
終わりでーす!おつかれさまでございましたぁ!!

元の質問データは@uzuさんがエントリー「HTMLコーダー100の質問」内で用意してくださっているので、気が向いたら、みなさんもどーぞ♪

あと、カヤックの來島さんが「Flasher 100の質問」に置き換えて、回答されていたので、Flash使いの方はそちらを真似っコするとよいかもw

【jQuery】外部リンクを別ウィンで開きたいー

じぶんの個人サイトで、外部リンクを別ウィンドウで開くのをjQueryでやりたいなーと思って、ちょっとぐぐった&エラーとか出たので自分用メモ。

ぐぐって、なんとなくこの辺(↓)を参照させていただくことに。

さて、残念ながらアタシにはどっちがイイとかよくわからないので、、、ひとまず前者のソースをお借りしてやってみます。
いつだかにダウンロードしてたjquery.js(v1.3.2)を設置し、
新規JSファイルに、上のエントリーのソース(これ↓)をコピペ、

$(document).ready( function () {
$(‘a[@href^="http"]‘).not(‘[@href*="www.sample.com"]‘).click(function(){
window.open(this.href, ”);
return false;});
});

「www.sample.com」をアタシの場合は「mayoneco.com」に変更し、保存。
HTML側に上記2つのJSファイルへのリンクつけまして、これでOK!
…のは・ず・が、、、
構文エラーだよ!とFirebugで下記のようなエラーが出てしまいました。

[Exception... "'Syntax error, unrecognized expression: [@href^=http://]‘ when calling method: [nsIDOMEventListener::handleEvent]” nsresult: “0x8057001e (NS_ERROR_XPC_JS_THREW_STRING)” location: “” data: no]

はいはい、何言ってるんでしょうかね?ふふふ…と、英語のエラーが出るとひとまず目を逸らしたくなるアタシですがw、調べたら、このへんが怪しそう!

よくよく見てみると、、

The @ syntax is no longer supported in JQuery 1.3+.
So the simple fix is to just remove the @ and it’ll work

jQuery 1.3以降のバージョンでは@をつかう構文がサポート外ってコトみたいですな。
今回アタシが設置していたのはバージョン1.3.2。つまりサポート外。
“@”を消せばOK!って書いてあるので、よくわからないまま消したら本当にOKでしたw

JSの知識をきちんと入れてないまま使ってる上に、バージョンによる構文の違いなんてほとんど意識外なもので;、いい勉強になりましたぁぁ。
でもって、すぐ忘れるので今回は忘れないうちにメモメモ。

WISH2009にいってきたよ

ものっそい遅い更新ですが…
先月21日にアジャイルメディア・ネットワーク株式会社さん主催のイベント『WISH2009』にいってきた!
何を隠そう!Webイベントなるものに参加するのはこれが初めて!

直接会ったことがあるひとなど、きっといないであろうワールド!
@cremaさんこと、黒野明子さんを受付でお見掛けし、話しかけようとしたものの、なんてお呼びしていいのかテンパったすえ、誤って「クロダさん」と呼んでしまう始末…穴があったら入りたいとはこのコト!!と思うほど失礼だし赤っ恥;;
その節は、大変失礼しました。

さて、冒頭から恥を晒して挑んだわけだけど、定員300名どころか、超満員400名近くのひとで溢れた会場はアタシの体験したことない男だらけの世界!!しかも年上の方が圧倒的に多かった印象!
でまぁ、あっさり馴染めるわけもなく笑、静かにこっそり座っているほかありませぬ笑
こっそり過ぎて、写真とかとってないし;
冒頭からやらかしたアタシのようなチキンにそれ以上の冒険は無理ぃーということで、プレゼン聴きに集中することにしたのだよー。
と云いつつ、休憩中とか「うわ~あのひと知っとる!」「ひょーあのひとも知っとる」「あのひとはまさか?!」とかひとりでハシャいでいたのは内緒 笑

プレゼン内容についてはUSTREAMやYouTubeにも上がっているし、ブロガーさんたちがわかりやすくまとめてくれている(関連記事一覧)のでアタシは話しませんけども。とりあえずダイジェスト版があったので、貼っときます。

プレゼンは、登壇者5分づつのちょー速!(ちなみにプレゼンター一覧
ゆえに説明終わらない方続出!
そんな中でも、プレゼンが光っていたのはやはり百式の田口さんですな!!
すごく早口なのに、話す内容もスライドもまとまってるから、何でかわからないけど内容わかるー!っていう不思議な体験 笑
顔出しNGとのことで変装?されていましたが、想像よりなんかダンディーな方でした(スーツとメガネのせい?謎)

全体として、まぁ5分の制限時間でイマイチわからない部分もあったけど、一言にWeb!とか云っても、いろんな業界、業種で本当にいろんなコトがんばってるんだ!!すごい!!って感じた。
日本のWebは残念なんかぢゃナイ!ってみんなで共有したいってのが根にあったイベントだったわけで、アタシのそんなざっくりした感想だけど、強ち外れてないんぢゃないかなーと思うわけです。
Web業界に属していながら、全然専門知識足りないし、プレゼンにも謎の用語あったけど、、そんな一般寄りのアタシでも、なんかWebってすごいやん、おもしろいやん♪って思えたコトは、単純に良いことだろうな。
何しろ、イイ大人がラジコンとかと真剣にサービスにしようとしてたり(赤松さんw)、それに対して評価していく周りのひとたちがいるWebの世界、これからも希望もっていいんぢゃない?!って思えた。
夜な夜な睡眠時間を削って死にそうになりながら仕事してるイメージもあるWeb業界だけど苦笑、大人がこんな楽しそうにサービスつくってんだもん!ステキぢゃん!イイぢゃん!みんなで盛り上げていけばイイぢゃん!!

そんなわけで、みんなプレゼンの録画観たらえぇよ。
UST一覧

あ、あと個々で賞つくっちゃってとのお話だったので、、、
誠に僭越ながら、考えます



(考え中)



ちょー悩む。

mayoneco賞としましては…
ドレスファイルさん
かな!
服をクラウド化?!っていうそこまで出来るのねー!っていう衝撃があったので。
近未来的だよねw

あと、インターネットらしさを感じたのは、
ランゲートさん。
世界中と繋がってるーってひさびさに感じた。

でで、一応挙げてみたけど、これがダントツにイイ!!なんて言えないっす。
だって、それぞれ考えられてて、魅力的だもの。
そういうものがいっぱい詰まってるのがWebのイイトコだと思うので、順番つけるなんてアタシには出来ません。

そんなこんなで、、
運営のみなさま、プレゼンターのみなさま、大変有意義な時間を過ごすことが出来ました!
大変お疲れ様でした、ありがとうございました!
というわけで、〆

始動っ!!

3月から参加していた、Webサービスの立ち上げを目指しているグループを抜けた。
活動は楽しくさせてもらっていたのだが、まぁ人間関係とか諸々ありまして。
とはいえ、活動に参加しないだけで、引き続き応援するつもりっす。

そこのグループでは効率だとか、損益を重視しているところがあって。
それはリーダーが起業を目指しているってのが関係してたりするんだけど。
もちろん悪いことではないし、ビジネス視点が大切なのは分かる。
分かるんだけど、今アタシがやりたいこととはちょっとズレてるかなーってのはあって。
何事も勉強だし、と思って、黙って話を聞いてたりしたけども。
あと基本的に頑張ってるひとを応援するのは好きなので。

でも、何かグダついてきてしまって。
明らかに、みんなの心が離れていってるんだよね。
元を正すと、実はリーダー自身の揺らぎが伝播した結果なんじゃないかと今になって思う。

リーダーは、「やりたいやつだけ残ればいい。やる気ないなら辞めればいい、俺は止めないし」って感じで、わりと放置なタイプ。
それでもリーダーのやりたい!って気持ちを汲んで集まってたわけだ、みんな。
けど、1か月いや2か月前くらいから、彼の仕事と、あと実はプライベートの忙しさと共に、グループはグダグダし始めて。
みんなにヤル気あっても活動できないじゃん!っていう。
結果、全体的にモチベーション下がるっていう。
でも、それは個々の気持ちの問題でしょ?ってリーダーの態度。
それって無責任なのでは??と、反感覚え。
でもってみんなを誘っといたくせに自分が一番今ヤル気ないんじゃないの??

なので、じゃ辞めます!
違うグループでやり直します!

というわけでー
別グループをつくりまして、そちらで今後は活動していくことに相成った。
そこでは、損益とか気にしすぎず、プライベートだからこそ出来ることに挑戦していきたいな、と。
仕事ではないからさ、自分たちのヤル気だとか熱意が原動力なわけ。
だから、やるたいことをやる!っていう雰囲気でね、好きなことしたい。

ちなみに流れ的にアタシがリーダーになるっぽいよ。
リーダーって響きは好きくないけどw無責任なことだけはしたくない。
アタシはガンガン引っ張っていくタイプではないけどさ、少なくともメンバーがひとつにまとまっていられるように努力したい。

仕事だろーとプライベートだろーと、ひととの繋がりを大切にできないのは良くないもんね。

詳細はまだ決まってもいないのでw内緒だけど、、
第一弾は、ネコ関係のものになる予定♪

とはいえ、メンバーも揃ってるわけではないので、いろんなひと誘って、助け合っていけたらいいなーと。
誰をお誘いするか考え中ー。
やりたいひと、いるっかなー。

んなわけで、新グループで頑張るよ!!

JQueryでCSSの複数プロパティを変えたいの

とゆーわけでgoogle先生召喚。
一発解決!

cssメソッドに2つのパラメーターを与える場合、以下のようなcodeが考えられる。
$(”p”).css(”color”,”#000000″).css(”background-color”,”#0033cc”)
この様に複数のプロパティを同時に操作する場合、以下の記述で対応できる。
$(”p”).css({”color”:”#000000″,”background-color”:”#0033cc”})

参照元:jQuery:CSSへのアクセス | [E2]e2esound.com

なるほどね~
こつこつと本見たりして勉強するのもいいんだけど、やっぱり実践で必要に迫られてやろうとすると身につくの早いと思う。
とはいえ、アタシはもう少し基礎的部分を勉強して土台を固めたほうがきっともっと幅が広がるだろうな、と。

ロクナナのワークショップ、やっぱ行こうかな~
自分への気合入魂も込めて。

何しろ、自分で調べて、たとえ9割コピペでも笑、思い描いたものが出来ると充実感ある!
最近、JS楽しいなーと思えている。
楽しければ何でも出来るよね!!

Webサービスの棲み分けを考える

最近、調子に乗って今更ーなWebサービスなどにもユーザー登録してみたりした。
で、もうごちゃごちゃしている、と。

とくに!ブックマークというか、お気に入りを突っ込んでおく場所的な。

サイトのブックマークは基本delicious。
ステキ系イメージはDropular。
かわゆい動物写真やら、名言はTumblr。

なんとなく分けてるけど…既に画像系、DropularとTumblrでごちゃってる。。。

Droplarはマイページ?で、突っ込んだのオシャレ~に一覧表示してくれるので、自分が好きな雰囲気のものをざっと確認できて良いんだよね。
ついでに好きなものしか表示してないから、キモチ癒されるー♪

Tumblrは、シリアスなものから、面白いものまで入れちゃってるので、自分でもなんとなく見にくい。。。
ただ、Dropularに比べると、思考するものが多いのかな。

なので。
Dropularは右脳的なもの。
Tumblrは左脳的なもの。
って感じで。

あんまりガッチリ分けてしまうと、自分の場合、あとあと自分で首絞めて苦しくなっちゃうので、ざっくりとね。

とりあえず…登録するツールを全部ひとまとめにしてしまいたい。。
tomblooは入れてるけど。
ほかに設定されているサービスあんま使ってねーんすよ、という。
ほぼTumblrだけのためのプラグインと化している。。。
うーむ。
やっぱり、そこらへんが今一番のネックだなー。

ネットのサービスやらを使う上で、「面倒」って一度でも思ってしまうと継続した利用に対してかなりハードル上がっちゃうよね。
そこまでして利用するメリットだとか魅力がない限りは。

探せばちょっとしたツールとかティップスで大抵の「面倒」は打破できるんだけど、一般のひとはそこまでしない。
「ネットって便利便利っていうけど、意外と不便なのね~」くらいの感想を持って去る。
あとはもう全然よくわからないまま、よくわかんないなーって思うだけ。

アタシはWebな仕事してるけど、たぶん思考とか能力的には一般とまだまだnearly equalラインなので、「わっかんね!」と思って幽霊ユーザーになってるサービスも結構ある。
ツールとかで何とか出来るって分かり始めたのも最近の話で。

で、一般まで普及させるのってやっぱ簡単じゃないよねーと改めて思った。