Vue.jsとflaskを使うとマスタッシュが衝突する問題&解決法
先日flaskとVue.jsを使って開発をしていたらflaskとVue.jsのマスタッシュが衝突してしまい6時間くらいハマってしまったので解決方法を残しておきます flaskを使っていてVue.jsが反応しなければ試してみる価値があると思います。 Vue.jsとflaskのマスタッシュが衝突するVue.jsとflaskはこんな感じで書いていきますが、よく見てみるとVue.jsとflaskの両方でマスタッシュ構文が使われています。 これが衝突してしまい、Vue.jsのマスタッシュ構文が機能しなくなります マスタッシュ構文 → {{ }} Vue.jsのexample <div id="app"> <p>{{ message }}</p> </div> <script> var app = new Vue({ el: "#app", data:{ message: "Vue.js" } })
CSVを簡単に扱えるPapa Parse
小ネタ。 業務で、jsonをCSVにパースしてダウンロードを行う処理が必要になった。（フロントエンドで） 今まで愚直に以下のような構成でコーディングしていた。 jsonをcsv用の文字列に編集（mapとかforEachを使って一個ずつ処理していく） 変換、拡張子、出力ファイル名などのconfigを作っておく BLOBに変換するnew Blob([csv], { type: 'text/csv;charset=utf-8;' }); 隠しaタグを用意してあげてブラウザからダウンロードさせる これを書くと結構なコード量になる。 そんな中会社の同僚にPapa Parseというライブラリを教えてもらった。 これがだいぶ優秀だった。 https://www.papaparse.com/ ドキュメントが詳しいのとDEMOが分かりやすいので、一度目を通せば何ができるかがすぐ分かる。 CSV to JSO
七転八起 - vuejsでwebsocketを使用したチャットのサンプル
<?php use Ratchet\Server\IoServer; use MyApp\Chat; use Ratchet\Http\HttpServer; use Ratchet\WebSocket\WsServer; require dirname ( __DIR__ ) . '/vendor/autoload.php'; $server = IoServer::factory ( new HttpServer( new WsServer( new Chat () ) ), 8080 ); $server->run (); <?php namespace MyApp; use Ratchet\MessageComponentInterface; use Ratchet\ConnectionInterface; class Chat implements MessageComponen
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Python】Flask + Vue.js マスタッシュ構文を使い分ける
Vuetifyに入門する - Qiita
