<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
   <title>ホームページ制作｜長崎でウェブデザイン・ホームページ作成｜KS WeB DeSIGN Lab.</title>
   <link rel="alternate" type="text/html" href="http://kngsmym.com/" />
   <link rel="self" type="application/atom+xml" href="http://kngsmym.com/atom.xml" />
   <id>tag:kngsmym.com,2008://14</id>
   <updated>2008-01-08T11:21:53Z</updated>
   <subtitle>KS WeB DeSIGN Lab.は、長崎にて個人事業としてホームページ制作を行っているウェブデザイナーの営業用サイトです。
ホームページの作成、Flash作成はもとより、MT等を用いたブログのカスタマイズやビジネスブログ構築、サイト運営に関するご相談も承ります。</subtitle>
   <generator uri="http://www.sixapart.com/movabletype/">Movable Type 3.35</generator>

<entry>
   <title>ごあいさつ</title>
   <link rel="alternate" type="text/html" href="http://kngsmym.com/outline/#001633" />
   <id>tag:kngsmym.heteml.jp,2007:/kngsmym//14.1633</id>
   
   <published>2007-08-02T03:49:12Z</published>
   <updated>2008-01-08T11:21:53Z</updated>
   
   <summary>ご来訪いただきありがとうございます。本サイトは、個人でホームページ制作を営むウェ...</summary>
   <author>
      <name>maru</name>
      
   </author>
         <category term="概要" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://kngsmym.com/">
      ご来訪いただきありがとうございます。本サイトは、個人でホームページ制作を営むウェブデザイナー下山健吾の営業用サイトです。

本サイトをご覧になり、私の「できること」とお客様の「やりたいこと」、少しでも重なる部分がございましたらご連絡ください。仕事の依頼という形でなくてもかまいません。まずは一度ゆっくりとお話させてください。

若輩者ではございますが、宜しくお願いいたします。
      
   </content>
</entry>
<entry>
   <title>Flash</title>
   <link rel="alternate" type="text/html" href="http://kngsmym.com/work/#001632" />
   <id>tag:kngsmym.heteml.jp,2007:/kngsmym//14.1632</id>
   
   <published>2007-08-01T15:57:05Z</published>
   <updated>2008-01-08T11:21:53Z</updated>
   
   <summary>Flash+Blog 	 		 		daily life photograph ...</summary>
   <author>
      <name>maru</name>
      
   </author>
         <category term="Work｜制作実績" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://kngsmym.com/">
      <![CDATA[<h4>Flash+Blog</h4>
<table width="90%" border="0" cellpadding="0" cellspacing="5">
	<tr>
		<td width="24%" align="left" valign="top"><a href="http://a-nalog.angry.jp/photograph/" target="_blank"><img src="/img/thumbnail/dailylifephotogpaph.jpg" alt="daily life photograph by a:nalog" width="200" height="126" border="0" class="thumbnail_a" /></a></td>
		<td width="76%" align="left" valign="top"><h5><a href="http://a-nalog.angry.jp/photograph/" target="_blank">daily life photograph by a:nalog</a></h5>
		個人の方の写真ブログをFlashと組み合わせてスライドショー形式にしています。MovableTypeをベースとしており、写真の更新はMTの管理画面から通常のブログ投稿の形で行います。投稿された記事はMTによりXMLへと変換され、それをFlashで読み込んで配置しています。<br />
		<br />
		クライアントからリンク集を画面に表示したいという依頼を受け、エントリーとして投稿したURLを一覧にしてドロップダウンで表示できる機能もつけました。</td>
	</tr>
</table>

<h4>スクリーンセーバー作成</h4>
<p>Flashを用いたスクリーンセーバーです。アニメーションはもちろん、Flashの機能をうまく用いればインタラクティブな機能を仕込むことも可能です。</p>

<table width="90%" border="0" cellpadding="0" cellspacing="5">
	<tr>
		<td width="24%" valign="top"><img src="/img/thumbnail/ftlgsvr.jpg" alt="fotologueRSSsaver" width="200" height="160" class="thumbnail_a"/></td>
		<td width="76%" valign="top"><strong>Fotologueスクリーンセーバー<br />
		</strong>インターネット上から自動的に写真を読み込んでスライドショーを実行するスクリーンセーバーです。<br />
		※fotologueの運営会社と弊社は、業務上の関連はございません。</td>
	</tr>
	<tr>
		<td colspan="2" valign="top">
			<a href="http://fotologue.jp/" target="_blank">http://fotologue.jp/</a>という写真サイトをご存知でしょうか。ユーザー登録すればユーザーごとのページが作成され、そこに写真を投稿することができます。そのサイトからは各ユーザーごとにRSS配信がされており、特定ユーザーの更新状況をいち早く知ることができます。<br />
			このスクリーンセーバーは、スクリーンセーバー上から登録したユーザーのRSSを受信して新着20件を順にスライドショーします。<br />
			※動作サンプルについては<a href="http://kngsmym.com/contact/">お問い合わせ</a>ください。</td>
	</tr>
</table>

<h4>インタラクティブ</h4>
<table width="90%" border="0" cellspacing="5" cellpadding="0">
	<tr>
		<td width="23%" valign="top"><a href="javascript:void(0);" onclick="winOpn('/img/thumbnail/simulation.swf','takiguchi','width=700,height=360')"><img src="/img/thumbnail/ampair.jpg" alt="アンペアシミュレーション" border="0" class="thumbnail_a" /></a></td>
		<td width="77%" valign="top"><strong>アンペアシミュレーションFlash</strong><br />
電力会社様からの依頼で作成した使用電力量計算シミュレーションです。家庭で使用する電力量を、配置する家電の使用電力を目安として計算し、総電力量に応じた適正な契約アンペア数を把握してもらうことが目的です。ドラッグアンドドロップで家具を配置すると、必要電力量を計算し、それに応じたアドバイスがもらえます。<br />
<br />
※当時の提案サンプルとして作成したものであり、実際にサイト上で運用はされていません。<br />
※現在このサンプルは、電力会社さまとは全く関係ございません。<br />
※一部キャラクターについては非表示の処理を行っております。</td>
	</tr>
</table>

<h4>Flashアニメーション</h4>
<table width="90%" border="0" cellpadding="0" cellspacing="5">
	<tr>
		<td width="24%" align="left" valign="top"><a href="http://www.山中湖ホテル.jp/" target="_blank"><img src="/img/thumbnail/lynx.jpg" alt="山中湖周辺に宿泊するためのホテル、プチリゾートホテルリンクス" border="0" class="thumbnail_a" /></a></td>
		<td width="76%" align="left" valign="top"><h5><a href="http://www.山中湖ホテル.jp/">山中湖周辺に宿泊するためのホテル、プチリゾートホテルリンクス</a></h5>
			プチリゾートホテルリンクス様のサイトトップフラッシュを作成いたしました。<br />
			<br />
			制作にあたり、デザイン、テキスト、素材については提供を受け、画面展開やテキスト表示のアクションの検討などを私の方で担当し、Flashアニメーションを作成いたしました。</td>
	</tr>
</table>
<p>契約の関係上こちらで公開はできませんが、その他にも多数フラッシュアニメーション作成しております。詳細は<a href="http://kngsmym.com/contact/">お問い合わせ</a>ください。※具体的には以下のようなものを過去に作成いたしました。</p>	
<ul>
	<li>地方博覧会</li>
	<li>食品会社</li>
	<li>ホテル</li>
	<li>リサイクル業者</li>
	<li>テレビドラマ</li>
</ul>]]>
      
   </content>
</entry>
<entry>
   <title>BLOG｜ブログ</title>
   <link rel="alternate" type="text/html" href="http://kngsmym.com/work/#001631" />
   <id>tag:kngsmym.heteml.jp,2007:/kngsmym//14.1631</id>
   
   <published>2007-08-01T15:53:59Z</published>
   <updated>2008-01-08T11:21:52Z</updated>
   
   <summary>ブログの構築事例です Blogでのサイト構築 ブログで店舗・企業サイトを構築した...</summary>
   <author>
      <name>maru</name>
      
   </author>
         <category term="Work｜制作実績" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://kngsmym.com/">
      <![CDATA[<p>ブログの構築事例です</p>
<h4>Blogでのサイト構築</h4>
<p>ブログで店舗・企業サイトを構築した事例です。一般の企業サイト、店舗サイトに遜色ないことがわかっていただけると思います。</p>
<table border="0" cellspacing="5" cellpadding="0">
	<tr>
		<td valign="top"><a href="http://www.estazen.com/zmain.html" target="_blank"><img src="/img/thumbnail/zenzero1.jpg" alt="ゼンゼロ" width="200" height="157" border="0" class="thumbnail_a" /></a></td>
		<td valign="top"><a href="http://www.estazen.com/tant_octave/" target="_blank"><img src="/img/thumbnail/zenzero2.jpg" alt="タントオクターブ" width="200" height="158" border="0" class="thumbnail_a" /></a></td>
	</tr>
	<tr>
		<td colspan="2" align="center"><a href="http://www.estazen.com/zmain.html" target="_blank">ゼンゼロ＆タントオクターブ</a></td>
	</tr>
	<tr>
		<td valign="top"><a href="http://estazen.com/esta.html" target="_blank"><img src="/img/thumbnail/estaminet1.jpg" alt="エスタミネー英語教室" width="200" height="168" border="0" class="thumbnail_a"  /></a></td>
		<td valign="top"><a href="http://estazen.com/esta.html" target="_blank"><img src="/img/thumbnail/estaminet2.jpg" alt="エスタミネー英語教室" width="200" height="168" border="0" class="thumbnail_a"  /></a></td>
	</tr>
	<tr>
		<td colspan="2" align="center"><a href="http://estazen.com/esta.html" target="_blank">エスタミネー英語教室</a></td>
	</tr>
</table>


<h4>Blog+Flash</h4>
<p>ブログをFlashと組み合わせた事例です。以下の４つの画面は写真ブログをFlashで構築したものですが、実は中身は全て同じブログです。Flashで動きのあるかっこいいサイトを作りたい、でも定期的に更新の必要があって、一度作ってしまって終わりにはしたくない。その悩みをFlash＋ブログが解決してくれます。</p>
<table width="90%" border="0" cellpadding="0" cellspacing="5">
	<tr>
		<td align="left" valign="top"><a href="http://wald-grun.com/np_old/photoflash.swf" target="_blank"><img src="/img/thumbnail/np_1.jpg" alt="np｜個人写真サイト" width="200" height="123" border="0" class="thumbnail_a" /></a></td>
		<td align="right" valign="top"><a href="http://wald-grun.com/photoflash20060417.swf" target="_blank"><img src="/img/thumbnail/np_2.jpg" alt="np｜個人写真サイト" width="200" height="123" border="0" class="thumbnail_a" /></a></td>
	</tr>
	<tr>
		<td align="left" valign="top"><a href="http://wald-grun.com/np_test/" target="_blank"><img src="/img/thumbnail/np_3.jpg" alt="np｜個人写真サイト" width="200" height="123" border="0" class="thumbnail_a" /></a></td>
		<td align="right" valign="top"><a href="http://wald-grun.com/index_circle.swf" target="_blank"><img src="/img/thumbnail/wald-grun_photo.jpg" alt="np｜個人写真サイト" width="200" height="123" border="0" class="thumbnail_a" /></a><br />
			※画面が開いたら左下のphotographというリンクをクリックしてご覧ください</td>
	</tr>
</table>
<h4>通常のブログの設置とカスタマイズ </h4>
<p>MovableType、SerenBachなど、一般的ブログツールの設置・カスタマイズはもちろん、エキサイトブログ、ジュゲム、FC2ブログなどの無料ブログのカスタマイズも承ります。</p>
<table border="0" cellspacing="5" cellpadding="0">
	<tr>
		<td><a href="http://wald-grun.com/np_old/index.php" target="_blank"><img src="/img/thumbnail/np.jpg" alt="np" width="200" height="285" border="0" class="thumbnail_a" /></a></td>
		<td><a href="http://sallow.net/ouchiha/" target="_blank"><img src="/img/thumbnail/ouchiha.jpg" alt="ouchiha" width="200" height="283" border="0" class="thumbnail_a" /></a></td>
	</tr>
	<tr>
		<td colspan="2" align="center">MovableType設置例</td>
	</tr>
	<tr>
		<td><a href="http://photoglaph.blog18.fc2.com/" target="_blank"><img src="/img/thumbnail/fc2.jpg" alt="fc2設置例" width="200" height="170" border="0" class="thumbnail_a" /></a></td>
		<td><a href="http://tideland.exblog.jp/" target="_blank"><img src="/img/thumbnail/excite.jpg" alt="excite設置例" width="200" height="170" border="0" class="thumbnail_a" /></a></td>
	</tr>
	<tr>
		<td align="center"><a href="http://photoglaph.blog18.fc2.com/" target="_blank">FC2ブログ設置例</a></td>
		<td align="center"><a href="http://tideland.exblog.jp/" target="_blank">エキサイトブログ設置例</a></td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
</table>]]>
      
   </content>
</entry>
<entry>
   <title>HTML</title>
   <link rel="alternate" type="text/html" href="http://kngsmym.com/work/#001630" />
   <id>tag:kngsmym.heteml.jp,2007:/kngsmym//14.1630</id>
   
   <published>2007-03-12T15:53:22Z</published>
   <updated>2008-01-08T11:21:52Z</updated>
   
   <summary>通常の静的ウェブサイト制作事例のご紹介です。以前の所属先で作成（メインで担当）し...</summary>
   <author>
      <name>maru</name>
      
   </author>
         <category term="Work｜制作実績" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://kngsmym.com/">
      <![CDATA[<p>通常の静的ウェブサイト制作事例のご紹介です。以前の所属先で作成（メインで担当）したものがほとんどですので、画面のキャプチャー画像のみの掲載となります。デザイン参考にご覧ください。</p>

<p><br />
<img src="/img/thumbnail/gensiryoku.gif" width="105" height="71" alt="電気会社原子力情報" class="thumbnail_a" />
<img src="/img/thumbnail/housyu.gif" alt="自治体観光サイト" width="105" height="71" class="thumbnail_a" />
<img src="/img/thumbnail/hurusato.gif" alt="電力会社CSR" width="105" height="71" class="thumbnail_a" />
<img src="/img/thumbnail/hutukaiti.gif" alt="総合病院" width="105" height="71" class="thumbnail_a" />
<img src="/img/thumbnail/kaisei.jpg" alt="高等学校" width="105" height="72" class="thumbnail_a" />
<img src="/img/thumbnail/kensyujo.gif" alt="公的研修所" width="105" height="71" class="thumbnail_a" />
<img src="/img/thumbnail/kyuden_kankyo.jpg" alt="電力会社イントラネット" width="105" height="69" class="thumbnail_a" />
<img src="/img/thumbnail/kyudenko.gif" alt="電力会社" width="105" height="71" class="thumbnail_a" />
<img src="/img/thumbnail/kyudenko_kuma.jpg" alt="電力会社支店" width="105" height="67" class="thumbnail_a" />
<img src="/img/thumbnail/mitsukoshi.gif" alt="デパート" width="105" height="71" class="thumbnail_a" />
<img src="/img/thumbnail/nanoteku.gif" alt="公共団体" width="105" height="71" class="thumbnail_a" />
<img src="/img/thumbnail/noah.gif" alt="製薬会社" width="105" height="70" class="thumbnail_a" />
<img src="/img/thumbnail/ootsu.gif" alt="地方自治体" width="105" height="71" class="thumbnail_a" />
<img src="/img/thumbnail/qbs.gif" alt="一般企業" width="105" height="71" class="thumbnail_a" />
<img src="/img/thumbnail/qstyle.gif" alt="電力会社" width="105" height="71" class="thumbnail_a" />
<img src="/img/thumbnail/rugby.gif" alt="一般団体" width="105" height="71" class="thumbnail_a" />
<img src="/img/thumbnail/sangaku.gif" alt="公共団体" width="105" height="71" class="thumbnail_a" />
<img src="/img/thumbnail/kinsei.gif" alt="靴の紹介" width="105" height="71" class="thumbnail_a" />
<img src="/img/thumbnail/uchida.jpg" alt="一般企業" width="105" height="72" class="thumbnail_a" />
<img src="/img/thumbnail/acros.jpg" width="105" height="79" alt="キオスク情報端末画面" class="thumbnail_a" /></p>
<p>上記は一例です。</p>]]>
      
   </content>
</entry>
<entry>
   <title>料金体系</title>
   <link rel="alternate" type="text/html" href="http://kngsmym.com/outline/#001629" />
   <id>tag:kngsmym.heteml.jp,2007:/kngsmym//14.1629</id>
   
   <published>2007-03-11T15:29:11Z</published>
   <updated>2008-01-08T11:21:52Z</updated>
   
   <summary>制作料金の参考価格です。 料金は全ておおよその価格であり、内容によって価格は変動...</summary>
   <author>
      <name>maru</name>
      
   </author>
         <category term="概要" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://kngsmym.com/">
      <![CDATA[<p>制作料金の参考価格です。</p>
<p>料金は全ておおよその価格であり、内容によって価格は変動します。</p>
<p>制作のご依頼をお考えの場合には、まず内容を詳細にお聞きして、その上で正式な見積もりをさせていただきます。ご了承ください。</p>
<p>お見積もりに関しては無料で対応させていただきますのでお気軽にお問合せください。</p>

<h4>基本制作料金</h4>
<table border="0" cellpadding="2" cellspacing="2" class="pricetable">
	<tr>
		<td align="center" valign="top" bgcolor="#EBEBEB">項目</td>
		<td align="center" valign="top" bgcolor="#EBEBEB">単価</td>
		<td align="center" valign="top" bgcolor="#EBEBEB">詳細</td>
	</tr>
	<tr>
		<td valign="top" bgcolor="#FCFCFC">お見積もり</td>
		<td valign="top" bgcolor="#FCFCFC" class="price">無料</td>
		<td valign="top" bgcolor="#FCFCFC">&nbsp;</td>
	</tr>
	<tr>
		<td width="40%" valign="top" bgcolor="#FCFCFC">お打ち合わせ・ヒアリング・資料作成等　</td>
		<td width="20%" valign="top" bgcolor="#FCFCFC" class="price">\20,000～</td>
		<td width="40%" valign="top" bgcolor="#FCFCFC">&nbsp;</td>
	</tr>
	<tr>
		<td valign="top" bgcolor="#FCFCFC">レイアウトデザイン・サイトマップ作成　</td>
		<td valign="top" bgcolor="#FCFCFC" class="price">\60,000～</td>
		<td valign="top" bgcolor="#FCFCFC">&nbsp;</td>
	</tr>
	<tr>
		<td valign="top" bgcolor="#FCFCFC">HTMLページ作成（A4換算）　<br /></td>
		<td valign="top" nowrap bgcolor="#FCFCFC" class="price">\10,000～/1ページ</td>
		<td valign="top" bgcolor="#FCFCFC">ページ内のレイアウト用画像、文字画像の作成を含みます。<br />
		文字原稿・写真等はデータでご用意いただきます。印刷原稿からデータを起こす場合は別途お見積もりとさせていただきます。</td>
	</tr>
	<tr>
		<td valign="top" bgcolor="#FCFCFC">キーワードマッチング作業<br /></td>
		<td valign="top" bgcolor="#FCFCFC" class="price">\20,000～</td>
		<td valign="top" bgcolor="#FCFCFC">ご希望の検索語で検索サイトから検索されやすいように、サイト内の単語の情報としての重要度を調整する作業です。<br />
		※検索エンジン向けのキーワード最適化を行う作業であり、検索エンジンでの順位を保証するものではありません。</td>
	</tr>
</table>

<h4>Flash作成</h4>
<table border="0" cellpadding="2" cellspacing="2" class="pricetable">
	<tr>
		<td width="40%" align="center" valign="top" bgcolor="#EBEBEB">項目</td>
		<td width="20%" align="center" valign="top" bgcolor="#EBEBEB">単価</td>
		<td width="40%" align="center" valign="top" bgcolor="#EBEBEB">詳細</td>
	</tr>
	<tr>
		<td valign="top" bgcolor="#FCFCFC">アニメーション作成</td>
		<td valign="top" bgcolor="#FCFCFC" class="price">			\40,000～<br /></td>
		<td valign="top" bgcolor="#FCFCFC">簡単に画像や文字が流れるだけのもの</td>
	</tr>
	<tr>
		<td valign="top" bgcolor="#FCFCFC">インタラクティブなコンテンツ作成</td>
		<td valign="top" bgcolor="#FCFCFC" class="price">\80,000～ </td>
		<td valign="top" bgcolor="#FCFCFC">マウスやキーボードの入力に反応して何らかの動作が発生する種類のもの</td>
	</tr>
	<tr>
		<td colspan="3" valign="top" bgcolor="#FCFCFC">※価格は目安です。内容によって料金、かかる時間は変わります。明確な区別は付きにくいと思いますので、詳細はお打合せの中で検討していければと思います。 </td>
	</tr>
</table>

<h4>ブログ作成</h4>
<table border="0" cellpadding="2" cellspacing="2" class="pricetable">
	<tr>
		<td width="40%" align="center" valign="top" bgcolor="#EBEBEB">項目</td>
		<td width="20%" align="center" valign="top" bgcolor="#EBEBEB">単価</td>
		<td width="40%" align="center" valign="top" bgcolor="#EBEBEB">詳細</td>
	</tr>
	<tr>
		<td valign="top" bgcolor="#FCFCFC">			ブログ設置作業		</td>
		<td valign="top" bgcolor="#FCFCFC" class="price">			\10,000～<br /></td>
		<td valign="top" bgcolor="#FCFCFC">ブログシステムを、お使いのサーバーに設置する作業です。</td>
	</tr>
	<tr>
		<td valign="top" bgcolor="#FCFCFC">ブログライセンス</td>
		<td valign="top" bgcolor="#FCFCFC" class="price">\32,000</td>
		<td valign="top" bgcolor="#FCFCFC">SixApart社のMovableTypeをお使いの場合に発生するライセンス料です。</td>
	</tr>
	<tr>
		<td valign="top" bgcolor="#FCFCFC">ブログカスタマイズ</td>
		<td valign="top" bgcolor="#FCFCFC" class="price">\150,000～ </td>
		<td valign="top" bgcolor="#FCFCFC">ブログをお好みのデザイン、構成にカスタマイズする作業です。内容によって料金は異なります。</td>
	</tr>
</table>


<p>※この料金表はまだ作成途中です。</p>]]>
      
   </content>
</entry>
<entry>
   <title>スキル</title>
   <link rel="alternate" type="text/html" href="http://kngsmym.com/outline/#001628" />
   <id>tag:kngsmym.heteml.jp,2007:/kngsmym//14.1628</id>
   
   <published>2007-03-11T13:47:41Z</published>
   <updated>2008-01-08T11:21:52Z</updated>
   
   <summary> 	 		弊社の得意スキル 		 			弊社の出来ることはそう多くありません。イ...</summary>
   <author>
      <name>maru</name>
      
   </author>
         <category term="概要" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://kngsmym.com/">
      <![CDATA[<div id="Accordion1" class="Accordion">
	<div class="AccordionPanel">
		<div class="AccordionPanelTab">弊社の得意スキル</div>
		<div class="AccordionPanelContent">
			<p>弊社の出来ることはそう多くありません。インターネットという大きな世界の中では技術的にほんの一角にすぎないと言える見た目のデザイン、<strong>とにかくホームページを綺麗でかつ機能的に作ること</strong>に注力してきました。<br />
			弊社の得意なスキルを以下にまとめました。グレーの部分をクリックすると内容が表示され、詳細な説明がご覧になれます。</p>
			<div style="text-align:right;"><a href="#pagetop"><img src="/img/pagetop.gif" alt="このページの先頭へ" border="0" /></a></div>
		</div>
	</div>
	<div class="AccordionPanel">
		<div class="AccordionPanelTab">Flash作成｜アニメーションやインタラクティブコンテンツをご提供</div>
		<div class="AccordionPanelContent">
			<p class="skills">弊社はFlashムービーの制作を得意分野のひとつとしています。（制作事例はこちらでご覧下さい）</p>
			<p class="skills">FlashというのはAdobe社から提供されているウェブコンテンツ作成アプリケーションの名称です。ホームページに<strong>動き</strong>を付加するための技術として事実上の標準規格となっており、Flashで作成したアニメーション自体を指してFlashと呼ぶこともあります。</p>
			<p class="skills">Flashから生成されるファイルのサイズが通常の文字や画像に比してやや大きいため、インターネットの黎明期にナローバンドと呼ばれるデータ転送速度の遅い回線が主だった頃には敬遠される傾向もありましたが、近年のブロードバンドの普及に伴いファイルサイズはそれほど問題とされなくなり、いまや企業サイトのトップページには必ずフラッシュによるアニメーションが用いられていると言っても過言ではない状況となっています。弊社では比較的安価に、質の高いFlashアニメーションを提供できると自負しております。</p>
			<p class="skills">Flashは単純なアニメーションだけでなく、マウスやキーボードなどからの入力と連携したインタラクティブなコンテンツを作成することが出来ます。年々その傾向は強まってFlash自体の機能も強化され、近年ではアプリケーション作成ツールとしての側面が注目を浴び始めています。</p>
			<p class="skills">Flashと他プログラム言語を組み合わせると通常の<strong>HTML</strong>と呼ばれるホームページ作成形式だけでは難しい様々な表現や機能を実現することが可能です。そのためにはActionScriptという特殊なFlash用のプログラム言語の習得が不可欠ですが、弊社ではその言語に対応可能です。（ActionScript2.0までに限る）</p>
			<div style="text-align:right;"><a href="#pagetop"><img src="/img/pagetop.gif" alt="このページの先頭へ" border="0" /></a></div>
		</div>
	</div>
	<div class="AccordionPanel">
		<div class="AccordionPanelTab">ブログ作成｜通常のブログだけでなく、企業のサイトとして機能するブログの活用法をご提案</div>
		<div class="AccordionPanelContent">
			<p class="skills">いまや<strong>ブログ</strong>という言葉をご存知でない方のほうが珍しいかもしれません。それほどブログは日本でのインターネット活用において一般的で、かつ重要な位置を占めています。</p>
			<p class="skills">ところでブログという名称の由来をご存知でしょうか。ブログとはウェブログという言葉を略したものですが、もともとはインターネット上で見つけた記事やテキスト情報を自分のサイトにスクラップする行為を<strong>ウェブ（web）＋ログ（log：記録のこと）の合成語としてウェブログ</strong>と呼んだことに端を発します。そう考えると、日本で定着している日記ツールという認識はブログの本来の姿を捉えていないということがわかっていただけると思います。情報集積ツールとして利用してこそブログは真価を発揮するのです。</p>
			<p class="skills">そう考えると企業の情報を発信する場である企業ホームページは実はブログで構築することが可能・・・いえ、むしろ<strong>ブログで構築すると様々なメリットが存在する</strong>のです。</p>
			<p class="skills">発信したい情報を効率よく、わかりやすくまとめて、更新性も確保できます。実はブログでサイトを構築するだけでSEO（検索エンジン最適化）の効果があるとも言われています。SEOとは近年非常に重視されている、検索エンジンでの検索結果が上がるようにサイトを最適化する行為のことですが、Googleやyahooで調べ物をした際に、求める必要な情報より上に個人が書いたブログの記事が表示された経験をお持ちでは無いでしょうか。それだけでもブログに、検索エンジンでの順位を上げる無視できない位の効果があることを感じていただけると思います。</p>
			<p class="skills">導入時のコストも考えると、中小規模の企業が自社サイトを作るのにブログほど適した形態は他に存在しないとさえ思えます。そういった実情を踏まえてか、最近では企業サイトをブログで作成する企業は増えてきています。もちろん弊社にはその経験とノウハウがございます。</p>
			<p class="skills"><strong>実は、当サイトは全てブログで出来ています。</strong></p>
			<p class="skills">「ブログってどれ見てもあまり代わり映えしないデザインだし、個性が無いのではないか」<br />
			ご心配はごもっともです。しかしそれはブログというものが現在の形で急激に広く普及してしまったことによる弊害とも言えるのですが、実際には<strong>通常のサイト制作でできることは全て実現可能</strong>です。通常のサイト制作に、<strong>簡単な更新機能とSEO対策が標準でついてくる</strong>、といった認識で間違いないといえます。そのノウハウももちろんあります。お任せください。</p>
			<div style="text-align:right;"><a href="#pagetop"><img src="/img/pagetop.gif" alt="このページの先頭へ" border="0" /></a></div>
		</div>
	</div>
	<div class="AccordionPanel">
		<div class="AccordionPanelTab">(X)HTML+CSS｜WEB標準でサイト作成。SEO効果も</div>
		<div class="AccordionPanelContent">
			<p class="skills">弊社では基本的に、<strong>（X）HTML＋CSS</strong>という形式でサイトを作成します。HTMLとはホームページに表示する内容を指定するための記述方法の名称。CSSとはホームページの見た目を指定するための記述方法の名称です。<br />
			※以下はそれらの用語についての詳述したものですが、ホームページを運用する上ではそれほど重要ではありませんので読み飛ばしていただいてかまいません。</p>
			<blockquote>
				<p class="skills">HTMLというと言葉自体は昨今では割と広く知られるようになりました。ホームページを作るための言語の名称、要はホームページの正体にあたるものです。ホームページをインターネットエクスプローラーなどのブラウザと呼ばれるソフトで見ると、画像や音声を取り入れた様々な表現がなされていますが、実際には<strong>画面に表示する情報の定義の羅列</strong>をパソコンがサーバー上から読み込んできて、それをソフトで解釈してあのように美しく見せているだけなのです。</p>
				<p class="skills">その定義を記述するためのルールがHTML、<strong>H</strong>yper<strong>T</strong>ext <strong>M</strong>arkup <strong>L</strong>anguageの略です。（現在ではHTMLの後継規格としてXHTMLというものが存在し、いずれはこちらに全て移行していくと言うことになっていますが、ブラウザなどの対応状況がまだ十分でなく、現在は過渡期と言えます。これら両者を同時に指して（X）HTMLという書き方をします。 ） </p>
				<p class="skills">HTMLでは本来<strong>何をどういう位置づけで表示するか</strong>しか書かないことになっています。たとえば表題は表題、本文は本文、表は表と、文字情報の一つ一つに対してそれが何を意味するのかを定義づけ（それをマークアップと呼ぶ）するための言語なわけです。文字の大きさを変えたり色をつけたりは、本来その情報が持っている意味とは無関係にするべきであるとされており、そのあたりを補うために存在するのがCSSです。こちらは<strong>C</strong>ascading <strong>S</strong>tyle <strong>S</strong>heetsの略で、HTMLで定義された文字情報に装飾を施すために存在する記述方法の名前です。</p>
			</blockquote>
			<p class="skills">現代においてホームページはこの2種類の記述法を併用して構築することが主流となっています。それが（X）HTML＋CSSというサイト構築の手法です。実はこの作り方でなくとも、運用面でそれほどの不都合はありません。そもそもどういう作り方をしてもユーザーにはぱっと見その区別はつきませんので、その点実は何の問題もありません。</p>
			<p class="skills">「規格」として標準により近い形にするべきである、という考え方はありますが、旧手法でも表示上は何の問題も無く、規格自体も変遷していくものですので、それほど重要視するべきものでもないという考え方もあり、新手法であるがゆえに起こりがちな環境による見た目の崩れを回避するため、あえて旧手法で作成している場合もしばしば見受けられます。</p>
			<p class="skills">（X）HTML＋CSSという構築方法で一般的にメリットと思われるのは<strong>SEO（検索エンジン最適化）</strong>効果の向上です。ブログは実はほとんどがこの形式で作られているのですが、ブログの項でも少し触れたとおり、この形式で作るだけで検索エンジンでの順位の向上が期待できます。</p>
			<p class="skills">検索エンジンが検索用データを作る際にはまず、インターネット上のホームページを巡回して中身を見て、データを自分の検索用のデータベースに蓄積していくという行為が行われるわけですが、その際には私たちのように見た目の印象で情報の重みを判断するのではなく、プログラム上のデータとして見て判断するため、重要かどうかの判断は、「プログラム的な記述がどうなっているか」に委ねられることになります。</p>
			<p class="skills">こちら側が、サイト内で特に重要な項目についてあらかじめ「この情報は重要」という定義づけをしておくことで、検索データベースにも「この情報は重要」という記録が残り、検索の際に優先的にピックアップされるようになります。その積み重ねが順位の変動に影響してくるという理屈です。</p>
			<p class="skills">実はこれまで用いられていた旧来の作り方は、情報の重み付けを見た目に頼っている部分が大きく、プログラム的に見ると情報の重みの区別がつかない平易なものでした。<strong>情報の重み付け</strong>をしっかり行うことを意識した新しく且つこれからの<strong>標準</strong>となりうる作り方が（X）HTML＋CSSという手法です。弊社では基本を（X）HTML＋CSSでの作成とし、必要に応じて旧来の作り方も取り入れていこうとしています。そのどちらのノウハウ、実績もちゃんとあります。お任せください。</p>
			<div style="text-align:right;"><a href="#pagetop"><img src="/img/pagetop.gif" alt="このページの先頭へ" border="0" /></a></div>
		</div>
	</div>
</div>

<p>上記以外についても、対応可能な場合があります。ご相談下さい。</p>
<p>例えばシステム構築の必要性がある場合、弊社にプログラミング技術はありませんが、SE・プログラマの方たちと連携することで、<strong>システムにデザイン性を付加する</strong>という面でよりよいシステム構築にお力添えできると思っています。ホームページの立ち上げや更新をお考えのクライアント様はもとより、WEBアプリケーション等のシステム構築を担当されている業者様からのお声がけもいただければ幸いです。</p>]]>
      
   </content>
</entry>
<entry>
   <title>プロフィール</title>
   <link rel="alternate" type="text/html" href="http://kngsmym.com/outline/#001627" />
   <id>tag:kngsmym.heteml.jp,2007:/kngsmym//14.1627</id>
   
   <published>2007-03-11T13:43:44Z</published>
   <updated>2008-01-08T11:21:52Z</updated>
   
   <summary> 	 		所在地 		〒851-2102 長崎県西彼杵郡時津町浜田郷860 	 ...</summary>
   <author>
      <name>maru</name>
      
   </author>
         <category term="概要" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://kngsmym.com/">
      <![CDATA[<table border="0" cellspacing="2" cellpadding="3">
	<tr>
		<td align="left" valign="top" bgcolor="#E3E3E3">所在地</td>
		<td align="left" valign="top">〒851-2102 長崎県西彼杵郡時津町浜田郷860</td>
	</tr>
	<tr>
		<td align="left" valign="top" bgcolor="#E3E3E3">TEL/FAX</td>
		<td align="left" valign="top">095-800-6645</td>
	</tr>
	<tr>
		<td align="left" valign="top" bgcolor="#E3E3E3">E-mail</td>
		<td align="left" valign="top">info [at] kngsmym.com ( [at]を@に置き換えてご使用ください ) </td>
	</tr>
	<tr>
		<td align="left" valign="top" bgcolor="#E3E3E3">代表者名</td>
		<td align="left" valign="top">下山健吾</td>
	</tr>
	<tr>
		<td align="left" valign="top" bgcolor="#E3E3E3">事業内容</td>
		<td align="left" valign="top">ホームページ作成 ( 企画、デザイン、HTML/Flash制作、保守・運営 ) </td>
	</tr>
	<tr>
		<td align="left" valign="top" bgcolor="#E3E3E3">経歴</td>
		<td align="left" valign="top">マルチメディア系専門学校卒業<br />
		福岡にてウェブ制作会社に数年勤務後、Uターン就職で故郷長崎に戻り、ウェブ制作会社勤務の傍ら、個人でもウェブ制作業務を開始<br />2007年6月　独立し個人事業主として活動を開始</td>
	</tr>
</table>]]>
      
   </content>
</entry>

</feed>
