第８回 Sugamo.cssまとめ

/web/sugamo_css

Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。

ちょっと遅れましたが、８回目のお話。今回の参加者は13人。初の定員オーバー。にもかかわらず主催者Sig.は大遅刻しまして、あまり会話に参加できていません。せめて... ネタがあれば...！ ＞＜)

  1. Sig.
  2. neotag, neotagの雑文
  3. Takazudo, Takazudo Clipping*
  4. Kyosuke, Kyosuke.jp
  5. 坂本亮介, Louise-Louisa.com
  6. Songmu, おそらくはそれさえも平凡な日々
  7. tacamy, yamada-takami
  8. Funky, http://twitter.com/Funky4692
  9. vladaruz, http://twitter.com/vladaruz
  10. hitoyam, http://twitter.com/hitoyam
  11. myakura, http://twitter.com/myakura
  12. yomotsu, ヨモツネット
  13. taku_eof, EOF

Sugamo.css というのは「もくもく作業する」か「プライベートワークを見せ合う」か「フロントエンドの話をする」会な訳ですが、まーだからというか、期せずして参加者の殆どがHTMLコーダーです。
ただまー肩書きだの仕事内容だの集めていくと、ディレクタ／デザイナ／主にAS／PHPer／Perler／サーバ管理者／OL／仕様書の人／主にUI／JavaScript‐er などと一通り揃ってしまう訳で、それでも「マークアップエンジニア」で「フロントエンド技術者」で、突き詰めれば「コーダ」な訳です。

この辺がHTMLとCSSしか書かなかったコーダーは今なにしてる？への回答になるんじゃないかな。月日は経って成長しましたけれど、私たちは皆、HTML大好きです！ ...みたいな？

KuaiWiki

Songmu さんWiki作ってきた。

  • Perl
  • パーサを自分で書いた（...!）
  • リアルタイムHTML反映チェック
  • 差分も表示。パッチになってる。メディアウィキっぽく
  • Kuai(速い)Wiki(速い）

サンプルページにSongmuさんのプログラミング言語履歴とかあったりしてちょっと盛り上がった。PrologとかDocBookとかの話。

あと、マークアップ記法のパーサを自分で作ったって話から派生。Sig.も昨晩mkd.vimのシンタックスを弄ったりしてて「正規表現の否定先読みとか訳わかめ」な疑問に答えて、以下のようなサンプルを提示してくれました。

  1. my $path = '/hoge/fuga/';
  2. $path1 =~ s!(/fuga/)$!piyo$1!
  3. $path3 =~ s!(?=/fuga/$)!piyo!;
  4. print $path1;
  5. print $path3;

捕捉用の括弧とか削れて便利よー、という話。まあ他にも肯定後読みとかもあって、これらを普通に扱っている人の存在に、正規表現脳の奥深さを感じて恐れおののいているところ。

Web Fonts

@yomotsu、今回のネタ。

  • 漢字を含めると重くなる
  • 漢字を必要としないパーツで使用すれば良い。カレンダーとか
  • ライセンス問題がネック。
  • 再配布っぽいならOK
  • EOT

ライセンス問題に関する @taku_eof の回答。ライセンスがGPLなら... というかフォントファイルそのものを再配布OKのフォントなら大丈夫じゃないか。まあこの辺は権利がこんがらがっているので、法律の専門家に聞いたほうが良い。

そして伏せ字で参加のmyakuraさんが更に一例を紹介。For A Beautiful WebにおけるWeb Fontsの使用例なんですけど、Opera 10で見ると幾つかの文字のx-heightが違う。テキストを選択してみるとガタガタになってて一目瞭然、みたいな。なんらかの条件で部分的にWeb Fontsじゃなくなってるみたいなんだけど、法則がわからないという謎。

首都圏の治安に関して

Sig.が「そろそろ引越したいんですよー」と振ったら、いろいろ有益な情報が集まりました。

  • 高円寺は空き巣が多い
  • 世田谷と杉並は暴力事件は少ない。しかし車上荒らし...
  • 下高井戸から
  • 笹塚は治安が悪い
  • 中野とか同業者多いよね
  • やっぱ歌舞伎町は凄い
  • 皇居周辺はみごとに犯罪空白地帯

詳細は犯罪発生マップにて。やっぱ巣鴨・駒込かなー。もうちょい近くが良いんだけどなー。恵比寿とか安ければ...

二次会

普通に呑み。えらい安かった。何がしかプログラムすると良いよー、とか。PHPは意外とちゃんとした言語だよ、とか話した気もするけど気のせいです。

ラムネが逆ネジとはダマサレタ！

三次会

池袋の飲み屋は２時間縛りなもんで、ちょうど良いのでダーツに行きました。最近ハマってるんですよ、ダーツ。主に平澤さんの影響で。ハメラレマシタ。

まあ初心者とか久しぶりな人とか多いんで、まずは軽ーく楽しみますかねー ...と思っていたら。@takamyがカウントアップでいきなり780点とか叩き出してしまいました。面白法人の皆さん、彼女はデキる娘です。油断ならない！

そんな感じで始発の時間まで投げ合いましたとさ。

Folow‐up

次回の話

第９回 Sugamo.cssは、10/03(土)開催予定です。詳細は後ほどmixi、あるいはTwitterにて。

Note: スパム対策が面倒なので、コメント投稿を廃止しました。以前のコメントは残します。
ご意見・ご要望はtwitter@sigwygかはてブコメントにて。