フレームワークとは？ホームページづくりの「骨組み」

「このサイトは〇〇というフレームワークで作っています」。制作会社の説明や求人で、よく見る言葉です。でも、フレームワークって何でしょう。中学生にもわかるように、順に見ていきます。

言葉のもとの意味は「枠組み」

フレームワーク（framework）は、英語で「枠組み」「骨組み」という意味です。frame は「枠」、work は「作り」です。

仕事の話でも使われます。会社の強みや弱みを整理する「SWOT（スウォット）分析」のような、考えるときの型も、フレームワークと呼ばれます。どちらも「最初に決まった枠があって、その中を埋めていく」ところが同じです。

この記事では、ホームページやアプリづくりのフレームワークの話をします。

ホームページづくりのフレームワーク

家づくりにたとえます。

家を建てるとき、毎回、柱の太さや屋根の組み方から考えていたら、とても時間がかかります。そこで、よく使う形の「骨組み」を先に用意しておき、壁や窓や内装だけを、お客さまに合わせて作る。こうすると、早く、丈夫に建てられます。

ホームページやアプリのフレームワークも同じです。

• 最初から用意されている骨組みページの切りかえ、データの出し入れ、ログイン、セキュリティの基本など、どのサイトにもある部分です。
• 自分たちで作る部分そのサイトならではの見た目、文章、しくみです。

組み立て式の家具を思いうかべると、もっと近いかもしれません。板の形と組み方が決まっているから、説明書どおりに進めれば、誰でも同じ形に仕上がります。

使うと、何がいいの？

• 早く作れるどのサイトにもある部分を、一から作らなくてすみます。
• 安全になりやすい世界中の人が使って、弱いところを見つけては直しています。自分ひとりで作るより、穴が見つかりやすく、直る速さも早いです。
• ほかの人が引きつぎやすい決まった形で作るので、作った人がいなくなっても、同じフレームワークを知っている人なら読めます。
• 速いサイトにしやすい表示を速くする工夫が、最初から入っているものが多いです。

ライブラリ・WordPress との違い

似た言葉が2つあります。

• ライブラリ＝道具箱必要なときに、自分で道具を取り出して使います。何をいつ使うかを決めるのは、作る人です。
• フレームワーク＝舞台舞台には、立つ場所や出番が決まっています。作る人は、決められた場所に、自分の役を入れていきます。流れを決めるのは、骨組みのほうです。

専門家はよく「ライブラリは自分が呼ぶ。フレームワークは向こうが自分を呼ぶ」と説明します。ただ、実際の会話では、ライブラリもまとめて「フレームワーク」と呼ぶことが多いです。あまり厳密に分けなくても大丈夫です。

• WordPress は？WordPress は「CMS（シーエムエス）」と呼ばれる、記事を書いて公開するための完成品に近い道具です。フレームワークは「骨組み」、WordPress は「ほぼ建っている家」に近いものです。

代表的なフレームワーク

React や Svelte は、この中の「画面を作る部分」を担当する道具です。くわしくは Svelte・Reactとは？ で紹介しています。

気をつけること

• 骨組みのルールに合わせる決まった形で作るぶん、骨組みが想定していない作り方は、むずかしくなることがあります。
• 骨組みも、手入れが必要フレームワークにも弱いところが見つかります。新しい版が出たら、更新が必要です。2026年10月のPHPの脆弱性も、PHPで動くフレームワーク（Laravel など）に関わる話でした。
• はやりすたりがある人気がなくなったフレームワークは、直せる人や情報が減ります。長く手入れされているかを見て選びます。

PHPの脆弱性の話はこちら → PHPの脆弱性「php2shell」とは？

茂原・長生郡の小さな会社にとっては

茂原市や長生郡（一宮町・睦沢町・長生村・白子町・長柄町・長南町）、市原市・木更津市・東金市・大網白里市の小さな会社やお店が、フレームワークを自分で覚える必要はありません。

ただ、ホームページを頼むときに、次の2つを聞いておくと安心です。

• 「何で作りますか？」WordPress なのか、フレームワークなのか、ホームページ作成サービスなのか。答えによって、あとの更新のしかたが変わります。
• 「ほかの人でも直せますか？」よく使われているフレームワークや道具なら、作った人がいなくなっても、直せる人を見つけやすくなります。

Yoraku は、茂原市を拠点に、長生郡・市原市・木更津市・東金市・大網白里市へ伺っています。目的と更新のしかたに合わせた作り方で、ホームページ制作 をお手伝いします。気軽にご相談ください。

よくある質問