9月30日に開催されたコーダー飲み vol.4秋。
今回も、微力ながら、幹事さんのお手伝いさせていただいてきましたー。
vol.4では、幹事の@kzms2さんの提案で、「コーダー小話」と称して、コーディング等に関するコネタを数名にお話しいただきました。
登壇者の方、および、小話内容については、以下の通り。
タイトルのリンク先は、公開いただいた各スライドです。当日ご来場いただけなかった方もどうぞご覧くださいませな。
（tweetviteで公開している内容と同一です。2010/10/17現在）
音声データもあります。
が、何の調整もしてないので、雑音諸々入ってますし、お一人づつでデータが分けられていません。
※WMA形式のため、、Macユーザーの方はiTunesで調整しないと聞けないそうです。。すみません。。
参）黒Mac部: Macでwmaをmp3に変換（iTunes）
快く引き受けてくださった登壇者の方々に改めて感謝！ありがとうございました！！
月末の上に期末だったりで、行きたいけど行けないっ！！という声も聞かれて、嬉しいやら悲しいやらでしたが、当日は、小話を熱心に聞く方もあれば、世間話に花咲いている一画もありで、おかげさまの盛況ぶりでした。
会場はこのような感じ。
参加者のみなさま、ありがとうございました！
次回、vol.5は、我らがお姉さま！@tobotobotoさんが幹事で、来年頭くらいに開催予定です、たぶん笑
コーダー以外の方も毎回いらっしゃいますし、興味ある方はお気軽においでくださいませ！
最新情報は幹事アカやアタシ、@HTML_CoderでTLに流すので、チェックしてみてください♪
では、重ねまして、登壇者および参加者のみなさま、ありがとうございました！！！
＆幹事のみなさま、おつかれさまでしたー！！
問題
主にTumblr投稿用につかっているGitHubのtombloo、気づいたらReblog時に下記のようなエラーを吐くようになりました。。（ver. 0.4.9）
ポストエラー
message : s is undefined
fileName : chrome://tombloo/content/eval.js
lineNumber : 1641
元ページ:
“ReblogしようとしたTumblrサイトネーム”
“ReblogしようとしたポストのパーマネントURL”
——————————————–
ちなみにTomblooとは
-
写真やメモ、ブックマークや引用などを、いろいろなサービスにかんたんにポストできるFirefox拡張です。
- Home – tombloo – GitHub
右クリ→”J”でがんがんポストできて快適～♪なんです！
——————————————–
さて、、JSのエラーらしいことはわかっても、原因なんてわからないし、探り方もわからない。
基本的に新規投稿ばかりでReblog少なめなので、一時的かも？と思って、放置していたのですが、毎回出て、さすがにウザいなぁと思い、解決方法をググりました。自分の環境固有かも…とか考えていたりもしたのですが、意外と同じエラーにぶつかってるひとがいっぱい。もっと早くぐぐればよかったです笑
解決方法
で、解決方法なんですが！！パッチ（0.4.14）が出てました…！（詳細はこちら）
私の環境では、Firefoxのアドオン管理画面で、「更新を確認中にエラーが」云々とか出てたので、一度tomblooを削除、最新をインストールしなおしてみました。（※）
無事、Reblog出来るように！あー快適快適！！
むしろ、、いつから更新出来てなかったんだろう…0.4.9とか…
バージョンの確認はシッカリしないとですね…！！ただし最新版がイイとも限らn(ry
参考にしたサイト、ブログ
補足
※tomblooの設定とか恐らく消えちゃうので…違う方法もある、かも？
パッチだけあてる方法とかも探してみたのですが、ざっと探しただけなので、よくわかりませんでした…。。
なんかパッチファイルへのリンクを右クリ→tombloo→Tomblooパッチのインストール、でイケるらしいんですが。。
—
追記（10/09/24）
一度削除しなくても上書きインストールで大丈夫でした！
（会社のPCで試した…！）
—
参考にしたサイト、ブログ
気まぐれにはじめて、なんとなくテーマ選んで、すこしアレンジしただけで、テキトーにやってたこのブログ。（ぇ
さりげなく使ってるテーマ、コメントんとこにユーザーアイコンが出るようになってたんですね。
基本的にコメントされることがなく、放置してたんですけど、どうやらGravatarとかいうアイコンを使える仕様らしいと気付きまして。
Gravatar (Globally Recognized Avatar) とは、広い範囲で利用できるアバターです。Gravatar はアイコンであり、フォーラム、チャット、ウェブサイトのような仮想現実上のオンライン・コミュニティの中で、そのユーザーの身代わりとなって、他のユーザーと自分自身を区別できるようにします。
―Gravatar の使い方 – WordPress Codex 日本語版
よっくわからないけど、設定しておいて損はなさそう笑
ん、で、、、
自分のってどうやって設定するの…？
ってそもそもが全然わかっていなくて、しばらく自分のWordPress内をうろうろしたり、よくわからないプラグインつっこんだり（ぇ！）してたんですけど、
正解は、Gravatar 日本語サイトに登録して、アイコンにする画像を設定する、でした！
よーし”mayoneco”で登録するぞー！
と意気込んで希望IDに入れたら、”mayoneco is not available”って………orz
なななんと…国内WebサービスのほとんどをこのIDで持ってるのに…
と思ったら！
Gravatar はあなたの WordPress.com アカウントとシームレスに動作します。ご自分の WordPress.com ユーザー名とパスワードでログインしてみてください。ハッピーブロギング !
とのことで、WordPress.comに登録してあるひとは、わざわざユーザー登録する必要もない、というまさかのオチ。。。
WordPressを提供しているAutomattic社がGravatarをもってるんですね。しかも買収云々は2007年10月とかでした…ﾊﾊﾊ
WordPressをつかってるからといって、WordPress.comに登録してるわけではなかったと記憶してるけど、、どーでしたっけね。
今回、あたしはWordPress.comに既に登録していたので、あっさりログイン出来まして、無事にアイコン登録しました。ただアイコン、ひとんち（誰…）の猫なので、、ちょっとIDとしてのアイコン画像、きちんと考えないといけないなぁと思ってます…本当に。。。
何がいいですかね、デザイン案募集中w
—
ちなみにGravatar、画像アップしてから、2～3日かかるという情報を目にしております。
でもなぜかアタシは小一時間で表示された、ので、、早くなってきてるのかも？
すーーっかり遅くなっちゃいましたが、、
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よいコーダーの条件を３つあげてください。
- 計画的、几帳面、気長
（アタシにないもの…
- 9910年後、あなたは何をしてると思いますか？
- 猫と暮らしてる…★
- 100コーダーとしての自分を100点満点で評価してください。
- 9点！
（だって自分コーダーですって言えないもの！
====================
はい！
終わりでーす！おつかれさまでございましたぁ！！
元の質問データは@uzuさんがエントリー「HTMLコーダー100の質問」内で用意してくださっているので、気が向いたら、みなさんもどーぞ♪
あと、カヤックの來島さんが「Flasher 100の質問」に置き換えて、回答されていたので、Flash使いの方はそちらを真似っコするとよいかもw
じぶんの個人サイトで、外部リンクを別ウィンドウで開くのを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の知識をきちんと入れてないまま使ってる上に、バージョンによる構文の違いなんてほとんど意識外なもので；、いい勉強になりましたぁぁ。
でもって、すぐ忘れるので今回は忘れないうちにメモメモ。
ものっそい遅い更新ですが…
先月21日にアジャイルメディア・ネットワーク株式会社さん主催のイベント『WISH2009』にいってきた！
何を隠そう！Webイベントなるものに参加するのはこれが初めて！
直接会ったことがあるひとなど、きっといないであろうワールド！
@cremaさんこと、黒野明子さんを受付でお見掛けし、話しかけようとしたものの、なんてお呼びしていいのかテンパったすえ、誤って「クロダさん」と呼んでしまう始末…穴があったら入りたいとはこのコト！！と思うほど失礼だし赤っ恥；；
その節は、大変失礼しました。
さて、冒頭から恥を晒して挑んだわけだけど、定員300名どころか、超満員400名近くのひとで溢れた会場はアタシの体験したことない男だらけの世界！！しかも年上の方が圧倒的に多かった印象！
でまぁ、あっさり馴染めるわけもなく笑、静かにこっそり座っているほかありませぬ笑
こっそり過ぎて、写真とかとってないし；
冒頭からやらかしたアタシのようなチキンにそれ以上の冒険は無理ぃーということで、プレゼン聴きに集中することにしたのだよー。
と云いつつ、休憩中とか「うわ～あのひと知っとる！」「ひょーあのひとも知っとる」「あのひとはまさか？！」とかひとりでハシャいでいたのは内緒 笑
プレゼン内容についてはUSTREAMやYouTubeにも上がっているし、ブロガーさんたちがわかりやすくまとめてくれている（関連記事一覧）のでアタシは話しませんけども。とりあえずダイジェスト版があったので、貼っときます。
プレゼンは、登壇者5分づつのちょー速！（ちなみにプレゼンター一覧）
ゆえに説明終わらない方続出！
そんな中でも、プレゼンが光っていたのはやはり百式の田口さんですな！！
すごく早口なのに、話す内容もスライドもまとまってるから、何でかわからないけど内容わかるー！っていう不思議な体験 笑
顔出しNGとのことで変装？されていましたが、想像よりなんかダンディーな方でした（スーツとメガネのせい？謎）
全体として、まぁ5分の制限時間でイマイチわからない部分もあったけど、一言にWeb！とか云っても、いろんな業界、業種で本当にいろんなコトがんばってるんだ！！すごい！！って感じた。
日本のWebは残念なんかぢゃナイ！ってみんなで共有したいってのが根にあったイベントだったわけで、アタシのそんなざっくりした感想だけど、強ち外れてないんぢゃないかなーと思うわけです。
Web業界に属していながら、全然専門知識足りないし、プレゼンにも謎の用語あったけど、、そんな一般寄りのアタシでも、なんかWebってすごいやん、おもしろいやん♪って思えたコトは、単純に良いことだろうな。
何しろ、イイ大人がラジコンとかと真剣にサービスにしようとしてたり（赤松さんw）、それに対して評価していく周りのひとたちがいるWebの世界、これからも希望もっていいんぢゃない？！って思えた。
夜な夜な睡眠時間を削って死にそうになりながら仕事してるイメージもあるWeb業界だけど苦笑、大人がこんな楽しそうにサービスつくってんだもん！ステキぢゃん！イイぢゃん！みんなで盛り上げていけばイイぢゃん！！
そんなわけで、みんなプレゼンの録画観たらえぇよ。
UST一覧
あ、あと個々で賞つくっちゃってとのお話だったので、、、
誠に僭越ながら、考えます
・
・
・
（考え中）
・
・
・
ちょー悩む。
mayoneco賞としましては…
ドレスファイルさん
かな！
服をクラウド化？！っていうそこまで出来るのねー！っていう衝撃があったので。
近未来的だよねw
あと、インターネットらしさを感じたのは、
ランゲートさん。
世界中と繋がってるーってひさびさに感じた。
でで、一応挙げてみたけど、これがダントツにイイ！！なんて言えないっす。
だって、それぞれ考えられてて、魅力的だもの。
そういうものがいっぱい詰まってるのがWebのイイトコだと思うので、順番つけるなんてアタシには出来ません。
そんなこんなで、、
運営のみなさま、プレゼンターのみなさま、大変有意義な時間を過ごすことが出来ました！
大変お疲れ様でした、ありがとうございました！
というわけで、〆