内容へ移動
サルでもわかるWEBプログラミング
フリーソフトのみでホームページ作成
ユーザ用ツール
ログイン
サイト用ツール
検索
ツール
文書の表示
以前のリビジョン
バックリンク
最近の変更
メディアマネージャー
サイトマップ
ログイン
>
最近の変更
メディアマネージャー
サイトマップ
現在位置:
index.html
»
z_blog
»
2018
»
181216_vue-firebase-miniweb2
トレース:
z_blog:2018:181216_vue-firebase-miniweb2
この文書は読取専用です。文書のソースを閲覧することは可能ですが、変更はできません。もし変更したい場合は管理者に連絡してください。
===== 181215 改訂新版 Vue.jsとFirebaseで作るミニWEBサービスをCodeSandboxで写経してみる(2) ===== [[z_blog:2018:index.html|前回]]に引き続き、以下の本を写経していく。今回は、第5章 エディターの作成:データベース作成とデータ保存 からやっていく。 <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=B07HXMHQQK&linkId=2676690c66ac2be60e3b288d6c87b766"></iframe> </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初めての方にお勧めです。 <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=B07HXMHQQK&linkId=2676690c66ac2be60e3b288d6c87b766"></iframe> </html>
z_blog/2018/181216_vue-firebase-miniweb2.txt
· 最終更新: 2018/12/16 by
adash333
ページ用ツール
文書の表示
以前のリビジョン
バックリンク
文書の先頭へ