« ブログのトップページに戻る

大塚孝二 さんの投稿記事

About: 大塚孝二

Website
https://www.live-commerce.com
Profile
1984年 武蔵野美術大学 造形学部 基礎デザイン学科 卒業 美術館、博物館、科学館などのミュージアムグラフィックを約25年従事。 ミュージアムグラフィックとは美術館、博物館、科学館の情報グラフィックデザインとこと。 平たく言うと、ミュージアムのサインやグラフィック情報パネル、展示ラベル、ポスター、パンフレット、カタログ、ITコンテンツなどミュージアムに関するグラフィックやIT情報インターフェースデザインをいう。 その後、時代の流れとともにWebデザインの必要性を感じ、主としてとして前職の経験を活かし、デザインユーザービリティを追及したWebデザインを中心に活動している。 現在はWebクリエイターデザイン講師の仕事の傍ら、デジタルスタジオにてEコマースのインターフェースデザインの設計や本ブログにおいてWebデザイン周辺の情報発信を行っている。

管理画面のTOPページ

2009年10月6日 火曜日

前回のポストで、管理画面に必要な機能とは? という記事を書きましたが、いろいろな意見とプラグインとの連携を今後考慮して、モジュール形式で管理画面をカスタマイズできるように設計しました。

一言でいうならiGoogleの機能を管理画面に持ってきたようなものです。

iGoogleのように個別のモジュールはプラグインとして簡単にビルドインできるようになっているので、初期で実装されるコアのモジュールに追加して、今後必要になるデータをプラグインから追加することになります。コア開発チームでは、この管理画面のモジュールをアップデート毎にユーザー様の意見を取り入れながら追加を検討していきます。

管理画面TOP

管理画面TOP全体像

ドラッグ&ドロップしたりして、個別のモジュールを追加できる

ドラッグ&ドロップしたりして、個別のモジュールを追加できる

 

カタログからデータを直接編集するプラグイン

2009年9月26日 土曜日

ただ管理画面へのリンクを通したプラグインです。
下の画像のようにヘッダーに管理用のメニューがテーマの希望する位置にタグを付けると表示され、サイト管理者にとってはデータを直接編集できるリンクが表示されるので、何かと便利です。

(Adminにログインしないと表示されないので、皆さまには見れません)

管理画面にログインしている間だけ表示される管理用の編集メニュー

管理画面にログインしている間だけ表示される管理用の編集メニュー クリックするとムービーが再生されます

カタログ側から直接商品やページデザインの編集画面に直リンクしているメニューをヘッダー上部に表示するだけの単純機能です。これは初期実装済みのプラグインとしてインストールされています。

 

パフォーマンス最適化

2009年9月16日 水曜日

本日、開発当初より課題となっていたホームページの表示速度に関して取り組みました。
以前会社のホームページでも実践したことがある内容だったので、前回の経験も生かしつつ、フレームワークの課題でもある「内部に多くのロジックを溜め込むことによる表示遅延」を実用レベルまで高速化できるかどうかが課題です。
今回は共用レンタルサーバでの利用を想定した範囲内にとどめるチューニングをやりました。
今回行った記録は、今後も最適化を行うことを考慮してWikiに残しておきました。(まだ書きかけだけど、地道に書き足してきます

Step1
まずは、キャッシュもなにもしないまったく最適化をしていない状態。

表示は1.837秒。表示速度はやはり遅く感じ取れる

表示は1.837秒。表示速度はやはり遅い

Step2
ヘッダーにexpiresの設定と、Gzip圧縮をセット

表示1.657秒。まだ遅い。

表示1.657秒。まだ遅く感じられる。

Step3
Step2 の内容にZend Cacheをセット
この結果は期待以上ですね。これならECサイトとしては十分でしょう。前回の記事で書いたCache機能が出来上がったcacheですが、いい仕事してます。

2回目のアクセス時で0.246秒。 これで実用レベルOKでしょう。

2回目のアクセス時で0.246秒。 これで実用レベルOKでしょう。

ヘッダーをGzip圧縮した結果はPort80 というサイトで無料で分析などができる。
step4

最終的なフロントエンドのソースコード周りはGoogleがFireFoxのFirebugアドオンで提供しているツールを使って、さらに改良中…。だが、ソースコードレベルだと一定以上の最適化を行うと、ブロードバンド回線とハイスペックマシンだとほとんど効果は期待できない。
step5

 

機能一覧

2009年9月8日 火曜日

Live Commerceの初期リリースで実装される機能をまとめました。機能一覧ページを作成しましたのでこちらで確認してください。

おおむねこれで決定で、あとはこれでOKというところまでひたすらバグつぶしです。
コア系の機能は必要最低限に絞り込み、今後要望があるであろう機能はすべてプラグインで実現させる方向性で考えています。

コア機能として実装したキャッシュ機能を説明しておきたいと思います。
ロジック的なものはZend Frameworkにある Zend Cacheです。 

管理画面のインターフェースは↓こちらのような感じで、それぞれの役割パート別にキャッシュを生成し、キャッシュ時間をそれぞれ指定できるのが特徴です。

キャッシュの管理画面

キャッシュの管理画面

キャッシュされたファイルは一般的な /tmp ディレクトリではく、共用サーバを重視して各ユーザー毎にディレクトリのcacheに保存されるようにした。例 ) home/****/cache/

キャッシュされたファイルはFTPからcacheディレクトリのファイルを直接削除することも可能

キャッシュされたファイルはFTPからcacheディレクトリのファイルを直接削除することも可能

 

ECサイトの管理画面TOPページに必要な機能とは?

2009年7月28日 火曜日

現在のLive Commerceの管理画面
Live Commerce管理画面