z_blog:2018:181127_vue_firebase_save

差分

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

この比較画面へのリンク

--- z_blog:2018:181127_vue_firebase_save [2018/11/27] – [開発環境] adash333
+++ z_blog:2018:181127_vue_firebase_save [2018/11/30] (現在) – [メモを複数作成可能にする] adash333
@@ 行 20: / 行 20: @@
 コマンドプロンプト（ターミナル）で、<code>npm run dev</code>とすることにより、サーバを起動した状態とする。
+===== メモを編集できるMarkdownエディターを作る =====
+==== markedというnpmモジュールのインストール ====
+Markdownをブラウザ上でプレビューするためのライブラリであるmarkedを --save-dev でインストールする。
+<code>
+npm install --save-dev marked
+</code>
+{{:z_blog:2018:pasted:20181127-215406.png}}
+==== Editor.vueでMarkdown書式をプレビュー表示 ====
+src/components/Editor.vue
+(変更前)
+{{:z_blog:2018:pasted:20181127-215605.png}}
+(変更後)
+{{:z_blog:2018:pasted:20181130-171052.png}}
+試しに書いてみる。
+{{:z_blog:2018:pasted:20181130-171822.png}}
+参考：https://qiita.com/tbpgr/items/989c6badefff69377da7
+{{:z_blog:2018:pasted:20181130-171847.png}}
+==== メモを複数作成可能にする ====
+  -メモを保存する変数を配列に変更（複数保存できるように）
+  -メモ一覧を表示するview
+  -メモ一覧のタイトルは、メモの1行目とする
+  -配列へメモを追加する
+  -メモ一覧から特定のメモを選択して、切り替える（選択しているメモの色を変えて分かるようにする）
+(変更後１：templateとscriptのみ)
+{{:z_blog:2018:pasted:20181201-002011.png}}
+(変更後２：styleも変更)
+{{:z_blog:2018:pasted:20181201-005102.png}}
+作成中
 ===== 今回写経した本 =====

z_blog/2018/181127_vue_firebase_save.1543322788.txt.gz · 最終更新: 2018/11/27 by adash333