2019-01-01から1年間の記事一覧
サーバサイドレンダリングにチャレンジしてみたかったのです。 (やってみたいだけ) Vue.jsにサーバサイドレンダリング専用のWebサイトがあったのですが、どうやらNuxt.jsの方が簡単にサーバサイドレンダリングできるようです(Vue.jsでもできなくはないけどWe…
Vue CLI3でBootstrapを導入してみます。 といってもやったことは公式ページ(BootstrapVue)に書いてあることそのままです。 インストール npmでインストール。 $ npm i vue bootstrap-vue bootstrap import Vueのメインファイル(srcディレクトリ直下のjavascr…
フロントエンドはVue.jsで作ります。 本記事はとりあえずVue.jsプロジェクトを作成して、Herokuで見られるようにするところまでの手順をまとめます。 前提 開発マシンにNode.jsがインストール済み 開発マシンでnpmが使える Vue.jsプロジェクトの作成 まず、v…
DBとのデータのやり取りでSequelizeを使うことにしました。 いろいろハマったのでメモ代わりに残しておきます。 目的 SequelizeでHeroku上のPostgreSQLにデータをinsert、select、deleteする。 インストール Sequelizeをインストールします。 $ npm install …
お仕事でjavascriptを使っているのもあり、バックエンドもjavascriptで作成します。 Node.js + Expressの環境構築 Expressを使ったことないけど、使ってみます。主に下記サイトを参考に環境を立ち上げました。 https://qiita.com/hkusu/items/e46de8c446840c…
herokuへデプロイするのにgithubを使っています。 Webアプリを作っていますので、データベースへのアクセス情報なんかが必要になるわけです。 デプロイ用リポジトリはプライベートリポジトリにしていますが、パスワードやアクセス情報なんかはやっぱりpushし…
Web周りのお勉強がしたいと思い、Herokuに登録しました。 とりあえずまず、データベースとしてPostgre SQLにチャレンジしてみます。 Postgre SQLの登録 Herokuに新規アプリケーションを作成 アプリケーションのページへ移動 「Resources」タブのadd-on追加よ…