更新するのが面倒！サイトの共通部分を簡単に作る様々な方法
サイトにはヘッダーやフッター、ナビゲーション部分など全ページに共通して入る要素があります。 この部分を修正する時はHTMLを全ページ修正するととても手間がかかって大変です。自分のサイトはだいたいCMSで管理しているのでテンプレートを直せばあっと言う間なのですが、それ以外の場合の共通部分を簡単に治す方法を改めて調べてみました。 がんばって直に書いてるものを置換する Dreamweaverのテンプレート機能を使う JavaScriptを使う PHPを使う SSIを使う Node.jsやRubyのツールを使う がんばって直に書いてるものを置換する とりあえず普通にコーディングして、修正などある場合はソフトの一斉置換を使ってなんとかする方法です。 数ページものならあまり気にならないがページが増えていく毎に大変になる。リンクや画像が相対パス指定だと階層が増えると更に大変になります。 <footer>
htmlファイルのままphp includeし、相対パスで読み込めるようにする
最近大量のページ数のサイトをコーディングすることになって、全てがCMSではないため、今後の更新とかを考え共通エリアを設けてメンテナンスをどうにか楽にできないか、と思ったんですよ。 20～30ページ位ならスタティックなhtmlで問題ないけど、さすがに200ページ強になるとまともに組んだのでは後々の修正とかがメンドイ。自身、こんなボリュームのサイトを1人でデザイン・コーディングするのは初めてだったので、メモを残そうと思った次第なのです。 さて手段ですが、色々調べました。 php includeする JavaScriptでincludeする Dreamweaverのテンプレートかライブラリ機能を使う ・・・予想通り。まぁ思いつくところでこれが代表的だと思う。 そこで最初に消したのが、JavaScript。 これはソースに出ないばかりか、SEO的にも疑問がありまくる。 次にDreamweaverの
【JavaScript】共通部分を外部化してメンテナンス性を高めよう | blog.ks-product.com
近年WordPressやMovableTypeといったCMSツールでサイト構築を行うことが一般的になってきて、メンテナンス性向上…近年WordPressやMovableTypeといったCMSツールでサイト構築を行うことが一般的になってきて、メンテナンス性向上の為にヘッダー、フッター、グローバルナビゲーション等、各ページの共通部分は外部ファイル化してインクルード（読み込み）することが多いと思います。 しかし、WordPressやMovableTypeが使えない、ましてやPHPなどのサーバーサイド言語が使えない案件も多いかと思います。 サーバーサイド言語が使えなくてもJavaScriptがあるじゃない 共通部分の外部化・インクルードはサーバーサイド言語でなくてもJavaScriptで行えます。iPhoneの登場以降JavaScriptの地位はかなり向上してデファクトスタンダード的な存在になりま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
