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

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

新規登録して質問してみよう
ただいま回答率
85.48%
Angular

Angularは、JavaScriptフレームワークです。AngularJSの後継であり、TypeScriptベースで実装されています。機能ごとに実装を分けやすく、コードの見通しが良いコンポーネント指向です。

Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

CakePHP

CakePHPは、PHPで書かれたWebアプリケーション開発用のフレームワークです。 Ruby on Railsの考え方を多く取り入れており、Railsの高速性とPHPの機動性を兼ね備えています。 MVCやORMなどを「規約優先の考え方」で利用するため、コードを書く手間を省くことができます。 外部のライブラリに依存しないので、単体での利用が可能です。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

AngularJS

AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。

Q&A

解決済

4回答

3045閲覧

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

dreamers

総合スコア61

Angular

Angularは、JavaScriptフレームワークです。AngularJSの後継であり、TypeScriptベースで実装されています。機能ごとに実装を分けやすく、コードの見通しが良いコンポーネント指向です。

Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

CakePHP

CakePHPは、PHPで書かれたWebアプリケーション開発用のフレームワークです。 Ruby on Railsの考え方を多く取り入れており、Railsの高速性とPHPの機動性を兼ね備えています。 MVCやORMなどを「規約優先の考え方」で利用するため、コードを書く手間を省くことができます。 外部のライブラリに依存しないので、単体での利用が可能です。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

AngularJS

AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。

0グッド

0クリップ

投稿2019/08/28 11:11

編集2019/08/30 11:46

前提・実現したいこと

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

疑問

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

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

要件の追記

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

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

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

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

ということでした。

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

dreamers

2019/08/28 12:03

質問を修正しましたが、いかがなものでしょうか。
gentaro

2019/08/28 13:37

低評価されている理由が気になるならガイドラインの「問題・課題が含まれていない質問」を参照してください。(私は低評価ボタン押してませんけど、複数人がコレに該当していると判断しているようです) https://teratail.com/help/avoid-asking
m.ts10806

2019/08/28 14:11

私も付けてませんけど強いてなら全部「要件次第」だからですね。 要件が具体的でない場合、「何が問題か」がハッキリしなくなります。 「現場によって違うし、要件や顧客などによっても違う」わけですし。 そういう回答しかしようがない部分もあるので積極回答は望めないと思ってもらったらと。
miyabi_takatsuk

2019/08/29 07:33

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

2019/09/01 00:03

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

回答4

0

ベストアンサー

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

・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/08/29 07:24

miyabi_takatsuk

総合スコア9528

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

dreamers

2019/09/01 13:47

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

0

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

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

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

DB(SQL)検索機能を持ち

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

セキュリティに配慮した

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

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

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

投稿2019/08/29 08:48

nskydiving

総合スコア6500

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

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

投稿2019/09/01 01:14

m.ts10806

総合スコア80850

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

dreamers

2019/09/01 13:43 編集

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

0

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

セキュリティに配慮した

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

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

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

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

投稿2019/08/28 12:38

kyoya0819

総合スコア10429

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

maisumakun

2019/08/28 12:46

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

2019/08/28 12:47

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

2019/09/01 13:48

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問