【phoenix】ユーザリストアプリ

ToDoリストではないが、例題のコードを発見。

etc9.hatenablog.com

mix で postgres を使う方法の一例が分かった。

phoenixRuby on Rails と似た構造で Model-View-Controler なので、それぞれのコードを読んで、何をやっているのかみてみよう。

【Phoenix】インストール完了!

いろいろ手間取ったが、漸くインストールと動作確認完了!

shotat.hateblo.jp

最終的にはこのページの情報でうまくいった。

 

引っかかっていたのはデータベース。PostgreSQLMySQL が選べる。

Ubuntuにどちらのデータベースもインストールはしていたのだが。

データベースのユーザ登録だとか、データベースの作成だとか、やっていなかった。

 

また、ubuntu 16.04 LTS で用意されているDBはバージョンが古くて Phoenix とうまく通信できなかった。

いくつものウェブサイトを読んで真似したのだが、上手くいかず。最終的にうまくいったのが上記のサイトだった。

 

あとは、ToDoリストだとか、JSON API だとか、Webに例が見つかるものを真似するところから始めよう。

【ELM】Ubuntu 16.04 LTS へのインストール

普通にインストールしようとしたらエラーになった。

 

sudo npm install elm

Error extracting linux-x64.tar.gz - Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/elm/Elm-Platform'
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! elm@0.18.0 install: `node install.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the elm@0.18.0 install script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

で、ググったところ、下記の記事を発見。

qiita.com

sudo npm i -g elm --unsafe-perm=true --allow-root

 で、無事にインストールできた。

【Webシステム開発】Percel な時代が来るらしい

Webシステムの開発には、様々なツールを使わなければならない(らしい)。

で、Webpack やら Gulp やらを使うのが常道らしいのだが、使いこなすのが大変で、Parcel という後継ツールがでてきたらしい。

 

qiita.com

qiita.com

qiita.com

qiita.com

【Webフレームワーク】Vue.js+Vuex / Play Framework / Phoenix

Webアプリなど今まで一度も作ったことはないが、面白そうなので作ってみる。

せっかくなので、3種類の言語でそれぞれのフレームワークを使って、比較してみようと思う。

  • Vue.js + Vuex(Typescript)
  • Play Framework(Scala)
  • Phoenix(Elixir)

当然だが、JavascriptJava といったポピュラーな言語は使わない(^^)

Vue.js + Vuex(Typescript)

javascript のほうが普通だが、折角なので Typescript で頑張る。

Play Framework(Scala)

こちらも Java が普通だが、Scala を選択する。

Phoenix(Elixir)

マイナーな言語なのに、Phoenix の日本語の書籍が発売されている。それくらいおすすめなものなのか?

https://www.amazon.co.jp/Elixir-Phoenix-初級2-データベースとクエリ構造体-BOOKS/dp/4908829144/

 

Typescript, Scala, Elixir は全て関数型言語の特徴を持っている。Webアプリでどれほどコードが変わってくるかは疑問だが、試してみたい。楽しみである。

【Vue.js + Vuex】+ typescript な環境構築

Vue.js のインストール

React.js より新しい? Vue.js というのをつい最近知った。redux と同じ発想で Vue.js 用の実装が Vuex というものらしい。

kuroeveryday.blogspot.jp

qiita.com

 

Vue.js は Typescript もサポートしているらしい。

jp.vuejs.org

kuroeveryday.blogspot.jp

ubuntu にインストールしようとして引っかかったのは1点だけ。ubuntu の apt でインストールできる node.js のバージョンが古すぎて(4.2.x)vue.js のインストールがエラーになった。エラーメッセージでググって、対処法を発見。

vue cli not create webpack-simple · Issue #618 · vuejs/vue-cli · GitHub

npm install -g n 
sudo n stable  
sudo npm install npm -g

これで node.js のバージョンが上がり、エラーなくインストールできた。

 

 React と Vue

 React.js と Vue.js を比較した興味深い記事を見つけた。

torounit.com

postd.cc