ラベル small talk の投稿を表示しています。 すべての投稿を表示
ラベル small talk の投稿を表示しています。 すべての投稿を表示

2011年4月21日木曜日

PNG画像のサイズをperlで取得する

動機:
perlでモジュール(Image::Size)を使わずに画像サイズを取得したい.


やってみた:
以前あれこれやっていたときにファイル自身に情報があることを知っていたのでそれを読み込んで出力する(だけ).

#! /usr/bin/env perl
open(IN, "A.png");
binmode(IN);
read(IN, $buff, 24);
close(IN);
($dummy, $w, $h)= unpack("a16NN", $buff);
print "$w $h\n";

おいらの環境(MBP)ではNと指定する必要があった.
24= 8(PNG識別部)+4(チャンクデータ長)+4(チャンク名称:IHDR)+4(画像幅)+4(画像高さ)


参考:
感謝.
PNGについて
Perlのpackとunpack

2009年8月21日金曜日

png2svgしてみる

追記(2009/08/22): 記事的にはjpg2svgでありました.すみません.まぁ自分的にはpngのアイコンをsvgにしたかったので…ごめんなさい.



ふとveadarさんの記事のことを思い出したので試してみた.
djpegはlibjpeg, potraceはpotraceをportsでインストールすれば良いらしい.

pngをjpgにするにはプレビューとか使えばできる.(プレビューのbmp形式でpotraceが動かなかったんだけどなんで?)
で,
$ /opt/local/bin/djpeg /path/to/sample.jpg > /path/to/sample.PBMPLUS
$ /opt/local/bin/potrace --svg -k 0.9 -o /path/to/sample.svg /path/to/sample.PBMPLUS


png(オリジナル)がこれ.


svgがこれ.


svgを縮小してpngでスナップをとったのがこれ.

2009年5月13日水曜日

Fluid 0.9.6 + pbtweet 1.3.3 で Twitterクライアントを作るw

追記(2009/5/16):pbtweetアイコンの設定について追記
ちなみに既に作っているアプリケーション場合は,Preferences…/Generalにある"Application Icon: change"ボタンでdownloadしたappl.icnsを設定して再起動すればよいみたい.
手動:
ちなみに既に作っている方はアプリケーション上でコンテクストメニューを出して“パッケージの内容を表示”を選んで内部をFinderで表示.

1のファイルとpbtweetからdownloadしたappl.icnsと入れ替える.

もしアイコンが変わらないようで,既に2のファイルがあったら一度コイツを削除してあげると変わるかも.




pbtweetがめちゃくちゃ便利.
このツブヤキをみて更に便利そう!ということでやってみた.(しかもおいらが使っているのはSafari3だしね.)

注意:おいらがうまくいったってだけですし,ただしくも,スマートでもないかもしれません.
0.Growlは入っている前提ね.
無くても問題ないハズだし.

1.Fluid
1.1 まずは普通にFluidでTwitterクライアントFluid 0.9.6をdownload.
1.2 Twitterを設定

この時にIconの設定をpbtweetのサイトで配布しているIconとする場合は
まずこちら(下図)からappl.icnsファイルをdonload.

FluidのIconでファイルを設定するとアプリのアイコンがpbtweetのアイコンとなる.


1.3 起動

1.4 ログイン / Safariではキーチェーンが使えたけどここはきかないみたい(キーチェーン側で許可すれば良いのかな?),なので入力省略を使ってみるのも手.

2.Userscript
2.1 New Userscriptを呼び出してあげる.(Userscript.orgはまだ1.3.2だったので.1.3.3になったらここからインストールが便利だと思う.)


2.2 名前を付ける


2.3 エディタが起動する(んだと思う) / Dashcodeが入っていたのでこんな感じで起動してきた.


2.4 pbtweetのコード取得
pbtweetこちらから1.3.2のpbtweet.user.jsを開き,コードをコピー.開くとわかるけど1.3.3 (2009/5/13 09:00).


2.5 先のエディタにペースト / 一応,'// do yer thang!'となっているところに入れてみた(無理矢理感w).で保存.


3. Userscriptsの管理 / 2で作ったのを有効にする
3.1 Manage Userscripts…を開く

3.2 左のリストから作成したscriptをチェックを入れる.ついでに選択して,Includeにtwetterのサイトを設定する('*'でもいいんだろうけど).


4 Reload
Reloadしてpbtweetが動いたらめでたしめでたし.
pbtweetが更新処理した際にGrowl(これにしてみたw.)も動く.


pbtweetに感謝!

2008年12月1日月曜日

はじめてのXBee(というかArduinoもだけどw)

追記(2008/12/4):ちなみに環境は
MBP(Intel)+MacOSX10.5.5+Intel用ドライバ(FTDIUSBSerialDriver_v2_2_9_Intel)+Arduino 12(aruduino-0012)
です.



ちょっと機材が使えたのでこちらの例(?)をやってみた.
(こういう記事は本当に感謝♪プログラムアップロード時のXBee Shiled上にある二つのジャンパピンの変更の注意が既にあるのとないのでは大きな違い.)
(本来ならArduinoのA/Dあたりで遊ぶことが先だろうけどw.)

(MacBook Pro -> (USB) -> XBee Explorer USB(中央の赤い基盤) -> (無線) -> XBee Shield(右上側) -> Arduino (右下側))

こいつらどうやって通信を確立したのか,まったくこちらは意識していないんだけど
(一応断っておくが,Arduino側のUSBは電源供給のみだからねw)

ということで次はZTermを入れてその辺りのを調べたりして遊びますかね.ワクワク.

2008年11月15日土曜日

ここ数回英語だったワケ.

こちらでSingleMarkerDetector/MQOImporterを紹介してもらって英語ドキュメントあった方がいいんじゃね.という勝手な判断.というか英語間違ってるだろうから誰かそのあたり指摘して!

2008年11月4日火曜日

Safari:中国語辞書の検索にも対応してみる

注:こいつの量産型エントリーです.



これ(下)をブックマークのコレクション/ブックマークバー に入れる.
ブックマークバー内の位置(フォルダはのぞく)で番号が振られ,apple+'番号'のショートカットができる(1つめなら1).
#これはSafariだけの機能かしら?
でブラウジング中に文字列を選択し,これを呼び出す.
javascript:d=document;w=window;t='';if(d.selection)%7Bt=d.selection.createRange().text;%7Delse%20if(d.getSelection)%7Bt=d.getSelection();%7Delse%20if(w.getSelection)%7Bt=w.getSelection();%7D%20;void(w.open('http://www.excite.co.jp/dictionary/chinese_japanese/?search='+encodeURIComponent(t),%20'_blank',%20''))


名前にショートカット番号とかを付けると便利'中4'(4番目)など.

動機: Twitterで中国語を含む日本人の方のツブヤキが流れてくるようになったため.各ツイッタークライアント作成者様はぜひともこの辺り(辞書とか翻訳とか?)の機能を検討して欲しい(機械対応が無理だとはおもうけど).

2008年10月7日火曜日

BEAT CRUSADERS風のお面とまではいかなかったが.

追記(2009/3/1):入出力の扱いはこっちがただしいかも.

追記(2008/10/16):
修正してみた



ネットをさまよっていたら出会ったこちらのサイト
?"BEAT CRUSADERS風"ってなに(BEAT CRUSADERSサイト(音でます))?
と,やっているうちに先日のFace Detecotrを使ってみようと思いちょっと出力周りを変更してやってみた.

対象はiPhoneアプリのAirSharingに入っていたDemo画像.
色の変換で二値化ってどのパッチなんでしょう?時間がないのでとりあえずポスタライズして反転…(目的を見失う).

相変わらず動画入力であっても動画処理できるほど速度がでない(私がへぼい).

2008年10月6日月曜日

Blogspotにソーシャルブックマークへのボタンを設置してみる.

私自身はソーシャルブックマークをこれまで使ってないのですが記事を見かけたのでやってみた.

参考にしたのはこちら:
  • Put Social BookMark on Blogger (Digg, Delicious, Stumble Upon)
  • blogger betaにはてなのこのエントリーをブックマークに追加ボタンをつける。

  • 参考コードを混ぜ合わせたコード:
      <span class='hogehoge'>
    <a class='hatena' expr:href='&quot;http://b.hatena.ne.jp/append?&quot; + data:post.url'><img align='absmiddle' alt='このエントリーをブックマークに追加' height='12' src='http://b.hatena.ne.jp/images/append.gif' style='border: none;' title='このエントリーをブックマークに追加' width='16'/></a>
    <a class='digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;bodytext=&amp;topic=&quot;' target='_blank' title='Digg this'><img align='absmiddle' alt='Digg this' height='16' src='http://fluidsolution.lifewg.googlepages.com/jackbook_digg.gif' style='border: none;' title='Digg this' width='16'/></a>
    <a class='delicious' expr:href='&quot;http://del.icio.us/post?v=4&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add to del.icio.us'><img align='absmiddle' alt='Add to del.icio.us' height='16' src='http://fluidsolution.lifewg.googlepages.com/jackbook_delicious.gif' style='border: none;' title='Add to del.icio.us' width='16'/></a>
    <a class='stumbleupon' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Stumble It!'><img align='absmiddle' alt='Stumble It!' height='16' src='http://fluidsolution.lifewg.googlepages.com/jackbook_stumbleupon.gif' style='border: none;' title='Stumble It!' width='16'/></a>
    </span>

    追加:
  • レイアウト/HTMLの編集/テンプレートを編集のテキストエリアで編集.
  • この際,テキストエリア右上の ウィジットのテンプレートを展開にチェックを入れておく.
  • 私は'<p class='post-footer-line post-footer-line-2>'タグが閉じた後ろに入れてみた.

  • 実際登録できるのだろうか…後で試す.


    追記(2008/10/07):
  • Diggにできたっぽい.(似たのがないか確認.とかエラいステップ数が必要だとという印象.)
  • deliciousにできたっぽい.(Diggと異なり, 単純Bookmarkなのでサックリって感じ.)
  • あと2つはまぁできるだろう…ということで.

  • 追記(2008/10/07 2):
    Going My Way: ブログのエントリーへのコメントを Twitter に投稿できるボタンを参考にTwitterへコメントするボタンもつけてみた.
    <a class='twitter' expr:href='&quot;http://twitter.com/home?status=@p_g_%20(&quot; + data:post.url + &quot;)&quot;' target='_blank' title='Twitter 経由でコメントする'><img align='absmiddle' alt='Twitter 経由でコメントする' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUfQ7OqUhdTafUw8qZjAgtlI9bFUYJ84n_3ZZOs5UOdIRqgVz8YA1wWjiC3clgCzT8ZPxFhU94l-Szcl2BUMpIOKu0VLgVXuGmK1MYyKMIXd8EGZx6C1wGBKksvbtVKk3aFooqMLceuWw/s200/favicon.png' style='border: none;' width='16'/></a>

    無地のデスクトップ背景色を追加する

    某所で色ムラの話がでて,調べるのにオレンジ(R247/G180/B106)背景が見やすいとのことでやってみた.(おそらく深い根拠はないものと思われる)

    やり方:
  • GIMP(等)で128x128 png形式の画像ファイルを作成.
  • '/Library/Desktop Pictures/Solid Colors'へ追加
  • 以上.
    (フツーに追加しても良い(左下の'+'でね).今回はSolid Colorsのカテゴリに入れてみたかったって話.)

    ファイル名で表示されるようになる.


    まぁムラはなかったわけですけど.
    その話の中で聞いたところによると'TNパネル'というやつの仕様ってことです…機構の問題なのか.
    (ちなみにApple Cinema DisplayはIPS方式というやつらしいですが.)
    色むらというより視野角の問題かもしれませんね.
    (同一の機構でもメーカー差や回避機構の有無はありそうな話ですね.)

    2008年5月26日月曜日

    Twitter+付箋のようなもの 進展1

    Twitter+Fusen

    機能追加(?):
    ・付箋をCookieに保存
    ・ダブルクリックで最前面へ

    ブラウザで完結するためにCookieで保存.このため3,4枚が限度です.Cookieの容量についてはこちらが詳しい.
    クッキーの最大サイズ制限について

    文字数減らそうと'Max-Age'を使おうとしてはまる.'Max-Age'についてはこちらが詳しい.
    IE と Safari の document.cookie は max-age を解釈できない罠

    保存内容をmessage idと座標(left, top)のみにすればもっと増やせるがそうすると表示時にひたすらTwitterへアクセスするはめになる.まぁ私の好みでこうしました.

    2008年5月25日日曜日

    Twitter+付箋のようなもの…

    追記(2008/05/26-1):進展2
    追記(2008/05/26):進展1



    ひらめいったーへの投稿が面白そうに見えたいのでありあわせのものでちょこちょこっとやってみた

    http://y30.net/pg/fusen/

    使い方:
    左上のText Fieldに読み込みたいTwitter Usernameを入れ,'Import'ボタンを押す.
    (保存とか記録とか無いので(それがダメなのだが)ご自由に押してください.)

    あとは
  • ドラッグ&ドロップで配置してください.
  • 配置後も別の人のものを加えたり同じものを加えたり出来ます(同じものも).
  • 付箋内の'[X]'で消えます.



  • あとはクッキーでこいつを保存できないものだろうか(クッキーは好きではないが)…

    その他,拡張としては
  • 付箋の色
  • 本文の文字サイズの変更
  • 付箋のリサイズ
  • 重なり合いの調整(ダブルクリックで最前面化?)
  • 整列
  • 付箋同士を線分でつなぐ機能(mind map?)
  • 背景に領域を設定する機能
    とかが面白いかな.
  • 2008年2月23日土曜日

    光学マウスでポインタが突然飛んでしまう問題でお困りのあなた!

    本日AmazonよりMicrosoft Wired Laser Mouse 6000が届きました.

    そして声を大にして言いたい!
    「光学マウスでポインタが突然飛んでしまう問題でお困りのあなた!
    ぜひレーザマウスに変えるべきです!」

    いやほんとびっくり.ずっとイライラしていた自分が馬鹿みたい.
    道具は高くていいものをっていうけど別にこれそんなに高くない.

    むしろ高いのは無線式の方なのかな.
    desktopのマウスが無線である必要って実はそれほどないと思う今日この頃
    バッテリー切れとか心配するの意味ないし
    マウスは認識するのも絶対であってほしいしものね.

    他人にお勧めしたくなる良い買い物をしたという自慢w.
    (商品固有ではなく機構(レーザ式)としておすすめできると思ってます..)

    #この商品のレーザって赤かったりしないのね.
    #最初不良品かと思ってびっくりした.
    #考えてみればレーザポインタでないんだから可視光である必要はないんだよねw.

    2008年2月22日金曜日

    'a'のSymbolフォントが'α(アルファ)'だった時代: CarbonからCocoaへ

    なんてエラそうなことをかけるほどではなくてTipsです.Carbonでは'a'を選択してFontをSymbolにすると'α'になりました.でもCocoaでは代理フォントでaのままです.

    理由はUTF-8らしいです.UTF-8では'a'と'α'は違う番号が振られるのでそういうことになるらしいです.UTF-8やるな.

    で,ふと疑問.IMEを使わずに'α'ってどうやっていれるの?ってことです.
    調べると
    環境設定/言語環境/入力メニュー/Greekにチェックを入れてGreekに切り替える.

    とすると'a'をおして'α'がでるとのこと.おお.英語圏では常識なんでしょうか?論文書くときに困るよね.たぶん.texなら関係ないか.

    ところでこれってショートカットキー設定できないものですかね? Control+Shift+';'みたいに…

    #という妄想かもしれません.結局はっきりと原因わかんないんです.だれか教えてください.

    2008年2月10日日曜日

    図書館戦争シリーズの設定を追求すべきではんないだろうけど…

    追記1
    小学校からの配布物をみるとどうも保護者迎合であり.サービス産業としての位置取りを明確化しているように思う.ある種の責任転換でもあるわけだが.時代の変革速度が速いためか自分の小学校時代と比べてもどうもピンとこないことが多すぎる.おそらく今,子育てをしていない人の意見は自分の育ったころを前提としていると思うのだがその前提はあまり意味をなさないと思うw.祖父母の意見なんてもっと噛み合ないw.

    追記
    最近友人に子供の事で自分達の現状を踏まえて
    「どうせ(親の)思い通りにならないんだからそんなに心配しなくても良いのではw.」
    と言われてそれもそうか笑った事を加えておく.



    まぁあれの設定をあれこれいうのは無粋というモノだろう.でもちょっと頭の片隅に留めておくと今の「携帯電話コンテンツのフィルタリング」が,ちょっと気になってきた

    「情報の選別を子供はできず,そこから遠のける事が大人のなすべき事」なのだろうか?取り締まるべきは犯罪であって閲覧行為ではない(どこかの記事で子供が指摘していた.).子供が「大人のすること」として自分達の触れる情報の選別を「あたりまえ」のように受け入れる事は危惧すべき事態なのではないだろうか?
    #むしろ携帯電話設計の秘密主義がこの問題の本質だと思うところが大きいのは偏見だろうか?

    良い人だけで世界はできていない.遅かれ早かれ悪い人(たんに意見の違うヤツかもしれない)にも出会うのだ.そのときそれに対処するのはその場にいる本人だけだ.そんな情報に出会ったときにどうしたらいいか,出会うとどなるか?本人が意識できるように,できるだけ早く,(悪意のあるサイトより)先に,情報を与えなければ対処なんてできない.(いじめも究極的にはそこにいきつくのでだからこそ発生後の対応はむずかしいのだと思う.)もちろん悪い人より良い人が多いから社会は成立しているわけだと思うが.(私の理解不足?)

    …などと使い古された思考だろうが書き残してみる.
    「ー大体 子供は子供なんだから 大人が子供の意見を聞く必要なんかー」

    あと初音ミクになにをしゃべらせるかを「使用許諾」で制限するというのは新しい表現の制限のように思えてこのあたりの今後の展開は興味深い.(私の理解不足?)

    2008年1月5日土曜日

    “世界で唯一変わらないのは変わるということだけ。”

    一番身近な感じなのはこれかな.(6つのうちからてってことです.)

    ジェラルド・ワインバーグの「エゴレスプログラミングの十戒」
    1.自分が誤りを犯すということを理解し、受け入れること 。
    2.自分と自分のコードは別物である。
    3.どんなに「空手」を学ぼうと、いつでもあなたよりもっと詳しい人間がいる。
    4.相談せずにコードの書き直 しをしない。
    5.自分より無知な人に対しても尊敬と敬意と忍耐を持って接すること。
    6.世界で唯一変わらないのは変わるということだけ。
    7.唯一本当の権威は、地位ではなく知識より生ずる。
    8.自分で正しいと思うことのために戦うこと。しかし負けは潔く認めること。
    9.「部屋に籠りきりのやつ」にはなるな 。
    10.人ではなくコードを批判すること——コーダーには優しく、コードには厳しく。

    プログラミングの6大10項目リスト


    #「一週間前の自分は他人(だから自分のためにコメントをコードに埋めろと.)」って格言を言っていたのはだれだっけ?大学の友人だったか?書籍だったか?

    スタンドプレーからくるチームワークってやつ(?)を目指すのか…

    な?

    メモ.

    自動車産業でいえば、むしろ金型を作るまでの部分に似ている。デザインの延長であって、知的で創作的で、かつ技芸的な要素の色濃い作業なのだ。
    (コメントの引用)ITにおける品質と効率とは (arclamp.jp アークランプ)


    個々人の才能に依存するという考えを組織が嫌うのは単に事実であるだけでなく、トートロジーと言える。そうしないということが、組織の定義の一部を成しているのだ。少なくとも現在の我々の持つ組織という概念はそうだ。
    頭の中にプログラムを入れる

    2007年11月23日金曜日

    LeopardのMail(3.1)の便利(そう)な機能

    今日Mailの文章をCopy&Pasteしようとしていて驚いた.日付関連が囲まれてプルダウンメニューのような下矢印ボタンが出現.押してみると…

    「!」

    作成にしてみるとこんな感じ.

    #タイトルはメイルの件名が入っていた.

    「明日」はメイルの日付+1日として作成しようとするみたい.
    ただ「8日後」とかにも反応するのだが作成はメイルの日付当日だった.

    うう.使い込みたいけどこの前iCalからGoogle Cal.に乗り換えたばかりだからなぁー.
    うまく両立できないかしら.

    #これって広く知られた機能?
    ーー
    iCalからGoogle Calendarへ
    http://edotprintstacktrace.blogspot.com/2007/06/icalgoogle-calendar.html

    そんなに最近でもなかったw.

    2007年11月21日水曜日

    「Growl Style: 初音ミク」とかやってみた

    いつの間にか配布物が置いてあった.
    クリプトン・フィーチャー・メディア
    トップ > 製品情報 > ソフト音源 > VOCALOID2:キャラクター・ボーカル・シリーズ特集 > CV01 初音ミク
    http://www.crypton.co.jp/mp/pages/prod/vocaloid/cv01.jsp

    中を見るとSD初音ミクのjpgがあったので久しぶりにちょこちょこっといじって…完成.(掲載に問題があるだろうからblurかけとく.)

    GrwolTune等に使うかな.

    ついでに昔のエントリーも載せてみる.
    OS9tan
    http://edotprintstacktrace.blogspot.com/2007/05/growlstyle.html
    ついったん
    http://edotprintstacktrace.blogspot.com/2007/05/growlview.html

    2007年11月16日金曜日

    White Letter / 初音ミク を聞いて

    Whitespaceを思い出した.

    Wikipedia
    Whitespace
    http://ja.wikipedia.org/wiki/Whitespace
    w. (TABも許してw.)

    この曲PVができてる.
    SWFBLOG
    初音ミク手書きアニメPV「White Letter」【完成版】
    http://swfblog.blog46.fc2.com/blog-entry-2354.html

    2007年11月14日水曜日

    日本語という特殊な道具

     最近,英会話教室の英語文(日記?)を書いていく宿題で講師の方にパラグラフを使って書くようにと指示をうけました(もっと長く書けという目的…).「パラグラフ=段落」ぐらいの意識だったのですがちょっと調べてみて目から鱗でした.

    パラグラフの重要性とその書き方
    http://www.logicalskill.co.jp/jwriting/paragraph.html
    多くの日本人は、パラグラフがなんだか知りません。「かなり長いこと書いたから、そろそろ改行しようか」程度の認識の人が圧倒的です。

    全く同じトピックについて二つ以上のパラグラフが割り当てられたり、逆に、一つのパラグラフの中に、二つ以上のトピックが述べられていることはありません。


     で,先ほどfeuさんがtwitterで書かれていたMacの要約サービスを指摘していて思い立ちました.「そうか,パラグラフがキチンとしていればある程度,要約サービスってまともに動くのかな.」と.
    Twitter / feu
    http://twitter.com/feu/statuses/414092632
    macに要約サービスなる機能があることに今はじめて気づいた!


     また,以前の調べたMySQLのFULLTEXT機能が日本語では利用できないという点に付いてもあわせて思い出し,タイトルのようなことを思った次第です.
    たたみラボ
    MySQLで全文検索 - FULLTEXTインデックスの基礎知識
    使用にあたっての制約
    http://www.tatamilab.jp/rnd/archives/000389.html#b
    対象文章は単語ごとにデリミタ文字 [ ,.] で区切られている必要あり。 つまり日本語はそのままでは検索できません (対策は後述)。


     これら二つの条件(パラグラフと段落が必ずしも一致したものではない,単語が明確に分離されない書き方)は日本人の自分からするとそれほどおかしな事では無いが,要約や全文検索へのアプローチ(要約アプリの動きだけだけど)を見て改めて日本語って特殊(独特)とおもう話だった.

    という長ーいツブヤキ.