土曜日:朝2h,昼1.5h,夕2h,夜2h=7.5h
- vueに専念とは言ったもののvuetifyがキレイでRails + vueのテンプレートへ導入できないか作っては壊しスタイルで試していた。
- テンプレートへvuetifyの導入
- @vue/cli@3.11.0をinstall(vue-cliってのもあるけどそれじゃないらしい)
- yarn add vuetifyで追加(以下追加または修正されたファイルたち)
✔ Successfully invoked generator for plugin: vue-cli-plugin-vuetify
The following files have been updated / added:
public/index.html
src/App.vue
src/assets/logo.svg
src/components/HelloWorld.vue
src/plugins/vuetify.js
app/javascript/app.vue
app/javascript/packs/hello_vue.js
app/views/layouts/application.html.erb
package-lock.json
package.json
yarn.lock
You should review these changes with git diff and commit them.
- 色がつかない。。。これは無駄なハマりポイントだと思っ他ので逃げる。別のマテリアルデザインを使用する。
- 明日からは予定通りRSpecのためのアプリ作成に専念する
日曜日:昼2h,夕1h,夜1h=4h
- テストするにもまずはテストするモノを作らないとな、ってことで再びこちら
- また昨日と同じエラー。エラーの発生箇所を特定した。
- その際にファイルを検索しようとしたんだけどもfindコマンドでうまくいかなくてgrepコマンドでうまくいったのでこれからこっちにしよう
grep -ril "検索したい文字列" .
- で、
home/index.html.erb
で呼び出している<%= javascript_pack_tag 'todo.js' %>
をコメントアウトするとエラーが出なくなることが判明した
- で、今日執筆した
ランタイム限定ビルド(vue.runtime.esm.js)
を完全ビルド(vue.esm.js)
の書き方でやったらうまくいった。
- qiita.com
- なぜだ。。。
月曜日:朝2h,夜2h=4h
- v-forの中にv-ifを書くのは非推奨で先にv-ifで判定してからv-forを書くのがいいらしい
- qiita.com
- 今日作成する機能
- ログイン(済み)
- vueとRailsのDBとの疎通(本の検索・本の情報投稿)(まだ)
- 人混みにいたらめちゃくちゃ気分悪くなって死んでた。。。
vueとRailsのDBとの疎通(本の検索・本の情報投稿)
は明日以降だ。。。
火曜日:朝1.5h,夕0.5h=2h
- ログアウト処理の実装
- initilizer/devise.rb以下の
config.sign_out_via = :delete
をget
へ変更。
- gitのresetについて
- 開発中に
戻したいな
と思った時にどうやってやるんだろうってなって調べたら以下のように1度コミットしてからresetする方法があった。
- chaika.hatenablog.com
- ただこれだと変なコミットログが残ってしまうからなんかいい方法ないかな。。。
- 一旦1機能が完成したので
RSpec
を導入してテストを実施する
- qiita.com
- ステージング前のファイルの変更の取り消しについて
git add .
してからgit reset --hard
もしくは、git stash -u
してからgit stash apply stash@{0}
でいけた。
水曜日:朝1.5h,夕0h=1.5h
- vuetifyの導入を試したがやはりだめ2.0系の資料がないのでバージョン落としてやってみよう
- Rubyで業務システム
木曜日:朝1.5h,夕2.5h=4h
- vuetifyの導入。ちょっと情報が少なくてどうにもならないので一旦諦める。
- 明日からは素のRailsで開発する(今週のタスクはRSpec)
金曜日:朝1h,夕0h=1h
- アーキテクチャの話
- テーマはフロントエンドとバックエンドの分離
- 分離させたい理由は以下2点
- アプリ化の際や、今後、他のサービスと連携させるためにも、バックエンドはAPIサーバーに徹したい。
- Vue.jsで開発中にオートリロードしたい(Vue.jsをビルドして出来たファイルをGo言語でserveする形にすると、毎回ビルドするのが面倒)
- ここで面倒になってくる認証の問題を認証基盤である Firebase Authentication を使い素早く作る
- それを踏まえた上でこれがメチャワクワクする感じ
- qiita.com
- 現状バックエンドからViewも返していてこういった構成で実際に運用されているアプリケーションはあまりない模様。
- せっかく作ったけど上記の構成を意識してアプリケーションを作りなおしてく。
今週の総括
ブログで必ず報告する内容
2020年8月までに1560hの自己学習を達成するために(目標を時間とするのはどうかとも思うがとりあえず)
- 目安となる週の学習時間:30h
- 今週の勉強時間:24h
- 累積の勉強時間:198h
- 進捗予定との乖離:-6h
2020年8月までに習得したいこと:
- クラウドコンテナ基盤についての知見
- クラウド動画配信基盤についての知見
- IoTの知見(ネタはある)
- イケてるフロントを実装したい(vue.jsのUdemyを視聴し始めた2019/08/28)