【事例紹介】Twitter、Facebook、Instagramクライアント LayBrick beta

アバター
hira
記事: 905
登録日時: 2005/5/16 00:11
お住まい: 埼玉県
連絡を取る:

【事例紹介】Twitter、Facebook、Instagramクライアント LayBrick beta

投稿記事by hira » 2012/4/12 00:27

新サービスをZen-Cartで構築しましたので紹介します。ショッピングサイトではありませんが・・・
http://laybrick.com
Twitter、Facebook、Instagramを同時に閲覧&横断検索できるwebサービスです。iPhone、Andrdoid対応のテンプレートを実装しています。

ベースは、Zen-Cart日本語版(zen-cart 1.3.0.2 l10n-jp-8のベータ版)です↓
viewtopic.php?t=5632
文字コードはUTF-8、データベースはInnoDBを使っています。
(Zen-Cartとは直接関係ありませんが、全文検索にはmroongaを使っています)

会員登録やセッション管理、各種バリデーション等がそろっているので、オンラインショップ以外でも非常に使えるCMSであることを再認識しました。こんな使い方をする人は世界でも珍しいでしょうけど(^^;

それではZen-Cart側に実装した機能を一部紹介します。

■フレキシブルなテンプレート
HTML5+CSS3を採用し、画面の幅に応じてレイアウトが変化します。これによりiPhoneやAndroidなどのスマートフォンにも対応。PCのブラウザでもサイズ変更すると変化しますので、試してみてください。

■Facebookに連動してログイン
Zen-Cartはセッションを利用しているので、定期的にログアウトされます。各種ソーシャルメディアのクライアントとしては、これは結構不便なので、同ブラウザでFacebookにログインしている場合は、自動でログインするようにしました。(会員情報にFacebookのユーザーID等を持たせています)

■はてブやevernote等へのシェアボタン
サイドボックスからevernote、はてなブックマーク、Twitter、Facebook、Google+へシェアできるようにしました。

■ユーザ登録は最低限なものだけ
オンラインショップではないので、住所は必要ないため、
名前とメールアドレス、国名だけを登録するようにしました。

■コンテンツの編集はCKEditor
高機能なHTMLエディタです。インストール方法はブログ↓で紹介してます。
http://blog.s-page.org/archives/186

■導入した海外モジュール
login_box(ログインボックス)
Multi-Language EZ-Pages(ez_pagesを多言語化)

珍しい事例ですが、こんな使い方もあるのかと遊んでいただければ幸いです :wink:
また、HTML5+CSS3のテンプレートやシェアボタンのサイドボックスなどは需要があれば、モジュール化も検討したいと思います :idea:
Zen-Cartモジュールの配布、サイト構築、カスタマイズ、メンテナンス等
http://www.s-page.net/

Zen-Cart運営サイト 携帯&スマホ(レスポンシブル)対応済
http://www.hiraokaen.com/

“Zen Cart 制作事例” へ戻る