• ベストアンサー

vue.jsのデータベース操作について

vue.jsを学習しているのですが、サイトや教材の事例で、データベースを操作するフェーズでは、なぜかFirebaseを使ったり、rails、laravel、もしくはNode.jsをバックエンドにした事例ばかりが出てきます。 vue.jsがデータベースを直接、操作することはできないのでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
  • t_ohta
  • ベストアンサー率38% (5085/13292)
回答No.1

Vue.js はブラウザサイドで動作するフレームワークから、直接データベースにアクセスする手段はありません。 サーバサイドでリクエストを受け付け、データベースを操作し結果を返してくれるWeb API等を別途構築する必要があります。

riyo0915
質問者

お礼

やはり、サーバーサイドの構築が必要なんですね。 どの言語・サービスが相性がいいか模索してみます。 ありがとうございます。

関連するQ&A

  • JSのライブリーで導入障壁が小さいもの

    javascriptのおすすめライブリーと開発環境を提案してほしいです。 Webサイトとしてではなく、GUIプログラム構築の手段としてWebアプリを使っています。目的は社内でのデータ操作のUI改善というか、EXCELマクロの延長みたいなイメージで、ささっと試作して良ければちゃんと作る、という用途です。 ちょっとしたスクリプトに近いかもしれません。 Webは手段で、やりたい事はサーバサイドのデータ加工です。 人間の判断が必要な部分を楽に操作してもらう為に使っています。 アイディアをさっと見せたりに使うのですが、 職業プログラマーでもなく、スキルも高く無いため、素のJSで作成したところ結構時間がかかってしまいました。 今後もメイン業務に合わせて同じように色々作る必要があるのですが、 可能あれば、少々投資してライブリーを学習して効率を上げたいです。 色々調べてみて、Jqueryは古い感じも出てきているので、別なもので良さそうなものを探してます。 ※データ操作をグラフィカルに行えるようにDOMを追随させる感じでブラウザ側は1ページ完結です。 REACTはちょっと固い感じなのでRIOTとかVUE.jsとかが良いかとは思ってます。 他のものも含めて目的に合うかどうかご意見下さい。 また、開発環境の構築について紹介しているサイトあれば教えてください。 ほぼ一人開発な感じで、高機能エディタとFIREFOXのデバッグツールで頑張りましたが、こちらも一般的な環境教えてほしいです。 これだけやる訳にも行かないので、学習が早く、コンパクトなライブリー、もしくはフレームワークが希望です。 スキルも多少考慮いただければと思います。

  • Node.js ファイル操作の非同期処理について。

    現在Node.jsを勉強しているのですが。 下記が教材に書いてあった、ソースコードです。 -------------------ここから------------------ const fs = require('fs'); // ファイルの書き込み fs.writeFile('test.txt', 'テストファイルの中身です。', function(err) { if (err) { console.log('エラー発生。'); console.log(err); return; } // ファイル読み込み。エンコーディングを指定する必要がある fs.readFile('test.txt', {encoding: 'utf8'}, function(err, data) { if (err) { console.log('エラー発生。'); console.log(err); return; } console.log('読み込んだ内容:' + data); }); }); // ここですぐにファイルを読むのは誤り! // この時点ではファイル書き込みがされている保証はない -------------------ここまで------------------ なのですが、このコメント部分の説明 // ここですぐにファイルを読むのは誤り! // この時点ではファイル書き込みがされている保証はない これは合ってますか? この場合、タスクキューに、 「ファイルの書き込み操作」がエンキューされ。 「ファイルの読み込み操作」がエンキューされ。 コールスタックが空になったら、 「ファイルの書き込み操作」がデキューされ実行。 コールスタックが空になったら、 「ファイルの読み込み操作」がデキューされ実行。 という処理を踏むと思うのですが。違うのでしょうか。 コメントの部分に、console.log("終了")って書いてしまうと、一番最初に終了って文字が出てしまうと思うのですが。 ファイル操作に関しては、タスクキューに入るので、順番に実行されるような気がします。 よろしくお願いします。

  • データベースの初歩の質問

    一般的なSQLデータベース(予定、MySql等)を使って、Webサイト を作成するため書籍等で勉強中ですが、全然理解できません。 そこで、現在最も不明な点について質問させてください。 ●データベースの不明な点 ・(小規模)設計で痛い失敗や初心者の起こしやすいミス  てどこですか? ・データベースについて解かりやすいサイトがあれば教えて  いただけませんか? ・プログラム習得の際、殆どマニュアルで解からない所が多い  いので実際にソースを打ち込んでみて、動作から理解している  のですが、データベースもそのような方法でマスターできますか?  (現在実践中ですが、単にデータを書き込みや読み込みが出来る  だけで、そこから先に進めません。) ●正規化について ・正規化をしないと、困る事てなんですか? ・正規化して別れたテーブルに同じカラムが出来ますが、  データ変更などの操作は、どのテーブルに対して行うのですか? ・第3正規化位までが学習できる初心者向けサイトがあれば  教えていただけませんか? ※検討違いの質問があればすみません。

  • スマホでチャットアプリが作りたいのですが

    スマホアプリ制作初心者ですが簡単なリアルタイムチャットアプリケーションを制作したいと思っています。 バックエンドはNode.js、AWSでの運用を考えています。 Phonegap/ Cordova アプリカンな調べましたが、基礎知識が浅くなにが最適かわかりません。 このようなケースでアプリ化する場合、おすすめライブラリやツールがあれば教えて頂けますでしょうか。

  • VB6 クラスによるフォームコントロール操作。

    お世話になってます。 初歩的な質問でしたら申し訳ありません。 現在 Visual Basic を学習しています。 データベース操作用のクラスを作り、 データベース処理の間、呼び出し元の任意のフォームに配置した プログレスバーに経過を表示したいと思っています。 そこでこのようなプログラムを書きました。 ■呼び出し元フォーム ---------------------------- Dim oDB As New AccessDB Private Sub Button_Click()   ' myProgressBar : Meに配置したプログレスバー   oDB.CreateMDB("hoge.mdb", myProgressBar) ' (1) End Sub ■データベース操作用クラス(AccessDB) ------------ Public Sub CreateMDB(strFile As String, pProgress As ProgressBar)   pProgressBar.Max = 100    処理 End Sub myProgressBar と、DB操作クラスの引数で宣言される pProgress はポインタとして渡せるのではないかという概念です。 しかし実行すると、(1)の呼び出しで構文エラーが出てしまいます。 このようにコントロールを渡す場合には、 どのようにすればよいのでしょうか。

  • 未経験のプログラミング学習で行き詰まる

    コロナで職を失いました。 元々やっていた仕事は将来性が見込めないので心機一転、未経験でもエンジニアを目指せる会社に入れてもらいました。 そこではまず正規雇用として誘い入れ、そのご契約社員としての採用を持ち出し、最終的にはアルバイトとして未経験の人を多く雇い、プログラミングとは関係のない派遣会社に転籍させ、基本的な教材のみ用意し後はフリーの時間にほぼ独学で一定ラインを満たすまで勉強させるというしくみです。 エンジニアになれるという餌でたくさんの人を雇い入れて仲介料?派遣料?で儲ける仕組みなのはわかっています。なので、意地でもほんとに手に職をつけたいのです。 HTML、CSS、jQuery、PHP、mySQLまでは順調に理解しながら勉強できていました。 しかし、PHPのフレームワーク、laravelで急に分からなくなりました。なんとか仮想環境の構築はできたのですが、必要となるコマンドのために何かをインストールしないといけない、そしてそれをインストールするためにまたなにかをインストールしなければならない。 やっと仮想環境の構築が整い、勉強を進めていくもエラー、調べても専門的すぎてついていけない。 教本を買うもそこでまたあらたに設定を組み直す必要があり、そこでもエラー、調べても専門的すぎてわからない。 だんだんと心が折れてきました。 どこからどう勉強し直すべきなのでしょうか。 わからない言葉や用語は一つひとつ調べるなどはしています。 いま自分が行き詰まっている部分はバックエンドの部分ですよね?わたしの会社は、このバックエンドの部分まで勉強がおわらないとアルバイト雇用から正規雇用にはしません。 フロントエンドの部分は理解できているので、そちらの理解をより深め、ポートフォリオを作成し、フロントエンドのエンジニアになろうかとも思うようになってきました。 デザイン経験はあります。 ・Laravelの勉強のしかた ・バックエンド、この会社での正規雇用を諦め、勝手にフロントエンドのポートフォリオを作成し転職するのはありかなしか 長くなりましたが上記2点をききたいです。

  • MSアクセスでできること

    MSアクセスの使い方を紹介した本は多数あるようですが、操作方法を学習する前に「こんなデータベースができる」という成果物のサンプルを知りたいです。 特に自分の仕事に使えそうなデータベースのサンプル例を知りたいです。 どこかのサイトでそういったサンプルを紹介していないでしょうか。

  • 事務職でJAVAやPYTHONはどう活かせるの?

    事務職をしています。 エクセルマクロを使って、 レポート作成の自動化などしています。 その他のプログラミング言語をさらに学べば、 もっと業務の効率化ができるのでは、と ドットインストールというサイトで勉強しようと思うのですが http://dotinstall.com/lessons 仕事に役立つ、というタイトルで 下記の教材がありました。 JAVA NODE.JS パイソン これらの言語を習得することで、 事務職という環境の中で、 どういうことができるのか模索中です。 参考になりそうな具体例を、 教えて頂けましたら幸いです。 ありがとうございます。

  • アートでjavascriptを学びたい

    皆様、よろしくお願いいたします。 私は現在WEBデザイナーとしてUI設計業務とコーディングを行っております。 最近、(生の)JavaScriptの学習を開始しました。 レベルは入門者向けのJS本を読んでいる程度です。具体的には、 ・JavaScript本格入門 ・よくわかるJavaScriptの教科書 ・HTMLとCSSで基礎から学ぶJavaScript ・WEBサイト制作者のためのJavaScript入門講座 などです。 (パーフェクトJavaScript、独習JSは難易度が高かったです) スキル的には既存のコードを読み解き修正を加えるレベルで、 100行以上のコードを書くことはできません。 また、実務ではjsはエンジニアに任せることがほとんどで、自分で書くことはほとんどありません。 このような状態でなぜJSを習得したいかと言いますと、 ・1.ある程度フロントエンドに精通したい(HTML/CSSは分かるので、加えて「JSも任せろ」と言える状態になりたい。) ・2.jQuery等のライブラリ依存から脱却したい ・3.Titaniumでアプリ開発など、JSスキルを流量したい。 などの思惑があるためです。 ただ、JSの必要性は強く感じているのですが、書籍を追って制御構造などのコードを書くだけでは、学習モチベーションを高い状態で保つことが難しいです。 しかし、昔processingやFLASHを触っていたため、アニメーションが発生するもの、特にインタラクティブな物を作成すること対しては興味があります。 とはいえ、processingやactionscriptでは現状の業務に直接結びつかないため、 javascriptでアート系作品を公開しているサイト、書籍、勉強法などはないか、 というのが今回の質問意図となります。 jsDoitはすでに見ていますが、非常に高度な作品が多いため、 順序立てて導入から解説されているような物があれば幸いです。 また、元デザイナー、コーダーで現在jsを使った業務に携わられている方が いらっしゃいましたら、どのように学習を進めて行ったのか、 教えていただけますでしょうか? 以上となります。お手数ですが、ご回答どうぞよろしくお願いいたします。

  • Vue.jsインスタンスについて

    Vueについて質問させてください。 Vueインスタンスについて、シングルトンインスタンスですが、 Vueが動いているブラウザ上でのシングルトンという認識でいいので しょうか。 例えば、 サーバーサイドのフレームワーク(spring,laravel)でシングルトンだと、シングルトンインスタンスの値を更新したとすると別ブラウザ(別ユーザー)からの更新が反映されてしまったりすると思いますが、Vueはそうではないという認識でいいのでしょうか。