1月いっぱいで書籍管理アプリのモックを作成する 業務ではNuxt + TypeScriptを扱っているが今回のアプリケーションはTypeScriptを導入するメリットよりも開発スピードを重視したいためjsファイルで開発することにする 要件・機能 書籍の貸し出し・返却・新規…

図書管理アプリケーションを作ろう 社内で図書の貸し出しをやっているけど管理がエクセルなのでデモを作って提出しよう。 早速仕様（と言うか機能） 図書一覧画面 貸し出し＆返却ダイアログ 図書詳細画面（amazonへのリンク） 認証 仕様技術 Nuxt.js 今回はv…

年内にサービスリリースはきつそう。。。 業務がかなり忙しくなかなか自分のサービスに時間を割けない状況。。。しかし、その分インプットアウトプットを業務でできているのでNuxtの実装力的には独学よりも効率が良い。 目標としては変わらず年内はNuxt + fi…

今週からタスクと実績は同記事内で書くことにする タスク snackbarの作成（これについては複数メッセージは不要かもしれない。） ログインしましたとか何秒かしたら消えるようなインフォメーション中心だから！！ 共通メッセージのコンポーネントを作成する …

土曜：6.5h ログインユーザ情報の永続化を試しているがmiddlewareにてcookieに保存することは成功しているがそれを画面に出す処理でうまく行かず。。。defaultでstateにアクセスしたいんだけどできない。ってかdefaultをtypescriptで書こうとするとエラる。…

今週はやることをザックリ書いてくスタイル head()によるHTMLメタ情報の設定（チャプター2のselection016） ログイン情報の永続化（以下参考） qiita.com www.webopixel.net

土曜：2h,1h,1h,1h=5h ユーザ登録を作り直した。 メッセージコンポーネントを作成。 メッセージを外出し・国際化（nuxt-i18n） Qiita執筆（途中） 日曜：2h 昨日に引き続きメッセージの外出しについてQiita執筆 qiita.com 月曜：10h dockerでの環境構築docke…

実装力が上がってきた やはり毎日プログラムを書いていると処理効率は置いといて、なんとか仕様に耐え得るプログラムを書けるようになってきた。 今週も引き続きポートフォリオを作成する

土曜：朝2h、昼1.5h、夕1.5h=5h actionからのmutationの呼び出し方でハマった。正解は以下 commit('setUserInfo', { payload: authUser }) 今日はサインアップ機能、ログイン機能、ログアウト機能を作成する。 その後 ノマド的カフェ一覧画面（一旦リストで…

先週までの振り返り 10月からNuxt.js案件に参画し、最初の1ヶ月こそ苦しんだものの実装については設計書があればある程度のことはできるようになった。 2019年までに先週からのタスクである以下について引き続き進めていく yosuke0517.hatenablog.com

土曜：7h 今日は技術の選定をしながら使用技術が決まっているfirebaseでの認証とメニューの作成をする データベース をどうしようか悩んだが、今回はクライアント（Nuxt.js）の実装力を鍛えることが目的のためfirebaseのCloud firestoreを使おうと思う Cloud…

今週は成果物に着手 先週のラストでNuxt.js + TypeScriptの雛形が完成したので今週は成果物の計画をチャチャっと立てる 成果物 ノマド的カフェインフォ 機能一覧 ログイン・ユーザ登録 ノマド的カフェ一覧 ノマド的カフェ詳細 口コミ 電源数 混んでる時間帯 …

土曜：0h 引越しのなんやかんや。ベッドの組み立てを完成させればひと段落なので月曜からは作業に入れるハズ 日曜：1h 月曜：0h 火曜：8h 水曜：12h 木曜：8h containerの使い方 呼び出し元画面でアクションを登録する際にプロパティと同じように:で登録して…

今週やること 引越しも業務もだいぶ落ち着いてきたのでNuxt.jsでポートフォリを作成する 年内での完成を目標に 成果物（以下のアプリの進捗を） スターバックスの電源アリナシと電源席数を表示するアプリ（Google mapsと連携） 技術スタック インフラ AWS(EC…

土曜：朝2h,夕1h=3h index.d.tsを使う用途はTypeScriptで.vueファイルを利用できるようにすること 配置場所はプロジェクトフォルダ直下でindex.d.tsを追加する 内容は以下 declare module '*.vue' { import Vue from 'vue' export default Vue } これでtypes…

先週の振り返り 先週はすべて業務に費やしてなんとか1機能を完成させることができた。 来週以降も同様の機能の作成のため少しは余裕ができそうな予感はある。 今週の目標 今週は土日でNuxt.jsのプロジェクトにおけるアーキテクチャのアウトプットまとめ・平…

土曜：朝2h,昼3h夜1h=6h - create-nuxt-appでアプリケーションを作成するとnuxtのバージョンがちょっと古い（2.0.0) - そのためncuを使ってアップデートできるものはアプデしていく - 手順 - ncu - ncu -u - npm install 日曜：昼2h,夕3h=5h - Nuxt.js + typ…

今週のタスク Nuxt.js + typescript の構成に慣れる

今週はNuxt.jsでのapi通信とelement.jsについてなんらかの形でアウトプットしたい 業務でのタスクにtreeviewを展開時にapi通信してデータをtreeview項目に反映という要件があるためまずはapi通信したデータをtreeviewへ一気に反映させる

土曜：朝2h,夜2h=4h Nuxt.jsの基礎 APIからデータを取得して画面へ表示する（詳細画面） 使用技術（vuex) 画面側でmapGettersを使うとgetterに定義してあるゲッターをゲッター名を呼ぶだけで使えるようになる 日曜：朝2h,昼2.25h,夜1h=5.25h 共通レイアウト…

土曜：朝2h,夕2h,夜1h=5h Nuxt.js + FirebaseでQ&Aアプリを作成（デプロイ未実施） Spring boot + Vue.js のチュートリアルを実施 チュートリアルをやる中で非同期処理(axios等)についての理解が足りないことが判明 qiita.com この辺りを読んで明日実装など…

10月よりVue.js(Nuxt.js) + AWS + Spring bootの案件に参画が決定し、取得したい技術ということで意識的に残業をするようになるであろうことから本ブログの勉強時間の計上の仕方を変えようと思う。 それに伴い、週の勉強時間の目安としていた30hと2020年8月…

先週からの振り返り 先週の最後らへんでフロントとバックエンドの最適な融合について考えた。 それを踏まえて今回フロントはVue.js + Firebaseで構成し、バックエンドはRails + AWSで構成する 工数見積もり 土曜1日パソコンを触らない日 日月（計10h)でVue.j…

土曜日：1h=1h 3連休ということで今日はパソコンは触らない日とし積んであったWebを支える技術を読書 メモメモ：サイボウズのエンジニアブログ blog.cybozu.io リフレッシュできたので明日からVue.jsをやっていく 日曜：2h=2h Vue.jsのインプット template以…

土曜日：朝2h,昼1.5h,夕2h,夜2h=7.5h vueに専念とは言ったもののvuetifyがキレイでRails + vueのテンプレートへ導入できないか作っては壊しスタイルで試していた。 テンプレートへvuetifyの導入 @vue/cli@3.11.0をinstall（vue-cliってのもあるけどそれじゃ…

今週のタスク 先週作成したRails + Vueを元に適当な機能を作りRSpecでテストを作成する イメージはタスク管理アプリ リッチテキストでのフォーム入力からのCRUD機能 ログイン 上記が終了次第、先週に引き続きVueのインプット・アウトプットを続ける とりあえ…

土曜日：朝1.5h,昼1.5h,夜2h,夜中0.5h=5.5h Vueの基礎 v-bindディレクトリ（短縮系は:） 属性をjavascriptの式として設定できる 以下の画面ではpタグのtitle属性に変数messageを設定している。マウスポインターを当てると設定されている値が展開されているこ…

現場変更（Ruby)のためのポートフォリオも一旦ひと段落したので今週はずっとやりたかったVueをやろうと思います。 基礎をインプットしたらFirebaseでホスティングするところまでやってみて、それを新しいRailsのポートフォリオに落とし込む予定。 今週のゴー…

環境構築 インストールされたnodeを有効化 nodebrew use v7.1.0 パスを通す echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.bash_profile なぜWebpackを使うか 静的ファイルをまとめることができる（js,css,png,imageなどたくさん） 静的ファ…

土曜日：朝1.5h,昼2h,夕2h=5.5h DM機能についてのQiitaを執筆。理解が曖昧だったので書いてよかった。 qiita.com 画面遷移図をOverflowを使って書いてみた。おしゃ。 note.mu webpackについてUdemy講座でハンズオン実施(進捗:40%) 日曜日：朝1.5h,昼3h,夕1.5…