<?xml version="1.0" encoding="Shift_JIS"?>
<feed xmlns="http://www.w3.org/2005/Atom">
   <title>tech blog</title>
   <link rel="alternate" type="text/html" href="http://www.infocreate.co.jp/nxt/blog/" />
   <link rel="self" type="application/atom+xml" href="http://www.infocreate.co.jp/nxt/blog/atom.xml" />
   <id>tag:www.infocreate.co.jp,2008:/nxt/blog//1</id>
   <updated>2008-12-03T13:14:08Z</updated>
   
   <generator uri="http://www.sixapart.com/movabletype/">Movable Type 3.31-ja</generator>

<entry>
   <title>Webサイトの画面キャプチャツール：WebSnapShot</title>
   <link rel="alternate" type="text/html" href="http://www.infocreate.co.jp/nxt/blog/2008/12/000146.html" />
   <id>tag:www.infocreate.co.jp,2008:/nxt/blog//1.146</id>
   
   <published>2008-12-03T12:06:21Z</published>
   <updated>2008-12-03T13:14:08Z</updated>
   
   <summary>久々の投稿です。 今日は、便利ツールを紹介します。 Webサイトの画面キャプチャ...</summary>
   <author>
      <name>さくら（プログラマー）</name>
      
   </author>
         <category term="Top Page" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="便利ツール" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.infocreate.co.jp/nxt/blog/">
      <![CDATA[久々の投稿です。
今日は、便利ツールを紹介します。
Webサイトの画面キャプチャが簡単にとれる<a href="http://onrails.org/articles/2007/06/13/websnapshot-a-simple-adobe-air-application" target="_blank">WebSnapShot</a>です。]]>
      <![CDATA[複数サイトの画面キャプチャを取らなくてはいけないとき、1つずつコピーして、PhotoShopで画像サイズ指定して変換…していたら面倒ですよね。
そんな時にこのWebSnapShotはとても便利です。
サイズは下記3種類から選べます。
・サムネイル：ページの一部
・ブラウザー：ブラウザーで見える範囲
・フルページ：1ページ分
設定画面で、画像の大きさや縮小率が指定できます。
作成される画像はPNGで、指定したディレクトリーに自動保存することも可能です。
ちなみに、これはAIRアプリケーションなので、Adobe AIRをインストールする必要があります。
<a href="http://www.infocreate.co.jp/nxt/blog/data/sakura_081203.html" onclick="window.open('http://www.infocreate.co.jp/nxt/blog/data/sakura_081203.html','popup','width=450,height=193,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.infocreate.co.jp/nxt/blog/data/sakura_081203-thumb.jpg" width="350" height="150" alt="WebSnapShot" /></a>]]>
   </content>
</entry>
<entry>
   <title>読みやすいワープロ出力</title>
   <link rel="alternate" type="text/html" href="http://www.infocreate.co.jp/nxt/blog/2008/03/000135.html" />
   <id>tag:www.infocreate.co.jp,2008:/nxt/blog//1.135</id>
   
   <published>2008-03-31T04:17:06Z</published>
   <updated>2008-08-04T06:24:27Z</updated>
   
   <summary>ワープロで印刷すると文字をいかに詰め込むかを考えて出力されます。もちろん、様々な...</summary>
   <author>
      <name>sigh（プログラマー）</name>
      
   </author>
         <category term="コーヒーブレイク" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.infocreate.co.jp/nxt/blog/">
      <![CDATA[ワープロで印刷すると文字をいかに詰め込むかを考えて出力されます。もちろん、様々な禁則処理が行われます。
<br />
でも、禁則処理だけでは物足りない、もっと読みやすくできたらと思ったことはありませんか。文章は書くためのものではなく読むためのものなんですから。
<br /><br />
では何が読みやすいのでしょうか。人それぞれだとは思いますが。
<br /><br />
最も考えやすいのは手書きの手紙との比較でしょう。
自然に様々に行替えを行って読みやすくしているでしょう。
<br />
ワープロだと文書のタイトルなどで改行をいれて工夫したことがあるでしょう。
本文の中でも様々に改行を入れたこともあるでしょう。
<br /><br />
適用されるロジックの基本は簡単です。
<ol compact="compact">
<li>単語の途中で切らない。</li>
<li>単語と助詞の間で切らない。</li>
<li>句読点があれば多少短くても改行する。</li>
</ol>
<br />
以前、自分でエディタ用のマクロを書いて改行を入れたものをワープロに貼り付けていたんですが、文章を変更するたびに再実行するのも大変ですし表など一部でしか使用していませんでした。
<br />
ちゃんとしたロジックにするには辞書の参照が必要ですがワープロなら辞書は持っているし導入は簡単だと思うのですが。
]]>
      
   </content>
</entry>
<entry>
   <title>『Viewtus』をタッチパネルディスプレイで</title>
   <link rel="alternate" type="text/html" href="http://www.infocreate.co.jp/nxt/blog/2008/03/000134.html" />
   <id>tag:www.infocreate.co.jp,2008:/nxt/blog//1.134</id>
   
   <published>2008-03-21T07:04:08Z</published>
   <updated>2008-03-21T09:25:12Z</updated>
   
   <summary>『Viewtus』で実装されているウィンドウをドラッグするインターフェースは、i...</summary>
   <author>
      <name>nxt</name>
      
   </author>
         <category term="Top Page" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="Webサービス" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.infocreate.co.jp/nxt/blog/">
      <![CDATA[『Viewtus』で実装されているウィンドウをドラッグするインターフェースは、iPhone（やiPod touch）で話題のタッチパネルディスプレイにも優れたUI環境をご提供します。
<br /><br />]]>
      <![CDATA[<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','300','height','260','title','Touch Panel Sample','src','/nxt/mov/viewtus','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','/nxt/mov/viewtus' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="300" height="260" title="Touch Panel Sample">
  <param name="movie" value="/nxt/mov/viewtus.swf" />
  <param name="quality" value="high" />
  <embed src="/nxt/mov/viewtus.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="260"></embed>
</object></noscript>

<br /><br />
このようにマウスを使用しなくても『Viewtus』では利用者自身がレイアウトやデザインなどを自由に変更することが可能です。]]>
   </content>
</entry>
<entry>
   <title>『Viewtus』（よみ：ビュータス）</title>
   <link rel="alternate" type="text/html" href="http://www.infocreate.co.jp/nxt/blog/2008/03/000132.html" />
   <id>tag:www.infocreate.co.jp,2008:/nxt/blog//1.132</id>
   
   <published>2008-03-06T10:29:39Z</published>
   <updated>2008-03-07T05:47:00Z</updated>
   
   <summary>『Viewtus』（よみ：ビュータス）は、インフォ・クリエイツがお届けするYCC...</summary>
   <author>
      <name>nxt</name>
      
   </author>
         <category term="Top Page" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="Webサービス" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.infocreate.co.jp/nxt/blog/">
      『Viewtus』（よみ：ビュータス）は、インフォ・クリエイツがお届けするYCC（You can change）サービスの主力ブランドです。
利用者にレイアウトやデザインなどを自由に変更させることでユーザビリティーの向上を図るとともに、欲しい情報を適切に利用者に伝えることができます。
      YCCサービスは、いかにして情報をサイト利用者に伝えていくか、という配信側と、欲しい情報だけを見たい、という受けて側の両方のニーズを満たすために生まれたソリューションです。
利用者は画面のレイアウトを自由に変更したり、RSSで欲しい情報を入手したり、また、配信側はアクセスもとのドメインから提供するコンテンツを変えたりするなど、いろいろな機能を実現します。
WEB2.0の先にあるカスタマイゼーションの第一歩をぜひ、ご検討ください。
   </content>
</entry>
<entry>
   <title>Movable Type 4.1 が出ました！</title>
   <link rel="alternate" type="text/html" href="http://www.infocreate.co.jp/nxt/blog/2008/01/000126.html" />
   <id>tag:www.infocreate.co.jp,2008:/nxt/blog//1.126</id>
   
   <published>2008-01-24T08:08:34Z</published>
   <updated>2008-01-24T08:23:44Z</updated>
   
   <summary> 本日Movable Type 4.1の提供が開始されました。 4.1の目玉は「...</summary>
   <author>
      <name>さくら（プログラマー）</name>
      
   </author>
         <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="Top Page" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.infocreate.co.jp/nxt/blog/">
      <![CDATA[
<p>
本日Movable Type 4.1の提供が開始されました。<br />
4.1の目玉は「カスタムフィールド」が新しい機能として搭載されたことだと思います。<br />
カスタムフィールドは、独自の入力フィールドを簡単に追加できる便利な機能です。このフィールドの値に対応するMTタグも同時にできるので、テンプレートへの実装も簡単です。<br />
以前は同様のプラグインを購入して使っていました。この機能が実装されるのはとても喜ばしいことです。<br />
ちなみに、このカスタムフィールドはオープンソース版では提供されないそうです。<br />
<br />
リンク：<a target="_blank" href="http://www.movabletype.jp/blog/new_features_41.html">Movable Type 4.1 の新機能</a><br />
</p>
]]>
      
   </content>
</entry>
<entry>
   <title>【Windows】IE6とIE7の共存</title>
   <link rel="alternate" type="text/html" href="http://www.infocreate.co.jp/nxt/blog/2008/01/000125.html" />
   <id>tag:www.infocreate.co.jp,2008:/nxt/blog//1.125</id>
   
   <published>2008-01-22T12:58:09Z</published>
   <updated>2008-01-22T14:07:54Z</updated>
   
   <summary>私のPCにはIE7が入っています。仕事がら作成したページをIE6でも確認する必要...</summary>
   <author>
      <name>さくら（プログラマー）</name>
      
   </author>
         <category term="Top Page" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="便利ツール" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.infocreate.co.jp/nxt/blog/">
      <![CDATA[私のPCにはIE7が入っています。仕事がら作成したページをIE6でも確認する必要があるのですが、普通にIEインストールすると上書きされてしまって別のPCで見なければいけないので不便に感じていました。<br />
そこでIE6とIE7の共存方法を調べてみました。<br />
<br />
]]>
      <![CDATA[
<p>
1．<a target="_blank" href="http://www.vmware.com/jp/">VMware</a><br />
1つのPC上に複数のOSを動かすことができます。<a target="_blank" href="http://www.vmware.com/jp/products/player/"><br />
VMware Player</a>は無料で仮想化することができるソフトウェアです。乗せるOSもオープンソースなら無料で<a target="_blank" href="http://www.vmware.com/appliances/">ダウンロード</a>することができますが、当然WindowsはDLできないのでWindowsのライセンスを購入し、有料のVMware Workstationなどで仮想マシンを作成する必要があります。<br />
<a onclick="window.open('http://www.infocreate.co.jp/nxt/blog/data/sakura_vmware.html','popup','width=729,height=600,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://www.infocreate.co.jp/nxt/blog/data/sakura_vmware.html">
<img width="250" height="205" src="http://www.infocreate.co.jp/nxt/blog/data/sakura_vmware-thumb.jpg" />
</a><br />
<br />
2．<a target="_blank" href="http://www.microsoft.com/japan/windows/products/winfamily/virtualpc/default.mspx">Virtual PC</a><br />
こちらも、PC上で複数のOSを動かすことができます。<br />
マイクロソフトのサイトから無料でダウンロードできます。Virtual PC上のOSは別ライセンスになるので新たに購入しなければなりません。<br />
IEだけのために購入はできない・・・というとき、英語サイトからXP＋IEが入ったVirtual PCをダウンロードすることができます。<br />
<br />
ダウンロードページ：<br />
<a target="_blank" href="http://www.microsoft.com/downloads/details.aspx?FamilyId=21EABB90-958F-4B64-B5F1-73D0A413C8EF&amp;displaylang=en">Internet Explorer Application Compatibility VPC Image</a><br />
<br />
IE6かIE7のどちらかを選んでダウンロード、インストールします。<br />
<a onclick="window.open('http://www.infocreate.co.jp/nxt/blog/data/sakura_vpc.html','popup','width=734,height=600,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://www.infocreate.co.jp/nxt/blog/data/sakura_vpc.html">
<img width="250" height="204" src="http://www.infocreate.co.jp/nxt/blog/data/sakura_vpc-thumb.jpg" />
</a><br />
このVirtual PCは使用期限があり、今日現在のものは2008年4月1日までになっています。<br />
期限が切れる頃にはまた新しいものがダウンロードできるようになっていると思います。その時に再インストール必要があります。<br />
ただ、ひとつ難点は英語バージョンであることです。日本語ファイル自体入っていないので、日本語が文字化けしてしまいます。<br />
日本語にするにはIEで「View&rarr;Encoding&rarr;More&rarr;Japanese」とすると日本語のランゲージパックをインストールするかと聞かれます。「Install」を選択し指定されたCD（Windows XP Professional Service Pack2）を入れるとインストールされ、日本語が表示できるようです。<br />
ここまではCDが見当たらず試すことができませんでした・・・<br />
日本語でもダウンロードできるようになればいいですね。<br />
<br />
以上2点です。また引き続き調査して報告したいと思います。<br />
</p>
]]>
   </content>
</entry>
<entry>
   <title>Netscapeサポート終了</title>
   <link rel="alternate" type="text/html" href="http://www.infocreate.co.jp/nxt/blog/2008/01/000123.html" />
   <id>tag:www.infocreate.co.jp,2008:/nxt/blog//1.123</id>
   
   <published>2008-01-07T10:18:22Z</published>
   <updated>2008-01-07T12:03:36Z</updated>
   
   <summary> 2008年1回目の投稿です。 今年もよろしくお願いいたします。 年末年始、有休...</summary>
   <author>
      <name>さくら（プログラマー）</name>
      
   </author>
         <category term="Top Page" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="インターネット" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.infocreate.co.jp/nxt/blog/">
      <![CDATA[
<p>
2008年1回目の投稿です。<br />
今年もよろしくお願いいたします。<br />
<br />
年末年始、有休をとって長いお休みをいただきましたが、その間にびっくりするニュースを見ました。<br />
<br />
ITPro：<a target="_blank" href="http://itpro.nikkeibp.co.jp/article/NEWS/20071229/290303/">NetscapeブランドのWebブラウザの全サポートが終了へ</a><br />
<br />
先日バージョン9がリリースされましたが、日本バージョンは7.1で止まったまま。<br />
どうなっているのかと思っていました。<br />
<br />
Web制作にかかわるものにとってはサポートするブラウザが減ることはうれしいです。とはいっても、利用者が0になるわけではないのでまだしばらくは考慮が必要でしょうか。。。<br />
私もインターネットを始めたころは、Netscapeを使っていました。少し寂しい気もしますね。
</p>
]]>
      
   </content>
</entry>
<entry>
   <title>【MovableType4】格闘中・・・・</title>
   <link rel="alternate" type="text/html" href="http://www.infocreate.co.jp/nxt/blog/2007/12/000122.html" />
   <id>tag:www.infocreate.co.jp,2007:/nxt/blog//1.122</id>
   
   <published>2007-12-20T21:23:10Z</published>
   <updated>2007-12-25T00:47:44Z</updated>
   
   <summary> 現在、ある案件でMovable Type4の設置を行っています。 MTタグの種...</summary>
   <author>
      <name>さくら（プログラマー）</name>
      
   </author>
         <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="Top Page" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.infocreate.co.jp/nxt/blog/">
      <![CDATA[
<p>
現在、ある案件でMovable Type4の設置を行っています。<br />
MTタグの種類が増えて便利になりました。テンプレート内でプログラム的な要素も使えるようになり自由になった分、使いこなすには時間がかかりそうです^^;<br />
</p>
<p>
&nbsp;
</p>
]]>
      <![CDATA[
<p>
入力欄で「リッチテキスト」というWYSIWYGを使用できるようになりました。<br />
HTMLタグを意識することなく、実際に出力される画面と同じ状態で編集することができます。<br />
ここで、画像の挿入をして&lt;HTML&gt;モードで見てみると、imgタグの前後に&lt;form&gt;タグが挿入されていることがわかりました。<br />
<img width="350" height="76" alt="sakura_mt4.jpg" src="http://www.infocreate.co.jp/nxt/blog/data/sakura_mt4-thumb.jpg" />
<br />
画像にformタグ？？？不思議に思って検索してみると情報がありました。<br />
<br />
<a target="_blank" href="http://www.h-fj.com/blog/archives/2007/09/25-123904.php">The blog of H.Fujimoto : 画像を挿入したときにformタグがつく理由</a>
</p>
<p>
<br />
エントリー内の画像が管理されるんですね。<br />
デフォルトのテンプレートで3カラムにした時に表示されるPhotosに&lt;MTAssets&gt;タグが使われています。フォトギャラリーを作成するのに便利そうです。<br />
</p>
<p>
<img width="126" height="200" alt="sakura_mt42.jpg" src="http://www.infocreate.co.jp/nxt/blog/data/sakura_mt42-thumb.jpg" />
</p>
<p>
エントリーを保存して作成されたページでは、&lt;form&gt;は&lt;span&gt;に変換されています。<br />
MT3に比べて使い方も機能もよくなっています。豊富な機能を使いこなせるよう、勉強しなくては！
</p>
]]>
   </content>
</entry>
<entry>
   <title>Google Chart API　簡単グラフ作成</title>
   <link rel="alternate" type="text/html" href="http://www.infocreate.co.jp/nxt/blog/2007/12/000121.html" />
   <id>tag:www.infocreate.co.jp,2007:/nxt/blog//1.121</id>
   
   <published>2007-12-09T23:47:03Z</published>
   <updated>2007-12-10T06:07:49Z</updated>
   
   <summary> GoogleはURLにパラメーターを入れるだけでグラフを作成するAPIを発表し...</summary>
   <author>
      <name>さくら（プログラマー）</name>
      
   </author>
         <category term="Top Page" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="Webサービス" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.infocreate.co.jp/nxt/blog/">
      <![CDATA[
<p>
GoogleはURLにパラメーターを入れるだけでグラフを作成するAPIを発表しました。
</p>
<p>
<a target="_blank" href="http://google-code-updates.blogspot.com/2007/12/embed-charts-in-webpages-with-one-of.html">Embed charts in webpages with one of our simplest APIs yet</a><br />
&nbsp;
</p>
]]>
      <![CDATA[
<p>
使い方は
</p>
<p>
&nbsp;http://chart.apis.google.com/chart?
</p>
<p>
の後ろに、グラフの形式やデータを&amp;でつなげていくだけです。<br />
</p>
<p>
例えば3Dのパイグラフの場合のパラメーターは<br />
cht=p3<br />
</p>
<p>
グラフの大きさを指定します。<br />
chs=300x200
</p>
<p>
データ値を指定します。<br />
データは5個で「15:25:10:30:20」とします。<br />
chd=s:PZKeU<br />
</p>
<p>
ラベルを指定します。<br />
chl=A|B|C|D|E<br />
</p>
<p>
以上のパラメーターをつなげて、imgタグのsrc属性に入れます。<br />
&lt;img xsrc=&quot;http://chart.apis.google.com/chart?cht=p3&amp;amp;chd=s:PZKeU&amp;amp;chs=250x100&amp;amp;chl=A|B|C|D|E&quot; alt=&quot;Sample chart&quot; /&gt;<br />
<br />
<img alt="Sample chart" src="http://chart.apis.google.com/chart?cht=p3&amp;chd=s:PZKeU&amp;chs=250x100&amp;chl=A|B|C|D|E" />
<br />
</p>
<p>
値の設定が少しややこしいと感じましたが、URLだけでグラフが表示されるなんて手軽で素晴らしいですね。
</p>
<p>
グラフの色も変えられます。<br />
<br />
<img width="250" height="100" alt="Sample chart" src="http://chart.apis.google.com/chart?cht=p3&amp;chd=s:PZKeU&amp;chs=250x100&amp;chl=A|B|C|D|E&amp;chco=ff0000" />
</p>
<p>
他にも、折れ線グラフや棒グラフなども作成できます。<br />
パラメータなどはこちらを参考に・・
</p>
<p>
<a target="_blank" href="http://code.google.com/apis/chart/">Developer's Guide</a>
</p>
<p>
&nbsp;
</p>
]]>
   </content>
</entry>
<entry>
   <title>Adobe H.264対応のFlash Player</title>
   <link rel="alternate" type="text/html" href="http://www.infocreate.co.jp/nxt/blog/2007/12/000120.html" />
   <id>tag:www.infocreate.co.jp,2007:/nxt/blog//1.120</id>
   
   <published>2007-12-07T00:44:59Z</published>
   <updated>2007-12-07T11:31:58Z</updated>
   
   <summary>CodeZineでこの記事（H.264やばい、マジやばい。Adobeサイトで動画...</summary>
   <author>
      <name>さくら（プログラマー）</name>
      
   </author>
         <category term="Top Page" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="Webサービス" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.infocreate.co.jp/nxt/blog/">
      <![CDATA[CodeZineでこの記事（<a target="_blank" href="http://codezine.jp/a/article/aid/1956.aspx">H.264やばい、マジやばい。Adobeサイトで動画を見られるから今すぐ見て！</a>）を見つけて、これはすぐに見なければ！とAdobeのサイトに行ってきました。<br />
<br />
<br />
]]>
      <![CDATA[
<p>
新しく発表されたFlash Player 9 Update 3（9.3）は、H.264ビデオコーデックをサポートし、より高品質な動画を見ることができるそうです。<br />
</p>
<p>
H.264コーデックとは・・・<br />
動画データの圧縮規格の一つで、高い圧縮率を実現しているそうです。（MPEG2の2倍以上）<br />
小さなファイルで高画質な画像を見ることができます。PSP、Blu-ray、iPodでも採用されているそうです。<br />
<br />
Adobeのサイトで対応している動画を見ることができます。<br />
まず、
</p>
<p>
<a target="_blank" href="http://www.adobe.com/flashon/">http://www.adobe.com/flashon/</a>
</p>
<p>
このサイトで、「UPGRADE TO HD」をクリックすると、FlashPlayerがアップデートされます。<br />
そのあと、ブラウザを再起動してもう一度アクセスすると動画がサムネイルで表示されますので見たいものをクリックします。<br />
１つ選んで、動画が始まったら右上にあるボタン（下図）でHDのON/OFFを切り替えられます。<br />
（対応していないものもあるようです）<br />
<img width="75" height="47" alt="HD切り替え" src="http://www.infocreate.co.jp/nxt/blog/data/sakura_adobe.JPG" />
<br />
&nbsp;<br />
私は自宅で1600&times;1200のモニターを使用していますが、そこにかなり大きく画質もきれいな動画が表示されたので、感動しました。<br />
</p>
<p>
<a target="_blank" href="http://www.adobe.com/jp/products/flashplayer/">Adobe Flash Player&nbsp;</a>
</p>
]]>
   </content>
</entry>
<entry>
   <title>サンプルドメインには「example.com」を</title>
   <link rel="alternate" type="text/html" href="http://www.infocreate.co.jp/nxt/blog/2007/11/000119.html" />
   <id>tag:www.infocreate.co.jp,2007:/nxt/blog//1.119</id>
   
   <published>2007-11-29T12:04:54Z</published>
   <updated>2007-11-29T14:03:53Z</updated>
   
   <summary> 入力フォームなどの例でメールアドレスやURLを表示するときや、システムテストで...</summary>
   <author>
      <name>さくら（プログラマー）</name>
      
   </author>
         <category term="Top Page" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="インターネット" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.infocreate.co.jp/nxt/blog/">
      <![CDATA[
<p>
入力フォームなどの例でメールアドレスやURLを表示するときや、システムテストでメールアドレスを入力するとき、実在するアドレスを使用していませんか？<br />
適当なものを使って実際にメールが送られてしまったりすると困りますよね。<br />
そんな時のためのドメインがちゃんと用意されています。
</p>
<ul>
<li>example.com</li>
<li>example.net</li>
<li>example.org</li>
</ul>
<p>
の3つです。
</p>
<p>
これは、<a target="_blank" href="http://rfc.net/rfc2606.html">RFC2606</a>で定義されています。<br />
「example」が含まれることによって、例なんだなぁとわかりやすいですね。<br />
「これはないだろう」と思うドメインも存在したりしますので（冷や汗をかいたことがあります^^;）、exampleを使うのがいいかと思います。<br />
</p>
]]>
      
   </content>
</entry>
<entry>
   <title>Firefox3 Beta 1がリリースされました</title>
   <link rel="alternate" type="text/html" href="http://www.infocreate.co.jp/nxt/blog/2007/11/000115.html" />
   <id>tag:www.infocreate.co.jp,2007:/nxt/blog//1.115</id>
   
   <published>2007-11-20T22:10:13Z</published>
   <updated>2007-11-20T23:39:50Z</updated>
   
   <summary>11月20日にFirefox3 Beta 1がリリースされました。 早速、ダウン...</summary>
   <author>
      <name>さくら（プログラマー）</name>
      
   </author>
         <category term="Top Page" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="インターネット" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.infocreate.co.jp/nxt/blog/">
      11月20日にFirefox3 Beta 1がリリースされました。
早速、ダウンロードしてみました。
ダウンロードディレクトリーを選択できるため、Firefox2と共存できます。ただ、一時点で起動するのはどちらか一つのバージョンです。また、お気に入りやアドオンも引き継がれますが、Firefox3に対応しているアドオンはほとんどありません。ノーマルの状態で使用することになります。


      <![CDATA[画面は、一見するとほとんど変わりませんがアドレスバーにちょっとした機能が追加されました。
<img alt="firefox3" src="http://www.infocreate.co.jp/nxt/blog/data/sakura_ff1.jpg" width="400" height="218" />


Firefox2のアドレスバー
<img alt="Firefox2" src="http://www.infocreate.co.jp/nxt/blog/data/sakura_ff6.jpg" width="350" height="28" />

Firefox3のアドレスバー
<img alt="sakura_ff2.jpg" src="http://www.infocreate.co.jp/nxt/blog/data/sakura_ff2.jpg" width="350" height="28" />


アドレスバーのファビコンをクリックすると、サイト情報が表示されます。Beta1ではまだ有効ではないそうです。
<img alt="サイト情報" src="http://www.infocreate.co.jp/nxt/blog/data/sakura_ff3.jpg" width="410" height="217" />

また、右側の☆をクリックするとそのサイトをブックマークに追加することができます。
<img alt="ブックマーク" src="http://www.infocreate.co.jp/nxt/blog/data/sakura_ff4.jpg" width="382" height="156" />

ブックマークツールバーを表示させると最近ブックマークしたページやアクセスの多いページをまとめたplaceフォルダーが表示されます。
<img alt="place" src="http://www.infocreate.co.jp/nxt/blog/data/sakura_ff5.jpg" width="388" height="303" />

その他にも、
・アドオンやプラグインのバージョンを自動的にチェックし、古くて不安定なものは無効にする
・実行ファイルをダウンロードするとき、ウィルス対策ソフトに通知する
・簡易化したアドオンインストール
・終了するときにタブを保存するかどうかのプロンプトが表示される
などなどたくさんの機能が追加されています。
正式版が出るのが楽しみです。

<a href="http://www.mozilla.com/en-US/firefox/3.0b1/releasenotes/" target="_blank">
リリースノートはこちら</a>

<a href="http://www.mozilla.com/en-US/firefox/all-beta.html" target="_blank">ダウンロードはこちら</a>]]>
   </content>
</entry>
<entry>
   <title>画像に情報を隠すツール：ステガノグラファー</title>
   <link rel="alternate" type="text/html" href="http://www.infocreate.co.jp/nxt/blog/2007/11/000114.html" />
   <id>tag:www.infocreate.co.jp,2007:/nxt/blog//1.114</id>
   
   <published>2007-11-13T14:12:06Z</published>
   <updated>2007-11-13T22:49:19Z</updated>
   
   <summary>画像や動画・音声に、それとわからない様に情報を埋め込んでおく技術を、ステガノグラ...</summary>
   <author>
      <name>pico(プログラマー)</name>
      <uri>http://www.infocreate.co.jp</uri>
   </author>
         <category term="Top Page" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="便利ツール" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.infocreate.co.jp/nxt/blog/">
      <![CDATA[<p>画像や動画・音声に、それとわからない様に情報を埋め込んでおく技術を、ステガノグラフィーといいます。 下の画像は左が元画像、右には情報が埋め込んであります。<br />

<table><tr>
	<td><img alt="元画像" title="元画像" src="http://www.infocreate.co.jp/nxt/blog/data/1-114_moto.gif" width="141" height="120" /></td>
	<td><img alt="情報を埋め込んだ画像" title="情報を埋め込んだ画像" src="http://www.infocreate.co.jp/nxt/blog/data/1-114_joho.gif" width="141" height="120" /></td>
</tr></table>

著作権保護のための電子透かしと似ていますが、著作権保護目的のツールでは画像の改ざんや切り出しに対する耐性を持ちます。ステガノグラフィーは、画像や動画、音声に情報を埋め込むことで、情報があることさえ隠してしまおうというもので、比較的大きなデータを埋め込む技術や 埋め込む情報の暗号化等が主体になります。こちらは情報取出しに対する強度は持ちますが、画像の改ざん・切り出しへの耐性は持たない様です。
</p>
]]>
      <![CDATA[<p>ステガノグラフィーのツールを調べると、とんでもない数がヒットします。以下にまとめたリストがありました。<br />
<a target="_blank" href="http://www.jjtc.com/Steganography/toolmatrix.htm">http://www.jjtc.com/Steganography/toolmatrix.htm</a><br />
</p>

<p>
いくつか試してみましたが、国内で定評をもつ&rdquo;ステガノグラファー&rdquo;（Windows用freeware）が使いやすく、お勧めです。 ステガノグラファーは、Vectorや窓の杜からダウンロードできます。現行バージョンは、v.2.102。<br />
<a target="_blank" href="http://www.vector.co.jp/soft/win95/art/se158183.html">http://www.vector.co.jp/soft/win95/art/se158183.html</a><br />
<a target="_blank" href="http://www.forest.impress.co.jp/lib/pic/piccam/paintsupt/stgngrapher.html">http://www.forest.impress.co.jp/lib/pic/piccam/paintsupt/stgngrapher.html</a><br />
<br />
</p>

<p>使い方はとても簡単です。</p>

<p><b>■ インストール/アンインストール</b></p>
<p>
ツールは自己解凍型インストーラでダウンロードされます。ダウンロードしたexeファイルを実行し、画面の指示に従ってフォルダーを指定すれば、インストールは完了です。 デスクトップの、ショートカットアイコンをダブルクリックして起動ましょう。
<img alt="アイコン" title="アイコン" src="http://www.infocreate.co.jp/nxt/blog/data/1-114_icon.gif" width="60" height="57" /><br />
アンインストールは、Windowsの[コントロールパネル]&rArr;[アプリケーションの追加と削除]&rArr;[ステガノグラファー]で削除します。</b>
</p>

<p><b>■ 情報を埋め込む</b></p>
<p>
【Step１】錯乱画像を用意する<br />
<br />
情報を埋め込む対象画像を、ステガノグラファーでは、&rdquo;錯乱画像&rdquo;と呼んでいます。情報を隠していることを錯乱させるダミー画像ということですね。 当然のことながらサイズの小さい画像、使用色の少ない画像は、画像に影響無く情報を埋め込むことが難しくなります。 ステガノグラフィーでは、画像と埋め込みアルゴリズムの組み合わせで埋め込むことができる情報の上限サイズが決まり、それを超えると情報が埋め込まれませんので、 埋め込みたい情報量に応じて画像を選びます。<br />
画像をメインウインドーにドラッグ＆ドロップして開きます。[ファイル]&rarr;[URLから開く]というメニューもありますので、インターネット上の画像を直接指定することもできます。<br />
</p>
<img alt="メインウインドー" title="メインウインドー" src="http://www.infocreate.co.jp/nxt/blog/data/1-114_main.gif" width="252" height="208" />
<br />
<br />
<div style="border:1px solid gray;padding: 5px;">
	錯乱画像として使用できるのは以下のファイル<br />
	　・ 静止画では：BMP/JPEG/GIF/TIFF/PNG/PSD/PICT/アイコン/カーソル/フォトCD<br />
	　・ 動画では：AVI/MPEG/MOV<br />
</div><br />
<p>
【Step２】情報を埋め込む<br />
<br />
埋め込むことができる情報は、直接テキスト入力するか、ファイル、あるいは別の画像を指定してその埋め込み情報を直接埋め込み情報として読み込むということもできます。
メニューによると、Windowsのショートカットも埋め込むことができる様です。 埋め込みは、メインウインドー上部の錠前マーク
<img alt="錠前マーク" title="錠前マーク" src="http://www.infocreate.co.jp/nxt/blog/data/1-114_jo.png" width="25" height="23" />
をクリックするか、
ファイルなら直接画像にドラッグ＆ドロップします。
ファイルなら何でもを埋め込むことができるので、パスワードをつけたExcelファイルを埋め込み、ダブルロックにするという使い方もできます。
埋め込むファイルは、埋め込み時に圧縮するかどうか、指定することができます。
</p>
<img alt="透かし情報の埋め込み画面" title="透かし情報の埋め込み画面" src="http://www.infocreate.co.jp/nxt/blog/data/1-114_umekomi.gif" width="294" height="318" />
<p>
	@画面上部のパスワード設定とセキュリティレベルを指定します。<br />
	<br />
	A次に、[錯乱画像]枠の、形式とアルゴリズムを指定します。<br />
	　　&rarr;埋め込み可能な最大透かし（情報）サイズが変わります。<br />
	<br />
	B次に[透かしデータ]枠で埋め込むファイルを確認し、必要に応じて追加・変更します。<br />
	<br />
	C最後に[OK]をクリックし、情報の埋め込みは完了です。忘れずにファイルを保存しましょう。<br />
</p>
<br />
<p><b>■ 情報を取り出す</b></p>
<p>
情報が埋め込まれた画像をメインウインドにドラッグ＆ドロップし、ウインドー上部の鍵マーク
<img alt="鍵" title="鍵" src="http://www.infocreate.co.jp/nxt/blog/data/1-114_key.png"  width="25" height="23" />
をクリックします。 パスワードを設定している場合は、パスワードウインドーが開きます。


<img alt="パスワード入力画面" title="パスワード入力画面" src="http://www.infocreate.co.jp/nxt/blog/data/1-114_pw.gif" width="215" height="69" />

<img alt="透かし情報の抽出" title="透かし情報の抽出" src="http://www.infocreate.co.jp/nxt/blog/data/1-114_chuhshutsu.gif" width="272" height="236" />

</p>
<p><b>■ その他</b>
</p>
<p>ステガノグラファーは、画像にフィルターをかけたり、回転、切り抜き、リサイズ等のある程度の画像加工機能も用意されています。一度情報を埋め込んだ画像でも加工可能で、情報の埋め込みは加工後に再度行われます。
</p>
<p>ステガノグラファーは、情報を埋め込んだ画像ファイルのコンテキストメニューでも起動することができます。思い立ったらすぐ情報抽出ができ、大変便利です。
</p>
<img alt="コンテキストメニュー" title="コンテキストメニュー" src="http://www.infocreate.co.jp/nxt/blog/data/1-114_context.gif" width="156" height="141" />
<br />
<br />
<p>情報を埋め込んだ画像を他のツールで画像加工してみましたが切り出し、リサイズ、要素追加、色変換、どの場合も埋め込みデータは消えました。
情報を埋め込んだ画像は読み取り専用にしておくなどして、加工しない注意が必要です。</p>

<p>セキュリティに注意が必要な昨今、過信は禁物ですが便利に使えると思います。<br />
Have Fun!</p>
<hr />
PS.ちなみに今回使用したにサンプル画像は、アンティークの&rdquo;アブミ&rdquo;です。日本独特の形状は、馬に乗るのがヘタな武将用に考案されたそうです。<br />
PS2.音楽ファイルに情報を埋め込むことができるツールに、MP3stegoというものがあります。使い勝手がよければまたここでご報告します。
]]>
   </content>
</entry>
<entry>
   <title>【Office2007】文書をPDFで保存する</title>
   <link rel="alternate" type="text/html" href="http://www.infocreate.co.jp/nxt/blog/2007/11/000113.html" />
   <id>tag:www.infocreate.co.jp,2007:/nxt/blog//1.113</id>
   
   <published>2007-11-12T11:46:43Z</published>
   <updated>2007-11-12T13:02:51Z</updated>
   
   <summary>WordやExcelで文書を作成し、お客様提出用にPDFに出力するケースがありま...</summary>
   <author>
      <name>さくら（プログラマー）</name>
      
   </author>
         <category term="Top Page" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="便利ツール" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.infocreate.co.jp/nxt/blog/">
      WordやExcelで文書を作成し、お客様提出用にPDFに出力するケースがあります。Office2007では、PDFファイル/XPSファイルとして保存する機能があるので便利です。これは、マイクロソフトのサイトからアドインをダウンロードし、インストールすることで実現します。
※XPSは、XML Paper Specificationの略でマイクロソフト版の電子文書形式です。


      <![CDATA[<a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=4d951911-3e7e-4ae6-b059-a2e79ed87041&DisplayLang=ja" target="_blank">ダウンロードサイトはこちら</a>

ダウンロード時に、正規版かどうかチェックされます。

インストールできたら、[オフィスボタン]　→　[名前をつけて保存]　→　[PDFまたはXPS]に進みます。
<a href="http://www.infocreate.co.jp/nxt/blog/data/sakura_office.html" onclick="window.open('http://www.infocreate.co.jp/nxt/blog/data/sakura_office.html','popup','width=546,height=482,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.infocreate.co.jp/nxt/blog/data/sakura_office-thumb.gif" width="300" height="264" alt="" /></a>

ファイルの種類でPDFかXPSを選択します。
<a href="http://www.infocreate.co.jp/nxt/blog/data/sakura_office2.html" onclick="window.open('http://www.infocreate.co.jp/nxt/blog/data/sakura_office2.html','popup','width=610,height=223,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.infocreate.co.jp/nxt/blog/data/sakura_office2-thumb.gif" width="300" height="109" alt="" /></a>

オプションも選択できます。
<a href="http://www.infocreate.co.jp/nxt/blog/data/sakura_office3.html" onclick="window.open('http://www.infocreate.co.jp/nxt/blog/data/sakura_office3.html','popup','width=365,height=299,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.infocreate.co.jp/nxt/blog/data/sakura_office3-thumb.gif" width="200" height="163" alt="" /></a>

PDFの編集などはできませんが、簡単にPDFファイルができるのでお勧めです。


]]>
   </content>
</entry>
<entry>
   <title>HTTPステータスコード</title>
   <link rel="alternate" type="text/html" href="http://www.infocreate.co.jp/nxt/blog/2007/10/000112.html" />
   <id>tag:www.infocreate.co.jp,2007:/nxt/blog//1.112</id>
   
   <published>2007-10-30T11:40:36Z</published>
   <updated>2007-10-30T13:04:11Z</updated>
   
   <summary> ネットサーフィンをしていて、時々「404 Not Found」のページが表示さ...</summary>
   <author>
      <name>さくら（プログラマー）</name>
      
   </author>
         <category term="Top Page" scheme="http://www.sixapart.com/ns/types#category" />
         <category term="インターネット" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://www.infocreate.co.jp/nxt/blog/">
      <![CDATA[
<p>
ネットサーフィンをしていて、時々「404 Not Found」のページが表示されることがあります。<br />
これは、指定したリソースがサーバー上にない場合に表示されます。<br />
この「404」のようなサーバーから送られてくるHTTPのステータスコードについて調べてみました。<br />
<br />
<br />
</p>
]]>
      <![CDATA[
<p>
簡単な図にしてみました。<br />
http://www.infocreate.co.jp/index.htmlにアクセスしたとします。<br />
クライアントからリクエストすると、サーバーからレスポンスが帰ってきます。1行目の「200」がステータスコードです。
</p>
<p>
<span style="font-size: xx-small">図1　リクエストとレスポンス</span><br />
<img width="232" height="228" alt="図1" src="/nxt/blog/data/sakura_http1.gif" />
</p>
<p>
この3桁のうち最初の数字によって分類されています。
</p>
<ul>
<li>1XX　：　処理中</li>
<li>2XX　：　成功</li>
<li>3XX　：　リダイレクト</li>
<li>4XX　：　クライアントエラー</li>
<li>5XX　：　サーバーエラー<br />
</li>
</ul>
<p>
<br />
Webブラウザーからはエラーに関するコードを目にすると思います。（成功の場合は、ページが表示されますから）<br />
よく見るエラーコードをまとめてみました。<br />
<br />
</p>
<table cellpadding="4" summary="ステータスコード">
<tbody><tr><td valign="top">401</td><td valign="top">Unauthorized</td><td valign="top">認証が必要<br />
例）基本認証のIDとパスワードが違っていた時<br />
</td></tr><tr><td valign="top">403</td><td valign="top">Forbidden&nbsp;</td><td valign="top">アクセスが禁止されている<br />
例）CGIプログラムに実行権限がない時<br />
</td></tr><tr><td valign="top">404&nbsp;</td><td valign="top">Not　Found&nbsp;</td><td valign="top">リソースが見つからない&nbsp;</td></tr><tr><td valign="top">405<br />
</td><td valign="top">Method Not Allowed&nbsp;</td><td valign="top">リクエストしたメソッドはサポートしていない<br />
例）POSTが許可されていないのにPOSTでリクエストした場合<br />
</td></tr><tr><td valign="top">500&nbsp;</td><td valign="top">Internal Server Error</td><td valign="top">サーバー内でエラーが発生した<br />
例）CGIプログラムのバグ<br />
</td></tr><tr><td valign="top">503</td><td valign="top">Service Unavailable&nbsp;</td><td valign="top">サービスが利用できない<br />
例）アクセスが集中して処理不能になった時<br />
</td></tr></tbody>
</table>
<p>
<br />
HTTPステータスコードはRFC2616などで定義されています。<br />
詳しく知りたい方はこちらへどうぞ（英語）　&rarr;<a target="_blank" href="http://www.ietf.org/rfc/rfc2616.txt">RFC2316</a>
</p>
<p>
&nbsp;
</p>
]]>
   </content>
</entry>

</feed>
