Nuxt+LaravelでSSRな掲示板_mainIssue

[shogosakihama]

リポジトリはフロントとバックエンドを分けてます。 フロント(Nuxt) バックエンド(Laravel)

[shogosakihama]

計画

基本的には掲示板の制作。個人的にマークアップの勉強も欠かせないため、API認証は別に初級の課題として設定し挑戦するかも(バリデーション無しの掲示板として制作する方向)。

現状

• VM環境(Virtualboxなど)構築に挑戦！　⇨　失敗
• jwt-authを導入！　⇨ 失敗

達成

• Nuxt+Laravelでaxios.getができた
• Nuxtでaxios.postができた
• Nuxt.js+Laravel よりもVue.js+Laravel の方が資料が多いことに気づく(出来そうな気がする)

問題

• jwt-auth がわからない ⇨ Laravel標準のAPI認証に挑戦したい。 ⇨#
• VM環境(Virtualboxなど)が上手くいかない ⇨ けっきょくローカルで作業。 ⇨#
• Gitのリポジトリ 、サブモジュールを含むフォルダがpushできない ⇨ 前回のLaradockの時も同じ問題が発生。現状、開発環境の共有ができないためいつか問題になる。 ⇨#

  参考Issues

  VirtualBox GitにHomesteadフォルダをPushできない API認証_Laravel-validation 主にaxios.post

[shogosakihama]

中間発表

hackathonで採用されたTailwindCSSについても共有したい

---

達成

• NuxtからaxiosでLaravelにpostすることができた。 postリクエストがLaravelに届くと、Nuxtにレスポンスを返す(console.logで確認)。Laravel側ではlogを書くメソッドを実行する。

課題

• CRUD機能を実装する。
• API認証を実装する。Laravel標準の認証ではなくjwt-authに挑戦するかも。

[shogosakihama]

最終発表

---

目標

• Nuxt_LaravelでCRUDアプリを作る(記事の投稿、表示、削除)。
• axios.getは既にできたので、axios.postができるようになる。
• Tailwindcss + cssgridに慣れる。
• Nuxtの算出プロパティやストア機能に慣れるために使ってみる。

  達成

• 記事の投稿(axios.post)、表示(axios.get)。 => #
• 算出プロパティ(computed)でメソッドに値を渡す。
• Tailwindcss + cssgridでマークアップした。=> #
• store機能を使いコンポーネント間で値のやりとりをする(ナビゲーションバー、モーダルのコンポーネントを分け、値を送りモーダルのON/OFFを操作できる)。

  課題

• 記事の削除機能、Laravelにデータのidを渡すことができない。 => # 配列からkeyの0番目を取り出して削除することはできる。 => #

参考Issues

Tailwindcss + CSSGrid Nuxt-Laravel_CRUDアプリで投稿機能をつける

[shogosakihama]

6/24

---

達成

Nuxt+LaravelでCRUD機能を実装した。

Tailwindcss + cssgrid で縦の比率をデフォルトで100％にする事でマークアップが楽になった。

docker+wordpressのプロジェクトを作った。

課題

vscodeで wordpressを書く。

wordpressにTailwindcssを採用するメリットと方法を調べる。

[shogosakihama]

20/07/08

達成

• Nuxt+LaravelでCRUD機能を実装した。
• Tailwindcss + cssgrid で縦の比率をデフォルトで100％にする事でマークアップが楽になった。

課題

• jwt認証に失敗したので、いぶきさんから紹介してもらった課題でjwtの勉強する。
• 辞書のように使いたいので、後から振り返って理解できるように、それぞれのissueを再度編集する。

参考issue

Nuxt-Laravel_CRUDアプリで投稿機能をつける Nuxt-Laravel_CRUDアプリで削除機能をつける Nuxt-Laravel_CRUDアプリで編集機能をつける Nuxt-Laravel_CRUDアプリでjwt-authを実装する