Follow Us.RSS

2010年11月25日(木)導入事例の裏側大公開!「東龍」様 編

  • 京都で人気のラーメン店「東龍」様のサイトリニューアルに、CMONOS.JP を使っていただきました。今回特別に許可をいただきましたので、新サイトの管理画面などをご紹介します。

  • (2010年11月25日(木) 午前8時57分45秒 更新)
  • このエントリーをはてなブックマークに追加TweetBuzzurlにブックマークBuzzurlにブックマーク

京都で大人気の行列ができるラーメン店「東龍」様

「中華そば 東龍」といえば、京都で人気のラーメン店です。「東龍」のお店は現在四店舗あるのですが、いずれのお店も評価が高く店の前に行列ができることもしばしば。

ただ、お店が増えたことを知らないお客様も多いことから、本店以外の情報があまりなかった古いサイトを思いきってリニューアルすることにしたそうです。

情報が古くなっていた旧サイト。

アジア風のどこかなつかしい店舗デザインをベースに、新たに生まれ変わったサイト。

Googleマップを使って四店舗をわかりやすく

新しいサイトでは、CMONOS.JP の「Googleマップ埋め込み」フィールドを使って、お店の位置がわかりやすく紹介されています。

お店の看板をマウスオーバーすると、Googleマップ上で関連する情報ウィンドウが開きます。Googleマップ上のマーカーに関連するリンクをマウスオーバーすると情報ウィンドウが開くのは、CMONOS.JP にはじめから用意されている機能です。

地図の入力はとても簡単。地図をドラッグして表示したい位置にあわせるだけです。

味わい深い縦書き表示

また「東龍」様の新しいサイトでは、竹取JSを利用して、一部縦書き表示となっています。京都という立地や、東アジアを意識したデザインにぴったりマッチしていますね! 竹取JSは処理が重いことが難点ですが、この程度の長さの文章であれば、iPhone でも問題なく縦書きで表示できます。

「東龍の歴史」コーナーで採用された縦書き。この他にも、各店舗のメニューが縦書きとなっています。

メニューを手軽に追加

各店舗のメニューは、ブラウザから簡単に更新できるようになっています。「一番人気」「期間限定」などのラベルも、プルダウンメニューから選ぶだけです。

必要なときにいくつでもメニューを追加できます。メニューを増やすには「新規 section」を選択します。

実際のメニュー表示。縦書き部分は「竹取JS」によるもの。もちろんこの部分もブラウザから更新可能です。

いかがでしたか? CMONOS.JP なら、簡単に Googleマップと連携したサイトを作れます。系列店舗の位置をわかりやすく表示するのに最適です。ぜひ、ご活用ください。

最後になりましたが、導入事例として紹介することを快諾してくださった「東龍」様に心より御礼申し上げます。ありがとうございました。

コメント

トラックバック

関連記事

[画像]

CMONOS.JP | 開発者ブログ | ウェブにも縦書きを!「竹取JS」公開

2010年7月5日 ... JavaScript で縦書き表示を実現する「竹取JS」を「MITライセンス」で公開しました。「Web」につづく縦書き応援企画第2弾です。中国語と韓国語の縦書き化にも対応し ています。
https://cmonos.jp/blog/2010070500/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | もっと、Googleマップ!

2010年4月20日 ... 数ある CMS の中でもトップクラスの Googleマップ 連携機能を誇る CMONOS.JP。 さらに便利な機能が加わりました。
https://cmonos.jp/blog/2010042000/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 縦書き文庫の「涅槃」がすごい!

2010年4月23日 ...縦書き文庫さんが公開している MIT ライセンスの縦書き組版エンジン「涅槃」がとてもよく できていました。JavaScript で手軽に組み込めるのがいいですね!
https://cmonos.jp/blog/2010042300/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | ついに WebKit が縦書きの実装に着手!

2010年11月25日 ...縦書き CSS の仕様が固まりつつあることを受けて、最新の WebKit Nightly Build が ついに縦書きを実装しました。まだまだ実験的な実装ですが、WebKit が縦書きを サポートする意志を明らかにしたことの影響はかなり大きいと言えるでしょう。
https://cmonos.jp/blog/2010112501/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | GoogleMaps で線分の距離を測ろう!

2008年8月11日 ... GoogleMaps で線分の距離を測ることができる gmap.js を公開しました。
https://cmonos.jp/blog/2008081100/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 日中韓ウェブをまるっと縦書き化

2011年9月14日 ... 既存ウェブサイトをどんどん縦書き化する無料ウェブサービス「竹取Web」が UTF-8 化。 中国語やハングルも文字化けせずに縦書き化できるようになりました。
https://cmonos.jp/blog/2011091400/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 導入事例の裏側大公開!

2009年10月15日 ...導入事例として紹介させていただいている総合デザイン事務所 (株)サウザンドデザイン 様から、サイトリニューアルのご連絡をいただいたので、お願いして特別に管理画面を 拝見させていただきました。
https://cmonos.jp/blog/2009101500/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 縦書きのススメ

2011年2月1日 ... WebKit への縦書き実装が着実に進み、ウェブ上で縦書きが読める日ももうすぐです。 そこで今から縦書きウェブの予習をしておきましょう。
https://cmonos.jp/blog/2011020101/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | Google Maps API v3 に対応しました

2010年9月15日 ...Google Maps API v3 に対応しました。API キーが必要なくなったほか、ストリートビュー の操作が Googleマップと同様のものとなり、分かりやすくなりました。
https://cmonos.jp/blog/2010091500/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 地図で物件検索!「不動産サイト」

2010年3月15日 ... CMONOS.JP 専用サイトテンプレート「不動産サイト」は、不動産サイトのために作成 されました。Google マップを利用した物件検索や会社概要ページがあらかじめ 組み込まれています。
https://cmonos.jp/blog/2010031502/1.shtml

更新情報

最近の記事

RSS

カレンダー



[日]
[月] 1
[火] 2
[水] 3
[木] 4
[金] 5
[土] 6

[日] 7
[月] 8
[火] 9
[水] 10
[木] 11
[金] 12
[土] 13

[日] 14
[月] 15
[火] 16
[水] 17
[木] 18
[金] 19
[土] 20

[日] 21
[月] 22
[火] 23
[水] 24
[木] 25
[金] 26
[土] 27

[日] 28
[月] 29
[火] 30
[水]
[木]
[金]
[土]

最近のコメント

RSS

最近のトラックバック

RSS

このページのトップへ
NEXT>>

PC 向けページに移動する