vue:nuxt.jsとbulmaでハンバーガーメニュー

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- vue:nuxt.jsとbulmaでハンバーガーメニュー [2018/12/02] – [NuxtサイトをNetlifyにデプロイ] adash333
+++ vue:nuxt.jsとbulmaでハンバーガーメニュー [2019/01/01] (現在) – [出来上がったサイトとソースコード] adash333
@@ 行 187: / 行 187: @@
 {{:vue:pasted:20181203-010612.png}}
-==== Vuexについて ====
+===== Vuexについて =====
-Vuexの構造についての絵を、以下に貼り付けておきます。
+状態管理システムVuexの構造についての絵を、以下に貼り付けておきます。
 https://vuex.vuejs.org/ja/
@@ 行 238: / 行 238: @@
 {{:vue:pasted:20181203-011533.png}}
-==== 出来上がったサイトとソースコード ====
+===== Nuxt.jsに関するリンク =====
+https://luftgarden.work/tut-nuxt-dog-part1/
+年5月3日
+Nuxt.js で簡単な画像一覧アプリを作成する – Part.1
+===== 出来上がったサイトとソースコード =====
 出来上がったサイト
@@ 行 245: / 行 250: @@
 {{:vue:pasted:20181203-011504.png}}
+幅を狭くすると、以下のようにハンバーガーメニューが出て、クリックするとリンク先が表示される。
+{{:vue:pasted:20181203-012026.png}}
 ソースコード
@@ 行 250: / 行 259: @@
 https://github.com/adash333/Nuxt-Bulma-Hamburger2
+===== Vuexについて理解するためのお勧めの本 =====
+Vuex、正直難しいです。昔、私はReduxは挫折しました。しかし、以下の本を最初から読んでいくと、なんとなく、Vuexが少しわかった気にはなれます。
+Vue.jsのコードを理解するためにも、以下の本は非常におすすめです。@vue/cli 3対応です。
+<html>
+<iframe style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" src="//rcm-fe.amazon-adsystem.com/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=i-doctor-22&language=ja_JP&o=9&p=8&l=as4&m=amazon&f=ifr&ref=as_ss_li_til&asins=B07J6FP6NQ&linkId=3eae8e6d0a6a2c6ef99ae93d78979e89"></iframe>
+</html>
 ===== 写経元サイト =====
 https://qiita.com/isamusuzuki/items/5ec800e423a3a56ef03d

vue/nuxt.jsとbulmaでハンバーガーメニュー.1543767438.txt.gz · 最終更新: 2018/12/02 by adash333