<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>制作事例</title>
    <link rel="alternate" type="text/html" href="http://colo-ri.jp/product/" />
    <link rel="self" type="application/atom+xml" href="http://colo-ri.jp/product/atom.xml" />
    <id>tag:colo-ri.jp,2009-08-08:/product//4</id>
    <updated>2011-05-16T06:28:47Z</updated>
    
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type 4.261</generator>

<entry>
    <title>ベーカリーサイト制作</title>
    <link rel="alternate" type="text/html" href="http://colo-ri.jp/product/2011/05/hachiichi-bakery.html" />
    <id>tag:colo-ri.jp,2011:/product//4.324</id>

    <published>2011-05-14T03:33:39Z</published>
    <updated>2011-05-16T06:28:47Z</updated>

    <summary>世田谷区経堂にある、大人気のパン屋さん「ハチイチベーカリー」のサイトを制作させていただきました。</summary>
    <author>
        <name>山下こうじ</name>
        
    </author>
    
        <category term="WEBシステム" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="事例" label="事例" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://colo-ri.jp/product/">
        <![CDATA[<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://colo-ri.jp/product/archives/81bakery.com%202011-5-12%207-27-49.png"><img alt="81bakery.com 2011-5-12 7-27-49.png" src="http://colo-ri.jp/product/assets_c/2011/05/81bakery.com 2011-5-12 7-27-49-thumb-550x367-620.png" width="550" height="367" class="mt-image-none" style="" /></a></span></p>

<p>世田谷区経堂にある、大人気のパン屋さん「<a href="http://81bakery.com" target="_blank">ハチイチベーカリー</a>」のサイトを制作させていただきました。　お店のコンセプトでもある「丁寧な手作りパン」をイメージした、温かみのある手描きイラストが特徴的なデザインです。</p>

<h2 id="bread">食べたいパンが浮かんでくる</h2>

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://colo-ri.jp/product/assets_c/2011/05/81bakery.com 2011-5-12 7-26-281-622.html" onclick="window.open('http://colo-ri.jp/product/assets_c/2011/05/81bakery.com 2011-5-12 7-26-281-622.html','popup','width=367,height=426,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://colo-ri.jp/product/assets_c/2011/05/81bakery.com 2011-5-12 7-26-281-thumb-250x290-622.png" width="250" height="290" alt="81bakery.com 2011-5-12 7-26-281.png" class="mt-image-right" style="float: right; margin: 0 0 20px 20px;" /></a></span>

<p>お客さんがパンを食べたい時を考えてみる。<br />朝食として、おやつとして、大人ならワインのつまみとして。<br />そんな時に「どれがピッタリのパンか」が分かりやすいと、とっても嬉しい。</p>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://colo-ri.jp/product/assets_c/2011/05/81bakery.com 2011-5-12 7-33-27-625.html" onclick="window.open('http://colo-ri.jp/product/assets_c/2011/05/81bakery.com 2011-5-12 7-33-27-625.html','popup','width=248,height=197,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://colo-ri.jp/product/assets_c/2011/05/81bakery.com 2011-5-12 7-33-27-thumb-200x158-625.png" width="200" height="158" alt="81bakery.com 2011-5-12 7-33-27.png" class="mt-image-none" style="" /></a></span></p>

<p>パンのページではそんな想いをMovableTypeのカテゴリシステムとjQueryのフェード機能で表現してみました。　シンプルですが、ビジュアル的にも面白いものができたのではないかと思います。　お店の方にも大変喜ばれました。</p>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="P9111755_2.jpg" src="http://colo-ri.jp/product/archives/P9111755_2.jpg" width="550" height="412" class="mt-image-none" style="" /></span>
どーん。　突然ですが、ハチイチベーカリーさんのパン。　今回は商品撮影も担当させてもらいました。<br />美味しいものを撮るのは楽しいですね！</p>

<h2 id="board">「今、開いてるかな？」が分かる看板</h2>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="81bakery.com-2011-5-12-7-24-19.jpg" src="http://colo-ri.jp/product/archives/81bakery.com-2011-5-12-7-24-19.jpg" width="200" height="126" class="mt-image-right" style="float: right; margin: 0 0 20px 20px;border:1px solid #ccc" /></span>「あちゃ～...今日は休みか...。」<br />「何時まで開いてるんだっけ...？」</p>

<p>どこもそうですが、お店が開いてる日や時間が事前に分かってれば防げた失敗、たくさんありますよね？<br />お店側もそれが悩みの一つでした。</p>

<p style="clear:both"><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="81bakery.com 2011-5-12 7-29-39.png" src="http://colo-ri.jp/product/archives/81bakery.com%202011-5-12%207-29-39.png" width="186" height="138" class="mt-image-right" style="float: right; margin: 0 0 20px 20px;border:1px solid #ccc" /></span>なんとかしたいと思い、トップページ上にすぐに確認できる看板をつけました。　お店側で直感的に入力したお休みや開店時間をリアルタイムに判断して看板が切り替わります。</p>

<p>毎週のお休みから、隔週、臨時休業まで。　柔軟に書き込める欄を用意しました。<br />「お店にもお客さんにも分かりやすく」がポイントになっています。</p>]]>
        
    </content>
</entry>

<entry>
    <title>カフェサイト制作</title>
    <link rel="alternate" type="text/html" href="http://colo-ri.jp/product/2010/08/cafe1.html" />
    <id>tag:colo-ri.jp,2010:/product//4.223</id>

    <published>2010-08-29T21:51:12Z</published>
    <updated>2010-08-29T22:33:03Z</updated>

    <summary>内装の可愛さとオーガニック食材を使ったメニューが評判の「ブドリカフェ」さんのWebサイトを制作しました。</summary>
    <author>
        <name>山下こうじ</name>
        
    </author>
    
        <category term="WEBシステム" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://colo-ri.jp/product/">
        <![CDATA[<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://colo-ri.jp/product/assets_c/2010/08/budoricafe_1-432.html" onclick="window.open('http://colo-ri.jp/product/assets_c/2010/08/budoricafe_1-432.html','popup','width=927,height=564,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://colo-ri.jp/product/assets_c/2010/08/budoricafe_1-thumb-550x334-432.png" width="550" height="334" alt="budoricafe_1.png" class="mt-image-none" style="" /></a></span></p>

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="budoricafe_4.jpg" src="http://colo-ri.jp/product/archives/budoricafe_4.jpg" width="250" height="193" class="mt-image-right" style="float: right; margin: 0 0 20px 20px;" /></span>

<p>内装の可愛さとオーガニック食材を使ったメニューが評判の「<a href="http://budoricafe.jp" target="_blank">ブドリカフェ</a>」さんのWebサイトを制作しました。</p>

<p>内装の多くは店長さん・スタッフさんの手作りで行われており、手作りの雰囲気をサイト上でも表現するために手描きのイラストやアイコンが各所に使われています。</p>

<h2>コンセプト</h2>

<p>緑に囲まれたブドリカフェのお洒落な雰囲気と「シンプルなデザインを」という店長さんからの要望がデザインコンセプトになっています。</p>

<h2>シンプルで効果的な運営を</h2>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://colo-ri.jp/product/archives/budoricafe_2.png"><img alt="budoricafe_2.png" src="http://colo-ri.jp/product/assets_c/2010/08/budoricafe_2-thumb-550x386-437.png" width="550" height="386" class="mt-image-none" style="" /></a></span></p>

<p>2002年から続くカフェの運営に支障をきたさず、自然なサイト運営ができるように構成しました。</p>

<p>運営システムのベースにはMovableTypeを活用し、ホームページ制作の知識がなくても内容の追加や編集ができるようになっています。</p>

<p>また、ブログにおいては店舗スタッフが気軽に携帯メールを使って、画像を含め更新できるように工夫してあります。</p>

<h3>重要な情報はトップページに</h3>

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="budoricafe_3.png" src="http://colo-ri.jp/product/archives/budoricafe_3.png" width="285" height="135" class="mt-image-right" style="float: right; margin: 0 0 20px 20px;border:1px solid #CCC" /></span>

<p>カフェではメニュー情報やイベントスケジュールなどの告知が不定期で行われるため、重要な情報は「お知らせ」としてトップページに掲載されるようにしました。</p>

<p>お知らせの告知もブログシステムを活用し、携帯メールで行なうことができるようになっています。</p>

<p style="text-align:right"><a href="/mitsumori/">カフェサイト制作の無料相談、見積りはこちら &gt;&gt;</a></p>]]>
        
    </content>
</entry>

<entry>
    <title>文化庁メディア芸術祭 イスタンブール展「RGBy the gathering」サーバープログラム</title>
    <link rel="alternate" type="text/html" href="http://colo-ri.jp/product/2010/08/-rgby-the-gathering.html" />
    <id>tag:colo-ri.jp,2010:/product//4.220</id>

    <published>2010-08-16T05:50:27Z</published>
    <updated>2010-08-29T23:13:15Z</updated>

    <summary>文化庁メディア芸術祭 イスタンブール展へMONGOOSE STUDIOが出展する作品「RGBy the gathering」のサーバープログラムを担当しました。</summary>
    <author>
        <name>山下こうじ</name>
        
    </author>
    
        <category term="WEBシステム" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://colo-ri.jp/product/">
        <![CDATA[<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="rgby_the_gathering_title.png" src="http://colo-ri.jp/product/archives/rgby_the_gathering_title.png" width="437" height="227" class="mt-image-none" style="" /></span></p>

<p>文化庁メディア芸術祭 イスタンブール展へMONGOOSE STUDIOが出展する作品「<a href="http://mongoose.proto-type.jp/news/#20100812203216" target="_blank">RGBy the gathering</a>」のサーバープログラムを担当しました。</p>

<p>RGBy the gathering は、自然色を識別するデバイスから作成された色情報をサーバーの写真データと照合し、似た傾向のある写真を並べて表示させることができる作品です。</p>

<p>coloriでは、サーバーに送られてくる色データをデータベースと照合して写真データをリストアップするプログラムを作成しました。</p>

<p><a href="http://plaza.bunka.go.jp/istanbul/" target="_blank">文化庁メディア芸術祭 イスタンブール展</a></p>]]>
        
    </content>
</entry>

<entry>
    <title>iPhone用アプリケーション「電気代計算S」</title>
    <link rel="alternate" type="text/html" href="http://colo-ri.jp/product/2010/04/elecalc.html" />
    <id>tag:colo-ri.jp,2010:/product//4.173</id>

    <published>2010-04-23T11:15:52Z</published>
    <updated>2011-03-21T23:52:58Z</updated>

    <summary>iPhone上で簡単な入力項目だけで手軽に電気代が計算できるシミュレーターです。</summary>
    <author>
        <name>山下こうじ</name>
        
    </author>
    
        <category term="製品" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="iphone" label="iPhone" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://colo-ri.jp/product/">
        <![CDATA[<style type="text/css">
h1 { text-indent:-9999px;margin:0;padding:0;font-size:77%;}
#main h3 { color:#000;}
#topics p { font-size: 100%; letter-spacing:0em;}
</style>

<p style="font-size:138.5%;font-weight:bold">毎月の電気代節約の計算に！　計画停電対策の<a href="#setsuden">節電</a>協力に！<br />どこでも電気代の計算ができるiPhone用アプリケーション</p>

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="電気代計算S" src="http://colo-ri.jp/product/archives/elecalc_title.jpg" width="383" height="68" class="mt-image-left" style="float: left; margin: 0 20px 20px 0" /></span>

<p style="margin-top:30px;font-size:108%">販売価格：<strong class="ness">115円</strong></p>

<div style="float:left;width:272px">
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="elecalc_ss1.jpg" src="http://colo-ri.jp/product/archives/elecalc_ss1.jpg" width="272" height="571" class="mt-image-left" style="" /></span>
</div>

<div id="topics" style="float:right;width:270px">
<h2><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="シンプル＆実用的な3つの特徴" src="http://colo-ri.jp/product/archives/elecalc_topics.gif" width="270" height="26" class="mt-image-none" style="" /></span></h2>

<h3>1．めんどくさい！をなくしました。</h3>

<p>家の中でも買い物でも、電気代の計算は面倒でよく分からず、おろそかにしがち。<br />「電気代計算S」では10秒ほどの操作で即計算。</p>

<h3>2．利用シーンに合わせます。</h3>

<p>シンプルながらも利用時間は多彩に設定可。<br />
1日利用時間と使用頻度を組み合わせてさまざまな利用シーンを想定できます。</p>

<h3>3．電気代が比べられます。</h3>

<p>計算履歴では、合計と差額を自動計算。<br />
合計では過去の計算の合計額を、差額では購入の決め手にもなる電気代の差を計算できます。</p>

<p style="text-align:right"><a href="http://click.linksynergy.com/fs-bin/stat?id=4xbAMjg2gD0&offerid=94348&type=3&subid=0&tmpid=2192&RD_PARM1=http%253A%252F%252Fitunes.apple.com%252Fjp%252Fapp%252Fid369677310%253Fmt%253D8%2526uo%253D6%2526partnerId%253D30" target="itunes_store"><img alt="App_Store_Badge21.png" src="http://colo-ri.jp/product/assets_c/2010/05/App_Store_Badge21-thumb-150x50-376.png" width="150" height="50" class="mt-image-none" style="vertical-align:middle" /></a></p>

</div>


<h2 id="about">メイン画面</h2>

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://colo-ri.jp/product/assets_c/2010/04/IMG_0684-334.html" onclick="window.open('http://colo-ri.jp/product/assets_c/2010/04/IMG_0684-334.html','popup','width=320,height=480,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://colo-ri.jp/product/assets_c/2010/04/IMG_0684-thumb-250x375-334.png" width="250" height="375" alt="IMG_0684.png" class="mt-image-right" style="float: right; margin: 0 0 20px 20px;" /></a></span>

<p>メイン画面では主に電気代の計算を行います。</p>

<ul>
<li><strong>消費電力：</strong>WとKWの切り替えが可能。</li>
<li><strong>使用時間：</strong>単位を時間、分、秒に切り替え可能。</li>
<li><strong>使用頻度：</strong>単位を月、週に切り替え可能。</li>
<li><strong>合計金額：</strong>単位を年額、月額、日額に切り替え可能。</li>
</ul>

<p>「計算する」ボタンを押すと、合計金額が表示されます。</p>

<h3 id="setsuden">節電のポイント</h3>

<p class="ness">節電はむやみやたらに行うと、自分たちの生活を予想以上に困窮させることになります。　そうならないためには、日常生活のどこに、どれぐらいの電力を使用しているのかを正確に把握し、生活における優先順位をつけて削減を検討するようにしてください。</p>

<p class="ness">基本的に、合計金額が高いと多くの電力を消費していることになります。　節電では、消費電力が多い機器でも使用時間を短くすればかなりの節電になりますし、逆に消費電力が少ない機器でも、24時間つけっぱなしにすることで予想以上の電力を消費している場合があります。</p>

<h4>白熱球と電子レンジの使用例</h4>

<ul>
<li>80Wの白熱球を毎日8時間点灯：<strong>80W × 8 × 30 ＝ <span class="ness">19,200W</span></strong></li>
<li>600Wの電子レンジを毎日30分使用：<strong>600W × 0.5 × 30 ＝ <span class="ness">9,000W</span></strong></li>
</ul>

<h2>計算履歴機能</h2>

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://colo-ri.jp/product/assets_c/2010/04/IMG_0686-337.html" onclick="window.open('http://colo-ri.jp/product/assets_c/2010/04/IMG_0686-337.html','popup','width=320,height=480,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://colo-ri.jp/product/assets_c/2010/04/IMG_0686-thumb-250x375-337.png" width="250" height="375" alt="IMG_0686.png" class="mt-image-right" style="float: right; margin: 0 0 20px 20px;" /></a></span>
<p>計算履歴画面では過去の計算結果を10件まで記録でき、合計金額や差額の計算ができます。</p>

<h3>合計</h3>
	
<p>合計については過去の計算結果の合計金額が表示されます。　たとえば複数の製品を組み合わせた電気料金総額の計算に便利です。</p>

<h3>差額</h3>
				
<p>また差額については最新の計算結果に対して過去の計算結果の合計を差し引いた金額が表示されます。　例えば購入を比較検討している家電製品の電気料金差額の算出に便利です。</p>

<h3>修正</h3>

<p>さらに計算履歴については履歴リストの項目を個別にタップすることで修正が可能です。　数値や単位を間違えてしまった場合等にご利用ください。</p>
				
<h2>料金算出方法</h2>

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://colo-ri.jp/product/assets_c/2010/04/IMG_0685-340.html" onclick="window.open('http://colo-ri.jp/product/assets_c/2010/04/IMG_0685-340.html','popup','width=320,height=480,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://colo-ri.jp/product/assets_c/2010/04/IMG_0685-thumb-250x375-340.png" width="250" height="375" alt="IMG_0685.png" class="mt-image-right" style="float: right; margin: 0 0 20px 20px;" /></a></span>
<p>料金の算出方法にあたっては電気事業連合会加盟10社による従量電灯Bコースの第2段階電力単価データを元にしております。</p>
				
<p>基本料金や口座振替割引、燃料調整費等は含まれておりませんので、詳細は各電力会社のホームページ等でご確認ください。</p>]]>
        
    </content>
</entry>

<entry>
    <title>Webサイト計画、打ち合わせに便利な文具 WebMap magnet</title>
    <link rel="alternate" type="text/html" href="http://colo-ri.jp/product/2009/11/web-webmap-magnet.html" />
    <id>tag:colo-ri.jp,2009:/product//4.77</id>

    <published>2009-11-09T23:35:20Z</published>
    <updated>2009-11-10T01:01:10Z</updated>

    <summary>WebMap magnetはWebサイト制作現場の作業効率を高めるための便利なツールです。</summary>
    <author>
        <name>山下こうじ</name>
        
    </author>
    
        <category term="製品" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="ホワイトボード" label="ホワイトボード" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://colo-ri.jp/product/">
        <![CDATA[<p>Webサイト制作の現場では、常に新しいサイトの構築計画やリニューアル計画、レビューなどが行われています。</p>

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="web_workingshot1.jpg" src="http://colo-ri.jp/product/archives/web_workingshot1.jpg" width="250" height="193" class="mt-image-right" style="float: right; margin: 0 0 20px 20px;" /></span><p>そこで頻繁に利用されるツールとしてホワイトボードがありますが、ページやプログラム、データベースの位置や関係図を描画する手間が意外とかかります。</p>

<p>描画に手間取っていると思考が妨害され、良いアイデアが浮かびにくくなります。　とは言っても、適当に描いていてはリアリティがないものになりがちです。</p>

<p>WebMap magnetはそれらの問題を一気に解決します。　詳しくは<a href="http://webmap.colo-ri.jp" title="WebMap magnet">WebMap magnet公式ページ</a>でどうぞ。]]>
        
    </content>
</entry>

<entry>
    <title>住まいのTIPS用Flashアプリ「電気代計算シミュレーター」</title>
    <link rel="alternate" type="text/html" href="http://colo-ri.jp/product/2008/11/tipsflash.html" />
    <id>tag:colori.hustle.ne.jp,2008:/products//4.49</id>

    <published>2008-11-04T06:28:37Z</published>
    <updated>2009-08-09T04:48:54Z</updated>

    <summary>手軽に電気代を計れるようにしつつ、料金データを外部Excelファイルから取り込み...</summary>
    <author>
        <name>山下こうじ</name>
        
    </author>
    
    
    <content type="html" xml:lang="ja" xml:base="http://colo-ri.jp/product/">
        <![CDATA[<p>手軽に電気代を計れるようにしつつ、料金データを外部Excelファイルから取り込みできるようにしたFlashです。</p>

<p><img alt="ele_sim.jpg" src="http://colo-ri.jp/product/archives/ele_sim.jpg" width="462" height="417" alt="Flashのスクリーンショット" /></p>

<p><a href="http://www.ienakama.com/tips/page/?tid=353">電気代計算シミュレーター</a></p>]]>
        
    </content>
</entry>

<entry>
    <title>制作事例：家の「困った！」を解決。直接頼める業者さん検索サービス</title>
    <link rel="alternate" type="text/html" href="http://colo-ri.jp/product/2008/03/post.html" />
    <id>tag:colori.hustle.ne.jp,2008:/products//4.48</id>

    <published>2008-03-05T13:37:01Z</published>
    <updated>2009-09-22T09:19:32Z</updated>

    <summary>住宅関連のトラブルなどを専門業者に依頼できる検索サービスです。
このサービスでは、一般の消費者向けサイトと住宅関連業者向けサイトが別々に構築され、運用されています。　住宅関連業者の方々は、仕事がら外での作業が多いためコンピュータに触れることが少なく、操作の教育もふくめユーザーインターフェースを工夫して提供する必要がありました。</summary>
    <author>
        <name>山下こうじ</name>
        
    </author>
    
    
    <content type="html" xml:lang="ja" xml:base="http://colo-ri.jp/product/">
        <![CDATA[<p>住宅関連のトラブルなどを専門業者に依頼できる<a href="http://www.ienakama.com" title="一括見積もりサービス">一括見積もりサービス</a>です。</p>

<script type="text/javascript" src="http://www.ienakama.com/banner/js/getbanner.js"></script>
<script type="text/javascript">getFlashBanner(234,60);</script>

<p>このサービスでは一般の消費者向けサイトと住宅関連業者向けサイトが別々に構築され、運用されています。　住宅関連業者の方々は、仕事がら外での作業が多いためコンピュータに触れることが少なく、操作の教育もふくめユーザーインターフェースを工夫して提供する必要がありました。</p>

<p>調査の結果、動作が直感的に理解できストレスが少ない、Ajaxを利用したサイト構築の方向性に決定。　この設計により、多機能なCMSサイトにも関わらず多くの業者の方々にご登録いただくことができました。</p>

<p>画面スクリーンショット<br /><img alt="主要画面" src="http://www.colo-ri.jp/product/archives/ienakama_ss_four.jpg" width="530" height="525" /></p>

<p>現在、一般消費者・住宅関連業者ともに、さらにお役に立てていただけるサイトにパワーアップさせるべく鋭意企画・製作中です。</p>

<h2>技術情報</h2>
<ul>
<li>PHP</li>
<li>MySQL</li>
<li>JavaScript</li>
<li>Flash</li>
<li>WordPress</li>
<li>その他</li>
</ul>

<h2>クライアント</h2>
<p>株式会社マッチングジャパン</p>

<h2>プロデュース &amp; ディレクション</h2>
<p>colori</p>]]>
        
    </content>
</entry>

<entry>
    <title>Post at once （Youtubeコメント入力型簡易メール投稿フォーム）</title>
    <link rel="alternate" type="text/html" href="http://colo-ri.jp/product/2008/02/post-at-once-youtube.html" />
    <id>tag:colori.hustle.ne.jp,2008:/products//4.47</id>

    <published>2008-02-10T14:03:30Z</published>
    <updated>2009-08-09T04:48:54Z</updated>

    <summary>Post at once は、ホームページ内に気軽にひと言メール欄を取り付けることができるプログラムです。
見た目がYoutubeのコメント入力欄のように動作しますので、閲覧ユーザーから気軽に意見をもらったりすることができます。
投稿された内容はお好きなメールアドレス先に転送されますので、メール受信が可能な場所であればどこでも確認可能です。</summary>
    <author>
        <name>山下こうじ</name>
        
    </author>
    
        <category term="WEBシステム" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://colo-ri.jp/product/">
        <![CDATA[<h2>Post at onceの簡単な説明</h2>
<p>Post at once（ポスト・アット・ワンス）は、ホームページ内に気軽にひと言メール欄を取り付けることができるプログラムです。　見た目がYoutubeのコメント入力欄のように動作しますので、閲覧ユーザーから気軽に意見をもらったりすることができます。　投稿された内容はお好きなメールアドレス先に転送されますので、メール受信が可能な場所であればどこでも確認可能です。</p>

<h2>動作環境</h2>
<ul>
  <li>ブラウザ環境（動作確認済みのものをリストアップしています。）
    <ul>
      <li>Internet Explorer 5.5以上</li>
      <li>Mozilla Firefox 1.0以上</li>
      <li>JavaScriptが有効な環境</li>
    </ul>
  </li>
  <li>サーバ環境
    <ul>
      <li>PHP4.3.0以上</li>
      <li>sendmailプログラムが動作</li>
    </ul>
  </li>
  <li>使われているサードパーティ製ライブラリ
    <ul>
      <li>Prototype.js</li>
    </ul>
  </li>
</ul>

<h2>動作の概要</h2>
<p><img alt="ひとこと欄を自由に設定でき、クリックすると入力欄がリアルタイムに現れます。投稿ボタンを押すと、入力内容がPHPプログラムに送信され、任意のメールアドレス宛てに入力内容が送信されます。　ブラウザ側は再入力ができないよう、入力不可の状態になり安全です。" src="http://www.colo-ri.jp/product/img/post_at_once_exp1.jpg" width="558" height="232" /></p>

<h2>デモ</h2>
<p>以下のリンクから動作を確認することができます。<br /><a href="http://colo-ri.jp/temp/post_at_once/sample.html" onclick="wopen(this.href);return false;" onkeypress="wopen(this.href);return false;">Post at onceデモ</a></p>

<h2>Post at onceのダウンロード</h2>
<p>以下のリンクからダウンロードしてご利用ください。<br />
<a href="/downloads/pao.zip">Post at onceダウンロード</a></p>

<h2>インストール方法</h2>
<p>zipファイルをダウンロードして解凍し、フォルダ内のファイルをWEBサーバ上の任意の場所にアップロードしてください。<br />
アップロード後はsample.htmlのdiv要素の中をコピーして、貼り付けたいhtmlにペーストします。<br />
※sample.htmlと貼り付けたいhtmlの階層が異なる場合は、js/pao.js内のconf_uriの値を書き換えてpao.phpのパスが正しくなるようにしてください。</p>

<h2>設定変更</h2>
<p>メールの送信先、送信元、投稿完了メッセージなどはpao.phpの上部に記述してありますので、該当箇所を書き換えてご利用ください。</p>

<h2>商用利用に関して</h2>
<p>Post at onceプログラムの利用に関しては、商用・非商用に関わらず基本的に無料です。　商用サービスにご利用になる場合は参考にご一報いただけると幸いです。</p>

<h2>セキュリティ・免責事項</h2>
<p>当サイトで配布しているPost at onceプログラムでは、利用者さまの改変によるセキュリティ対策を推奨しているため、最低限のセキュリティ制限はかけてありますが、Post at onceにおいてサーバに送信されたコメントデータは利用者さまで様々な応用ができるよう、生の情報で送信されます。<br />
そのため、コメントを表示する場合はXSS(クロスサイト・スクリプティング)、データベースに登録する場合はSQLインジェクション等のセキュリティ対策をサーバ側で状況に応じて行うようにしてください。<br />
coloriではPost at onceプログラムが組み込まれたシステムを不正に使用する目的でユーザが送信したデータによって発生した被害についてなんら責任を負うものではありません。</p>]]>
        
    </content>
</entry>

</feed>

