Gunma.web #7 に行ってきたよ

Posted by on 2011/12/20 19:30 No comments

　2011/12/17 Gunma.web に参加してきました。(ATND)

　会場はこれまでと趣向を変えて前橋プラザ 元気21の会議室で行いました。
　予定人数18名のところ満席となり過去最多。初参加の方々も！
　そしてLT3本、発表3本とボリュームあって内容も充実してました。人数多いと楽しいね。もちろん自分も発表してきました。

　会場満席のためプロジェクタ置いたり接続するPC置いたりするスペースが無く、食事用に用意した弁当つまり登利平の鳥めし言うなればソウルフードトリメシの箱を用いてプロジェクター台を急設しました。すごい！Gunma.web断然すごい！
　こちらのレポートに写真あるから見てね。ヒドいから。

　以下レポート。いつも簡単ですみません。スライド等へのリンクは順次ここに張られると思うのでそちら参照のこと。

「あじゃいるについて」[LT] @hatori_
　Gunma.web初LTでトップバッターですが、内容の前にまず、デスクトップPCでLTに取り組もうとする姿勢が会場を震撼させました。これがGunma.webです。違います。
　テーマはアジャイル。初LTということもあり、5分オーバーで延長でも全て語りつくぜず残念だったと思います。アジャイルはデカすぎるのでLTにするなら更にターゲット絞ると良かったかもしれません。

「エダカリン！」@ivoryworks
　10分くらい喋りました。詳細は別エントリします。とりあえずスライドこちら。

「javascript の MVC」@kanayannet
　主催者の発表。個人的に大きなjavascript書かないのでフレームワークとかMVCとか、いまひとつピンと来ないのですが、新しい事を知る良い機会になりました。勉強会はこのように『普段漁らない情報』を得られる（しかも説明付き！）という所が素晴らしいと思っています。

「プログラマになれないあなたのための言語戦略」 @parrot_studio
　安定の発表。あまりの情報過多でスピーカーが酸欠になるという事態になっ　すみません。間違えました。そういった事態にはなってません。今回の発表の中では一番楽しかったです。
　プログラミング言語にはそれぞれ得手不得手があります。プログラミング言語を習得するに越したことはないですが、得手不得手をお互いに補うような構成で身につけると問題や課題の解決に対するアプローチの数が変わってきます。
　「そういう言語がある事を知っている」だけでも良いと思っています。時間的に許されるなら必要になった時に習得するのでも良いです。ただそれには前もって存在を知っておく必要があります。おそらく1つないし2つの言語を扱える人は、新たな言語を習得するのにそれほど時間を必要としません。今回の発表はその良い機会だったと思います。

「プログラマのための中間CA証明書入門」[LT] @tsurumau
　SSLの証明書のやり取りは過去に勉強したはずなのにすっかり忘れてました。いやいや憶えたからかもしれない。
　個人的にオレオレ証明書じゃなくて正規の証明書を扱うことは今後もないと思いますが、サービス利用側としてもしっかりとした知識を持っておく必要あると思っています。

「でこぼこの光と影」[LT] @某じょし
　UIにおいてのエンボスのはなし。実は昔、ドット絵でボタンたくさん作ったことがあって、光源とハイライト＆シャドーについて勉強しました。
　その時の光源は左上にあったのですが、今回の説明および例として挙げられたUIでは真上にある事を知り驚きました。
　そう言えば、MacのアクアUIの頃から光源が真上にあるデザインが増えてきたような気がします。

　以上。発表の後は主催者からの連絡事項と懇談で幕を閉じました。
　参加者の中からLTやる人（やりたい人）増えてきて個人的に嬉しいです。

参加者のレポート
Gunma.web#7 開催報告 @kanayannet
　オフィシャルレポート。各発表へのリンクはこちら参照。

Gunma.web #7 (on 2011/12/17) まとめ – どっかのBlogの前置きのような @parrot_studio
毎度Gunma.webのレポートで情報量ダントツ。ありがとうございます。

gunma.webにおじゃましてきたよ！ @craim
初参加の上レポートありがとうございます。
個人的には参加レポートがもっと増えてくれば良いかなと思います。振り返り重要。

日記：Gunma.web #7　に参加してきました　#gunmaweb
安定の秘境感ありがとうございます。
こちらも初参加＆レポートです。

　実は、群馬 ITグルメの会 #2 という2次会があったのですが残念ながら参加できませんでした。前回の#1も不参加で残念至極。

Fedora16 on Thinkpad X220

Posted by on 2011/12/14 21:14 No comments

　3月に買ったばかりのThinkPadをこのまえ失くしちゃって、あまりのショックで落ち込んで我を失ったり気を失ったりしてたら、ある日 ThinkPad X202 が手元に届いていました。

　Windows7が入ってたのですが、リカバリ領域ごと消してリリースされたばかりのFedora16をインストール（最初からOS入ってないモデル出して欲しい）。ひとつ前のFedora15からGNOME3が採用されて、X201以前に使用していたGNOME2とはだいぶ異なる外観に（GNOME2に比べたらかなりスタイリッシュですね）。

　操作感もGNOME2とは大きく異なって、というかほとんど別物で、かなり戸惑ったりしてますが（Webで調べるまでシャットダウンの方法がわからなかった）なんとか頑張っていこうと思います。

Fedora 16のシャットダウンの方法
これはどうもマルチユーザーで使用することを考え、他のユーザーが使用中に間違って
シャットダウンをしないように考慮したものと見られます。

　ナルホドー。

　これまで（GNOME2時代）テーマの変更やGUIのカスタマイズなどには手をつけてませんでしたが、ちょっと色々と試してみようかな。

読:『入門 HTML5』

Posted by on 2011/11/27 08:36 No comments
DSC_0439.JPG

HTMLに関わる書籍は暫く買ってなかったのでひさしぶり。

最後に買ったのは『Web標準の教科書』なので、6年前ということになる。

HTML5については、理解が中途半端な感じなので、姿勢を正して勉強してみます。

読:『Software Design 2011年12月号』

Posted by on 2011/11/18 21:18 No comments

表紙に「うんこ」と書かれたIT系書籍始めて見ました。
「うんこ演算」と書かれています。

とりあえず「イケてるGitの使い方」から読もうかな。

早くイケたいです。

カラーコードの輝度を操作する(YCbCr値変換)

Posted by on 2011/11/10 11:00 No comments

　カラーコード(#000000)の輝度を操作する処理を書きました(JavaScript)。
　カラーコードをYCbCr値に変換して輝度(Y)を操作することで実現しています。

　これはコトバパレットの実装の一部で、任意の色をを明るくしたり暗くしたりする必要があり、元々PHPで実装していました。
　今回のバージョンアップでクライアント側でも必要となり(Canvas)、JavaScriptで書き直しました。

function ctrlBrightness(cCode, value)
/* カラーコードと輝度の増減値を渡し、変換後のカラーコードを得ます */

function setBrightness(cCode, value)
/* カラーコードと輝度を渡し、変換後のカラーコードを得ます */

　また、以下の処理を関数化し、カラーコード、RGB値、YCbCr値の相互変換が行えるようにしています。

・カラーコード→RGB値
・カラーコード→YCbCr値
・RGB値→カラーコード
・RGB値→YCbCr値
・YCbCr値→カラーコード
・YCbCr値→RGB値

　なお、カラーコードには、6桁表記(#000000)と3桁表記(#000)がありますが双方に対応しています。
　但し、戻り値のカラーコードは全て6桁表記に統一されます。
　カラーネームとrgb値には対応していません。

　実装にあたり以下を参考にしました。

色空間 – Wikipedia
http://ja.wikipedia.org/wiki/色空間

RGB→YCbCr・YCbCr→RGB
http://eseuta.mine.nu/colorspace.html

　短いので貼り付けますが、GitHubにも置いてあります。
https://github.com/ivoryworks/colorcode-brightness.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
/*
* Control brightness to ColorCode
*
* @param string cCode ColorCode(CSS format #000000 or #000)
* @param float value Brightness offset value
* @return string ColorCode(CSS format #000000)
*/
function ctrlBrightness(cCode, value) {
    var ycbcr = colorCode2Ycbcr(formatColorCode(cCode));
    ycbcr[0] = roundOff(ycbcr[0]+value, 255, -255);
    return ycbcr2ColorCode(ycbcr);
}

/**
* Brightness set to ColorCode
*
* @param string cCode ColorCode(CSS format #000000 or #000)
* @param float value Brightness value(0 to 255)
* @return string ColorCode(CSS format #000000)
*/
function setBrightness(cCode, value) {
    var ycbcr = colorCode2Ycbcr(formatColorCode(cCode));
    ycbcr[0] = roundOff(value);
    return ycbcr2ColorCode(ycbcr);
}

/**
* Convert ColorCode to YCbCr value
*
* @param string cCode ColorCode(CSS format #000000 or #000)
* @return array YCbCr value([0]==Y, [1]==Cb, [2]==Cr)
*/
function colorCode2Ycbcr(cCode) {
    var rgb = colorCode2Rgb(formatColorCode(cCode));
    return rgb2Ycbcr(rgb);
}

/**
* Convert YCbCr value to ColorCode
*
* @param array YCbCr value([0]==Y, [1]==Cb, [2]==Cr)
* @return string ColorCode(CSS format #000000)
*/
function ycbcr2ColorCode(ycbcr) {
    var rgb = ycbcr2Rgb(ycbcr);
    return rgb2ColorCode(rgb);
}

/**
* Convert RGB value to YCbCr value
*
* @param array RGB value([0]==R, [1]==G, [2]==B)
* @return array YCbCr value([0]==Y, [1]==Cb, [2]==Cr)
*/
function rgb2Ycbcr(rgb) {
    var y = 0.298912 * rgb[0] + 0.586611 * rgb[1] + 0.114477 * rgb[2];
    var cb = -0.16877709556951089920871620499976 * rgb[0] - 0.33122290443048910079128379500024 * rgb[1] + 0.5 * rgb[2];
    var cr = 0.5 * rgb[0] - 0.41835760988634807613309598795016 * rgb[1] - 0.081642390113651923866904012049843 * rgb[2];
    return new Array(y, cb, cr);
}

/**
* Convert YCbCr value to RGB value
*
* @param array YCbCr value([0]==Y, [1]==Cb, [2]==Cr)
* @return array RGB value([0]==R, [1]==G, [2]==B)
*/
function ycbcr2Rgb(ycbcr) {
    var r = ycbcr[0] + 1.402176 * ycbcr[2];
    var g = ycbcr[0] - 0.71448921433795138515984187135938 * ycbcr[2] - 0.34561921433795138515984187135938 * ycbcr[1];
    var b = ycbcr[0] + 1.771046 * ycbcr[1];
    return new Array(roundOff(r), roundOff(g), roundOff(b));
}

/**
* Convert ColorCode to RGB value
*
* @param string cCode ColorCode(CSS format #000000 or #000)
* @return array RGB value([0]==R, [1]==G, [2]==B)
*/
function colorCode2Rgb(cCode) {
    cCode = formatColorCode(cCode);
    return new Array(
                parseInt(cCode[1]+cCode[2], 16)
                ,parseInt(cCode[3]+cCode[4], 16)
                ,parseInt(cCode[5]+cCode[6], 16)
                );
}

/**
* Convert RGB value to ColorCode
*
* @param array RGB value([0]==R, [1]==G, [2]==B)
* @return string cCode ColorCode(CSS format #000000)
*/
function rgb2ColorCode(rgb) {
    return '#'+('0'+rgb[0].toString(16).toUpperCase()).slice(-2)
            +('0'+rgb[1].toString(16).toUpperCase()).slice(-2)
            +('0'+rgb[2].toString(16).toUpperCase()).slice(-2);
}

/**
* Round off value(0 - 255)
*
* @param int value integer value
* @return int integer value(0...255)
*/
function roundOff(value, high, low) {
    if (high == undefined) { high = 255; }
    if (low == undefined) { low = 0; }
    if (value > high) {
        return high;
    } else if (value < low) {
        return low;
    }
    return Math.floor(value);
}

/**
* ColorCode formatting
*
* @param string cCode ColorCode(CSS format #000000 or #000)
* @return string cCode ColorCode(CSS format #000000)
*/
function formatColorCode(cCode) {
    if (cCode.match(/^#[0-9A-F]{6}/i)) {
        return cCode;
    } else if (cCode.match(/^#[0-9A-F]{3}/i)) {
        return '#'+cCode[1]+cCode[1]+cCode[2]+cCode[2]+cCode[3]+cCode[3];
    } else {
        return '#000000';
    }
}

読:『Software Design 2011年11月号』

Posted by on 2011/10/24 09:27 No comments
DSC_0380.JPG

2010年のアーカイブ付き。

家庭内でプリントサーバーを建てた事もあったけど(cups?)、複数のPCから共有して使うほど頻度が高くなったことから、今では使う度にUSB挿してます。

みんな何を印刷してるのかなー。

読:『WEB+DB PRESS 総集編 Vol.1〜60』

Posted by on 2011/10/18 08:14 No comments
DSC_0379.JPG

10年分。

既に読んだものを電子化する意味で買う人も多いと思うけど、自分はWEB+DBを1冊も読んだり買ったりしたことがないので全部新鮮。

横断的に検索できるのもいい。

持ち歩いているPCと、実用性ほとんどないけどIS03にコピーした。

賞味期限切れの物も多いが、まずは各号のインデックスから眺めることにする。

手が忘れていた

Posted by on 2011/09/19 23:50 No comments

ついカッとなったのが2008年の2月。

ひと月も経たない内にLBL法を習得して（少し努力すれば誰でも習得できます）、2分程度で揃えられるようにはなったのだけど、なかなか時間が短くならず、しばらく放置気味に。

今日、久々に触ったら手が完全に忘れていた。
2分で浮かれていたせいもあり、ちゃんと身についていなかったのだと思う。

いかん。

明日からの出張に持っていこう。

読:『Software Design 2011年10月号』

Posted by on 2011/09/19 13:30 No comments
DSC_0327.JPG

BSD使いになってよ！
『FreeBSD絶対主義』

また大きくでたな…。

自分の活動圏内で稼働中のBSDは1機のみ。

でもあまり可愛がってない。
というか、知識不足で大した仕事はできない。

もうLinuxに置換してしまおうかと考えているのだけど…。

『パスワード忘れちゃった時の秘密の質問ってヤバくない？』はヤバくない

Posted by on 2011/09/16 11:00 No comments

パスワード忘れちゃった時の秘密の質問ってヤバくない？　Facebookからヒントを得て、どしどし他人のパスワード盗んで大金が引き出される…（ギズモード・ジャパン）
http://www.gizmodo.jp/2011/09/facebook.html

ある意味で意外な盲点だったかもしれません。ほら、よくログイン用のパスワードを忘れた時に、母親の旧姓ですとか出身小学校名ですとかを尋ねるプライベートな秘密の質問に答えてパスワード再発行できる仕組みがありますけど、あれは非常に危険かもしれませんよ。実際、すでに大金を引き出された被害まで続出してるみたいですし！

秘密の質問に対して真面目に答えを設定するのが悪い。
解決策は『秘密の質問に対して常に思い出せる全く関係のない答えを設定する』だ。

母親の旧姓→おっぱい

これでいいじゃない。

出身小学校名→おっぱい

システムにとっては全く関係のない話だ。
これでソーシャルエンジニアリング仕掛けられても大丈夫だし、Facebookやらから推測されることも、たぶん、ない。

欺術（ぎじゅつ）―史上最強のハッカーが明かす禁断の技法
ソフトバンククリエイティブ (2003/06/21)