質問編集履歴

2 追記

chibi144

chibi144 score 64

2017/11/21 14:41  投稿

WEBサイトの共有部分の読み込みは何で行うべきか
###前提・実現したいこと
自社既存WEBサイトの改修計画があります。
今回、静的コンテンツ部分のヘッダー、フッターを共有化して使いまわしたいと思っています。
今現在、静的コンテンツは120ページ程度です。
外注せずに済むものは外注したくないとの考えのようで、有償CMSの利用などは考えておりません。
8割以上のページは作りっぱなしで大丈夫ですが、年に一回くらい定価変更や廃番などの関係で変更があるかもしれません。
(mod_rewriteで最終的には隠すことになるでしょうが)拡張子にこだわりはありません。
納期は特になく、開発人数は私を入れて1~2人です。
私が触ったことがあるものはHTML、CSS、PHPくらいで、Javascriptはコピペレベルです。
[更新するのが面倒!サイトの共通部分を簡単に作る様々な方法|WEB Drawer ](http://webdrawer.net/other/templates.html)
[HTML共通部分を部品化して読み込ませる方法](http://web-geek.site/post-333/)
これらのページを見ていますが、最終的にどの手段を取ればいいのか判断つきません。
2つ目の記事の中ではJavascriptが選ばれていますが、
各ブラウザで設定をオフにされると表示できないことを考えると、
あまりヘッダー・フッターには使いたくないかなと思ってしまいます。
同規模のサイトを見て回ったところ拡張子がhtmlやhtmの箇所があったりして、
いよいよ何で作るのが一般的なのかわかりません。
優先したいのは「管理しやすさ」(将来引き継ぐことになる人がしんどくないように)で、
作成時の学習量の多さやしんどさは度外視で構いません。
今後更新を引き継ぐことになる人にとって負の遺産になることだけ避けたいと考えています。
なお、この今後更新を引き継ぐことになる人についてですが、
社風上、経験者や既習者ではなく門戸外の人間に投げる可能性があります。
私個人、WEB制作はすべて独学で、周囲に相談できる人はいません。
そのため、場合によっては
「内部がどうなっているのかよくわかんないけど、とりあえず見た目の更新はこのファイルを弄ったらできるよ!」
……くらいのレベルの引き継ぎになるかもしれないと覚悟しております。
長くなってしまいましたが、
普通はどうやって作るものなのか、
上記のような事情を踏まえるとどうするのがおすすめなのか、
アドバイス頂けると大変ありがたいです。
※Yah●o知恵袋に行った方がいい案件であれば移動します
※Yah●o知恵袋に行った方がいい案件であれば移動します
追記
借りているサーバーのバージョン情報は以下の通りです。
![バージョン情報](16afe8ad6720620c137068d4ec03deee.png)
Perlモジュール(標準以外)が非常に多岐に渡っていたため割愛します。
必要な部分を教えて頂ければ貼り付けます。
  • PHP

    31358 questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • JavaScript

    28809 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • HTML5

    7743 questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

1 追記

chibi144

chibi144 score 64

2017/11/21 14:30  投稿

WEBサイトの共有部分の読み込みは何で行うべきか
###前提・実現したいこと
自社既存WEBサイトの改修計画があります。
今回、静的コンテンツ部分のヘッダー、フッターを共有化して使いまわしたいと思っています。
今現在、静的コンテンツは120ページ程度です。
外注せずに済むものは外注したくないとの考えのようで、有償CMSの利用などは考えておりません。
8割以上のページは作りっぱなしで大丈夫ですが、年に一回くらい定価変更や廃番などの関係で変更があるかもしれません。
(mod_rewriteで最終的には隠すことになるでしょうが)拡張子にこだわりはありません。
納期は特になく、開発人数は私を入れて1~2人です。
私が触ったことがあるものはHTML、CSS、PHPくらいで、Javascriptはコピペレベルです。
[更新するのが面倒!サイトの共通部分を簡単に作る様々な方法|WEB Drawer ](http://webdrawer.net/other/templates.html)
[HTML共通部分を部品化して読み込ませる方法](http://web-geek.site/post-333/)
これらのページを見ていますが、最終的にどの手段を取ればいいのか判断つきません。
2つ目の記事の中ではJavascriptが選ばれていますが、
各ブラウザで設定をオフにされると表示できないことを考えると、
あまりヘッダー・フッターには使いたくないかなと思ってしまいます。
同規模のサイトを見て回ったところ拡張子がhtmlやhtmの箇所があったりして、
いよいよ何で作るのが一般的なのかわかりません。
優先したいのは「管理しやすさ」(将来引き継ぐことになる人がしんどくないように)で、
作成時の学習量の多さやしんどさは度外視で構いません。
今後更新を引き継ぐことになる人にとって負の遺産になることだけ避けたいと考えています。
なお、この今後更新を引き継ぐことになる人についてですが、
社風上、経験者や既習者ではなく門戸外の人間に投げる可能性があります。
私個人、WEB制作はすべて独学で、周囲に相談できる人はいません。
そのため、場合によっては
「内部がどうなっているのかよくわかんないけど、とりあえず見た目の更新はこのファイルを弄ったらできるよ!」
……くらいのレベルの引き継ぎになるかもしれないと覚悟しております。
長くなってしまいましたが、
普通はどうやって作るものなのか、
上記のような事情を踏まえるとどうするのがおすすめなのか、
アドバイス頂けると大変ありがたいです。
アドバイス頂けると大変ありがたいです。
※Yah●o知恵袋に行った方がいい案件であれば移動します
  • PHP

    31358 questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • JavaScript

    28809 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • HTML5

    7743 questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る