開発者通信の最近のブログ記事

こんにちは。ウェブテクノロジ開発部の山崎です。 

1. フィルター機能を２種類追加
   ・ミニチュア
   ・魚眼レンズ
2. OpenID 対応
3. TopPageのデザインを一新 

OPTPiX WebFree の新しい機能で楽しく遊んでみてください。  

	→
オリジナル		ミニチュアフィルター加工

	→
オリジナル		魚眼レンズフィルター加工

みなさんこんにちは。ウェブテクノロジ開発部の山崎です。

 みなさんこんにちは。ウェブテクノロジ開発部の山崎です。

• 無料の減色ツール（Webアプリ）「OPTPiX WebFree」ベータ版をリリース！
• IE9ベータと減色ツールWebFreeの微妙な関係
• キレイな GIF は好きですか？

　みなさん、こんにちは。ウェブテクノロジ開発部の山崎です。

　突然ですが、「JPEG画像のモスキートノイズ」ってご存じですか？

　ご存じでしたら以下の記事を読むことをおすすめします。なぜなら「モスキートノイズを減らすハイブリッドフォーマットの話」が書かれているからです。

　以前に、この「こんにちは、ウェブテクノロジです。」ブログで、インプレスR&Dさんが配信している電子書籍コンテンツ「OnDeck 2011年2月24日号（第4号）」（オン・デッキ）にて「ハイブリッドフォーマット」に関する記事を載せていただいたことをご案内させていただきました。

参考：「電子書籍向けにあたらしい画像フォーマット「ハイブリッドフォーマット」を提案！」

　その後、「ハイブリッドフォーマット」に関するご質問やご要望をいくつかいただいておりますので、こちらのブログにて、ハイブリッドフォーマットの近況報告と、ハイブリッドフォーマットの解説をさせていただこうと思います。

■OnDecｋの読者さまからの反応

　ePub形式という、弊社の中では比較的未知の領域へのチャレンジではあるのですが、OnDeckの読者さまのご協力をいただきまして、ハイブリッドフォーマットがどの程度 ePub 形式で表示できるのか調べることができました。ご協力いただきましたみなさまに感謝いたします。

　全体の印象としましては、「iPad の iBook を使って表示できました」という声が一番多かったと感じています。中には、「Windows の Adobe Digital Editionsでは表示されなかった（重ならなかった）」という声や「Android のAldikoでも表示できなかった（重ならなかった）」という声もお寄せいただきました。ePubビューアのプログラムが対応していない場合は、データ側で頑張ってもできることには限界があります。

　今回、表示できないと報告のあったビューアに関しましては、われわれやユーザの声をビューア開発者に届けるといった地味な行動くらいしか改善のアイデアがありません。ですが、行動をしなければ事態はなにも変わらないので、地味な行動であってもこうして、声を上げて行こうと思います。こちらに関しましては、みなさまのお力をお借りできればと思います。よろしくお願いいたします。

　他には、「ハイブリッドフォーマットの今後に期待する」といったご意見もいただきました。ありがとうございます。みなさまの声を大切にしながら、サービスの価値を高めていきたいと考えております。今後とも、どうぞよろしくお願いします。

■ハイブリッドフォーマットの近況報告

　「ハイブリッドフォーマットのその後」ですが、開発は続いており、そろそろお客さまにお見せできる形になりつつあります。

　開発は大きく２つ進んでいまして、

　１つは、Webアプリケーション「OPTPiX eBook」です。

　こちらはプロモーションを目的として開発していて、Webブラウザからだれでもアクセスできるため、簡単にハイブリッドフォーマットを試してみることができる予定です。

　もう１つは、Windowsアプリケーション「imesta for eBook」です。

　こちらは、コンテンツ製作者さまにガンガン変換していただくツールとして、弊社の既存の画像変換ツール「OPTPiX imesta」シリーズを基本にしてハイブリッドフォーマットの機能を追加する形で開発を進めています。

　現在開発中ではありますがアルファ版としてご利用いただくことが可能ですので、「誰よりも早く試してみたい！」と希望される方は、ぜひ、ご連絡をいただきたいと思っております。

　それでは「ハイブリッドフォーマットとはそもそもなんなのか？」の説明（解説）をさせていただきたいと思います。

■ハイブリッドフォーマットとは

　近年、電子書籍コンテンツが増えています。電子書籍で扱うことのできる主な画像フォーマットは大きく２種類あります。JPEGフォーマットとPNGフォーマットです。

　色数の多い写真などの画像は、JPEGフォーマットが向いています。

　逆に、色数の少ないイラストや図表などの画像は、PNGフォーマットが向いています。

　しかし、以下の画像のように、多くの雑誌やパンフレットにみられるような、写真やイラスト、図表、文字が混在となったフリーレイアウトな画像はJPEGフォーマットは向きません。

　JPEGフォーマットにて圧縮すると、モスキートノイズが目立ってしまい、圧縮率を高くできないのです。

　JPEGフォーマットの欠点は、イラストなどの画像を小さく圧縮するとモスキートノイズと呼ばれるノイズが増えてしまい、あまり圧縮できない点にあります。

　PNGでも色数が多くなると、圧縮率を高くできません。圧縮率を上げるには、色数を減らさなければならないのです。

　雑誌やパンフレットにみられるようなフリーレイアウトな画像に最適なフォーマットは存在しないのが現状なのです。

　そこで、JPEGフォーマットとPNGフォーマットのいいとこ取りをした「ハイブリッドフォーマット」の提案につながります。

■ハイブリッドフォーマットのサンプル画像

　サンプル画像を実際に見ていただくとわかりやすいと思います。OnDeckからの転記になりますが、以下の画像をご覧ください。

(1) 元画像PNG。58,856バイト

(3) ハイブリッドフォーマットに変換。2,037＋11,239＝13,276バイト

　元画像にもよりますが、同じバイトサイズであればハイブリッドフォーマットのほうがJPEGフォーマットよりもノイズの少ない、品質の高い画像になり、逆に、品質を同じレベルにあわせるのであれば、ハイブリッドフォーマットのほうがJPEGフォーマットよりも小さく圧縮できる傾向があります。

　したがいまして、ハイブリッドフォーマットの特徴は以下の２点になります。

　・カラーの電子雑誌に最適！

　・キレイで軽い電子書籍を提供します！

　よろしくお願いいたします。

■連絡をお待ちしております

　ハイブリッドフォーマットは、電子書籍関係のコンテンツの品質をあげる有効な手段の１つになると思っています。また、電子書籍という分野にとどまらず、ゲームアプリケーションや携帯コンテンツ、デジタルサイネージといった分野でも同様に画像の品質を上げる手段として、みなさまにご活用いただけるとも思っています。

　たとえば、「イラスト調の絵のアドベンチャーゲームで画像枚数がたくさんありすぎて、リソースが足らず・・・でも画質は落としたくないので困っている」とか、「モバイルゲームのダウンロード時間を改善したいのだけど、画質は下げたくない」とか、「デジタルサイネージの表示画素数は多くなったのに、メモリは多くなっていないので、表示できる画像の枚数を減らさなければならない」とか、そのような分野にもぜひ一度使ってみていただきたいと考えます。

　また、電子書籍などを大量に配布しているAmazonやGoogleの中のかたにもプレゼンしたいですし、国内の・・・たとえば以下の電子書籍を扱っている中のかたにも一度、見ていただきたいと思っております。連絡をお待ちしております。どうぞ、よろしくお願いいたします。

　ぜひ、ご覧いただきたいと思う電子書籍関係サイトさま（順不同）：

「マガストア、ビューン、ｈｏｎｔｏ、VOYAGER STORE、eBookJapan、パピレス、電子文庫パブリ、Ｊコミ、楽天ブックス：チラよみ」

　よろしくお願いいたします。

 みなさんこんにちは。ウェブテクノロジ開発部の山崎です。

ウェブテクノロジでは、長年、ゲーム業界で使われてきた技術を、電子書籍に応用できないかと開発を行っております。今日は、その成果の一部をお披露するチャンスをいただいたので、ご報告します。

■「ハイブリッドフォーマット」

そのチャンスとは、インプレスR&Dさんが意欲的に配信している電子書籍コンテンツ「OnDeck」（オン・デッキ）の最新号「2月24日号（第4号）」に、「ハイブリッドフォーマット」の記事を書かせていただいたことです。

書かせていただいた記事は以下のタイトルとなっています。

記事の概要を説明すると「JPEG画像よりも品質の高い（ノイズの少ない）画像をお客さまに届けることができる！かもしれない」といった記事になっています。詳細については「OnDeck 2月24日号（第4号）」をご覧ください。

「OnDeck」は現在無料で配信されていますので、ぜひともダウンロードしてご覧になってください。記事の内容が　EPUB 向けの関係で、PDF版、Kindle版には掲載されていません。おそれいりますがEPUBビューア（PCではFirefoxのプラグインが有名です）でご覧ください。 

>> EPUB版
  http://on-deck.jp/epub/ondeck004.epub

>> OnDeckトップページ
  http://on-deck.jp/

■対象者（読んでほしいひと）は？

特に、電子書籍のコンテンツ制作に関わるひとは必見？の内容になっています。

たとえば、

• 電子書籍アプリや独自のビューアを作られているかた。
• 画像が多く含まれるコミック(漫画)のような電子書籍向けのコンテンツを作られているかた。
• 電子書籍コンテンツを販売・配信されているネット書店の運営者のかた。
• そして、JPEGのモスキートノイズに困っているコンテンツ制作者のかた。

ぜひ一度、ご覧くださいませ。

■ご意見・ご質問をお待ちしています

「ハイブリッドフォーマット」の開発は「OnDeck」にも書いていますが、お客さまへどのような形でお届けしたら喜ばれるのか、その答えが見つからずに試行錯誤（暗中模索？）しているのが現状です。

お客さまの生の声をお聞かせいただきますと、電子書籍向けにコンテンツを提供するひとも、そのコンテンツを楽しむお客さまも、多くのひとのメリットにつながると考えています。

• 「ハイブリッドフォーマットの詳細について話が聞きたい」
• 「ハイブリッドフォーマットをデジタルサイネージで使えないだろうか」
• 「EPUBやPDF、XMDF ではどう使うの？」
• 「FlashやJavaScriptを使って閲覧アプリは作れるの？」
• 「iPhone, iPadで使えるの？」
• 「Androidは？　Kindleは？　SonyReaderは？　SHARP GALAPAGOSは？　GALAXY Tabは？・・・」

上記のようなご意見・ご質問がありましたら、ウェブテクノロジまでお問い合わせください。詳しい資料などをご案内させていただきます。

どうぞよろしくお願いいたします。

みなさんこんにちは。ウェブテクノロジ開発部の山崎です。

みなさん、こんにちは。ウェブテクノロジ開発部の山崎です。

今日は、弊社のソリューションのモバイルサイトへの採用事例をご紹介します。

採用事例と申しましても、堅苦しい話ではなく、みなさんのモバイルライフを華やかに、そして楽しくするサービスへの採用事例ですので、紹介するわたしの筆も軽いです。

弊社の携帯電話向けソリューションの１つである「OPTFlash」が、GMOメディアさんのモバイルサイト「きせかえ.com」内の「きせかえStudio」にて採用されました。

ありがとうございます。＞GMOメディアさま

●きせかえ.com / きせかえStudio

「きせかえ」とは、携帯電話の壁紙だけでなく、待ち受け画面をFlashアニメーションにしたり、選択メニューのアイコンから、バッテリー残量ピクト、電波強度ピクトなどの小さなアイコンのデザインまでも統一されたデザインに一度に変えることで、自分を好みの携帯電話にしてしまうという「かわいさUP！」「かっこよさUP！」「自分らしさUP！」と、みなさんの生活を華やかにする機能＆サービスだったりします。

そして、「OPTFlash」とは、弊社の提供する携帯向けのFlashを生成するサービスです。たとえば、この「OPTFlash体験コーナー(OPTFlash体験コーナー完成！)」のように、スライドショーをする待ち受けFlashを「動的に」作るソリューションを提供しています。

このたび、この「OPTFlash」をモバイルサイト「きせかえStudio」の中でFlashファイルを自動生成する機能として採用していただきました。

「きせかえStudio」画面イメージ

「きせかえStudio」は、写メなどケータイに保存している写真を使って、きせかえコンテンツが作れるサービスです。オリジナルの背景デザインと組み合わせて、自分の好みにカスタマイズできちゃいます。

彼氏・彼女とのたのしい思い出の写真や、かわいいペットの写真、さらには愛らしい孫娘の写真など、完全オリジナルな写真を使って世界に１つしかない貴重な携帯電話に仕上げることができるわけです。

「きせかえStudio」の担当さまからは、

「OPTFlashは、画像の縦横サイズを自動的に調整してくれるし、SWFのバイトサイズも自動的に納めてくれるので、とても助かっています」

「画質もきれいですし、OPTFlashしか選択肢はないと思います」

と、とてもうれしいお言葉を直接いただくことができました。ありがとうございます。 

以下、わたくしごとになりますが、開発という仕事をしていると「自分がいましているこの作業は世の中のためになるのだろうか？」と疑問に思う瞬間が、時折あります。

そして、そのたびごとに「きっと役に立つ！」と信じて・・・というより言い聞かせて、作業を再開するのですが、すべての作業が、今回の採用のようにみなさまの目に触れるようになるとは限らないのです。

なかには、それこそ「命を削って」という表現がふさわしいような作業を繰り返し、開発を続けてみたものの、結果的にはみなさまの手には届かず、お蔵入りになることもあります。

このように表には出ない「作業」があっても、今回の採用事例のように、みなさまの手に届く「作業」もあるわけです。

ですから、今回のようなお客さまの手に届くサービスへの採用はわたしとしては非常にうれしい＆ありがたい「採用」なのです。

そんなわたしの個人的な気持ちは横に置いておくとして・・・

世界に１つしかない携帯電話を手に入れたいかたは、以下のサイトをおためしください。

「きせかえ.com」

http://org.kabegami.com/kisekae/

みなさんこんにちは。ウェブテクノロジ開発部の山崎です。

 → 無料画像加工サイト「OPTPiX WebFree」キレイなGIF作成はおまかせください - ウェブテクノロジ

みなさんこんにちは。ウェブテクノロジ開発部の山崎です。

今日は、みなさんに新しいサービスを紹介したいと思います。その名も！

「OPTPiX WebFree （オプトピクス ウェブフリー）」

です。なんと！名前にもあるとおり、弊社初の無料のWebサービスになります。

いくつかの制限はあるものの、弊社のコア技術となる減色機能を自由に、そして基本的に無料で使っていただけるWebサービスなのです。

●一番の特徴は、Free！

特に、「キレイなGIFが作りたい」と思っているユーザさま。

「簡単に、しかも無料で作りたい！」と思っているユーザさま。

OPTPiX WebFree がその願いを叶えます。（ちょっとおおげさかな）

●誰でも使える、５ステップ！

誰でも使えるように機能をシンプルにおさえました。

減色機能の他にも、縦横サイズの縮小や切り抜き機能、フィルター機能など、簡単な画像の加工と編集が行えます。

難しい数値の指定はしなくても、アップロードからダウンロードまで、たったの５ステップでキレイなGIF画像が手に入ります。GIF画像の他にも、もちろん PNG画像にも対応しています。また、減色とは無関係ですが JPEG もおまけで出力できます。

軽量でキレイなイラストや図表、そしてバナーの作成には、もっとも気軽に使えるWebサービスではないでしょうか。

●インストール不要のWebサービス！

WebFreeは、Webブラウザで動くGUIアプリケーションです。いわゆるフリーの減色ソフト/減色ツールとは異なり、インストール作業は必要なく、アカウントを登録すればその場で動き始めます。

また、ブラウザ（Firefox）さえあれば、Windowsでも、Macでも、Linuxでも、OSを選ばずに利用できます。
（IE8ではJavaScriptが違いすぎて動かないのですが、IE9ではそこそこ動きそうです。IE9のリリースを期待して待ちましょう。）

いままで弊社のお客さまは、主にWindowsユーザが多かったと思います。しかし、WebFreeのサービス開始によって、Macや、Linuxのユーザさまにも弊社の「減色」機能をご利用いただけるようになりました。
未体験のかたはぜひ一度、この減色性能を体感してください。

●無料でいいの？

舞台裏の話になってしまいますが、WebFreeの運営にはそれなりにコストがかかります。

それでも弊社はみなさんに伝えたいことがあるのです。

それは・・・、

「もっと減色のメリットを知ってほしい！」

「減色」という言葉を知らない人はたくさんいると思っています。わたしの家内も知らないです。

さらに、「減色をするとどんなメリットがあるのか」。こちらはもっと知られていないと思います。

減色をすると・・・

「画像は軽くなり、Webの表示はもっと速くなります！」

「もっと、GIFはキレイになります」

「もっと、図表はキレイになるのです」

「もっともっと、イラストはキレイになります」

「なんでもかんでもJPEGにしないでください！」（写真はJPEGのほうがキレイです。）

そんなことが言いたくて、こうして弊社の減色機能を無料でお試しいただくことにしたのです。

もし、この考えにご賛同いただけましたら、「WebFree を使えばいいのに」と隣のひとに教えてあげてください。

なにとぞ、よろしくお願いいたします。

●アルファ版のテストを開始しました！

OPTPiX WebFree は、8/24(火)から、アルファ版としてテストを開始しました。どなたでもご利用いただけます。以下のURL↓から、アカウントを登録してご利用ください。

http://www.webtech.co.jp/webfree/

継続的なサービスの向上を希望しておりますので、改善要望などありましたら、どしどしお寄せください。

よろしくお願いいたします。

●iPad が来た！

みなさまこんにちは。ウェブテクノロジ、モバイル系開発部の山崎です。

来ました！うちの会社にも！ 先週末の昼過ぎに Appleさまから宅配便経由で届きました。iPad が！

会社（ウェブテクノロジ）として、画像関係のサービスには積極的に関わっていきたいという希望から、予約＆購入させていただきました。

さっそく、仕事を忘れて、みんなでわいわい言いながら開けました。

いいですねー iPad 。触っているだけで楽しいです。

まず、なんといっても画像がキレイです。同じページを見ているはずなのにPCの画面よりもキレイに見えるのは気のせいでしょうか。

そして、速いです。特にスクロールやピンチによる拡大・縮小はかなり心地よいレスポンスです。
ここまでのチューニングにはかなりの労力が支払われているのだろうと想像しますが、その価値はあったと感じています。

社内では、少し重さが気になるとの意見もありましたが、個人的には十分軽いと思います。
何冊もの本を持ち歩かなくてよくなるはずなので、複数冊の本だと思えば軽いですよね。

電車の中で使っていると強奪されかねないので、しばらくは社内でニヨニヨしたいと思います。

●iPad って画像がキレイ！

さて、これだけでは、単なる自慢になってしまうので、iPad を使った簡単な実験をしてみました。
それは「弊社の減色エンジンがどのくらい iPad の表現力に貢献できるのか」という実験です。

実験の素材には、過去にこのブログに掲載された「クリエイティブでハイクオリティなデジタルコンテンツであるマンガ風イラスト（おおげさ）」を選択しました。

これらのマンガ風イラストは弊社の減色エンジンが価値を発揮しやすい分野だと認識しています。
その理由は、色数が少なめであり、なおかつ、ファイルサイズが大きくなってしまう傾向にあるコンテンツだからです。

今回の実験では、弊社の減色エンジン(OPTPiX Pro ベータ版)を使って、このマンガ風イラストを8色のインデックスカラーPNGに減色してみました。また、JPEG形式でも同じ程度のバイトサイズになるよう圧縮率を調整して出力しました。

iPadによる表示結果は以下のようになりました。

この写真ではわかりにくいと思いますので、実際の実験に使ったpdfファイルをこちら↓に置いておきます。みなさんの iPad でダウンロードして確認してみてください。（pdfファイルなので、標準で付属している Safariブラウザでそのまま表示できます。）

（※このブログの「田中圭一のゲームっぽい日常」に掲載した画像を比較してみました。）

左側のPNG画像と右側のJPEG画像はほぼ同じバイトサイズになっていますが、左側のPNGのほうがはっきりとしていてシャープに見えます。逆に右側のJPEGの画像はぼやけていることがわかると思います。
しかも、iPad で見るとそのキレイさ・シャープさに拍車がかかり、同じバイトサイズであるなら、8色のインデックスカラーPNGに軍配があがることは間違いないと言えるのではないでしょうか。

また、同じクオリティの画像をフルカラーのPNGやJPEGで表現しようとすると、おおむね２倍から３倍のバイトサイズが必要になります。
iPadのようにストレージサイズが限られたメディアを考えると、２倍３倍の表現力を手に入れることの価値は、かなり高いところにあると想像します。
それは今回の実験に使ったマンガ風イラストに限った話ではないと思います。書籍関係のイラストデータはもちろんですが、ゲームなどに使われる画像もデータを少なく抑えるほうがストレージにかける負荷をおさえて、より快適にダウンロードしていただけると思うのです。

iPad の登場で、デジタルコンテンツの制作量はますます加速していくと考えています。そのように加速していくデジタルコンテンツの制作の現場に、弊社の技術が活躍できる場があることに対してたいへんうれしく感じています。

弊社の減色エンジンは、複数の製品やサービスに組み込まれています。まずは一度、弊社の製品やサービスをお試しください。

今後とも、よろしくお願いいたします。