サルでもわかるWEBプログラミング

フリーソフトのみでホームページ作成

ユーザ用ツール

サイト用ツール


z_blog:2018:181216_vue-firebase-miniweb2


差分

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

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
z_blog:2018:181216_vue-firebase-miniweb2 [2018/12/16] – [181215 改訂新版 Vue.jsとFirebaseで作るミニWEBサービスをCodeSandboxで写経してみる(2)] adash333z_blog:2018:181216_vue-firebase-miniweb2 [2018/12/16] (現在) – [メモを編集できるマークダウンエディターを作る] adash333
行 1: 行 1:
 ===== 181215 改訂新版 Vue.jsとFirebaseで作るミニWEBサービスをCodeSandboxで写経してみる(2) ===== ===== 181215 改訂新版 Vue.jsとFirebaseで作るミニWEBサービスをCodeSandboxで写経してみる(2) =====
  
-[[z_blog:2018:index.html|前回]]に引き続き、以下の本を写経していく。+[[z_blog:2018:index.html|前回]]に引き続き、以下の本を写経していく。今回は、第5章 エディターの作成:データベース作成とデータ保存 からやっていく。
  
 <html> <html>
行 7: 行 7:
 </html> </html>
  
 +===== 開発環境 =====
 +<code>
 +Windows 8.1 Pro(Macでも同じです)
 +Chrome
 +Googleアカウント
 +GitHubアカウント
  
 +CodeSandbox
 +Vue.js 2
 +</code>
  
 +===== メモを編集できるマークダウンエディターを作る =====
 +<code>
 +npm install --save-dev marked
 +</code>
 +
 +とすべきところだが、Codesandboxなので、以下のようにmarked をnpmインストールする
 +
 +===== ソースコード =====
 +
 +<html>
 +<iframe src="https://codesandbox.io/embed/x9975wjz64" style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;" sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"></iframe>
 +</html>
 ===== 今回写経した本 ===== ===== 今回写経した本 =====
 Vue.js初めての方にお勧めです。 Vue.js初めての方にお勧めです。


z_blog/2018/181216_vue-firebase-miniweb2.1544955416.txt.gz · 最終更新: 2018/12/16 by adash333

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki