ユーザ用ツール

サイト用ツール


z_blog:2018:181127_vue_firebase_save

差分

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

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
最新のリビジョン両方とも次のリビジョン
z_blog:2018:181127_vue_firebase_save [2018/11/27] – [開発環境] adash333z_blog:2018:181127_vue_firebase_save [2018/11/30] – [メモを複数作成可能にする] adash333
行 30: 行 30:
 </code> </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行目とする 
 +  -配列へメモを追加する 
 +  -メモ一覧から特定のメモを選択して、切り替える(選択しているメモの色を変えて分かるようにする) 
 + 
 +(変更後1:templateとscriptのみ) 
 +{{:z_blog:2018:pasted:20181201-002011.png}} 
 + 
 +(変更後2:styleも変更) 
 + 
 + 
 + 
 +作成中  
 + 
 ===== 今回写経した本 ===== ===== 今回写経した本 =====
 [[https://amzn.to/2SeJXxX|改訂新版 Vue.jsとFirebaseで作るミニWebサービス (技術書典シリーズ(NextPublishing)) Kindle版]] [[https://amzn.to/2SeJXxX|改訂新版 Vue.jsとFirebaseで作るミニWebサービス (技術書典シリーズ(NextPublishing)) Kindle版]]

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

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki