青龍会血風録

酷道

Thu, 29 Nov 2007 06:41:00 +0900

　おはようございます。

　やはり身体の体調は悪いようなので、今日も一日闘病生活を頑張ろうかとおもいます。
　要はまた寝ちゃいます。

　というかこう、ここ数日、私の周囲でにわかに注目を浴びているネット上の動きがあるのですが（なんてローカルな）

　http://m-kazusa.sblo.jp/

　この方の酷道動画や、この方の紹介されている「走ってみた」系動画が凄く面白いのです。

　問題は、ネットに入れる時間がほとんどなくて見てらんないと言うことですが（何しろ、数時間の行程を動画化した物ですしね）

　体調が回復したら、千葉の房総半島辺りのやばい道を走ってみたいものです。

　さて、それではまた寝ます。

さなりミク病と言う病

Wed, 28 Nov 2007 01:40:00 +0900

　おそらく、初音ミクの動画の中でも、公式絵やはちゅねみく絵を除けば、もっとも普及しているのがこの

　http://www.q-ice.com/diary/blog/diary.cgi?no=67

　さなりミク絵ではないかと思う。

　いち早く発売当初から存在し、また口パクや表情モーションも公開されていたために、かなり多くの動画で使用された。

　http://www.nicovideo.jp/tag/%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88%E3%83%BB%E3%81%95%E3%81%AA%E3%82%8A%E6%B0%8F%EF%BC%88Q-ice.com%EF%BC%89　さなりミクのタグ

http://www.nicovideo.jp/mylist/226105/2758632　さなりミク動画リスト

　また、絵の利用だけであれば、優に100は超えている。

　特に最近では、画像そのものを動画に書こうではなく、初音ミクの歌詞ファイルを解析して、口パクモーションを自動作成できるツールが出来たことも大きい。

　http://www29.atwiki.jp/ripsync/pages/1.html　RipSync @wiki

以下個人的おすすめ（偏ってます）

『恋スルVOC@LOID』を歌う初音ミクを撮ってみた
http://www.nicovideo.jp/watch/sm1054388　初の動画

寝・逃・げでリセット！　（VOCALOID2 初音ミク ver.）
http://www.nicovideo.jp/watch/sm1059995　出世作

初音ミクが一生懸命歌ってます～Zabadak「遠い音楽」完全版
http://www.nicovideo.jp/watch/sm1029516　初のさなりミク採用動画（静止画

初音ミクのキャラソンを作った→『おしえて！だぁりん』
http://www.nicovideo.jp/watch/sm1091180　これなんてエロゲ？

ふたりのもじぴったん[ミクラッシャーMIX]
http://www.nicovideo.jp/watch/sm1103320　タピオカパン！

初音ミクにtrue my heart口パクさせてみた
http://www.nicovideo.jp/watch/sm1149262　きしめん

初音ミクオリジナル曲　「めずらしいもの、だいすき」フルコーラス
http://www.nicovideo.jp/watch/sm1292009　ちん…

【初音ミク】恋スルVOC@LOID【歌う動画】（修正版）
http://www.nicovideo.jp/watch/sm1436873　Full完成版かな？

【初音ミク】恋スルVOC@LOID -テイクゼロ-【おまけ動画】
http://www.nicovideo.jp/watch/sm1446936　超おすすめ！　ミクのかわいさを引き出した作品　芸の細かさが凄い！

初音ミクメイにめぞん一刻劇場版ED「硝子のキッス」を歌ってもらい（ry
http://www.nicovideo.jp/watch/sm1560178　PIYO `PIYOエプロン

初音ミクで「クラシック」
http://www.nicovideo.jp/watch/sm1546579　こ、これは…

初音ミクで「くじら12号」
http://www.nicovideo.jp/watch/sm1606260　上のと同じ人、これは凄すぎる

　他にも色々ありますが、是非探してみてください。

品格と理想

Tue, 27 Nov 2007 17:58:00 +0900

　物事を行い、何かを為そうとしている人物なり集団なり法人格なり、そういった物にはつくづく「品格」とこうありたいという「理想」は必要、と思うのだが、理想というのは大なり小なり、誰でも持っていて、その理想の大きさ、そこに向かうと言うことをどれだけ大事にしているか、と言う程度の差のように思えるのですが。

　理想に邁進するための手段、そこに至る道程での手段や一つ一つの目的地設定、そういうところに「品格」という物がないと、成功しようが失敗しようが、結局はダメだ。

　「勝てば官軍」とはいうものの、人から鼻白まれる手段で成功してもな、という感じで。

　結局、そういったところで人倫の遵守や人からの尊敬を集めつつ事を為すためには、「品格」という物を持つ、というのが重要なのではないかと思われます。

　昔、東北の某県で子供二人が殺されるという事件があって、この劇場型的な犯罪のために全国の報道陣が片田舎に集まり、そのため、近くの商店などが非常に潤ったそうです。（裏は取っていないのですが、地元の方からはそう聞きました）

　ですが、一時的に潤ったからと言って、その原因はそもそも殺人事件でありその土地にネガティブイメージを与えるようなこと。
　そんなことをまさか喜んではいけないのです。

　最近、製造日時、産地、賞味期限や消費期限、内容物などを偽って商売を行っていた会社が次々と白日の下にさらされています。

　彼らにも創業の理想などきっとあったことでしょう、だから、全ての、事を為そう、成功しようという人、集団、法人格には、それぞれの理想を大切にし、行動に品格を持って欲しい、人やお客さんを裏切ったり呆れさせるような行動が、一時的に何らかの利益になったとしても、それは「今まで頑張って育ててきた森を、一気に焼き畑農業を行って一時的に大きな収穫を得るような物」に過ぎません。

　中国に伯夷（はくい）・叔斉（しゅくせい）兄弟の伝記という物があります。

http://ja.wikipedia.org/wiki/%E4%BC%AF%E5%A4%B7 wiki

　これは儒教をバカにする立場からすると（孔子様がやたらお気に入りのエピソードのため）「この兄弟バカだよなぁ」という扱われ方もされるのですが、要はバランス感覚の問題であると思われます。
　この兄弟にはせめて餓死しないほどには生きていて欲しかったのですよ。

　これほどに潔癖に生きろとは言いませんが、自分の理想に向かって進むこと理想へ向かう気持ちを守ること、をせめて命の次くらいに大事にして欲しい。
　そして、そのような理想と器を持った人になら、この病身をも顧みず病床より這い出て仕えたいなと思うものです。

　汚れ役はもうまっぴら御免ですが。

そして今年の冬コミの話

Sun, 25 Nov 2007 15:10:00 +0900

　お久しぶりです、この秋は。
　ほぼずっと倒れておりました。

　さて、最近とみに体調が悪化し、意識不明の重体になることも多かったために、関わっている十数社のお仕事を先月中くらいにほぼ辞してきました。

　総じて辞職。
　略して総辞職。

　矢野総辞職。

　凄いですね、とうとう私も内閣総理大臣ですよ。

　つまり元通りのニートに戻りました。
　各社の残務くらいが残ってます。

　そんなわけで。この冬はQuarter Iceshopとの合体で、3日目東ブロック、A-72aになります。

　出し物は、なのはの紙袋＋新刊セットと。
　相変わらずのオールカラーなのは本、
　オールカラーの東方本となります。

　今回も落とさないと良いなぁ…（心配点はそこ）

人工少女3 きゃらめいく体験版で園崎魅音を作る

Sun, 26 Aug 2007 10:03:00 +0900

　どうも、香港にいます、しかし暇です。
　あまりに暇なのでついついロクでもないことをしてみました。

http://www.illusion.jp/　から『人工少女3 きゃらめいく体験版』をダウンロードしてみました。

　まず手っ取り早くデフォルトの新規作成娘さんをいじって、ロリっぽい娘さんを作ってみる。
　噂ではロリ系は作るのが難しいみたいだが、そんなこともなくすぐ作れた。

　せっかくなので、ついつい園崎魅音も作ってしまう。

　次はらき☆すたのこなたとかかがみでも作ってみようかしら。

　それでは、今日はこれから香港の同人イベント、コミックワールドがありますので、これから行ってきます。

　追加でらき☆すたの柊かがみは作ってみた。かがみはちょっと難しい。

別ラインの仕事

Sat, 17 Mar 2007 08:06:00 +0900

　取りあえず、前日のblogで発表のお仕事。

　気付かれた方は気付いたかも知れませんが。

　有限会社DEARSにおける私の仕事としては本流ではないのです。私以外の人が担当、という感じで。しかもニューフェイス系の方々がメインで作業とかしてくれた、デビュー作って感じのお仕事です。
　編集系の企業で編集とかメインでやってこられた方と、あとは現役の大学生さんですね。初仕事ですが形になるのはよいことです。

　私個人としては担当は、Come Across系列の方と、会社の中の「ノリ」みたいな社内風土や社内文化を創るのがメインの仕事と思っています。さぼっているけど。

　会社の宴会とか花見とか、レクリエーションとかイベントも担当だと思っています。怠けているけど。
　メーリングリストに意味もなくインコや犬や猫他の動物の写真を流すのも仕事だと思っています。他にろくなことを書いて流した記憶がないけども。

　と言うわけで、実のところ細かいところや逆に大雑把なところは手伝っているのですが、少なくとも「ディレクター」と表記されているお二方の方が10倍以上働いています。
　私は企画の段階から収録当日まで別方面の仕事にかかりっきり（と言う名目でさぼっていて）蚊帳の外で、ほとんど関わってなかった気がします。

　門瀬さんに、あのキャラを動かしていただいて漫画を描いて欲しい！
　と言う欲求部分だけが関わりの部分です。わかりやすい。

　それでブックレットの原稿に勝手に「チーフディレクター」とか書いたら、そのまま通っちゃいました。あれ？
　次回は自重して書こうかな、と思っています。

　と言うかここで盛大に言うと「さぼるのと怠けるのが矢野の仕事です」とさわやかに宣言しておきたい。

　なんというか「あー、それ私がやるよ」というと周囲の人全員が空気読んで「（やばい、矢野さんに仕事やらせたら終わりだ！）」と思って、自分以外の人が頑張って良い仕事をしてくれる。
　そんな会社環境を作っていきたいですね。

　「矢野さんは何もしなくて良いんです」「はい、お茶ですよ、飲んで動かないでください」「そこでパターゴルフでもしていて下さい」

　そう社員の人々から口々に言われて仕事がやってこない、そんな人になりたいです。

　じゃあそんな「仕事をしたら負けだと確信している」ような私は何をやっているかというと、黙々と精神論的な仕事とか、年表のディレクターさん達が忙しい中、次のCome acrossへの体制に年表より前から入っているわけで、プラス、歴史年表のブックレットでは好き勝手やらせてもらうだけで、これがなかなか、楽しいです。

　会社なんてのは結局詰まるところは人な訳ですが。

　人間は能力や才能や運だけでどうにかなる訳じゃありません。

　周囲の環境でどうにでもなります。
　なので、環境作りに力を入れるべき、と言うのが私の考え方なので、企業の精神風土や、内部に向けての「この会社はこうあるべき」という部分のブランド意識やノリの徹底みたいなのがむしろ重要だと思うんですけど、どうでしょうね。

　結局人なんて、自分のやりたい仕事をやりたいようにさせてくれる環境があれば最高なわけで、そういうのを作れば、人間って能力以上の仕事をして当たり前、なんですよね。

　結果としてそういう風土を作り上げていく以上、DEARSと言う会社は多分、皆が皆、「好き勝手」にやっていく会社だと思うので、多分、好き勝手やったとしか思えない物が今後も出てくると思いますので、「（世の中で）売れる」「（世の中で）受ける」なんてことは二の次で、それぞれのメンバーがそれぞれのやりたいことや作りたい物を勝手に作っていくんじゃないかと。

　まあ、それ、つまりは資本主義経済圏における企業のあり方としては、間違っていると思われなくもないんですけどね、なんせ、資本主義経済において企業はお金を稼ぐことこそが社会への貢献ですので、その部分が二の次三の次の次というのは本来良くないことです。
　でも、作った本人が満足しないようでは、買ってくれる人はもっと満足しないんじゃないかな、とは物作りをする人としては常々思うので、満足した結果売れないのは致し方なく、売れたら万々歳なんだと思います。

　……これがもし株式会社で上場してたりとかしたら、ぞっとしますね。
　そんな体制の企業、株主さんとか絶対に許さないでしょうから。

　ちなみに、私の本当のお仕事はブランドイメージ作りです。
　DEARSって会社、求人もしていないのにこう言うのは何ですが、「めちゃくちゃ楽しい」ですよ。

　俺全然仕事してないけど。

『日本の昔話』に続き声優が読む新シリーズ教材『テストにでるっ！日本の歴史年表』

Fri, 16 Mar 2007 02:01:00 +0900

　今度は有限会社DEARSでこんなことやってみた。
　一時情報はあっちなので、こちらにトラックバックとかリンク張らないでね。

『テストにでるっ！日本の歴史年表』

ご挨拶

　有限会社DEARSでは前作『Come across』～DEARS朗読物語～VOL.1　日本の昔話の『Come across』～DEARS朗読物語～シリーズと平行して2007年4月13日より新しいシリーズのリリースを開始いたします。

　味気のない暗記学習を楽しくしよう

　をコンセプトに、暗記の必要な学習項目を登場キャラクターを演じる声優の掛け合いのドラマ形式CDとプロ漫画家のコミックの掲載されたブックレットで楽しく覚えられるようなシリーズ作品の制作に着手をいたします。
　まず第1弾として、テストなどに出やすい厳選された日本史の年号を時系列の年表形式で扱い、年号部分を「語呂合わせ」として覚えられる作品『テストにでるっ！日本の歴史年表』をリリースいたします。

　思わず制作陣自らが「こんな学習教材が学生時代にあれば！」と歯がみしてしまうほど悔しい思いをする、そんな学習教材・教養教材を順次リリース予定です。
　実際の教科書、参考書でも重要とされ、テストに出やすい日本の歴史上の重要年号を抜粋しておりますので、補助教材として学校で歴史を学んでいる人、そして日本の歴史に興味のある多くに方々に是非手にとって聴いていただけたらと思います。

製品概要

タイトル：『テストにでるっ！日本の歴史年表』
発売日：　2007年4月13日(金)
価格：　2,100円(税込)
製品番号：　DEARS-0006
JANコード：　4582260620052
収録内容：　ドラマ形式 14トラック
ブックレット：　本文オールカラー
音響制作：　WAYUTA
企画・販売：　有限会社DEARS
URL：　http://www.dears.co.jp/
携帯URL：　　http://www.dears.co.jp/m/

【キャスト】
　れき：井上喜久子
　しい：田村ゆかり
　メガ子：松岡由貴

【スタッフ】
　プロデューサー：田端健一
　音響監督：榎本覚
　キャラデザ・漫画：門瀬粗
　ロゴ制作・作画補助：坂崎樹菜
　チーフディレクター：矢野芳典
　ディレクター：大薮昇
　ディレクター：山口諭（デジタルハリウッド大学）
　脚本：クレイ・シーゴット
　協力：和田裕一
　校正・チェック：しょうじ
　ブックレット：梅澤美穂

以下続刊予定
「テストにでるっ！世界の歴史年表」上巻
「テストにでるっ！世界の歴史年表」下巻

　なお、この発表は弊社創立1周年記念にかこつけた先行発表であるため。正式発表後内容は追加されます。
　また新情報など追加されるために、この記事中の最新情報は時々チェックしていただけたらと思います。
　記事のアドレス http://www.dears.co.jp/news/archives/12.htmlを直接ブックマークまたはリンクしてください。
　なお、試聴ファイルが順次公開されるのをお聞き逃しにならないよう、ポッドキャスト用RSSの配信も予定しております。

ブックレットコミック一部見本

　順次発表予定

サンプル試聴ファイルロング版

　ご挨拶から3分程度の部分 6.07Mbytes mp3形式 256kbps

　正式発表後、順次他形式(.aac .ogg .wma .3gp .3gp2 .m4aなど)や別トラックの試聴を開始いたします。公開スケジュールは正式発表後になります。

朗読声優・漫画家プロフィール

　正式発表後に掲載いたします。

携帯サイト、壁紙公開

　お使いのパソコンやPDA、スマートフォンやPSP、携帯電話などに使える壁紙（待ち受け画像）、掲示板やmixiで使えるアイコン画像をダウンロードできるようにいたします。正式公開後をお待ち下さい。

販売店・予約状況

2007/03/15 23:59時点

販売店に関して重要な補足情報（緊急追加）

　販売店リストですが、弊社で把握しているごく一部の直接取引の販売店様などやお取り扱い情報をいただいた販売店様のみを表示しております。

　また、お取り扱いしたいという販売店様がおられましたら、お問い合わせ下さいませ。

予約開始販売店

お取り扱い予定販売店

　先行発表を公開したばかりなので、まだ未定です。

お願い

2007/03/15 23:59 正式公開に先立ち発表

リンク用のバナー

　HTML4.01用

　なお、バナーは拡張子を.jpgに変えるとJpeg版、.gifに変えるとGIF版バナーになります。

smbとRSSフィードのボタン付けすぎた

Tue, 13 Mar 2007 20:45:00 +0900

　FTPに持ち主なのにIPが弾かれている、と言うことがあって。
　おかげで更新も何も出来なかったのだけど、最近は入れているのでこの隙に更新。

　blogもかなりバージョン上がっていたので、入れ替え。
　たくさん来ていたトラックバックスパムとか完全排除できました。

　書き込みの前後に移動するためのプラグインを付けたり、あと、やばいほどソーシャルブックマークのボタン付けたりRSSフィードを読むサイトの登録ボタンを付けてみたりと。

　ロクでもないことをしてみましたが。

　さすがに今回は「やり過ぎた！」という気がしなくもありません。

　読めないQRコードを作らないための講座と、これらのボタンをblogに付けるための解説がまだ完結していないので、これから追々書いていきます。

NECO団ってなんだ？

Wed, 07 Feb 2007 18:55:00 +0900

　友人から報告にあって首をひねっているのですが。

http://www.comic1.jp/

　今度こういうイベントがあり、なかなかサークルリストを見ると錚々たる顔ぶれなのですが。

　その中に。

　NECO団というサークル名を発見。

　偶然の一致でなければ、かつてのNECO系サークルのどこかの派生の可能性もあるでしょう。

　多忙と病気療養と、同人世界の最近の風潮に絶望して2年ほど離れている私ですが、この辺でそろそろ戻ってみたいですね。

世界樹の迷宮

Fri, 02 Feb 2007 11:30:00 +0900

　おはようございます。

　ここ数日、ずっと『世界樹の迷宮』と言うゲームをプレイしています。
　が、昨年夏からの病気のこともあり、一日中ほとんど病床で寝ている割には、全然進んでいません。（まだ第二階層をクリアしていないんですよ）

　FM音源風の懐かしいBGMなのですが、ダンジョン中がかなり安らいだ感じの曲で、どーにも寝オチしてしまうのです。

　1月過ぎる直前から、体力は寝たきり（たまに起きる）生活でかなり弱ったのですが、病状的にはやや復調しました。

　ただここで「よし、具合が良くなったぞ！」とか言うと物語的には確実に死亡フラグが立ちそうなので、むやみに言わないことにします。

　さて世界樹の迷宮ですが、おそらくブラックオニキス、ウィザードリィ1、女神転生初代（ナムコ版）をやった層からすると「久しぶりのこの手の」という印象があると同時に、「シビアだ！」と言われているほどシビアではなく、むしろ親切に感じます。

　私はゲームは門外漢ですが、明らかにこのゲームは作りが丁寧と感じました。
　制作者の方々の考えや想いがゲームを伝わって感じてきます。

　このゲームの中でもイベントは発生するのですが、その時に必ず出てくる言い回しがあって。

　「君たちは～することもできるし、そのまま探検を続けても良い」というような感じのメッセージが出てきます。

　試してはいませんが、それらのイベントを全スルーしてもなんとかクリアはできるような気がします。

　細かく見ていけばアラやバグはあるのかも知れませんが、通常にプレイする分にはかなり穴のない、親切で、でもダンジョン探索には「理不尽さはないけど凶悪な」緊張感を感じます。

　余り普段ゲームをやらないのですが、これは良作でした。（やり込み系をえんえんと続けるのは好き、ディスガイアのためにPSPを買おうかって勢い）。

　「君は世界樹の迷宮を買ってプレイしても良いし、しなくてそのまま人生を送っても良い」

秋葉原歩行者天国ストリートパフォーマンス

Mon, 22 Jan 2007 01:30:00 +0900

http://www.akibaos.com/?p=648#more-648

　秋葉原でハロウィンとか、最近秋葉原で色々仕掛けている気がしますけど、気にしない。

　1回で200人程度集まるのを4セット。

　もうちょっと本腰入れたら1000人突破は軽そう。

blogに各種ソーシャルブックマーク、各種RSSのフィードリーダ登録ボタン設置2

Mon, 08 Jan 2007 03:12:00 +0900

また再度この話題が蒸し返す訳

　以前、各種ソーシャルブックマークの登録ボタンを設置とかやった訳なのですが
　 http://neco.st/blog/archives/6.html

　なんかもっとこの発想から凶悪に発展した例を見つけちゃいまして。
　http://www.vippers.net/blog/2006/12/post_8.html

　こいつぁ凄い！　と言うことで早速パクることにしました。
　が、ただ単にパクるのもあれなので、以前から導入しようと思っていた二つばかり新要素を付け加えてみることに。

　まず１つめの要素が、各種RSSリーダの登録ボタンの設置。
　次に、はてなダイアリーにある http://d.hatena.ne.jp/hatenadiary/20060919/1158656911の機能を追加することでした。

　まず始めに承前として http://neco.st/blog/archives/6.htmlを読んで置いてください。（でないとこの記事だけでは改造方法が解らないかも知れません）
　このblogシステムWeb Diary Professionalでの改造方法の基礎と手順が書いてあります。また、応用例として他のblogシステムでも使えるようにするためのこのシステムでの変数の説明とかも載っていますので、応用が利くかと思います。

手初めにRSSリーダのボタンを設置

skin/navigation.htmlの中で、表示して欲しい辺りで適当に


フィード

各種RSSリーダー登録

　とか入れる、これで終わり。ボタンの画像とか、事前に記述した場所に突っ込んでおくのも忘れないようにしましょう。と言うかその辺の手順は前回書いたとおりです。ちなみに、今回からtitle=の値はimg要素中ではなくa要素に入れることにしました。
　あと。RSSリーダの並び順に深い意味はないので、お好みで順序は変えると良いと思います。

次に、はてなブックマークのコメントを見るボタンを

　今回一番苦戦したのはこれでした、最初意味がわからず、Arvined氏（http://arvined.ath.cx/blog/?itemid=47）から「jsファイルが必要」と言われたので、それを導入したらすんなりいきました、というわけでBookmarkCommentViewer.jsと言うファイルをダウンロードしてきてください。
　はてなの公式サイトか、面倒なら私が会社blog用に置いた http://www.dears.co.jp/news/BookmarkCommentViewer.jsのファイルを保存して適当なところにアップしてください。（私はcgiと同じ階層に置きましたが/skin/や新たに/js/フォルダを掘っておくのが賢明でしょう）
　そして、skin/header.html中のどこでも良いのですが、はてな公式の記述に従うのであればhead要素内に

　の一文を追加します。
　そしてskin/diary.html中のソーシャルブックマークボタンの中で、はてな系のボタンの後辺りに

　と記述すればhtml的には完了なのですが、この状態でボタンを押していただければ解るのですが、出力結果が美しくありません。
　そのため、skin/common.cssをいじる必要があります。
　common.cssの適当なところに、以下の記述を私は入れました、細かい部分の設定は、各自でblogのデザインなどに合わせて変更すると良いでしょう。

/* Hatena
------------------------------------------------------------------*/

.hatena-bcomment-view {
  background-color:#fff;
  border-top:1px solid #CCC;
  border-left:1px solid #CCC;
  border-right: solid 1px #999;
  border-bottom: solid 1px #999;
  position: absolute !important;
  display: none;
  word-break  : break-all ;
  word-wrap   : break-word ;
  width: 400px;
  text-align:left;
  margin:0 !important;
  padding:0 !important;
  font-weight:normal !important;
  font-size:90%;
  z-index:100;
  color:#000 !important;
}

.hatena-bcomment-title {
  margin:0 !important;
  padding:3px 5px  !important;
  text-indent:0 !important;
}

.hatena-bcomment-title img {
  vertical-align: middle !important;
  margin: 2px 2px 2px 4px !important;
}


.hatena-bcomment-view ul {
  width: auto;
  overflow: auto;
  overflow-y:auto;
  border-top: 1px solid #5279E7;
  background-color: #edf1fd;
  list-style-type: none;
  padding: 5px 8px !important;
  margin: 0px !important;
  line-height: 150%;
}
.hatena-bcomment-view ul li{
  text-indent:0 !important;
  margin:0 !important;
  padding:0 0 2px 0 !important;
  font-size:90%;
  background:trasparent !important;
}
.hatena-bcomment-view ul li span.hatena-bcomment-tag a{
  color:#6365CE; 
  font-family:"Arial",sans-serif;
  margin:0 3px;
}

　これで、はてなダイアリーのような感じではてなブックマークのコメント一覧を表示できるようになります。これが今回一番のキモかも知れません。そして、前述のサイトで見たようにさらに大量のソーシャルブックマーク系のボタンを足して…結果


http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk='+c(b.location)+'&title='+c(b.title),'bkmk_popup','left='+((a.screenX||a.screenLeft)+10)+',top='+((a.screenY||a.screenTop)+10)+',height=420px,width=550px,resizable=1,alwaysRaised=1');a.setTimeout(function(){d.focus()},300)})();" title="Add 'Google bookmark on Social Bookmarks Plugin' to Google">

　こんな感じのソースが出来上がってきました、挿入する場所とかは前回通りです。あとは、レイアウトやらボタンの順序やら、細かい作業を各自行ってください。
　また、前回の内容に、他のblogシステムで使う時のためにヒントとなる変数の説明などもしてありますので、ご参考にしてください、というか、今回の内容は前回の内容を読んでいないとわかりにくい部分があったりしますので。

以下忘れた頃にこっそり更新するお仲間リンク2

　ちなみに、現在実例は私の所属している会社の速報、http://www.dears.co.jp/news/にてやっております。自分の所は今FTPがIPで弾かれててアップデートできない状況なので。このblogはしばらく直りませんが…

2007/1/8 23:50　お世話になっている会社の人から、altキーにアーティクル名の変数を入れたらどうか？　とご提案をいただいたので、直してみた。あと記述にミスのあった部分を改修。

若本規夫さん、田中理恵さん、能登麻美子さんで昔話朗読CDですよ

Fri, 05 Jan 2007 23:59:00 +0900

　こっそりと最近のお仕事。私が1/5に重大発表があると言っていた件。
　いくつか所属している組織のうち、有限会社DEARSさんの方でのお仕事です。
　やってて楽しかった仕事です。速報も書けたし。
　ソースはこちらになりますので、青龍血煙録を１次情報として扱わないでください。

表紙イラスト：Sody

　2007年2月9日、有限会社DEARSは「田中理恵」「若本規夫」「能登麻美子」を声優陣に迎え『日本の昔話』を朗読するCDを発売いたします。

ご挨拶

　この度、弊社では『田中理恵の百人一首』、2作品の童謡CD『小島めぐみの未来へ届け心の童謡』『坂本梓馬の未来へ届け心の童謡』に続く、2007年初の作品として『Come across～DEARS朗読物語～VOL.1』という新規の朗読CDシリーズの第一作目「日本の昔話」の発表をいたします。

　幼い頃に聞いたことのある昔話を、定評有る声優さんの美声による玲瓏な朗読、朗読に合わせて伴奏された美しい旋律のピアノ曲、気鋭の若手クリエイターによる美麗なイラストでお楽しみ下さい。また、現代日本の子供達の情操教育に、大人の方々にも癒し系CDとして聴いていただきたい作品です。

　シリーズ1回目の今回は朗読声優陣は「田中理恵（ドラマチック・デパートメント）」「若本規夫（シグマセブン）」「能登麻美子（大沢事務所）」の3名となります。

ブックレットイラスト一部見本

「かちかち山」イラスト:むきゅう☆

「鬼六」イラスト：ましこひろみ

《製品概要》

○タイトル：『Come across』～DEARS朗読物語～VOL.1　日本の昔話
○発売日：　2007年2月9日
○価格：　3,000円(税込)
○製品番号　　ＤＥＡＲＳ-０００４
○収録内容　ＣＤ２枚組　全６話
○収録作品と今回の声優陣(敬称略50音順)
田中理恵：　「羅生門」「花咲かじじい」
能登麻美子：　「白い鳥」「鬼六」
若本規夫：　「かちかち山」「ねずみの嫁入り」
○制作：　デッセコミュニケーション
○企画：　田端健一
○販売：　有限会社ＤＥＡＲＳ
○プロモーション担当：　矢野芳典
○表紙イラスト：　Sody
○ブックレットイラスト：　Sody・むきゅう☆・ましこひろみ

サンプル試聴ファイル(MP3形式2分程度)

鬼六：能登麻美子（公開中）
羅生門：田中理恵（1/19公開予定）
かちかち山：若本規夫(2/2公開予定)
サンプルは上記日時に順次公開予定です。

朗読声優情報（名前クリックで冒頭部分が聴けます）

田中理恵（たなか・りえ）

所属：　ドラマチック・デパートメント
主な出演作
『機動戦士ガンダムSEED』ラクス・クライン役
『働きマン』松方弘子役
『ローゼンメイデン』水銀燈役
公式サイト-田中理恵［ rierie world ］

若本規夫（わかもと・のりお）

所属：　シグマセブン
主な出演作
『サザエさん』アナゴ役
『吉永さん家のガーゴイル』ガーゴイル役
『ニニンがシノブ伝』音速丸役
公式サイト中プロフィールページ

能登麻美子（のと・まみこ）

所属：　大沢事務所
主な出演作
『地獄少女』閻魔あい役
『ネギま！？』宮崎のどか役
『スクールランブル』塚本八雲役

お願い

　有限会社DEARSはまだ創立1年未満の、始まったばかりの会社ですが、より親しみやすい新しいタイプの教養・教育関係の企画の製品化を主軸として、今後も精力的に次々と作品やマルチメディア教材を世に送り出したいと考えております。
　弊社では古今東西様々なジャンルや形式の名作を掘り起こすべく多くの企画をストックしており、順次実現していく予定です。
　もしよろしければ、この記事をごらんの皆様、作品をより多くの方に知らしめていただけたら幸甚です。
　blog、ニュースサイト等でのご紹介、ソーシャルブックマーク、アンテナへのご登録、エントリーへの直リンクでのご紹介など大歓迎です。
　販売店様、教育機関様も是非お気軽にお問い合わせ下さい。

2007/01/06 16:50 mp3のタグ情報を追加して更新

血を吐いて倒れたのにパンヤ3β

Tue, 28 Nov 2006 23:10:00 +0900

　血を吐いて倒れた（コラム日記参照のこと）にもかかわらず、パンヤシーズン3のβ。

　画像1：こんな感じで「クーだらけの部屋を作った」わけですよ（右上になんか混ざっているけど気にしない）

　画像2：あれれ、木陰からなんか覗いているよ？

　画像3：なんかいつの間にか増えていました、一触即発です

　画像4：ちん入者のマックスを20人くらいのクーが追いかけ始めました。

　画像5：いつの間にかマックス軍団が増えてテニス開始、こうなるとぐだぐだです

　取りあえず。復調しつつあるので真人間として生きて行きたいです。

[意外と読めてないQRが多い]ちゃんと読めるQRコード作り講座3

Sun, 19 Nov 2006 20:42:00 +0900

　さて、今回も読めないQRコードと、それを作らないようにするためのテクニックにについて語ろうと思う。

　というか、そろそろ予定の倍以上の長さなので、今日辺りはもう終わるよなさすがに、と思いつつ書いています。

　ぶっちゃけ、10行くらいでまとめちゃって良いですか？

　だめですか、そうですか。

　まずは前回と前々回を読まれていない方、第一回と第二回をまずは読んできてください

黒以外の色で白地以外の所に印刷すると認識率が下がります

　みなさんは、カラフルなQRコードを見たことがあるだろうか、最近はQRも普及したためにあちこちで使われる場面が増えてきた感があるが、QRコードはどうにもデザイン的に「無粋」であると思う、ついついQRコードをカラフルに印刷してしまいたくなるのも解る。

　だがしかし、QRコードは白地に黒での印刷をしたときがベストな状態であって、それ以外のシチュエーションでは認識率は下がってしまう、注意しよう。

　特に、黄色、ピンク、蛍光色、銀や金色などの反射する色、この辺はやめてください。

　目安としては、印刷されたQRコードを、白黒のコピー機に掛けて、ちゃんとしろと黒でコピーされてくるような濃度の色での印刷が望ましいです。

　また、４色印刷（フルカラーの印刷）などの時、2色の掛け合わせになるような色は避けた方がいいようです、特に、100%以外の色を使ったときには「網点」という物が出来るのですが、わずかにでも版ズレしたときに、この網が正方形のエッジをごつごつにしてしまい、結果的に認識率を下げることにも繋がってしまいます。（これは前回述べたにじんだQRとも繋がってきます）

　前回も述べたとおり、QRコードは出来るだけ使われているインキの中で一番濃い色で（フルカラーの印刷なら黒で）、100%の色、多色刷りなら、その中で一番濃い色の100%を使いましょう。

　また、最近QRコードでコードの周囲2ドット分の余白を消している例もよく見かけますが、あれは有った方が認識率は上がります。

　紙の色も出来れば、白にしてインキ色は黒、要はもっともコントラストがハッキリする状態が好ましいです。

QRコードにも最適な大きさがある

　私は以前から疑問に思っているのですが、何故ほとんどの場合QRコードは１種類しか印刷媒体に用意しないのでしょうか？

　たとえば、携帯電話でQRコードが読めるようになったのは2002～2003頃なのですが、最近（2006年11月現在）の携帯電話のカメラでは画素数が300万を超えることも珍しくなくなってきましたが、QRがやっと読めるようになった当初は20～30万画素くらいが関の山だったように思われます。

　最近の携帯ではQRコードは小さめでも読めますが、昔の携帯であれば、やや大きさを要するでしょう。

　しかし、大きくしすぎると、やや離さなければならなくなります、しかしQRコードを撮るときの携帯は、ほとんどの機種で接写モードになっていると思われますが、接写モードの場合、離しすぎるとぼやけてしまい、大きめのQRコードの全体が撮影できず結局内容が取得できなかったという経験は、皆様もあるのではないでしょうか？

　そこで私は、同内容のQRコードでも、3種類程度の大きさのQRコードを用意することを提案します。

　こんな感じで、友人のサイトでは運用しています。

　そうすることで、カメラの画素数やピントの問題で読み書きが出来ないという事態は避けられるのではないかと思います。

　印刷物などでも、せめて大小2種くらいのものを用意するべきなのではないかと思います。

あと思いついちゃったこと

　QRの保存形式はPNGかGIFが良いのではないだろうか、Jpegだと場合によっては黒と白のエッジが正確にでない、白や黒の部分が微妙にグレーになる、等があるからだ（ちょっと宗教的潔癖さか？）

　ただ、やはり印刷媒体などへの転用も考えた場合、QRコードのソースがJpeg形式であるというのは余りよろしくないので、可逆圧縮の白黒2値画像形式での保存が望ましいと考えるが、いかがだろうか？

まとめるまでもないので、ちょっと次回に向けてのお話し

　と言うわけで、非常に認識のしづらいQRコード、そもそももうQRコードとして壊れてしまって読めなくなっているQRコードについて、DTP的な観点や印刷的な観点から述べましたが、いかがでしょうか？

　読めないQRコードについて検索すると、生成するソフトの問題である、読み取る携帯などリーダー側の問題である、と言うことはネット上には多く語られているのですが、このような視点での言及は余り見受けられない物の、私の目から見ると、そもそもデータではなくQRそのものが印刷や画像処理の不備で起きている例が目に付くために、今回こんな感じで連載してみました。

　さて、では次回は、っていうか次回も続いちゃうのですが、私のQRコードの作成法やその際のポリシーについてお話ししましょう。

　実は、これまでの連載を見てきたことをふまえずとも、「この方法論や物の考え方でQRコードを表示すれば何も問題がない」という方法論です。

　しかし、これまで３回の連載を見てきた人なら、「何故そういう方法で私がQRコードを処理するのか」が理由含めて納得できるでしょう。

blogに各種ソーシャルブックマーク追加登録ボタンを一括表示する

Thu, 16 Nov 2006 13:01:00 +0900

del.icio.us,はてなブックマークとアンテナ,ニフティクリップ,livedoor クリップ,FC2ブックマーク、追加ボタン全部のせタグ実装例

　自分のblogにdel.icio.us、はてなブックマーク、はてなアンテナ、ニフティクリップ、livedoor クリップ、FC2ブックマーク等の、いわゆるソーシャルブックマークに追加してもらうためのボタンを付けよう、それも、追加ボタン提供しているところ全部。
　等と無茶を思い立つ。
　まるでラーメン屋の「全部入り」とか「全部のせ」のノリだ。

　具体的には同じircチャンネルにいるArvinedの小部屋　ベランダの人がいけない、真犯人。

　ここの人が急に「矢野さん、blog始めたんだからはてブボタン付けているもんだと思った」などと言うので、そもそもそういうボタンの存在すら知らなかった私は、いきなり興味を持ってしまった。

　ircでやはりそのチャンネルのメンバーが「やっぱ全部やるんでしょ？」と明らかな挑発をするので「そういうことを言ったらやっちゃう人、ここには２人はいるね」と言い、主犯格の人も結局やることになり、「やり過ぎ」とか「オーバーキル」とか「限度を知らない」とか「完膚無きまでに」というのが大好きな私も、嬉々としてこの企てに参画してしまった。

　というわけで、本日の実装となるわけですが。（前置き長すぎでした）

　有名なblogサービスでもなく、MTのようにメジャーなスクリプトではないんだけど、スキンいじればたいていのことは解決するblogだったので、サックリ改造完了。

　でも、このシステム、Web Diary Professional(以下「このシステム」)で、このボタンを付けた改造例というのを見たことがないので、参考までにスキンのいじり方を。
　同じシステムの方なら、そのままコピペでいけますし、MTとか他のシステムでも、変数部分を変えれば使えます。

具体的にやってみる手順

　まず、アイコン画像を公式か、使ってる他人のblogか、さもなくばうちからパクってダウンロードします。
　アイコン画像をskin/以下にimd/のディレクトリを掘って、そこにアップロードします。

　他のサービスやシステムをお使いの方は、FTPが使えるならFTPで、さもなくばblogシステム上で画像をアップロードして、その時のURLをどっかに控えておいて、後のhtmlソース中に示す画像のパスを適宜に書き換えていってください。

　次に、このシステム(Web Diary Professional)をお使いの方なら、skin/Diary.htmlの20行から30行当たりにある、日記テキスト部分の右下の編集とか削除かのある行

編集・削除



の直後から

　で閉じるところのすき間

　に以下のをコピペします。CSSによってはリンクしたときにアイコンの回りのボーダーがでる可能性もあるので、できればCSSで消しちゃったり、あとは微妙な修正なりは各自でしましょう

　という感じでコピペしましょう。

　ここでは、私が使っているシステムの使っているスキンに合わせて、リスト形式にしてますが、普通にトラックバックとかコメントとか右下に書いてあるところにアンカーと画像でずらずら続けたり、長いので改行するとかにしてもいいでしょう。

他のシステムのための変数説明

　なお、使われている変数ですが、お使いのblogサービスやシステムにあわせて一括置換して変えるだけで大丈夫だと思われます。

　${ARTICLE_URL}と言う変数が、各記事のURLを吐き出している変数なので、ここを変えればいいです。
　Movable Typeなら<$MTEntryPermalink$>に置換するという感じですね、使ったこと無いから知らないけど。

　各サービスとかの変数なんかは、各サービスの説明書とか、はてなブックマークの追加ボタン設置例なんか見ればいいと思います。

　各ソーシャルブックマークへのリンク部分に引き続き&title=${ARTICLE_SUBJ}-${INFO_TITLE}と有るのは、${ARTICLE_SUBJ}が記事のタイトルに該当する変数、${INFO_TITLE}がblogのタイトルに該当する変数です。はてな以外はその辺の情報を自動で持っていかないので、付けてください。無くてもユーザ側で書き換えられるので必須ではありません。（他のblogをお使いの方は、ここも適当な変数に置き換えてください）

　あともう一つ、blogをアンテナに登録するときとアイコン画像のパスのために使っている変数${INFO_URL}がありますが、これはここのシステムで使われている「スクリプトを設置したパスを示す」変数で、同じblogを使っている人が使うときにそのままコピペで使えるよう汎用性を持たせるため使っているだけですので、他のシステムの場合はそれに相当する変数か、さもなくば、ご自分のアップロードされたアドレスに各自書き換えるでも良いでしょう。

　なお、変数に入る記事タイトルやblogタイトルが日本語など2バイトコードの時、a要素中にASCII文字以外が入ってしまうので厳密に言うと不正ですし、送信した先のblogが巧く変換しないと文字化け（特に外国のブックマーク）します、そのため、blogでお使いの文字コードがUTF-8以外の時は、ご注意下さい。回避する方法論としては、記事タイトルやblogのタイトルをwikiのURLなんかで見られるようにエンティティ化して吐き出させるようにするとか、リンク時のa要素中でリンク先の文字コードを指定しておくとか良いかもしれません（ただ、a要素中でのリンク先の文字コード指定って、ちゃんと解釈しているブラウザって有ります？）

　と言うわけで、ついキシャーっとなってやってしまいましたが、反省はしておりません、この記事を参考にして一括設置された方、おられましたら是非コメントとかトラックバックいただけると嬉しいです。blogタイトルが任侠とか極道とか圧力団体とか政治団体とか幕末の愚連隊とかそっち方面にしか見えませんが、危険性はありませんのでお気軽にどうぞ。

　より多くのblogでも同様のカスタマイズをされる方が増えると楽しそうなので、私からもトラックバック送り返したいと思います。

結局、16:15に更新しています、色々とまずいところが見つかったのでー

追加で、11/22の17:22に最終更新しています、altのないimgにalt追加したり、&にちゃんとamp;付け加えて実体参照をしてみたり変数の説明を追加したりこっそり書き換えたりです。

以下忘れた頃にこっそり更新するお仲間リンク

MovableTypeの場合(Arvined神)
Blogn Plusの場合(如月ニイチさん)

　そして、さらに病気が悪化する2回目へと続くのであった…

[意外と読めてないQRが多い]ちゃんと読めるQRコード作り講座2

Wed, 15 Nov 2006 17:05:00 +0900

前回（第一回）の記事を読みに行く

　さて、今回も読めないQRコードと、それを作らないようにするためのテクニックにについて語ろうと思う。

　前回読めないQRコードに関してほとんどの読めないQRコードは縮小と拡大の失敗によって出来上がる、と述べたが、前回説明した２番目の失敗「マトリックス部分がにじんでいる」も基本的にはこの縮小と拡大のミスによって起きていることが多い。

　つまり、前回述べたことをきっちりと、QRコードの生成から印刷の工程まで守れれば、QRコードで読み取り不可の物は、俄然少なくなるはずである。

　しかしそうは問屋が卸さないために、この講座はまだまだ続くのである、まだまだと言いつつ、今回で終わってしまうかも知れませんが。

「にじむ」QRコードはどうして出来てしまうのか？

　QRコードはキズや汚れにも強く、そしてあらゆる方向から読み取ることが出来る、素晴らしいバーコードだ、しかしマトリックス構造自体が縮尺や拡大でおかしくなると、ほとんど読み取れないことは前回説明したとおりだが、QRコードのマトリックス構造がにじんでしまっても、やはりQRコードは読み取れなくなる。

やはり主な理由は縮小と拡大時のミスである

　QRコードのマトリックス構造の縮尺比がおかしい故に読み取れないのは、縮小と拡大のミスだった。

　そして、QRコードがにじんでしまう理由も、ほとんどの場合、縮小と拡大のミスである。

　ただ、これは主にフォトレタッチソフト上で起きるのである。

　たとえば作ったQRコードを前回述べたのと違う「ゆがんでしまう」縮尺比で、そしてカラーモードをインデックスカラーや白黒二値ではなく、グレースケールやRGBカラー、CMYKカラーなどの色空間で縮小拡大して欲しい、するとどうなるか？
　わかりにくければ、黒と白の境目部分をルーペツールなどで拡大して欲しい。
　そう、黒い部分が白い部分と境目でにじみ合ってしまい、境目がグレーのような色になっていることが解るだろう。

　これはフォトレタッチツールの拡大縮小時に使われる機能で、「アンチエイリアス」という。

　これがあるおかげで、文字や図形、線画などを拡大縮小したときに、出来るだけ自然に見せることが出来るのだ。

　しかし、この機能はQRコードの作成に関して言えば邪魔者なのである。

　と言いたいところだが、実のところフォトレタッチソフトのアンチエイリアス機能を外したモードで拡大縮小しても、結局は正しい拡大率、正しい縮小率でQRコードを扱わないと、結局の所はゆがんだ読めないQRコードになってしまうだけなので、読めないQRコードの一つに「にじんだQRコード」があるとは言っても、結局は前回と同じく縮小拡大でミスをしたQRと言う意味では一緒なのだ。

　と言うのも、フォトレタッチソフト上でアンチエイリアス機能をonにして縮小拡大しても、きちんとした率の数値入力であれば、QRコードはにじまないのである。

　画像の中にQRコードを入れる場合、元の画像の縮小や拡大などが終わったあとに、一番最後に配置するというのが、一番正しい方法論だろう。

実はそれ以外にもあるにじみとその対策

　実はそれ以外にもQRコードが作成上にじんでしまうことがある。

　これは主に、縮小拡大ではなく、「印刷上のミス」である。

　どのようなことが原因かというと「版ズレ」が元になって起きることが多い。

　版ズレとはどのような物か、わかりやすく言うと多色刷りの版画を思い出して欲しい、2色の違う色の版画を重ね合わすときにわずかでもずれると、絵がぶれてしまう、あれと同じことである。

　実際の印刷の世界でも、多色刷りやフルカラー印刷の時には、このようなことが起きやすい。

　しかし、日本の印刷技術は、世界水準で見ると高く、版ズレは非常に起きにくい方だと言えるだろう、だが、QRコードは精密なバーコードであるために、写真などでは余り気にならない程度のズレも、QRコードにとっては致命的になることがあるのだ。

　それでは、このようなQRコードが版ズレを起こさなくするためにはどうしたらいいかというと、それは「QRコードに使われる版を１色だけにする」ことである。

　だが口で言うのは簡単だがこれが意外と難しい。

　元々が一色刷であれば問題がないし、多色刷りでも、より色が濃い色のインキ１色でQRコードを印刷すればいいだろうが、問題はフルカラー印刷時の画像に含めるQRコードである。

　フルカラー印刷においては全ての色をC(シアン)、M(マゼンタ)、Y(イエロー)という色の三原色にK（黒）の4つの色で表現しているのだが、たとえば生成時点では確かに黒一色だったQRコードを、画像に含めて印刷まで出したら、黒以外の3色も混ざった形で印刷されてしまう、と言うことが良くあるのだ。

　たとえば、これは手元にPhotoShopなどのCMYKが扱えるフォトレタッチソフトがある人は試して欲しい。

　RGB、インデックスカラー、白黒二値のモードで「完全な黒」の矩形なり円なりを作る、それを、CMYKの画像にコピーペーストして、スポイトツールで色を見て欲しい…そうすると…

　何と我が家の環境、Photoshop CS2 RGBのカラーモードはAdobeRGB(1998)、CMYKのモードJapan Color 2001 Coartedと言う色モードでは、この完璧な黒だったはずの黒の矩形は C93 M88 Y89 K80 という、4色の色が混ざり合った黒になってしまった。

　このような色変換は、写真やイラストなどで、黒の深みをフルカラー印刷上で出すには良いのだが、文字や単純な黒い線やバーコードなどでは版ズレしたときに見栄えが悪くなるだけなのだ。

　おそらく、色変換時のプロファイル設定などで回避も可能なのかも知れないが、私ならこうするという方法がある。

まずQRコードを一旦CMYKに変換する
色域指定で黒い部分を選択する
K100%で塗りつぶす
それから改めて目的の画像(CMYKのみ、印刷の場合はRGBの画像に貼らないでください、CMYK変換時に結局同じミスを犯します）に配置する

　これで、問題なく完璧に黒一色のQRコードがフルカラー印刷上でも使えるようになり、版ズレによる画像のにじみ、ひいては読めないQRコードが出来上がってしまうことを防げるというわけだ。

　さて、今回も長文になってしまったので、次回へと続けることにしよう。

今回のまとめ

　にじんでしまい読めなくなっているQRコードの出来る理由のほとんどは、前回同様間違った拡大率や縮小率による失敗だ。前回のまとめを参照して欲しい。
　次に印刷上のミス、これは多色印刷やフルカラー印刷時に、QRコードの版を作るときに一番インキの濃い色一色になるように画像を作ろう、ただし、CMYK画像の中に黒一色の色を入れたと思っても、黒一色以外の変換をされてしまうので、一度QRコード自体をCMYKにして、黒い部分を完全な黒100%に置き換え、その後CMYKの画像に貼り込もう。

　と言うわけで、次回もまだまだ続きます。

　こんな長くする予定じゃなかったんだけどなぁ（笑）

ついでなので、うちのサイトのQRコードを貼っておきます、同じURLでPCからも携帯からも読めるサイトになっています

第3回目を読みに行く

[意外と読めてないQRが多い]ちゃんと読めるQRコード作り講座１

Mon, 13 Nov 2006 23:20:00 +0900

読めないQRコードとその対策-始めに

　世の中にあふれる携帯用の2次元バーコードQRコード。　しかしこいつ、意外と読めないQRコードが多いって知っていましたか？

　私はまだQRコードなんてほとんど誰も知らない、携帯電話での読み取りも対応していなかった時期にこれを見つけ、2002年の6月には同人誌の奥付と裏表紙に載せるようになったのだけど、元印刷業界にいたこともあり、バーコードという物が何であるかを知っていて、そして画像を扱う技術もあったために一度も自分自身ではトラブルを起こしたことがないのだけど、困ったことに一度QRコードを読む側に回ってみると、これが意外と読めないQRコードが多いのだ。

　ついさっき、母が雑誌に掲載されたプレゼント企画のQRコードを携帯で読む方法を教えて欲しい、と言ってきたので、「おやすいごようさ！」とばかりに行ったのだけど、これが読めない。

　なんだこりゃあ、と思って目を懲らすと…
　……！
　理由判明！　なんと、このQRコード、どうやら生成後にどこかの行程で変な縮小がされたようで、あのQRコードのつぶつぶというか黒と白のマトリックス部分が、肉眼でも解るほど「正方形ではなかった」のである。

読めないQRコードは困る！　でもちょっと理解できれば、事故は起こらないんですよ

　では、何故そのようなバーコードが作られてしまうのか、考えてみたい。
　これは単純に印刷の知識があってもダメ、バーコードがなんたるかということだけ知っててもダメ、画像処理に長けていてもダメ、なのである、それぞれの所をきっちりと解ってないといけないのだ。逆にその３つを簡単で良いから押さえてしまえばいいのだ。
　そうすれば、そのことを含めてその後の作業をするデザイナー、DTPオペレータ、印刷業者などに申し送りしていれば、その後の人的なミスも避けられるだろう。

　QRコードに結構凝っている人間は多いはずだ、DoCoMoでもSoftbankでもauでも読めるように、とかブックマークできるように、と考えて作る人は多いだろう。
　だが、そんな苦労を掛けたQRコードも、あなたが作った時点では良くても、あとのデザイナーやDTPオペレーター、もしくは印刷業者が台無しにしてくれる可能性があることを忘れてはならない。
　QRコードはサイトのアドレスたるURLを手打ちするのが面倒な携帯メディアにとっては必須な「そのサイト、あなたの会社サイト、企画サイト」などにとって重要な入り口であり、また衆目に晒されるのである、そんな大事な物が台無しになっては、機会損失云々の話ではないだろう。

　また、印刷業者などでは印刷事故による賠償金など日常茶飯事だと思うが、今後は「クライアントの用意したQRコードが読み取れない物になっていた」と言うことで係争に発展する例も出てくると思う。

ではいよいよ読めるQRコード作りのために失敗例見てみよう

　それではお待ちかね、確実に読み取れるようにするQRコードの作り方である。
　解ってしまえば簡単なのだが、それがわかってない人間が多すぎるのである。

では、まずはダメになった（読み取れない）QRコードのいくつかの代表例を挙げてみよう。

QRコード中のマトリックスが（黒と白のコントラストはきっちりと出ているが）正方形ではない
QRコード中のマトリックスが角やエッジがぼやけている、つまりこれも完全な正方形ではない
QRコード中のマトリックスが白地に黒以外で印刷されていて、良く読み取れない
QRコードとしては上記のような間違いは犯していないのに、携帯の接写モードだと、大きすぎて、あるいは小さすぎて撮れない

　大体こんな所だろうか。
　あとは、QRコードに傷が付いた汚れが付いた、などは論外なので含めないことにするが、これに関しても多少軽減するテクニックはあるので披露しよう。
　QRコードの活用テクニック、なんてのは他人に譲る、問題はその大事で頑張って作ったQRコードをいかに台無しにせず届けるか、である。
　この辺、意外と言及されていないと思うので。

QRコードで重要なのは、マトリックス一つ一つがきちんと正方形になっていること

　さて、まずQRコードで重要なことは何か？
　それはまず何よりも「読み取れること」である。
　今更だが、読めないQRコードや読み取りにくいQRコードなんてのが世の中には多すぎるのだ。

　その回避テクニックのための基本的な心得として重要なこと、それは。

心得その１　QRコードが印刷後や画面への表示後、確実に黒と白のマトリックス構造が「正方形」になっていることが重要なのだ。

　これ、当たり前じゃんか！
　と思われるが意外とそうじゃない、読み取れないバーコードのうち、先に述べた１と２の条件、場合によっては３の条件も含まれるのだが、つまりは読み取れないバーコードのほとんどはそのプロセスこそ違いはあれ結果的にはほとんどこれが原因なのである。
　2年ほど前だが、私はQRコードのマトリックスが「■ではなくほとんど●に近くなるまでぼやけている」というのを数例見てのけぞったことすらある。

　ではどの辺でそう言うことが起きるのか？
　その説明と対策を。

QRコードの拡大と縮小に気をつけて

　まず、画面表示で言うと、最近は液晶ディスプレイが普及してきた、液晶ディスプレイは表面がフラットというか平面的であり、構造上もちゃんと四角い画素を表示してくれる、つまり「これほどQRコードにとって良い表示環境はない」、わかりやすいので、液晶モニタベースで話を進めてみよう。
　たとえば、作ったQRコードがある、こいつが1ドットに1マトリックスに対応していたとしよう。
　こいつが画面上では縦横の20ピクセル、でもそれじゃあ読みにくいなぁ、と思って、「じゃあ30ピクセルくらいにしよー」と思って1.5倍にするわけですよ。
　サイトとか作って画像とか扱っていると、「非常にあり得そうなシチュエーション」ですよね。

　でも、20ピクセルのQRコードを30ピクセルにした、と言うと聞こえは良いですが、1ピクセルの世界で言うと、1ピクセルを1.5ドットにするわけで……あれれ？　数字の上では1.5ピクセルの正方形と言えば納得できそうですが、それって液晶画面ではどう表示されるのでしょうか？
　その場合、「あるところでは1ピクセル、あるところでは2ピクセルという感じでゆがんだり、グレースケール的な処理をしたなら、50%の黒（つまり灰色）のピクセルを生成して、「見た目で出来るだけもと画像に似たイメージの画像」を作ることでしょう。

　つまり、その時点で白と黒のマトリックス構造はゆがんでしまうのです。
　写真やイラストではこのようなことは、品質さえ気にしなければいくらでもやって構いません、しかし、このような白と黒の画像（2値画像と言います）の世界ではゆがまず綺麗な結果を得るためには「拡大するときは整数倍」で拡大、ないしは黒と白のマトリックスが正方形のQRコードの場合は、「そのマトリックスを構成する画素数の約数の整数倍」にしなくてはならないのです。
　しかし、2値画像でも絵とかの線画とかなら、まだわずかにゆがんでも見られる物でしょう、しかし、それ以外の数値というか率で拡大や縮小をしたQRコードは、ほぼ間違いなく読み取れなくなります。

　「縮小するときは１つの黒や白のマトリックスを構成する画素数の約数になる率での縮小」しかできません。
　実はこれは、印刷でも似たようなことが起きるので、印刷の場合もそうしてください、QRコードはキズや汚れなどのデータの欠損には強いのですが、全体的にわずかでもゆがむような「ゆがみ」に関しては非常に弱いのです。

　また、縦横の比率の違う縮小拡大とかは、もちろん言語道断です。

　と言うところで、余りにも長文になってきたのでこの辺で今日のまとめをしましょう。

今日のまとめ

　読めないQRコードのほとんどが、生成後、何らかの縮小や拡大などで失敗して読めないQRコードになっているからです。
　まず縮小や拡大をする場合は、確実に拡大する場合は整数倍での拡大、（2倍とか3倍とか）、あるいは、マトリックスを構成する黒や白の１つの縦横の幅がいくつかのピクセルによって構成されている場合、その数の約数の整数倍、それ以外でのシチュエーションでの拡大は絶対厳禁です。（レタッチソフト上でのマウス操作での拡大縮小なんてのも絶対にしないで下さい、結局正確な拡大と縮小にならないのでゆがみます、数値指定してください）

　あと、縦横で違う拡大率とか縮小率は絶対にやめましょう。

　では、次回は「にじむQRコードと、その対策」です。　これは、たとえ今日のことが解っていたとしても、起きてしまう可能性がありますので、次回もきっちり勉強しましょう。

次回、2回目を読みに行く

Pangya3β-パンヤ３です

Sun, 12 Nov 2006 21:45:00 +0900

　初めてクーを使ってみる、青い子にしてみた。
　どっかの星の双子の片割れっぽいです。

　それにしてもクーさんには月夜が似合います。

青龍会血風録

酷道

さなりミク病と言う病

品格と理想

そして今年の冬コミの話

人工少女3 きゃらめいく 体験版で園崎魅音を作る

人気声優陣による『グリムの童話』朗読CD発売発表

『Come across』～DEARS朗読物語～Vol.2 グリムの童話

ご挨拶

製品概要

サンプル試聴ファイル（基本mp3形式）

ブックレットイラスト一部見本

壁紙・アイコン

朗読声優・イラストレータプロフィール

販売店・予約状況

販売店に関して重要な補足情報

予約開始販売店

お取り扱い予定販売店

お願い

リンク用のバナー

別ラインの仕事

『日本の昔話』に続き声優が読む新シリーズ教材『テストにでるっ！日本の歴史年表』

『テストにでるっ！日本の歴史年表』

ご挨拶

製品概要

ブックレットコミック一部見本

サンプル試聴ファイルロング版

朗読声優・漫画家プロフィール

携帯サイト、壁紙公開

販売店・予約状況

販売店に関して重要な補足情報（緊急追加）

予約開始販売店

お取り扱い予定販売店

お願い

リンク用のバナー

smbとRSSフィードのボタン付けすぎた

NECO団ってなんだ？

世界樹の迷宮

秋葉原歩行者天国ストリートパフォーマンス

blogに各種ソーシャルブックマーク、各種RSSのフィードリーダ登録ボタン設置2

また再度この話題が蒸し返す訳

手初めにRSSリーダのボタンを設置

フィード

次に、はてなブックマークのコメントを見るボタンを

以下忘れた頃にこっそり更新するお仲間リンク2

若本規夫さん、田中理恵さん、能登麻美子さんで昔話朗読CDですよ

ご挨拶

ブックレットイラスト一部見本

《製品概要》

サンプル試聴ファイル(MP3形式2分程度)

朗読声優情報（名前クリックで冒頭部分が聴けます）

田中理恵（たなか・りえ）

若本規夫（わかもと・のりお）

能登麻美子（のと・まみこ）

お願い

血を吐いて倒れたのにパンヤ3β

[意外と読めてないQRが多い]ちゃんと読めるQRコード作り講座3

黒以外の色で白地以外の所に印刷すると認識率が下がります

QRコードにも最適な大きさがある

あと思いついちゃったこと

まとめるまでもないので、ちょっと次回に向けてのお話し

blogに各種ソーシャルブックマーク追加登録ボタンを一括表示する

del.icio.us,はてなブックマークとアンテナ,ニフティクリップ,livedoor クリップ,FC2ブックマーク、追加ボタン全部のせタグ実装例

具体的にやってみる手順

他のシステムのための変数説明

以下忘れた頃にこっそり更新するお仲間リンク

[意外と読めてないQRが多い]ちゃんと読めるQRコード作り講座2

「にじむ」QRコードはどうして出来てしまうのか？

やはり主な理由は縮小と拡大時のミスである

実はそれ以外にもあるにじみとその対策

今回のまとめ

[意外と読めてないQRが多い]ちゃんと読めるQRコード作り講座１

読めないQRコードとその対策-始めに

読めないQRコードは困る！ でもちょっと理解できれば、事故は起こらないんですよ

ではいよいよ読めるQRコード作りのために失敗例見てみよう

では、まずはダメになった（読み取れない）QRコードのいくつかの代表例を挙げてみよう。

QRコードで重要なのは、マトリックス一つ一つがきちんと正方形になっていること

QRコードの拡大と縮小に気をつけて

今日のまとめ

Pangya3β-パンヤ３です

人工少女3 きゃらめいく体験版で園崎魅音を作る

『Come across』～DEARS朗読物語～Vol.2　グリムの童話

読めないQRコードは困る！　でもちょっと理解できれば、事故は起こらないんですよ