<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
  xmlns:dc="http://purl.org/dc/elements/1.1/"
  xmlns:content="http://purl.org/rss/1.0/modules/content/"
  xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  xml:lang="ja">
  <channel>
    <title>顧客開拓型ホームページ制作</title>
    <link>http://www.hp-funaks.net/</link>
    <language>ja</language>
    <description>ホームページ制作を切り拓くFunaks | SEO対策の入ったホームページ制作</description>
    <lastBuildDate>Tue, 5 Jan 2010 09:03:18 +0900</lastBuildDate>
    <dc:creator>（有）フナックス・エンジニアリング</dc:creator>
    <item>
      <title>Jqueryの「quick_flip」で表、裏の画面を操作</title>
      <link>http://www.hp-funaks.net/news/</link>
      <description>１月号のwebcreatorでのJqueryはとても面白いの ...</description>
      <content:encoded><![CDATA[１月号のwebcreatorでのJqueryはとても面白いのがたくさんありましたが、その中でも「quick_flip」はとても面白い動作をしてくれます。
昔僕らが子供の頃、メンコと言う遊びがありましたが、それと一緒です。要するに持っているメンコで置いてあるメンコを叩き、裏返しをすると勝ちで頂き。
又はトランプと同じでしょうか？
<iframe style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" title="3d_carousel" id="frm-01" name="frm-01" align="top" src="http://www.hp-funaks.net/quick_flip/index1.html" frameborder="0" width="900" scrolling="no" height="180" marginwidth="5">1</iframe><br /><br />
左側の２ヶはマウスを当ててクリックすると裏返しをしてもう一度クリックをするとそのバナー、及び説明文のサイトへと飛ぶ様にしてあります。
右側の２ヶは画像上をクリックすると裏返しをしてそのバナーの説明文を見ることが出来ます。
これはアクセス者の気持ちをとてもくすぐる物ですね。
思わず引き込まれてしまいます。
この様なJqueryでページを作成して商品、業務内容を表現すると言うのはまさにホームページの醍醐味と言えるのかもしれないですね。]]></content:encoded>
      <dc:creator>（有）フナックス・エンジニアリング</dc:creator>
      <pubDate>Sun, 3 Jan 2010 13:21:30 +0900</pubDate>
    </item>
    <item>
      <title>JavaScriptでスライド式バナーを制作</title>
      <link>http://www.hp-funaks.net/news/</link>
      <description>スライド式でバナーが流れてきて、下段にテキストで説明文が流れ ...</description>
      <content:encoded><![CDATA[スライド式でバナーが流れてきて、下段にテキストで説明文が流れ、ボタン式バナーでもバナーを替える事が出来る優れものです。
ホームページもどんどん動画っぽい物が氾濫してきていますが、これは結構行けると思います。
<iframe style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" title="3d_carousel" id="frm-01" name="frm-01" align="top" src="http://www.hp-funaks.net/slider/index.html" frameborder="0" width="950" scrolling="no" height="220" marginwidth="5">1</iframe><br /><br />
]]></content:encoded>
      <dc:creator>（有）フナックス・エンジニアリング</dc:creator>
      <pubDate>Mon, 28 Dec 2009 14:40:19 +0900</pubDate>
    </item>
    <item>
      <title>JavaScriptでMac風バナーを制作</title>
      <link>http://www.hp-funaks.net/news/</link>
      <description>1月号の「Web creator」に「Webが際立つ”動き＆ ...</description>
      <content:encoded><![CDATA[1月号の「Web creator」に「Webが際立つ”動き＆装飾」デザインと言う特集がありました。
その中で僕が気に入った内容に「Mac風画像をJavScriptで制作」する物があり、ホームページのトップページに貼り付けました。
マウスを画像に乗せると大きくなり、配列によってはにょきにょきとなったりして面白いです。
アクセス者がびっくりする事、請け合います。
ホームページもどんどん動画っぽい物が氾濫してきていますが、これは結構行けると思います。
<iframe style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" title="3d_carousel" id="frm-01" name="frm-01" align="top" src="http://www.hp-funaks.net/mac_index.html" frameborder="0" width="950" scrolling="no" height="400" marginwidth="5">1</iframe><br /><br />
縦型の「収納型メニュー」はマウスを画像の上に置いて１クリックすると画像が出てきてマウスを画像の上に置くと文字がこちょこちょと動きます。]]></content:encoded>
      <dc:creator>（有）フナックス・エンジニアリング</dc:creator>
      <pubDate>Mon, 28 Dec 2009 10:44:57 +0900</pubDate>
    </item>
    <item>
      <title>JQzoomを貼り付けました。</title>
      <link>http://www.hp-funaks.net/news/</link>
      <description>今までいくつか【JavaScriptd】で制作出来る物を紹介 ...</description>
      <content:encoded><![CDATA[今までいくつか【JavaScriptd】で制作出来る物を紹介してきましたが、その中でも僕が気に入っている【JQzoom】による画像の拡大処理をこの度以前よりホームページの管理をおこなっているお客様より更新依頼を頂きましてこの機会にこれを貼り付けてみようと言う事になりました。
丁度処理前、処理後と言う格好の画像で画像拡大にぴったりです。<br/>
<img src="http://www.hp-funaks.net/image/jqzoom1.gif" border=0 alt="jqzoom-image"><br/>
最近はどんどん画像掲載方法が進んできてこのjqzoomによる画像拡大を更に改善したadobe flash player より発売されています。しかし高価でありまた使える様になるまで時間がかかります。
その点、このjqzoomはちょこっと頑張ればすぐに使えるので便利です。
こちらのサイトの会社とは既に５年ほどのお付き合いですが、この４年間で素晴らしいほどの受注がネット上よりあり、それが今年の春先に更新したところ、更に受注が活発になり喜んで頂いています。これからは当該情報の説明にどの様に取り組んでいくかに問題があると思います<br/>。
jqzoom設定ページアドレス：
<a href="http://www.lining.co.jp/peening.html" target="_blank">http://www.lining.co.jp/peening.html</a>
]]></content:encoded>
      <dc:creator>（有）フナックス・エンジニアリング</dc:creator>
      <pubDate>Mon, 2 Nov 2009 19:58:59 +0900</pubDate>
    </item>
    <item>
      <title>再度、３次元回転木馬の登場</title>
      <link>http://www.hp-funaks.net/news/</link>
      <description>４月１９日の投稿で「3d carousel（３次元回転木馬） ...</description>
      <content:encoded><![CDATA[４月１９日の投稿で「3d carousel（３次元回転木馬）を紹介しましたが、ほぼ同等ですが、ちょっと違う「３次元回転木馬」を紹介します。
どこが違うかと言うと、まず画像にリフレクションと言う水面に反射した様な効果を施している点です。
これをおこないますと画像（写真）に品の良さを表す事が容易になります。
また、以前より画像数を多くしてありますが、これによりリンク先をカテゴリ毎にする事も可能となります。
閲覧者に夢を与えられるサイトになれるのではないかと思います。<br />

<iframe style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" title="3d_carousel" id="frm-01" name="frm-01" align="top" src="http://www.hp-funaks.net/java_sample/3d_carousel1/" frameborder="0" width="800" scrolling="no" height="270" marginwidth="5">1</iframe><br /><br />

参考サイト：
<a href="http://www.web-labs.info/ajax/3dcarousel/" target="_blank">http://www.web-labs.info/ajax/3dcarousel/</a>
]]></content:encoded>
      <dc:creator>（有）フナックス・エンジニアリング</dc:creator>
      <pubDate>Fri, 5 Jun 2009 14:08:19 +0900</pubDate>
    </item>
    <item>
      <title>我が親サイトにもアコーデオンメニューを設置</title>
      <link>http://www.hp-funaks.net/news/</link>
      <description>何故か、アコーデオンメニューのあの伸びが気に入り、我が親サイ ...</description>
      <content:encoded><![CDATA[何故か、アコーデオンメニューのあの伸びが気に入り、我が親サイト上にも設置してみました。
さて、これでトータルアクセス数が飛躍的に伸びれば効果あり！と言う事でしょうが・・・・・。
結果は開けて見てのお楽しみです。

しかし、客観的に見てもこのアコーデオンメニューは一つの画像で二つ以上の働きをしてくれている様に思えます。
マウスを追ってみたら「ディスクリプションが表示されていた」と言う感じですね。
<br /><br />
設置サイト：
<a href="http://www.funaks.co.jp/" target="_blank">http://www.funaks.co.jp/</a>]]></content:encoded>
      <dc:creator>（有）フナックス・エンジニアリング</dc:creator>
      <pubDate>Tue, 2 Jun 2009 17:17:02 +0900</pubDate>
    </item>
    <item>
      <title>画像にマウスを当てるとメッセージが出てワクワク、ドキドキです。</title>
      <link>http://www.hp-funaks.net/news/</link>
      <description>世の中には色々なアイデアを使って表現できるようにしてくれる人 ...</description>
      <content:encoded><![CDATA[世の中には色々なアイデアを使って表現できるようにしてくれる人がたくさんいる事を感じています。
以前はアナログ社会で人と人とは「face to face ] 、顔と顔を合わせて話をするのが当たり前でしたが、現代はネット社会で「自分の気持ちをネット上で表現できるようにもしましょうと言う事ですね。
最近Java Scriptで編集する方法にはまって結構おもしろい物を制作していますが、今回のはまたおもしろいです。

写真にマウスを当てると吹き出しが出てメッセージを表示させる事が出来ます。
この様な物もネットショッピングサイトにはぴったりですね。
見る人の気持ちを掴んで離さないと言う感じがしました。<br />

<iframe style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" title="beautytips" id="frm-01" name="frm-01" align="top" src="http://www.hp-funaks.net/java_sample/beautytips/" frameborder="0" width="810" scrolling="no" height="160" marginwidth="5">1</iframe><br /><br />
参考サイト：
<a href="http://exyz.cocolog-nifty.com/good_sleep/2009/05/jquery-d304.html" target="_blank">http://exyz.cocolog-nifty.com/good_sleep/2009/05/jquery-d304.html</a>]]></content:encoded>
      <dc:creator>（有）フナックス・エンジニアリング</dc:creator>
      <pubDate>Sun, 31 May 2009 10:55:29 +0900</pubDate>
    </item>
    <item>
      <title>アコーデオンメニューを設置しました。</title>
      <link>http://www.hp-funaks.net/news/</link>
      <description>スタイルシートとJavaScriptライブラリのjQuery ...</description>
      <content:encoded><![CDATA[スタイルシートとJavaScriptライブラリのjQueryのプラグインを利用してアコーデオン型メニューを制作してみました。
ネット上に公開してあるのは写真が多いのですが、これを通常のメニューバーの中でカテゴリ別のページにリンクする様にして見ました。
ホームページ上で閲覧者に感動して貰える様なデザインを構築する事が受注に繋がる一つの大きな要素と思っていますので効果ありでしょう
。
<br /><br />
<iframe style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" title="アコーデオンメニュー" id="frm-01" name="frm-01" align="top" src="http://www.hp-funaks.net/imagemenu1.html" frameborder="0" width="810" scrolling="no" height="120" marginwidth="5">1</iframe>]]></content:encoded>
      <dc:creator>（有）フナックス・エンジニアリング</dc:creator>
      <pubDate>Wed, 27 May 2009 05:49:42 +0900</pubDate>
    </item>
    <item>
      <title>ネット紙芝居の制作</title>
      <link>http://www.hp-funaks.net/news/</link>
      <description>スタイルシートとJavaScriptを合わせて画像を切り替え ...</description>
      <content:encoded><![CDATA[スタイルシートとJavaScriptを合わせて画像を切り替える方法でおもしろいのがありました。
その名も紙芝居風となっていました。
通常は画像の切り替えは左右が多いと思いますが、こちらでは上下での切り替えとなっています。
先に進む時は上に、前に戻る時は下へとその意味が何となく分かる気の使いようになっていました。
<iframe style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" title="紙芝居" id="frm-01" name="frm-01" align="top" src="http://www.hp-funaks.net/print_gallery/" frameborder="0" width="600" scrolling="no" height="600" marginwidth="5">1</iframe><br />
画像にコメントを付けると更に生き生きとした内容になりますね。]]></content:encoded>
      <dc:creator>（有）フナックス・エンジニアリング</dc:creator>
      <pubDate>Fri, 22 May 2009 15:24:38 +0900</pubDate>
    </item>
    <item>
      <title>画像切り替えをJavaScriptで上品に！</title>
      <link>http://www.hp-funaks.net/news/</link>
      <description>縮小画像から拡大画像へ、標準色からオプションで色違いの画像へ ...</description>
      <content:encoded><![CDATA[縮小画像から拡大画像へ、標準色からオプションで色違いの画像へ切り替えるのには通常内部リンクで画像を切り替えるのが普通だと思います。
ところがこれですと【パシャ！パシャ！】と無味乾燥に画像が切り替えられるだけの機能重視という事になります。
高価な商品、品質を訴えたい部品、商品を掲載する時には画像の切り替えにも心がけたい物ですね。
そうする事により商品一つずつの価値が非常にあがり、閲覧者（特に購入希望者）の心を捕らえる事間違い無しです。
<a href="http://www.hp-funaks.net/imageswitch_No.2/index.html" target="_blank">http://www.hp-funaks.net/imageswitch_No.2/index.html</a>]]></content:encoded>
      <dc:creator>（有）フナックス・エンジニアリング</dc:creator>
      <pubDate>Thu, 21 May 2009 15:10:55 +0900</pubDate>
    </item>
    <item>
      <title>縮小画像から拡大画像を楽しむ手法（ジャバスクリプトとスタイルシート）</title>
      <link>http://www.hp-funaks.net/news/</link>
      <description>最近のネットショッピングサイトは競争が激しくなってきましたが ...</description>
      <content:encoded><![CDATA[最近のネットショッピングサイトは競争が激しくなってきましたが、その中で勝ち名乗りを上げる為に色々な手法を用いて販売商品を前面に出せる様にしているのを見かけますね。
その中でもっとも顕著なのがフラッシュを使っての誘導画像だと思います。
フラッシュも単に画像が流れていても説得力がないのでその点を克服するのはセンスでしょうか？
今回挑戦したのはサムネイル化した縮小画像からクリックして拡大画像を見せる事でお客様の求める品質、デザインをわかりやすくする方法を更にエスカレートさせる事の出来る物です。
下記写真の中にマウスを入れると右側に拡大画像が浮かび上がります。
その拡大画像は概ね１０倍に設定すると効果があると思います。
購入希望者に縮小写真の中で気になるところにマウスを持っていて貰う事で右側に拡大化された写真が出る事で購入希望者はどんどん気持ちが入り込んでいき、買い物かごに入れてくれる可能性が高まるという物ですね。

インターネットショッピングも買い物の一つで楽しんで貰いたい物。
この様な画像を貼り付けてどんどん楽しんで買い物をたくさんしてくれると良いですね。
 <br />
 <a href="http://www.hp-funaks.net/java_sample/jqzoom/demo/" target="_blank">http://www.hp-funaks.net/java_sample/jqzoom/demo/</a>             

]]></content:encoded>
      <dc:creator>（有）フナックス・エンジニアリング</dc:creator>
      <pubDate>Tue, 19 May 2009 12:30:25 +0900</pubDate>
    </item>
    <item>
      <title>ジャバスクリプトとスタイルシートで大量画像をスライドで気持ちよく見れる様にしてみました</title>
      <link>http://www.hp-funaks.net/news/</link>
      <description>ジャバスクリプトとスタイルシートを使った例は今たくさん世に出 ...</description>
      <content:encoded><![CDATA[ジャバスクリプトとスタイルシートを使った例は今たくさん世に出てきていて旨く活用するとフラッシュと同じような事が出来る事がわかりました。
ネット上でも色々な方が制作方法を公開してくれているのでとても心強いところです。
今回は１１枚の画像をスライドで自動的に次の画像へと移してくれる方法です。
<center>
         <iframe style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" title="bara" id="frm-01" name="frm-01" align="top" src="http://www.hp-funaks.net/bara-noobleslide/" frameborder="0" width="550" scrolling="NO" height="340" marginwidth="5">1</iframe><br /><br />

</center>
最近はこの様な手法が多く見られるようになり、一瞬にして内容を把握出来る事が重要になってきていますね。
一つの手法でした。<br /><br />
下記サイトに掲載してあります。<br />
<a href="http://www.funaks.co.jp/kaigo_blog/" target="_blank">http://www.funaks.co.jp/kaigo_blog/</a>
]]></content:encoded>
      <dc:creator>（有）フナックス・エンジニアリング</dc:creator>
      <pubDate>Sat, 16 May 2009 12:53:44 +0900</pubDate>
    </item>
    <item>
      <title>ジャバスクリプトとCSSを使って拡大写真を貼り付けましょう</title>
      <link>http://www.hp-funaks.net/news/</link>
      <description>最近のネットショップはどんどんフラッシュ化されてきていますが ...</description>
      <content:encoded><![CDATA[最近のネットショップはどんどんフラッシュ化されてきていますが、綺麗な事と受注に結びつく商品情報をどのように閲覧者に対してアピールするかは違うと思うのですが・・・・・。<br>
今まではテンプレート型のネットショップサイトを購入してそれに画像を貼り付けていく簡単なサイトが流行っていたと思います。
最近はオープンソースと言う事で「ECCUBE」などが無料で公開してくれているので努力次第では究極のカスタマイズ化されたネットショップが出来る可能性もあります。

今回紹介するのは「Phatfusion」というサイトで情報公開をしてくれている中の「MultiBox」です。
画像にマウスを置き、クリックすると複数の画像でもどんどん進行して画像を拡大してくれます。
これも最近結構あちこちのサイトで見かけますが、この方法だと見る人にとって気持ちが良く購入したくなるのではないかと思います。
アコーデオンタイプでもそうですが、閲覧者がほしい情報、画像を旨く展開出来るようにすることも大切ではないかと思います。
<center><iframe style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" title="toiawase" id="frm-01" name="frm-01" align="top" src="http://www.hp-funaks.net/MultiBox/multibox/" frameborder="0" width="550" scrolling="no" height="500" marginwidth="5">1</iframe></center>
これで上、左右、斜めからの画像を掲載しておくとそれでもう実際に手に持っている気持ちになりそうですね。
一つの新しいタイプの方法ですね。]]></content:encoded>
      <dc:creator>（有）フナックス・エンジニアリング</dc:creator>
      <pubDate>Mon, 11 May 2009 16:19:02 +0900</pubDate>
    </item>
    <item>
      <title>ジャバスクリプトとスタイルシートでとても印象深いデザインを制作</title>
      <link>http://www.hp-funaks.net/news/</link>
      <description>最近、ジャバスクリプトとスタイルシートを編集してフラッシュっ ...</description>
      <content:encoded><![CDATA[最近、ジャバスクリプトとスタイルシートを編集してフラッシュっぽく動く画像を制作する方式にはまってしまいましたが、今回のもとても印象深く見る事が出来るすばらしい物です。<br />
<iframe style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" title="bara" id="frm-01" name="frm-01" align="top" src="http://www.hp-funaks.net/imagemenu1/imagemenu/index.htm" frameborder="0" width="500" scrolling="NO" height="240" marginwidth="5">1</iframe><br />
画像の上にマウスを置くと５枚ある画像の中でそれぞれ好きな画像がフルに出てちょっとびっくりする事もあるかも？です。<br /><br />
最近よくネットショップで商品の写真を前後左右、上からと方向を変えて見れる様にしているのがありますが、あれもジャバスクリプトですね。しかし、こちらの方がインパクトが大きい様に思います。
印象深いのも大きな要素の一つですからね。<br /><br />

また、頑張ります。]]></content:encoded>
      <dc:creator>（有）フナックス・エンジニアリング</dc:creator>
      <pubDate>Wed, 6 May 2009 15:45:34 +0900</pubDate>
    </item>
    <item>
      <title>サブページもデザイン更新をしました。</title>
      <link>http://www.hp-funaks.net/news/</link>
      <description>このところ、スタイルシートとジャバスクリクトを使ったフラッシ ...</description>
      <content:encoded><![CDATA[このところ、スタイルシートとジャバスクリクトを使ったフラッシュっぽい画像を掲載する事をやって来ましたがその中で気に入った内容をサブページにも貼り付けようと思い、このたび実行しました。
<a href="http://www.hp-funaks.net/jirei1.html" target="_blank">http://www.hp-funaks.net/jirei1.html</a>
上記ページ内に【3dcarousel（３次元回転木馬）】を貼り付けました。
既に「ITブログ」内に実績がありますが、このページでは単なる紹介ですが、今回貼り付けたのはその応用版とでも言いましょうか、回転しているアイコンをクリックすると新しいページが出てそれとページ内で説明している内容が合致する様になっています。
僕が思うには単に動くと言うだけでなく、動いているアイコン、画像等をクリックする事でアクセス者が期待するページに移動出来るのが期待感をそそられる様に思いました。
まずは見てのお楽しみ！<br />
<img src="http://www.hp-funaks.net/carousel1/images/image1.gif" border=0 alt="3dcarousel-image">]]></content:encoded>
      <dc:creator>（有）フナックス・エンジニアリング</dc:creator>
      <pubDate>Wed, 22 Apr 2009 13:50:36 +0900</pubDate>
    </item>
  </channel>
</rss>
