質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.09%

WEBサイト作成とフレームワークの組み合わせ

解決済

回答 4

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 1,371

score 51

前提・実現したいこと

・AngularJs(Angular)・CakePHP・Bootstrapのフレームワークの組み合わせで、DB(SQL)検索機能を持ち、セキュリティに配慮したレシポンシブルなWEBサイトを作りたいとおもっています。

疑問

実際の作業に入る前に疑問が生じています。

・AngularJs(Angular)・CakePHP・Bootstrapのフレームワークの組み合わせで申し分が無いのか、
それとも他におすすめのフレームワークの組み合わせがあるのか、
あればどのようなものがあるのか、
実際の現場では、どのような組み合わせが主流なのか、など
教えていたければ、と思っています。

要件の追記

要件があいまい、とのアドバイスを多数いただきましたので、追記させていただきます。
(たくさんの方からのアドバイス、ありがとうございます)

考えているサイトは、外部からの依頼でのサイトでなく、自身のサイトとして、自分が作成したDBを対象としたDB検索画面、検索結果表示できるサイトを作成したいということでした。
(イメージ的には、「住所録リストだけのものを、もっと使いやすく検索、表示できるサイトをつくり、公開する」)
そうしたサイトを作るときの条件として、
A「DB検索まわりのセキュリティ」
B「スマートフォン対応ができるレシポンシブ」
を考えました。
・当初は前述のDB検索画面、検索結果表示を実装するが、将来的には他の機能も必要となるかもしれないのでそれを実装できる環境にしておきたい。(ここの部分は曖昧すぎるな要件なので、現時点では無視するほうがいいのでしょうね(無視するしかない))

もともと、上記AB条件を満たしているであろうフレームワークをつかうことにより、効率的にに求めるサイトを作れるのでは、と思いました。

そのときの、フレームワークとしてAngularJs(Angular)・CakePHP・Bootstrapのフレームワークの組み合わせで申し分が無いのか、

ということでした。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • 退会済みユーザー

    2019/08/29 00:46

    複数のユーザーから「問題・課題が含まれていない質問」という意見がありました
    teratailでは、漠然とした興味から票を募るような質問や、意見の主張をすることを目的とした投稿は推奨していません。
    「編集」ボタンから編集を行い、質問の意図や解決したい課題を明確に記述していただくと回答が得られやすくなります。

  • miyabi_takatsuk

    2019/08/29 16:33

    回答の中でも記載しましたが、
    m.ts10806さんのおっしゃる通りです。
    要件によって、使用して有効なフレームワークなどは変わってきます。
    そして、今回の三つは言語も役割も仕様も全然違うものなので、
    ラーメンと、パソコンと、車の組み合わせってイケてると思う?
    って言っているようなものかと。

    またしょうもない例えだしてしまった。

    キャンセル

  • dreamers

    2019/09/01 09:03

    アドバイス、ありがとうございます。
    teratailの書き方ををあまり理解して無く、失礼致しました。
    要件の追記をさせていただきました。

    キャンセル

回答 4

checkベストアンサー

+4

回答依頼をいただいているので、回答させていただきます。

・AngularJs(Angular)・CakePHP・Bootstrapのフレームワークの組み合わせで申し分が無いのか、

まず、Bootstrapに関しては、見た目のスタイルの部分となりますので、本件での問題とはあまり関連しないかと思いますので、不問とします。
また、AngularJSと、Angularではだいぶ実装方法など変わってきますので、
私が現在開発を行なっているAngularの方で話をさせていただきます。

さて、元も子もない話ですが、
要件によって変わるのでなんとも言えないのが全てです。
なので、どういったサイトを作るのかによって、必要・有効なフレームワークはまるで変わってきます。
Angular含む、JSフレームワークが流行っているからといって、闇雲にそれを使うと大火傷どころか、プロジェクトが炎上します。

さて、AngularとCakePHPの組み合わせですが、
個人的な見解として、
役割が重なりすぎる部分が生じるので、正直組み合わせるのは逆によくわからなくなるし、やめた方がいいかと思います。
なぜなら、CakePHPは、PHPによって、DB連携〜ページ表示のロジック、実表示の部分まで統合的に、一括管理ができるフレームワークです。
対して、Angularは、表示の部分が特化されており、HTMLの表示を、統合的に、一括管理するというのを、フロントエンドで行えるようにするというものです。
(簡単に要約するとです)

Angularを使うことを前提としましょう。そうすると、CakePHPにおいては、ビューのロジックから実表示までの機能は必然使うことができないので(方法はあるかもしれないが、AngularとPHPの表示部分での混合は基本的に不可能)、事実DBコントロールの部分だけを使うことになります。
そうなると、そこの部分だけのPHPフレームワークってなると、CakePHPいらなくね?
DBコントロールだけのライブラリだけで十分じゃね?
ってことになります。

そして、CakePHPを中心に使うことを前提としましょう。
最終のビューまで統合的に管理するので、Angularの出番はありません。
(というか前述の通り混合して使うのはかなり無理がある)

ちなみに、セキュリティを考えると、Angularで(フロントエンド側)でDBコントロールは絶対ダメです(というかできない)。フロント側にDB情報扱わせたら、他者から丸見えですからね。セキュリティもクソもありません。
PHPなりのサーバーサイドとのAPIを用意するしかありません。

SPAを使ってシームレスにしたい!ってなら、AngularとかJSフレームワークだし、
お客様情報を扱う、Webアプリケーションで、ゴリゴリにサーバーでいろいろ処理したい、ってなら、サーバーサイドの言語のフレームワークを使うべきですし。
どうしてもSPAにして、かつサーバー処理ゴリゴリしたいってなら、
サーバー処理だけ、サーバーサイドとAPI連携して、表示部分だけはJSフレームワークで!
ってやればいいし。

以上を考えた時、そのフレームワークの性質や、使用している言語の性質があるため、
要件に合わせて選択するしかないので、
今の時代だとどの組み合わせが一番いいよ!ダメだよ!なんてものは存在しません。

ただし、今回の、AngularとCakePHPに関してだけ言うと、組み合わせるのは難しいし、お互いのいいところを潰し合う結果になりかねません。
Vue.JSとかだったらわりと、CakePHPと組み合わせしやすいかもですが。

個人的な意見が多分に含まれている回答で大変恐縮ですが、
以上になります。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/09/01 22:47

    要件詳細が不備でご迷惑をお掛け致しました。
    AngularとCakePHPの関係性は非常に勉強になりました。
    お忙しい中、長文にわたるご説明、誠に有難うございました。

    キャンセル

+3

・AngularJs(Angular)・CakePHP・Bootstrapのフレームワークの組み合わせで申し分が無いのか、
それとも他におすすめのフレームワークの組み合わせがあるのか、
あればどのようなものがあるのか、
実際の現場では、どのような組み合わせが主流なのか、など
教えていたければ、と思っています。

要件によるので、申し分ないかどうかはお答えできませんが、それほどおかしい組み合わせでもないような気はします。

ただし、最近注目されているフレームワーク(Laravel、React、Vue.js など)ぐらいはチェックして比較検討した方が良いかと思います。

DB(SQL)検索機能を持ち

一般的な Web フレームワークなら基本機能として搭載されているので、気にする必要はないと思います。

セキュリティに配慮した

Web フレームワークにどのような機能を求めているのかによりますので、まずはそれを確認してください。

レシポンシブルなWEBサイトを作りたいとおもっています。

見た目で求めるものが「レスポンシブル」だけであれば、Bootstrap でも十分だと思います。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

+1

あくまで、私の意見です。

セキュリティに配慮した

とありますが、これはどの程度のセキュリティに配慮したいのでしょうか?
例えば端末、サーバー間でのセキュリティ対策でしたらSSL/TLS化などがありますし、
情報を守る意図でしたらまた別の方法をとらなければいけません。

Bootstrapをホームページで使われる方がよくいらっしゃいますが「それってどうなの?」と思ったりします。SEOを気にしている割にはCSSの圧縮等を行ってないからです。

自分が他人のサイトを作るときは静的な部分は自分で1からCSSを組みPHPなどの動的な部分は万が一のためセキュリティに詳しい人に聞いたりします。

結論
自分はフレームワークを使わないけど(たまに使う)使うんだったら圧縮したほうが絶対にいい。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/08/28 21:46

    本題ではないですが、Bootstrapはminify済みのものも配布されています(使う部分だけ抽出することを「圧縮」というのであればまた別ですが)。

    キャンセル

  • 2019/08/28 21:47

    「圧縮」の意図としましては「使うClassだけにすること」となります。

    キャンセル

  • 2019/09/01 22:48

    皆様、いろいろな、アドバイスを有難うございました。

    キャンセル

+1

大抵のことは(セキュリティ面も含めて)主要フレームワークでできるので「最終的には好みで」になります。
もし業務でやってればメンバーの技量とか慣習とか踏まえる必要はありますけど、そうでないなら「自分がやりやすいと思ったもので」になります。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/09/01 22:41 編集

    やはり、主要フレームワークは、セキュリティ面も考慮されているのでね。
    お忙しい中、ご回答ありがとうございます。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.09%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る