CMSなしで本文を構造化する方法 | 清水誠メモ

清水誠メモ - 2009年10月8日(木) 09:00
このページは、外部サイト 清水誠メモ の情報をRSSフィード経由で取得して表示しているため、記事の一部分しか表示されていなかったり、画像などが正しく表示されなかったり、オリジナル記事が意図したデザインと異なっていたりする場合があります。
完全な状態のオリジナル記事は 「CMSなしで本文を構造化する方法」 からご覧ください。
ECM流に保管と配信のCMSを分離しようで取り上げた「ページ中に記述するJavaScriptやHTMLのサンプルコードをCMSには依存しない形で一元管理する方法」を実装してみました。
図:構造化されたコンテンツを管理する3つの方法:
一元管理のアプローチ
保管を分離
まず、コード自体をCMSとは別のサーバー上で一元管理することにします。
このSOA的な分離と疎結合によって、CMSの乗り換えや異なるCMSが混在する環境に容易に対応できるようになります。
取り出す手段
コードを取り出す手段としては、RESTやWebサービスよりもシンプルなJSONP(JavaScriptベース)を採用しました。
テキストコンテンツは汎用的なフォーマットに
取り出されたコードサンプルは、ページ本文中に特定の書式で記述するだけで、差し込みが行われるようにしました。
サンプルコード:12
このように、特定のclassを指定したdivを使い、divで囲まれた部分で表示させたいコードのID(例の場合は12)を指定します。
Web用に整形(プレゼンテーション)
JSONPで配信されるテキストは、コードを見やすく整形する
メルマガの登録はこちら Web担当者に役立つ情報をサクッとゲット!

人気記事トップ10(過去7日間)

今日の用語

UX
ユーザーの体験や経験を表す言葉。ある製品サービスを利用する前の期待値、実際に利用 ...→用語集へ

連載/特集コーナーから探す

インフォメーション

RSSフィード


Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]