tns-blog プログラミングに関する学びをアウトプット
この記事ではvueの基本的な記述についてまとめています。 完全vue初心者の方は公式のドキュメントを一度さらっとみてからこの記事に戻ってくることをオススメします。 Vue.jsドキュメント: https://jp.vuejs.org/v2/guide/index.html 公式でもいきなりvue-cliで始めるのではなくcdnで学習することを推奨しています。 注意点として、初心者が vu […]
前回の記事まででコンテンツ一覧、詳細表示、コンテンツ新規作成まで実装できたので、今回の記事はコンテンツの編集、削除の機能を実装していきます。 前回の記事はこちら: Rails + Nuxt CRUDアプリ作成(新規登録、詳細表示編) 1.編集画面作成(Nuxt) まず、詳細画面の「Topへ」のボタンの横に「編集」ボタンを設置し、それをクリックすると新規作成時と同じような投稿フォームがモーダル で表 […]
今回の記事ではデータの追加から詳細の表示までを実装します。 前回の記事はこちら: Rails + Nuxt CRUDアプリ作成(一覧表示編) 1. 新規作成ボタンの作成(Nuxt) まずは一覧画面に新規作成ボタンを作成します。 これで画面の右下にボタンが表示されそれをクリックすると下記のようなモーダル が表示されるようになりました。 保存ボタンを押すとsave()メソッドが実行されますが、今はまだ […]
