<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
   <title>eXtreme Gadget (エクストリーム ガジェット) ポケットに入るアジャイルな究極の小道具</title>
   <link rel="alternate" type="text/html" href="http://gadget.cre8system.jp/" />
   <link rel="self" type="application/atom+xml" href="http://gadget.cre8system.jp/atom.xml" />
   <id>tag:gadget.cre8system.jp,2011://3</id>
   <updated>2011-07-12T01:29:24Z</updated>
   <subtitle>手作りのアジャイルなガジェット（ツール）をご紹介します。
eXtreme（エクストリーム：究極）なGadget（ガジェット：小道具）は、アナログの良いところを取り入れシンプルに思考を活性化してくれる究極のアイテムです。
eXtreme Gadgetを略してXGと呼びます。XP（eXtreme Programming）のお供にどうぞ！</subtitle>
   <generator uri="http://www.sixapart.com/movabletype/">Movable Type 3.33-ja</generator>

<entry>
   <title>サイトを速読するのに最適なリーダー「EasyReader」</title>
   <link rel="alternate" type="text/html" href="http://gadget.cre8system.jp/cat77/easyreader.html" />
   <id>tag:gadget.cre8system.jp,2011://3.627</id>
   
   <published>2011-07-12T01:17:14Z</published>
   <updated>2011-07-12T01:29:24Z</updated>
   
   <summary> サイトによっては広告が多かったり、文字が小さかったり、全体的に記事が読みにくい...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="アジャイル開発" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://gadget.cre8system.jp/">
      <![CDATA[<p>
サイトによっては広告が多かったり、文字が小さかったり、全体的に記事が読みにくいレイアウトになっている場合があります。<br />
ボリュームのある縦長のページだと、特に苦労してしまいますよね。
</p>

<p>
速読では、効率よく読書するために最初に目次を見ておき、全体の流れを頭に入れてから読書していきます。<br />
これと同じように、ブラウザで記事を読む場合でも、目次があると全体の構成がつかめるので、効率よく読むことができます。
</p>

<p>
そんなボリュームのあるブログやサイトでも記事を効率的に読めるリーダーがあります。
</p>
<p>
「EasyReader」というChromeエクステンションです。
</p>
<div style="text-align:center;margin:10px 0;">
<a href="http://www.chrome-life.com/chrome/1020/" target="_blank"><img src="http://www.chrome-life.com/wp-content/uploads/2011/07/capt000162.jpg" width="500" /></a>
</div>
<p>
EasyReaderがすごいのは、この目次を本文のタグ（H1やH2などの見出し）から自動的に生成し、どんなサイトでも同じレイアウトに統一してくれる部分です。
</p>
<p>
EasyReaderの詳しい使い方は、<a href="http://www.chrome-life.com/chrome/1020/" target="_blank">これはすごい！縦長のページが効率よく読める速読用リーダー「EasyReader」</a>の記事にまとめていますので、参考にしてみてください。
</p>
]]>
      
   </content>
</entry>
<entry>
   <title>まとめ:現場で使えるウェブアプリ10選！Web開発者・Webデザイナー必見</title>
   <link rel="alternate" type="text/html" href="http://gadget.cre8system.jp/cat77/10webweb.html" />
   <id>tag:gadget.cre8system.jp,2011://3.626</id>
   
   <published>2011-06-28T01:38:48Z</published>
   <updated>2011-06-28T01:41:52Z</updated>
   
   <summary> 最近のウェブアプリはすごいですよね！ まだまだ、クライアントアプリでしか実現で...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="アジャイル開発" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://gadget.cre8system.jp/">
      <![CDATA[<p>
最近のウェブアプリはすごいですよね！
</p>
<p>
まだまだ、クライアントアプリでしか実現できないことも多いのですが、使い方を限定すればある程度の作業はウェブアプリだけでできるようになってきたと思います。
</p>
<p>
そこで僕がWeb開発者として普段使っているウェブアプリの中から、現場で使えそうなものを厳選して10個まとめてみました。
</p>
<p style="text-align:center;">
<a href="http://www.chrome-life.com/webapp/741/" target="_blank"><img src="http://www.chrome-life.com/wp-content/uploads/2011/06/webenginer_webapp10.png" width="500" /></a>
</p>
<p>
・Simplenote（メモ帳）<br />
・Calculator（電卓）<br />
・Listhings（付箋）<br />
・Timer Tab（タイマー）<br />
・Wunderlist（ToDoリスト）<br />
・SourceKit（ソースコードエディタ）<br />
・Gantter（ガントチャート）<br />
・Pixlr Editor（画像編集）<br />
・Aviary Vector Editor（ベクターツール）<br />
・Cacoo（作図ツール）
</p>
<p>
「<a href="http://www.chrome-life.com/webapp/741/" target="_blank">Web開発者のための現場で使える10個のウェブアプリまとめ</a>」で詳しく紹介しています。
</p>
<p>
Chromeだけでなく、FirefoxやSafariなどでも使えるウェブアプリですので、是非チェックしてみてください。
</p>
<p>
近い将来、ブラウザさえあれば、何でもできる時代はそう遠くないのかもしれませんね。
</p>
]]>
      
   </content>
</entry>
<entry>
   <title>Firefox5登場でFirefox4がダウンロード不可になったので、ブラウザ別に旧バージョンのダウンロードリンクをまとめてみました</title>
   <link rel="alternate" type="text/html" href="http://gadget.cre8system.jp/firefox5firefox4.html" />
   <id>tag:gadget.cre8system.jp,2011://3.625</id>
   
   <published>2011-06-22T01:29:26Z</published>
   <updated>2011-06-22T01:32:39Z</updated>
   
   <summary> 昨日（6月21日）、最新バージョンのFirefox5がにリリースされたのですが...</summary>
   <author>
      <name></name>
      
   </author>
   
   
   <content type="html" xml:lang="ja" xml:base="http://gadget.cre8system.jp/">
      <![CDATA[<p>
昨日（6月21日）、最新バージョンの<a href="http://mozilla.jp/firefox/" target="_blank">Firefox5</a>がにリリースされたのですが、Firefoxのサイトから旧バージョンFirefox4がサイトからダウンロードできなくなっていました。
</p>
<p>
Chromeに対抗してFirefox4以降は、頻繁に新バージョンを公開する「<strong>高速リリースサイクル</strong>」を採用すると表明していて、それに伴い旧バージョンは基本的にサポートを継続せず、常に新しいバージョンのインストールをすすめる方向に切り替わっています。
</p>
<p>
とはいいつつも、旧バージョンを試さないといけないこともあるので、
</p>
<p style="text-align:center;">
<a href="http://www.chrome-life.com/catchup/699/" target="_blank"><img src="http://www.chrome-life.com/wp-content/uploads/2011/06/browser_oldver_header.png" width="500" /></a>
</p>
<p>
「<a href="http://www.chrome-life.com/catchup/699/" target="_blank">ブラウザ別旧バージョンのダウンロードリンクまとめ</a>」の記事でリンクをまとめておきました。
</p>
]]>
      
   </content>
</entry>
<entry>
   <title>いざという時のために覚えておこう！インストール不要のテキストエディタ「TextDrop」</title>
   <link rel="alternate" type="text/html" href="http://gadget.cre8system.jp/cat77/textdrop.html" />
   <id>tag:gadget.cre8system.jp,2011://3.624</id>
   
   <published>2011-06-21T01:40:27Z</published>
   <updated>2011-06-21T01:44:10Z</updated>
   
   <summary> みなさん、テキストエディタにはこだわりを持っていると思います。 しかし、そんな...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="アジャイル開発" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://gadget.cre8system.jp/">
      <![CDATA[<p style="test-align:center;">
<img src="http://www.chrome-life.com/wp-content/uploads/2011/06/IMG_0119.jpg" width="400" style="border:1px solid #ccc;" />
</p>
<p>
みなさん、テキストエディタにはこだわりを持っていると思います。
しかし、そんなこだわりのテキストエディタが、いつも使えるわけではありません。
</p>
<p>
最近では、会社のパソコンにアプリケーションをインストールするには申請が必要であったり、禁止されているところも多いと思います。
</p>
<p>
そんな時のために覚えておきたいのが、<strong>インストール不要で使える無料のテキストエディタ「TextDrop」</strong>です。
</p>
<p>
詳しくは、「<a href="http://www.chrome-life.com/webapp/618/" target="_blank">これはすごい！インストール不要のテキストエディタ「TextDrop」：無料 | Chrome Life</a>」で紹介していますので、チェックしてみてください。
</p>

]]>
      
   </content>
</entry>
<entry>
   <title>Dropboxに書き溜めたメモを活用！編集したメモをリアルタイムでWebに公開する方法</title>
   <link rel="alternate" type="text/html" href="http://gadget.cre8system.jp/cat77/dropboxweb.html" />
   <id>tag:gadget.cre8system.jp,2011://3.623</id>
   
   <published>2011-06-16T22:09:19Z</published>
   <updated>2011-06-16T22:13:08Z</updated>
   
   <summary> 最近では、メモをクラウド上に保存しておくのが当たり前になってきました。 Dro...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="アジャイル開発" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://gadget.cre8system.jp/">
      <![CDATA[<p>
最近では、メモをクラウド上に保存しておくのが当たり前になってきました。
</p>
<p>
Dropboxの登場で、今までローカルに置いていたファイルが簡単にクラウド上に同期できるようになりました。
どんなファイルでもDropboxに入れておけば、どこにいても取り出すことができます。
</p>
<p>
iPhoneやiPadとの相性も抜群で、Dropboxにあるファイルを外出先でダウンロードしたり、編集したりできるのも大きなメリットです。
</p>
<p>
僕は、メモとして書いてたテキストファイルもDropboxに入れています。
テキストファイルであれば、どこにいても自由に編集できるので便利です。
</p>
<p style="text-align:center;">
<img src="http://www.chrome-life.com/wp-content/uploads/2011/06/mzl.acdgttrr.480x480-75.jpg" width="500" />
</p>
<p>
そんなDropboxに書き溜めたメモを活用するために、一瞬でブラウザ上で確認できるようにする方法があります。
</p>
<p>
「<a href="http://www.chrome-life.com/javascript/580/">Dropboxがブログに早変わり？！書き溜めたメモを一瞬でWebに公開する方法</a>」にまとめていますので、ご覧ください。
</p>
<p>
Dropboxってほんと便利ですよね！！
</p>
]]>
      
   </content>
</entry>
<entry>
   <title>「Invisible.js」JavaScript製ドキュメントフレームワークを作りました(Markdown、Textile、Wiki記法対応)</title>
   <link rel="alternate" type="text/html" href="http://gadget.cre8system.jp/cat77/invisiblejsjavascript.html" />
   <id>tag:gadget.cre8system.jp,2011://3.622</id>
   
   <published>2011-06-15T22:26:26Z</published>
   <updated>2011-06-15T22:30:49Z</updated>
   
   <summary> 僕は、ドキュメントの多くをMarkdown記法のテキストファイルで書いています...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="アジャイル開発" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://gadget.cre8system.jp/">
      <![CDATA[<p style="text-align:center;">
<img src="http://www.chrome-life.com/wp-content/uploads/2011/06/invisible_banner.png" width="500" />
</p>
<p>
僕は、ドキュメントの多くをMarkdown記法のテキストファイルで書いています。
</p>
<p>
Markdownは、ここで紹介されているように、簡単な文法を覚えるだけでパーサー（変換機）を通すと読みやすいHTMLに変換できる言語です。文法も直感的で比較的覚えやすいので好んで利用するようにしています。
</p>
<p>
他にもTextileやWikiなど様々な記法があり、好みも分かれますが、どちらにしても後で整形できる書式でドキュメントを書いておけばよいので、軽いテキストファイルでドキュメントを残している人は多いと思います。
</p>
<p>
しかし、ドキュメントをまとめて見る場合、手動でパーサーを通したりサーバーにアップしてサーバーサイドで変換するのは面倒です。
</p>
<p>
そこで、テキストベースのMarkdown・Textile・Wiki記法で書かれたドキュメントが簡単に見るためのドキュメントフレームワーク「Invisible.js」を作りました。
</p>
<p>
フレームワークでは、できるだけ環境依存しないようにJavaScriptだけで動くようにし、ブラウザでドキュメントをまとめて見れるようにしています。
</p>
<p>
オープンソース(MIT License)として公開しているので、ご自由にお使いいただけます。
</p>
<p>
<a href="http://www.chrome-life.com/javascript/554/">Markdown・Textile・Wiki記法をサポートしたJavaScript製ドキュメントフレームワーク「Invisible.js」を公開</a>に使い方などをまとめています。
</p>
<p>
ご活用いただけれるとうれしいです。
</p>
]]>
      
   </content>
</entry>
<entry>
   <title>Chromeのメモリ消費を抑えて快適にする方法「Chromeダイエット術」</title>
   <link rel="alternate" type="text/html" href="http://gadget.cre8system.jp/cat77/chromechrome.html" />
   <id>tag:gadget.cre8system.jp,2011://3.621</id>
   
   <published>2011-06-14T12:53:33Z</published>
   <updated>2011-06-14T13:04:24Z</updated>
   
   <summary> 最近、Chromeウェブアプリやエクステンションをいろいろ試しているせいか、C...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="アジャイル開発" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://gadget.cre8system.jp/">
      <![CDATA[<p style="text-align:center;">
<a href="http://www.chrome-life.com/chrome/516/" target="_blank"><img src="http://www.chrome-life.com/wp-content/uploads/2011/06/chrome_diet.png" width="500" /></a>
</p>
<p>
最近、Chromeウェブアプリやエクステンションをいろいろ試しているせいか、Chromeがめちゃくちゃ遅くなってしまいました。
</p>
<p>
Chromeのメモリ消費量が多いのが原因だったのですが、このメモリ消費をダイエットしつつ、快適なChrome環境をつくるための方法を見つけました。
</p>
<p>
「<a href="http://www.chrome-life.com/chrome/516/" target="_blank">Chromeダイエット術</a>」として記事にまとめていますので、是非、試してみてください。
</p>
]]>
      
   </content>
</entry>
<entry>
   <title>Chromeウェブアプリを素早く起動する2つの方法</title>
   <link rel="alternate" type="text/html" href="http://gadget.cre8system.jp/cat77/chrome2.html" />
   <id>tag:gadget.cre8system.jp,2011://3.620</id>
   
   <published>2011-06-08T08:31:17Z</published>
   <updated>2011-06-08T08:35:02Z</updated>
   
   <summary> 僕のメインPCはWindowsなのですが、アプリを起動するときには、Launc...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="アジャイル開発" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://gadget.cre8system.jp/">
      <![CDATA[<p>
僕のメインPCはWindowsなのですが、アプリを起動するときには、<a href="http://www.launchy.net/" target="_blank">Launchy</a>というコマンドラインランチャーを使っています。
</p>
<p>
アプリを起動するときにモタモタしてしまうと、リズムがくずれるので、できるだけ素早く起動できるランチャーを使うようにしています。
</p>
<p>
Chromeウェブアプリを使い始めてからは、Chromeで作業することも増えたのですが、同じようにアプリを素早く起動できないと困ります。
</p>
<p>
そこで、いろいろ調べてみると、しっくりくる方法を見つけたました。
</p>
<p>
<strong>１つめは、Chromeウェブアプリ専用のランチャーを使う方法です。</strong>
</p>
<p align="center">
<a href="http://www.chrome-life.com/webapp/440/" target="_blank" title="絶対入れておきたいChromeウェブアプリ専用ランチャー「AppJump Launchaer」でアプリのグルーピングと検索ができる！"><img src="http://www.chrome-life.com/wp-content/uploads/2011/06/capt000022.jpg" /></a>
</p>
<p>
<a href="http://www.chrome-life.com/webapp/440/" target="_blank">絶対入れておきたいChromeウェブアプリ専用ランチャー「AppJump Launchaer」でアプリのグルーピングと検索ができる！ | Chrome Life</a>にランチャーのインストールや使い方をまとめました。
</p>
<p>
<strong>２つめは、Chrome12に搭載されたアドレスバーから起動する方法です。</strong>
</p>
<p align="center">
<a href="http://www.chrome-life.com/catchup/475/" target="_blank" title="Chrome12にアップデート！アドレスバーからChromeウェブアプリが起動できるようになった"><img src="http://www.chrome-life.com/wp-content/uploads/2011/06/capt000050.jpg" width="400" /></a>
</p>
<p>
<a href="http://www.chrome-life.com/catchup/475/" target="_blank">Chrome12にアップデート！アドレスバーからChromeウェブアプリが起動できるようになった | Chrome Life</a>に詳細をまとめています。
</p>
<p>
これらの２つの方法を併用すると、ウェブアプリをいつでも素早く起動できるようになりますよ。<br />
是非、チェックしてみてください。
</p>
]]>
      
   </content>
</entry>
<entry>
   <title>Chromeに移行して1年間使い続けた結果、これだけはインストールしたほうがいいよと思う拡張機能まとめ</title>
   <link rel="alternate" type="text/html" href="http://gadget.cre8system.jp/cat77/chrome1.html" />
   <id>tag:gadget.cre8system.jp,2011://3.619</id>
   
   <published>2011-06-07T07:05:30Z</published>
   <updated>2011-06-07T07:17:08Z</updated>
   
   <summary> FirefoxからChromeに乗り換えて1年ぐらい経ちました。 当初は、やは...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="アジャイル開発" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://gadget.cre8system.jp/">
      <![CDATA[<p>
FirefoxからChromeに乗り換えて1年ぐらい経ちました。
当初は、やはりFirefoxの方が慣れているのと、アドオンが豊富なのもあり、両方を使う感じでしたが、今ではFirefoxを立ち上げることも少なくなりました。
</p>
<p>
やはり、メインブラウザになるには拡張機能がなくてはならない存在です。1年前に比べて拡張機能もFirefoxに負けないぐらい充実してきたように思います。
</p>
<p>
しかし、Firefoxの時もそうでしたが、アドオンをたくさんインストールしてしまうとメモリを多く消費する上、ブラウザそのものの動作が重くなってしまいます。この辺は、Chromeでも同じように拡張機能を入れすぎてしまうと重くなります。
</p>
<p>
そこで、ブラウザが重くならない程度に必要最低限インストールしておきたいChromeの拡張機能10個を、僕が普段使っているものから厳選して下記の記事にまとめてみました。
</p>
<p>
<a href="http://www.chrome-life.com/chrome/376/" title="Chrome乗り換えユーザーが最低限インストールすべき10のエクステンション[まとめ]"><img src="http://www.chrome-life.com/wp-content/uploads/2011/06/chrome_extension_select.png" width="400" /></a><br />
<a href="http://www.chrome-life.com/chrome/376/">Chrome乗り換えユーザーが最低限インストールすべき10のエクステンション[まとめ]</a>
</p>
<p>
（そういえば、2年前は<a href="http://jibun.atmarkit.co.jp/lskill01/rensai/tool10/02/01.html" target="_blank">Firefoxのアドオン10選</a>の記事を書いてたんだった。）
</p>
]]>
      
   </content>
</entry>
<entry>
   <title>最強の共同プロトタイピング環境を作る方法</title>
   <link rel="alternate" type="text/html" href="http://gadget.cre8system.jp/cat77/post_54.html" />
   <id>tag:gadget.cre8system.jp,2011://3.618</id>
   
   <published>2011-06-06T05:54:24Z</published>
   <updated>2011-06-06T06:03:01Z</updated>
   
   <summary> 僕が、やっているプロトタイピングの方法をまとめました。 実際のコードを見せなが...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="アジャイル開発" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://gadget.cre8system.jp/">
      <![CDATA[<p>
僕が、やっているプロトタイピングの方法をまとめました。
</p>
<p>
実際のコードを見せながらユーザーと共同でプロトタイピングする方法です。
</p>
<p>
共同プロトタイピングでは、下記のポイントが重要です。<br />
・簡単に環境が作れる<br />
・どこにいてもレビュー修正ができる<br />
・修正が即座に反映される
</p>
<p>
これらを実現するためのクラウド上にツールを組み合わせて共同プロトタイピングの環境を作ります。<br />
使うツールは、IDEとして「SourceKit」、ソースコード共有として「Dropbox」です。
</p>
<p>
<img src="http://www.chrome-life.com/wp-content/uploads/2011/06/sourcekit14.jpg" align="center" />
</p>
<p>
この組み合わせが最強なのは、Chromeブラウザさえあれば、どこでも簡単に環境が作れ、レビューと修正がスムーズに行え、無料で使える点です。
</p>
<p>
詳しい手順は下記の記事にまとめていますのでご覧ください。
</p>
<p>
<a href="http://www.chrome-life.com/chrome/323/" target="_blank">SourceKit＋Dropboxで最強の共同プロトタイピング環境を作る方法 | Chrome Life</a>
</p>
]]>
      
   </content>
</entry>
<entry>
   <title>新しいブログ「Chrome Life」をはじめます</title>
   <link rel="alternate" type="text/html" href="http://gadget.cre8system.jp/cat77/post_53.html" />
   <id>tag:gadget.cre8system.jp,2011://3.617</id>
   
   <published>2011-05-24T02:23:24Z</published>
   <updated>2011-05-24T02:27:35Z</updated>
   
   <summary> いろいろ忙しくブログもmixiもtwitterも凍結状態だったのですが、そろそ...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="アジャイル開発" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://gadget.cre8system.jp/">
      <![CDATA[<p>
いろいろ忙しくブログもmixiもtwitterも凍結状態だったのですが、そろそろアウトプットをだしていかないといけないなと思い、新しいブログをたちあげることにしました。 
</p>
<p>
ライフハック系のネタはこのブログに書いていましたが、本業の技術的なネタを書く場所としては書きにくかったので、これからは技術ネタを中心に新しいブログに書き溜めていこうと思います。 
</p>
<p>
ブログの名前は「<a href="http://www.chrome-life.com/" target="_blank">Chrome Life</a>」（クロームライフ）です。
</p>
<p>
Chrome Lifeでは、Webのテクノロジー、ビジネスの未来について興味ある方の情報源になれることを目指しています。
</p>
<p>
<a href="http://www.chrome-life.com/" target="_blank"><img alt="chromelife_capture1s.jpg" src="http://gadget.cre8system.jp/chromelife_capture1s.jpg" width="480" height="353" /></a>
</p>
<p>
とりあえずChromeやHTML5、クラウド系のことを中心に発信していこうと思います。 
</p>
<p>
ついでに、Chromeウェブアプリ「<a href="http://www.chrome-life.com/chrome_web_store/94/" target="_blank">In-Stants</a>」も作ってみたので、おためしください。 
</p>
<p>
いつまで続けられるか分かりませんが、よろしくおねがいしまーす 
</p>
]]>
      
   </content>
</entry>
<entry>
   <title>HTML5で動くアスキーアートが楽しめるサービス「AAめがね」を作りました！</title>
   <link rel="alternate" type="text/html" href="http://gadget.cre8system.jp/cat77/html5aa.html" />
   <id>tag:gadget.cre8system.jp,2011://3.616</id>
   
   <published>2011-02-11T08:13:50Z</published>
   <updated>2011-02-11T08:20:32Z</updated>
   
   <summary> みなさんHTML5で何か作ってますか？？ HTML5はまだ仕様を策定中の状態で...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="アジャイル開発" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://gadget.cre8system.jp/">
      <![CDATA[<img src="http://www.aamegane.com/images/html5_logo.png" align="right" width="100" />
<p>
みなさんHTML5で何か作ってますか？？
</p>
<p>
HTML5はまだ仕様を策定中の状態ですが、メジャーなブラウザはほとんどHTML5に対応しているので、みなさんの環境でもHTML5を体験することができます。
</p>
<p>
そこで、僕もHTML5にふれるために新しいHTML対応のサービスを作ってみました。
</p>
<br style="clear:both" />
<p align="center">
<a href="http://www.aamegane.com/" target="_blank">
<img src="http://www.aamegane.com/images/aamegane_logo.gif" />
</a>
</p>
<p>
AAめがねは、HTML5対応の<strong style="color:#f00;">動くアスキーアート</strong>を楽しむサービスです！
</p>
<p>
アップロードされた動画や画像をその場でカラフルなアスキーアートに変換しながら再生することができます。
</p>
<p>
アスキーアートとは、記号や文字を組み合わせて作成する絵のことです。<br />
画像などがアップロードできない時代に、テキストだけで絵を表現する手段として使われていました。<br />
AAめがねでは、時代と逆行して動画や画像などのリッチメディアをアスキーアートに変換して楽しむために作られたサービスです。<br />
フルスクリーンの動くアスキーアートは芸術作品のようで美しいですよw
</p>
<div align="center">
<iframe src="http://www.aamegane.com/m/9/frame/" frameBorder="0" width="500" height="500"></iframe>
</div>
<p>
なぜ、こんなサービスを作ったかというと、日本の HTML5 開発を盛り上げるために開催されるコンテスト<br />
「<a href="http://googledevjp.blogspot.com/2011/01/0-html5.html" target="_blank">第 0 回 HTML5 プログラミング＆クリエイティブ・コンテスト</a>」 に応募するために作りました。<br />
その中のプログラミング部門のテーマが「HTML5 x アスキーアート」だったので、HTML5の勉強がてらに作ったサービスです。 自分なりにアスキーアートの見せ方には、いろいろ工夫してみたので、少しでもHTML5の可能性を実感してもらえればうれしいです。
</p>
<p>
HTML5はとても魅力的な技術です。今までHTMLだけで表現しきれなかったことがとても簡単にできます。<br />
今回は、HTML5のCanvasとVideoを使ったのですが、少しのコードでパワフルな機能を実現することができました。<br />
デモのアスキーアートを見てもらえれば分かるのですが、ほとんどコマ落ちせずに動画をアスキーアートに変換しながら再生することができます。
</p>
<p>
画像そのものをアスキーアートに変換するだけであれば、同じようなサービスは他にもあります。<br />
今回、AAめがねでこだわったのは、見ているだけで実際の映像が想像できるレベルの動くアスキーアートです。<br />
フレーム間でテキストカラーを入れ替えながらアスキーアートを連続で見せることで映像に近いアスキーアートを実現しています。 フルスクリーンモードで少し遠くから見てもらうのが一番良いアングルです。
</p>
<p>
「HTML5の可能性を是非、体験してみてください」<br />
AAめがねの登録・利用は無料です。
</p>
<p style="font-size:16px;">
<a href="http://www.aamegane.com/" target="_blank">AAめがね - HTML対応動くアスキーアート</a>
</p>
]]>
      
   </content>
</entry>
<entry>
   <title>豪華ゲストをお呼びしてiPhone活用術のライフハック系イベントやります！【大阪】</title>
   <link rel="alternate" type="text/html" href="http://gadget.cre8system.jp/life_hacks/iphone.html" />
   <id>tag:gadget.cre8system.jp,2010://3.615</id>
   
   <published>2010-11-09T06:16:27Z</published>
   <updated>2010-11-09T06:24:07Z</updated>
   
   <summary> みなさん、iPhone使いこなしていますか？ 僕は、iPhone 3GSを使っ...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="LIFE HACKS" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://gadget.cre8system.jp/">
      <![CDATA[<p>
みなさん、iPhone使いこなしていますか？<br />
僕は、iPhone 3GSを使っているのですが、微妙に使いこなせていません。(^^;
</p>
<p>
周りにはiPhoneユーザーも増えてきてはいるものの、あまりiPhoneをうまく活用している話を聞く機会がありません。<br />
書籍では、いろいろiPhoneやiPadのアプリやテクニックを紹介しているものもありますが、なかなかそれを実践しようというところまではいかず、とりあえず電話とゲームだけで満足してしまっている人もいるのではないでしょうか。
</p>
<p>
そんなiPhoneユーザー必見のイベントが11月27日(土)に開催されます。<br />
<a href="http://kokucheese.com/event/index/5415/" target="_blank">「iPhoneに振り回されないiPhone活用術セミナー@大阪」</a>
</p>
<p>
それも、なんと大阪でですよ！！<br />
デベロッパー向けのiPhoneセミナーなどはありましたが、iPhone活用術といったテーマでのイベントはなかったんじゃないかな。
</p>
<p>
今回は、いつもお世話になっている<a href="http://twitter.com/fujimotta" target="_blank">@fujimotta</a>さんがメインで豪華ゲストを関西に呼んで開催してくれることになりました。
</p>
<p>
それもシゴタノでご活躍されている方を２名も呼んでます。スゲー！！
</p>
<p>
<img src="http://cyblog.jp/uploads/beck120.gif" align="left" width="40" />
一人目は、「東京ライフハック研究会」を主宰されているベック君こと<a href="http://twitter.com/beck1240" target="_blank">北 真也</a>さんです。<br />
シゴタノでは「<a href="http://cyblog.jp/modules/weblogs/author/beck/" target="_blank">ビギナーズ・ハック</a>」を連載されていて、初心者にも分かりやすくストーリー仕立てで記事を書かれています。東京で活動されているのですが根っからの関西人で、笑いもとれるライフハッカーの方ですよ。
</p>
<p>
<img src="http://cyblog.jp/uploads/rashita120.gif" align="left" width="40" />
二人目は、なんとあの有名なブログ「<a href="http://rashita.net/blog/" target="_blank">R-style</a>」を運営されている<a href="http://twitter.com/rashita2" target="_blank">倉下 忠憲</a>さんです。<br />
シゴタノでは「<a href="http://cyblog.jp/modules/weblogs/author/rashita" target="_blank">R25世代の知的生産</a>」を連載されている他、『Evernote「超」仕事術』著者でもあります。<br />
先日、開催された東京ライフハック研究会でも読書術について、とても役に立つ情報を教えてもらえたので、今回もいろんな話が聞けそうで楽しみです。京都在住ということで、これを気に仲良くさせてもらいたいなという下心があります(^^;
</p>
<p>
LT（ライトニングトークス）もありますので、みなさんのiPhone活用術を披露していただければと思います。今からネタをしこんでおきましょう！
</p>
<p>
僕は、裏方としてお手伝いさせていただくのですが、もちろんLTだけはやらせてもらうつもりですよー！（久しぶりですが）<br />
「<a href="http://www.lastday.jp/" target="_blank">Last Day. jp</a>」の又吉レイさんも参加されるそうで、たぶんLTやってくれるんじゃないかな？とても楽しみです。
</p>
<p>
定員が50名と少し枠が少ないので、申し込みはお早めにお願いします。すでに懇親会は半分近くうまっています。
</p>
<p>
iPhone持っている方はもちろん、iPhoneやAndroidなどのスマートフォンに興味ある方も参考になる話が聞けると思いますよ。
</p>
<p style="font-size:18px">
<a href="http://kokucheese.com/event/index/5415/" target="_blank">「iPhoneに振り回されないiPhone活用術セミナー@大阪」申し込みページ</a>
</p>
<p>
お待ちしてまーす。
</p>
]]>
      
   </content>
</entry>
<entry>
   <title>待たせない検索サービス「LIVEOUT Search」を公開！Google、Bing、Yahoo!、Amazon、Twitterどれでもインスタントサーチができます</title>
   <link rel="alternate" type="text/html" href="http://gadget.cre8system.jp/cat77/liveout_searchgooglebingyahooa.html" />
   <id>tag:gadget.cre8system.jp,2010://3.614</id>
   
   <published>2010-11-09T00:43:53Z</published>
   <updated>2010-11-09T00:52:55Z</updated>
   
   <summary> みなさん、こんにちは！ 今回は、重要な発表があります。 クリエイトシステムとい...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="アジャイル開発" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://gadget.cre8system.jp/">
      <![CDATA[<p>
みなさん、こんにちは！<br />
今回は、重要な発表があります。
</p>
<p>
<a href="www.cre8system.jp" target="_blank">クリエイトシステム</a>という屋号でフリーランスとして活動していたのですが、この度、事業の発展を目指し、会社を設立しました。
</p>
<p>
新しい会社は、「<a href="http://www.liveout.jp/pages/aboutus/" target="_blank">株式会社ライブアウト</a>」になります。
</p>
</p>
<p>
株式会社ライブアウトでは、ビジネスパーソン向けのWebサービスを展開していき、ビジネスの現場で困っている「こんなことができたらいいな」を実現していこうと考えています。<br />
今後ともよろしくお願いいたします。Twitterのアカウントは<a href="http://twitter.com/opaken" target="_blank">opaken</a>ですのでフォローもよろしくお願いします。
</p>
<p>
まずライブアウトのサービス第1弾として、待たせない検索「<a href="http://www.liveout.jp" target="_blank">LIVEOUT Search</a>」をリリースしました。
</p>
<p style="text-align:center;">
<a href="http://www.liveout.jp" target="_blank" title="インスタントサーチ機能搭載「待たせない検索サービス LIVEOUT Search」"><img src="http://www.liveout.jp/images/help/search/liveout_search_screen.png" width="480" /></a>
</p>
<p>
<a href="http://www.liveout.jp" target="_blank">LIVEOUT Search（ライブアウトサーチ）</a>は、インターネットで検索する際の待ち時間を極限までおさえるために作られた“<strong>待たせない検索サービス</strong>”です。
</p>
<p>
LIVEOUT Searchでは、調べたいキーワードの入力中に検索結果がその場で表示されるため、検索キーワードを確定する必要もなく、画面遷移も発生しないので探している情報を一瞬で見つけることができます。
</p>
<p>
なかなか言葉では伝わりにくい部分もあるので、デモムービーを用意しました。このムービーは広瀬香美さんの<a href="http://ma6api.mashupaward.jp/entry/70741/" target="_blank">Mashup Awards6 特別曲</a>を使わせてもらっています。
</p>
<div align="center">
<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/U7x-hCN-PxY?fs=1&amp;hl=ja_JP&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/U7x-hCN-PxY?fs=1&amp;hl=ja_JP&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>
</div>
<p>
GoogleやBing、Yahoo!、Amazon、TwitterなどのAPIを<strong>マッシュアップ</strong>することで38種類の情報から検索結果を瞬時に引き出すことができます。
</p>
<p style="text-align:center;">
<img src="http://www.liveout.jp/images/help/search/api_logos.gif" width="480" />
</p>
<p>
今まで検索といえば、キーワードを入力して「検索」ボタンをクリックすると、その結果が表示されるといった流れでした。しかし、なかなか期待通りの検索結果が表示されず、何度もこの検索操作を繰り返すことがありました。<br />
この煩わしさをなくすために、LIVEOUT Searchでは<strong>インスタントサーチ</strong>という機能を実現しました。
</p>
<p>
インスタントサーチとは、入力中に検索結果がその場で表示される機能です。<br />
海外ではインスタントサーチを実験的に行っているところもありますが、実用的なレベルでの公開はまだ行われていません。
</p>
<p>
LIVEOUT Searchでは、独自のキーストローク監視技術でインスタントサーチ機能を実用的なレベルにしました。さらに、検索エンジンを自由に切り替えられるようにして横断的な検索がストレスなく行えるように作りこんでいます。
</p>
<p>
LIVEOUT Searchを使えば、検索結果を待つという感覚は無くなり、入力とともに検索結果が見えているので、探している情報が見つかるまでキーワードを変えて目的の情報にたどりつくことができます。
</p>
<p>
個人的には、普段の検索ページをGoogleからLIVEOUT Searchに乗り換えています。インスタントサーチに慣れてしまうと、もう今までの検索ページに戻れないんじゃないかなと思っています。
</p>
<p>
是非、待たせない検索を体験してみてください。
</p>

<p style="font-size:20px;font-weight:bold;">
<a href="http://www.liveout.jp" target="_blank">LIVEOUT Searchを試す</a>
</p>

<p>
<strong>【LIVEOUT Searchの検索機能】</strong><br />
・キーワード入力中に検索結果を表示（インスタントサーチ）<br />
・必要な情報だけに絞って情報を見やすくレイアウト<br />
・検索エンジンをページ遷移せずに切り替えることが可能<br />
・検索結果を地図上にマッピング。現在地の周辺情報だけの絞り込みも可能<br />
・一度検索したものをキャッシュして高速に表示<br />
・検索結果の絞込み条件や並び替えの指定が可能<br />
・ページをスクロールすると自動的に続きを読み込む<br />
・テキストを選択するだけで検索キーワードの追加が可能<br />
・ボタン一発で検索結果をEvernoteにクリップ<br />
・サジェスト機能でキーワードの候補を表示<br />
・計算式を入力するだけで電卓に早変わり<br />
・全ての操作がキーボードだけで行える(ショートカットキー)
</p>
<p style="text-align:center;">
<a href="http://www.liveout.jp" target="_blank"><img src="http://www.liveout.jp/images/help/search/liveout_search_screen2.png" width="480" /></a>
</p>
<p>
LIVEOUT Searchは、Mashup Awards 6に応募するために作ったという経緯もあり、APIをふんだんに使っています。
</p>
<p>
<strong>【対象の検索エンジン(API)】</strong><br />
・Google ウェブ検索<br />
・Google 画像検索<br />
・Google 動画検索<br />
・Google ブログ検索<br />
・Google ニュース検索<br />
・Google 書籍検索<br />
・Google マップ検索<br />
・Bing ウェブ検索<br />
・Bing 画像検索<br />
・Bing 動画検索<br />
・Bing ニュース検索<br />
・ホットペッパー グルメ検索<br />
・ホットペッパーBeauty サロン検索<br />
・じゃらん 宿・ホテル検索<br />
・エイビーロード 海外旅行検索<br />
・カーセンサー 中古車検索<br />
・カーセンサー 新車カタログ検索<br />
・eruca ファッション検索<br />
・ATND イベント検索<br />
・web R25 記事検索<br />
・Yahoo! カテゴリ検索<br />
・Yahoo! ショッピング検索<br />
・Yahoo! オークション検索<br />
・Yahoo! 知恵袋検索<br />
・Amazon 商品検索<br />
・楽天商品検索<br />
・楽天オークション検索<br />
・楽天ブックス検索<br />
・楽天トラベル検索<br />
・楽天GORAゴルフ場検索<br />
・Twitter つぶやき検索<br />
・Youtube 動画検索<br />
・Flickr 画像検索<br />
・Wikipedia 検索<br />
・iTunes Store 検索<br />
・価格.com 商品検索<br />
・コネコネット 商品検索<br />
・CiNii 論文検索
</p>
<p>
<a href="http://www.liveout.jp" target="_blank"><img src="http://www.liveout.jp/images/logo/liveout_search_logo.gif" /></a>
</p>]]>
      
   </content>
</entry>
<entry>
   <title>「iPadZine」iPadでもっと電子書籍を読みたい人のための投稿サービスを作りました</title>
   <link rel="alternate" type="text/html" href="http://gadget.cre8system.jp/cat77/ipadzineipad.html" />
   <id>tag:gadget.cre8system.jp,2010://3.613</id>
   
   <published>2010-06-28T01:14:37Z</published>
   <updated>2010-06-28T01:19:41Z</updated>
   
   <summary> iPadが日本で発売されたのが、5月28日ですから、今日で1ヶ月経過したことに...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="アジャイル開発" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://gadget.cre8system.jp/">
      <![CDATA[<p>
iPadが日本で発売されたのが、5月28日ですから、今日で1ヶ月経過したことになります。
</p>
<p>
僕は、発売日にゲットできたので、あれから家族に白い目で見られながらiPadを使い倒してきました。
</p>
<p>
どうも、iPadは遊び道具に見えるみたいで、自分だけ楽しんでいるように見えるようです。
</p>
<p>
このまま、iPadでゲームだけして遊んでいるようでは、親父の面目が丸つぶれですw
</p>
<p>
そこで、このiPadを使って何か新しいWebサービスが作れないかと思い、今回のサービスを開発しました。
（多少、動機が不純ではありますが・・・）
</p>
<p>
iPadで読める電子書籍ばかりを集めたiPad専用の電子書籍投稿サービス「<a href="http://www.ipad-zine.com/" target="_blank">iPadZine</a>」です。
</p>
<p style="text-align:center;">
<img src="http://www.ipad-zine.com/images/ipadzine_capture01.jpg" width="480" />
</p>
<p>
iPadZineは、iPadで電子書籍を活用していただくために、iPadで読むことができる電子書籍のデータをユーザーが自由に投稿して読みたい書籍をすぐにダウンロードできるプラットフォームです。
</p>
<p>
iPadZineでは、様々な電子書籍に対応しています。一般的なPDFやEPUB形式だけでなく、i文庫HD用のテキスト原稿や、画像の圧縮ファイルなどのダウンロードも可能です。
</p>
<p>
iPadZineのユーザーはTwitterアカウントと連携しています。Twitterのアカウントがあれば誰でも電子書籍が投稿できます。<br />
投稿された電子書籍は、自分の本棚に追加してコメントが残せるので、ユーザーの反応もすぐに確認できます。
</p>
<p>
ブログの記事を簡単に電子書籍化することができ、デジカメの写真を写真集にして配布することもできます。
</p>
<p>
<span style="font-size:14px;font-weight:bold;">「電子書籍を誰でも気軽に出版できる場所」</span><br />
iPadZineは、そんな場所を目指しています。
</p>
<p style="text-align:center;">
<img src="http://www.ipad-zine.com/images/ipadzine_flow.jpg" width="480" />
</p>
<p>
<a href="http://www.ipad-zine.com/" target="_blank">iPadZine</a>の登録・利用は無料です。
</p>

<hr />

<p><strong>【iPadZineの特徴】</strong></p>
<ul>
<li>電子書籍データの投稿（PDF形式、EPUB形式、テキスト、画像）</li>
<li>投稿された電子書籍の検索</li>
<li>タグ、カテゴリーによる分類</li>
<li>電子書籍の簡単ダウンロード（GoodReader連携）</li>
<li>テキスト原稿からi文庫HD用書籍データの生成（挿絵埋め込み可）</li>
<li>画像ファイルをZIP圧縮して写真集として配布</li>
<li>書籍の本棚管理(Twitterログイン必要)</li>
<li>書籍のクチコミ投稿(Twitterログイン必要)</li>
<li>Google Docsによるプレビュー</li>
<li>Follow me書籍（Twitterのフォローユーザーのみダウンロード可）</li>
<li>パスワード書籍（パスワードによるダウンロード制限）</li>
<li>Paypalによる書籍のダウンロード販売（今後対応予定）</li>
</ul>

<hr />

<p><strong>【iPadZineチュートリアルビデオ】</strong></p>
<p>
今回は、サービスの紹介をかねてチュートリアルビデオを作ってみました。
</p>
<div align="center">
<object width="400" height="300"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=12842530&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=12842530&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="300"></embed></object><p><a href="http://vimeo.com/12842530">iPadZine Tutorial</a> from <a href="http://vimeo.com/opaken">opaken</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
</div>
<p>
ビデオを見て思ったのですが、iPadのディスプレイは映りこみが激しいという点です。ビデオの高さ調節のためにティッシュペーパーを使っているのがバレてしまいますｗ
</p>

<hr />

<p><strong>【（おまけ）iPadを購入して感じたこと】</strong></p>
<p>
iPadを購入して思ったのが、iTunes Storeの人気アプリが、iPhoneとiPadではジャンルが大きく異なるという点です。
</p>
<p>
iPhoneアプリでは、ゲーム・エンタメ系が強いのに対して、iPadアプリでは、ブック・ビジネス・仕事効率化などのジャンルが強いようです。
</p>
<p>
・iPhoneは、携帯の延長線上にある端末なので、コンシューマー向けのアプリが人気<br />
・iPadは、ネットブックの代わりになる端末なので、ビジネスパーソン向けのアプリが人気
ということが分かります。
</p>
<p>
僕は、iPhoneとiPadの両方を持っているのですが、自然と使い分けをしています。<br />
iPhoneは、電話なので必ず持ち歩いているので、ちょっとした暇つぶしができるアプリはインストールしておきます。<br />
しかし、長時間遊ぶ用途には使えない。途中で充電切れになると困るので、すきま時間でちょっと遊べるアプリに絞ってます。
</p>
<p>
逆にiPadの場合は、バッテリーの持ちがいいので、充電切れの心配はほとんどしなくても良いです。それと、ディスプレイが大きいので閲覧に適しています。ホームページやメールの閲覧だけでなく、PDFなどの資料を見るのにも最適です。
</p>
<p>
一見すると、iPadはiPhoneを大きくしただけのように見えますが、利用シーンが異なるまったく別の端末であると言えます。<br />
このことは、高解像度のiPadアプリが単純にiPhoneアプリを焼きなおすだけでなく、多くのiPadアプリは、iPad用にインターフェースが洗練されていることからも分かります。
</p>
<p>
iPadは、このように閲覧に強いマルチメディアリーダーとして今までに無かった端末です。
</p>
<p>
iPadの登場でビジネスにも変化が出てきています。その１つが、出版業界を巻き込んだ電子書籍ブームです。<br />
徐々にではありますが、電子書籍系のアプリも増えてきています。本として出版するものを同時に電子書籍化して販売することで、今まで本を読まなかったユーザーにもリーチしていこうという狙いです。
</p>
<p>
そのうち本が無くなるのでは？という議論もありますが、僕はなくなることは無いと思います。<br />
それは、電子書籍が目に見えるモノではないからです。それは、パソコンがどんなに普及しても紙や鉛筆が無くならないことと同じで、全てが不要になるわけでなく、共存という道を歩むのではないかと思います。
</p>
<p style="text-align:center;">
<img alt="book_photo23.jpg" src="http://gadget.cre8system.jp/images/entry/book_photo23.jpg" width="480" height="360" />
</p>
<p>
１つ言えることは、iPadが私たちビジネスパーソンの仕事に変化をもたらす存在であるということでしょう。
</p>

<hr />

<p>
今回、ご紹介したiPad向け電子書籍投稿サービス「iPadZine」は<a href="http://www.ipad-zine.com/" target="_blank">こちら</a>です。
</p>
<p>
ご意見、ご要望は、<a href="http://twitter.com/opaken" target="_blank">Twitter</a>にてお気軽にお問い合わせください。よろしくお願いします。
</p>
]]>
      
   </content>
</entry>

</feed>

