Vue CLI Vue CLI で Vue を始める Vue CLI インストール Vue CLI でプロジェクト作成 Vue CLI Vue には、CLIツールが提供されており、それが Vue CLI です。 Vue CLI を使うことで、CLI で Vue プロジェクトの作成等の操作が可能です。 プロジェクト作成時に…

Vue.js Vue.jsの特徴 テンプレート構文 リアクティブシステム Vue.js Vue.jsはシングルページアプリケーションを構築できるWebフレームワークです。 Vue.jsはオープンソースなフレームワークで、コミュニティ主体で開発が進められています。 Vue.jsを実行す…

シングルページアプリケーション (SPA) とは シングルページアプリケーション (SPA) とは シングルページアプリケーション (Single Page Application, SPA) とは、単一のページで動作するWebアプリケーションのアーキテクチャです。 単一のページで動作する…

Webサーバー Webサーバー Webサーバーは、ユーザー（クライアント）からのリクエストを受けて、処理を行い、結果を返します。 結果としては、HTML,CSS,JSなどのファイルが返されてます。 ブラウザからインターネット上のWebページにアクセスした場合、Webペ…

CORS RailsでCORSを設定する CORS CORSは、別のオリジンからのリクエストを許可するかどうかを決める仕組みです。 utouto97.hatenablog.com RailsでCORSを設定する RailsでCORSの設定をします。 RailsでAPIサーバーを構築したときに、別のオリジンからのリソ…

Origin （オリジン） 同一生成元ポリシー CORS Origin （オリジン） Origin （オリジン）は、URLのスキーム、ホスト、ポートの組み合わせで決まります。 これら（スキーム、ホスト、ポート）がすべて同じときのみ、同じオリジンであるといえます。 スキーム…

Hot Module Replacement (HMR) webpack-dev-server Hot Module Replacement (HMR) Hot Module Replacement (HMR) は、ファイルの更新を自動でブラウザに反映する仕組みです。 HMRでは、ページ全体を更新することなく、変更したモジュールのみを置き換えるこ…

webpackとは 「webpackはなぜ必要？」 「webpackとBabelの違いは？」 webpackとは webpackとは、JavaScriptのモジュールバンドラです。 モジュールバンドラは、複数のモジュールをまとめるものになります。 webpackでは、JavaScriptを主に、HTMLやCSS、画像…

dig コマンド と nslookup コマンド 127.0.0.1 localhost /etc/hosts dig コマンド と nslookup コマンド digコマンドもnslookupコマンドも、DNS問い合わせを行うコマンドです。 digコマンドとnslookupコマンドで、google.comをDNS解決してみます。 dig コマ…

Domain Name System (DNS) Domain Name System (DNS) Domain Name System (DNS) は、ドメイン名を管理するための仕組みです。 インターネット上で、ほかのマシンにアクセスするとき、宛先は「IPアドレス」によって指定します。 しかし、数字の列挙であるIPア…

RESTful API REST REST APIの特徴 URIでリソースを指定 HTTPメソッドで処理を指定 REST APIの例 RESTful API RESTful API (REST API) は、RESTに基づいたAPIのことです。 REST RESTとは、REpresentational State Transferのことで、ロイ・フィールディング氏…

DockerでMongoDB永続化 DockerでMongoDB永続化 DockerでMongoDBサーバーを立てていて、そのデータを永続化する方法をまとめていきます。 Dockerは、docker-composeを使って設定していきます。 DockerでMongoDBを永続化するには、ボリュームの設定をして、/da…

Mongoid 実際に試してみる Mongoidのインストール RailsでMongoidを使う Mongoidのモデルの使用例 Mongoid RailsでMongoDBを使うには、Mongoidを利用します。 Mongoidは、RubyのMongoDB用ORMです。 RailsでRDBを利用する場合、Active Recordが広く使われてい…

MongoDBに認証を設定する 管理ユーザーを作成する 管理ユーザーでログイン 一般ユーザーを作成 認証をONにしてMongoDBを起動 mongoコマンドでログインする MongoDBに認証を設定する MongoDBはデフォルトでは認証が設定されていません。 つまり、MongoDBに接…

MongoDBでインデックスを作成する インデックスを確認 インデックスを作成 MongoDBでインデックスを作成する インデックスを確認 この時点でのインデックスを確認してみます。 インデックスの確認には、getIndexes()を使います。 > db.User.getIndexes() [ {…

MongoDBを触る準備 MongoDBを触ってみる DB作成・選択 コレクションの作成 データの追加 データの一覧を取得 データの更新 MongoDBを触る準備 今回は、Docker-Composeを使ってMongoDBをセットアップしました。 docker-compose.ymlの中身は↓です。 version: '…

MongoDB 「MongoDBでは、どのようにデータを保存・管理しているの？」 「MongoDBの強みと弱みは？」 MongoDB MongoDBは、ドキュメント型のNoSQLデータベースです。 C++で開発されていて、人気のあるデータベースの一つです。 「MongoDBでは、どのようにデー…

NoSQL 「NoSQLの強みは？」 「NoSQLって具体的にはどんなものがある？」 NoSQL このブログでも、ここまで何度か出てきたデータベースのPostgreSQLは関係データベース（リレーショナルデータベース、RDB）です。 MySQLなどもリレーショナルデータベース（RDB…

スケールアップ スケールアウト スケールアップ スケールアップは、マシンのスペックそのものを向上させて、システム全体の性能を向上させることです。 スケールアップでは、1台のマシンのスペック（性能）を向上させるために、パーツをより高性能なものに変…

主キー 関数従属 主キー 主キーは、レコードを一意に識別するためのカラムの組み合わせのことです。 レコードを検索する際、一意に識別できるようにする必要があります。 そこで、主キーを設定しておきます。 主キーが決まれば、レコードが決まる、というこ…

データベース正規化 「なんで正規化するの？」 第k正規系 「結局、正規化はなにすればいいの？」 データベース正規化 データベース正規化は、データの重複を防ぎ、整合性を保ちやすいように、データベースを設計することです。 データベースの正規系は、第1…

PostgreSQLでインデックスを試してみる 「インデックスなしの場合はどれくらいの処理時間は？」 「インデックスを作成したらどれくらい変わる？」 PostgreSQLでインデックスを試してみる PostgreSQLでインデックスを試してみて、その効果を見てみます。 テー…

インデックスとは 「インデックスを作成するとどんないいことがあるの」 「じゃあ、全カラムにインデックス作成すればいいのでは？」 「どのカラムにインデックスを作成すればいいの？」 インデックスとは インデックスは、検索のときに参照するもので、検索…

システムスペック Capybara システムスペック RSpecには、システムスペック (System Spec) というテストがあります。 システムスペックでは、複数のモデルやコントローラーを統合してテストします。 APIの呼び出しであったり、あるURLにアクセスしたときに返…

Railsでモデル作成 モデルをテストしてみる Railsでモデル作成 Railsでモデルを作成します。 $ rails g model User name:string これで、モデルを作成できました。 次のようなログがでました。 Running via Spring preloader in process 83 invoke active_re…

RailsでRSpecを利用する rspec-railsのインストール rspecの初期設定 ディレクトリ構成 RailsでRSpecを利用する RSpecには、rspec-railsというRails用のGemがあります。 これを使うことで、RailsもRSpecでテストできます。 rspec-railsのインストール rspec-…

RSpecでモックオブジェクトを作る doubleでモックを作る スタブでメソッドを付与 RSpecでモックを試してみる RSpecでモックオブジェクトを作る doubleでモックを作る RSpecでモックオブジェクトを作成するには、doubleを使います。 mock_a = double(A) ↑のよ…

RSpecでスタブを使う方法 RSpecでスタブを試す RSpecでスタブを使う方法 RSpecでスタブを使うには、allow(オブジェクト).to receive(:メソッド名).and_return(返り値)のようにします。 allowで対象のオブジェクトを，receiveで対象のメソッドを指定します。 …