CARECOM CCWebCore による生き生きとした高速ウェブサイト

CARECOM CCWebCore フレームワークで、お客様のために生き生きとした、稲妻のように高速なウェブサイトを構築します。

Harald Mühlhoff 読了 1 分

年初、私は再びウェブアプリケーション開発のための新しいプログラミング技術に集中的に取り組みました。その「副産物」として、サイクリングツアーの日程調整用のスケジューラが生まれました。開発体験があまりに素晴らしかったため、次のステップとして本サイトを刷新し、続いて短期間のうちにいくつかの小規模なクライアントサイト(中でも pchfischer.detherapie-am-fluss.ruhr)を実現しました。これらすべてのサイトに共通しているのは、Twitter Bootstrap のおかげでスマートフォンから大画面テレビまであらゆるデバイスで快適に動作するという点です。アイデアに限りはなく、現在ほぼ毎日のように、何らかの変更や拡張が加わっています。

従来のウェブサイトがどちらかと言えば静的なテキストファイルと画像ファイルの集合体だったのに対し、CARECOM® CCWebCore ではもはやサイトとアプリケーションの区別はありません。すべてのコンテンツはコンポーネントであり、レゴブロックのように自由に組み合わせ、そして何より再利用することができます。

これによって、ようやく個々のコンポーネントへ多めの開発リソースを投入することが割に合うようになりました。例えば <ContactForm hideMessageField={false} /> という 1 行と、サーバー上の設定ファイルさえあれば、お問い合わせフォームを設置できます。

お問い合わせフォーム

多言語対応も自動的に処理され、テキストや(エラー)メッセージは顧客ごとに簡単に個別化できます。

全画面のスライドショーの定義も、ほぼ 1 行で済みます。

let PhotographySlider = (props) =>
        <Slider id="PhotographySlider" baseUrl="/tenants/carecom/images/photography/slides/" fromNr={1} toNr={42} />

あとは写真さえあればよく、その撮影や高品質なレタッチも喜んでお引き受けしています。

全画面スライドショー

現時点では、編集データの準備と公開は私自身が一手に行っています。とはいえ、必要に応じてニュースやキャンペーンなどをクライアント自身が直接公開できるよう、使いやすいエディタ機能の開発もすでに進めています。

これまでに完成済みのコンポーネント/機能:

  • 多言語対応(中国語版も 沒問題 です)
  • タイトルや説明文といったメタデータの管理、および Google サイトマップの自動生成 — Google が重要なコンテンツを漏れなく、常に最新の状態で見つけられるように。
  • Google Analytics(提供内容を改善するためのユーザーアクセス解析)
  • Google Ads(広告の組み込み)
  • 特定のページ・特定の条件で意図的に表示できる情報ボックス — 例えば新規訪問者向けのクーポンとしても活用できます。
    情報ボックス
  • クッキー警告(クッキーの使用についてユーザーへ能動的に通知 — 慎重すぎるということはありません)
    クッキー警告
  • 税抜・税込価格表示をユーザーが素早く切り替えられる 2 つのコンポーネント
    税抜/税込切り替え
  • ユーザーログイン処理(例:優良顧客向けの情報を提供する保護領域の実現など)
    ログインウィンドウ
  • モーダルウィンドウ
  • 「スムーズ」スクロール — 長めのページ内ナビゲーションで重要
  • プログラムコードやデータの整形表示

そもそも、サイトに特別な魅力とほんの少しの息吹を与える細部の作り込みも、シンプルかつ迅速に実現できます。

日付/時刻の表示と現在の営業状況
ポラロイドや付箋に見立てた魅力的な写真表示

もちろん、お客様とお客様の会社を World Wide Web 上にふさわしく表現するサイトを作り上げることは、創造的にも技術的にも、相変わらず刺激的な挑戦であり、理想的には私たちの間の濃密なやり取りを伴うものです。

とはいえ新しい可能性のおかげで、見せられる成果にずっと早く到達できるようになり、製品カタログや予約カレンダーの統合など、デジタル化の流れの中で生まれる新たな潜在力も一歩ずつ拓いていけます。

興味をお持ちでしょうか? それではぜひご連絡ください

Harald Mühlhoff

エラーが発生しました。 再読み込み 🗙

サーバーへ再接続しています …

再接続に失敗しました — 秒後に再試行します。

再接続に失敗しました。
もう一度お試しいただくか、ページを再読み込みしてください。

サーバーがセッションを一時停止しました。

セッションを再開できませんでした。
もう一度お試しいただくか、ページを再読み込みしてください。