このページの本文へ

前へ 1 2 3 次へ

jQuery、HTML5も使って作る!

BiND4で、空腹時に絶対見てはいけないサイトを作る!

2010年09月28日 12時00分更新

文● ASCII.jp編集部

  • この記事をはてなブックマークに追加
  • 本文印刷

パッとできてスゴい! 【その3】
ツイッターやサイト内検索が埋めこめる

 さて、流行のウェブ技術といえばツイッターだ。「これ食べた!」というナマの声をサイトに取り入れたい。どうせなら、ページを開いてすぐ目に入る位置に設置したい。ここで使うのは「SYNC」という、外部のウェブサービスと連携できる機能。プレビューまでに必要なのはわずか3ステップだ。

 まずはツイッターを入れたい箇所を指定し、SYNCを開く。つづいてツイッターのアカウントを指定したら、表示させたいフレームのカラーを選ぶ。表示件数や、スクロールバーを表示するかどうかを指定したら、プレビューを見て、完成だ。

a

ツイッターの導入も簡単。(1) アカウントを指定 (2) デザインを決める (3) 表示する件数などを決める これだけ!

 SYNCからは、同じようにUstreamやGoogleマップなどの外部サービスも取り入れられる。レストランやカフェを持っている人なら、地図を貼るだけで「アクセス」ページが作れるのはかなり便利なはず。その中でも魅力的なのは「サイト内検索」だ。

 細かいことだが、よくあるサイト内検索も、自分のウェブページにイチから組み込もうとすると厄介なもの。それがただパーツを当てはめるだけで使えるのはとても嬉しい。

サイトの中だけで検索をする「サイト内検索」も、検索サービスとデザインを選ぶだけ

こんな風に好きな場所に埋めこめる

 といったところで、1時間足らずでこちらのウェブサイトが完成! ちなみにBiND4からBiND専用サーバー(プレミアムコース)を使うと、いわゆるショッピングカート機能もつけられるようになっている。個人でもクレジットカード決済ができたり、在庫管理までこなせるので、本格的にネットショップを作りたい人も使えるだろう。

 今回のように完全に趣味丸出しのサイトから、お店の宣伝ページまで、本当に幅広いジャンルのサイトが、とにかくあっさりサクッと作れる。さらに今回のデザインはテンプレートほぼそのまま。編集前からすでにカッコイイため、しめしめと満足した記者であった。


■ ウェブ制作ソフト「BiND for WebLiFE* 4」

 OS:Windows 7/Vista/XP(SP3)、Mac OS X 10.5.8またはMac OS X 10.6.4 以降
 ブラウザー:Internet Explorer 7・8、Firefox 3.6.7、Google Chrome 5、Safari 4・5
 ■ スタンダード版 1万9800円
  ・BiND サーバー Basicコース 6ヵ月利用権
 ■ プロフェッショナル版 2万8800円
  ・BiND サーバー Basicコース 2年間利用権、
  ・BiND サーバー Premiumコース3ヵ月利用権、
  ・写真素材集10点(1万8000円相当)などのビジネスパス付き
 レンタルサーバー:
 Basicコース 980円/月 容量無制限(1ファイル100MBまで)
 Premiumコース 2980円/月 Basicコース+独自ドメイン対応、ショッピングカート昨日、モバイル拡張機能など


■Amazon.co.jpで購入

■関連サイト

前へ 1 2 3 次へ

カテゴリートップへ

注目ニュース

ASCII倶楽部

プレミアムPC試用レポート

ピックアップ

ASCII.jp RSS2.0 配信中

ASCII.jpメール デジタルMac/iPodマガジン