Nuxt.js の Vuetify v1.5.x を v2.0.x にアップデートしてみる
nuxt.config.js css: [ - '@/assets/style/app.styl', '@/assets/css/style.css' ], - loaders: {...
5
2
Comment0
32 search resultsShowing 1~20 results
Stocked
You need to log-in
Nuxt.js + Vuetify.jsでグローバルなイベントのやり取りを event bus でやってみる
要は Snackbar や toasts などのメッセージを $on と $emit を使ってグローバルなイベントのやり取りをする感じ。 （これを global event bus というらしい...
6
5
Comment1
Nuxt.js + Firestore で動的サイトマップ
令和元年記念で5月1日にアップする予定でしたが、GW10連休長過ぎ問題（ほぼ子供のお世話してた）で中断し遅れに遅れたのでとりあえず投稿してしまいます。 この例はブログ記事を想定してます。（動的サ...
3
3
Comment0
ES6 と Promise と XMLHttpRequest で json を取るサンプル
目的 ES6 で jQuery の $ajax を使わず非同期で json のデータをとりたい ファイル構成 ├── dest │ └── app.js ├── index.html ├──...
20
15
Comment1
Djangoでメールアドレスとパスワードでログインしてみる
前置き (Django2.01, Python3.6.4) デフォルトだと username と password なので、email と password でログインできるように変更してみる。...
35
29
Comment1
Django2(Python3)+Mysqlの開発環境をDockerで構築
(macOS10.12.6, Django2.0.2, python3.6.4, MySQL5.7) 公式はポスグレ版のみしか書いてないのでmysqlで。 前提 Docker for Mac と...
31
39
Comment1
Django+cannels と React+Redux で Websoket を利用した簡単なチャットっぽいものを作ってみる
(Django2.0.1, Python3.6.4, node8.9.0) Django+cannels でサーバ作成 channelsまわりはほぼ 公式の Getting Started wi...
30
37
Comment0
Nuxt.js と簡易 api サーバで簡単な Guestbook みたいの作ってみる
プロジェクト作成 $ mkdir guestbook $ cd guestbook $ emacs package.json package.json { "name": "guestbook"...
17
12
Comment0
React で Redux と Flumpt の非同期でのカウンター表示をgifアニメで比較してみた
ボタンを押すと1秒後に反映するカウンターの非同期処理で +1 ボタンを5回連打した時の表示 Redux パパパパパっと表示が1〜5まで表示された サンプルコード Flumpt 1の次に間をおいて...
1
1
Comment0
ReactJS + Flumpt のカウンターのサンプルその2
目的 以前書いたサンプルを書き直してみた ファイル構成 . ├── dest │ └── app.js ├── index.html ├── package.json └── src └──...
2
2
Comment0
ReactJS + Flumpt のカウンターのサンプルその1
目的 Flumpt がどのようなものか知るためにちょっと触ってみる。 追記：その2 ファイル構成 . ├── dest │ └── app.js ├── index.html ├── pac...
18
18
Comment0
ReactJS + Redux + redux-thunk で非同期のカウンターのサンプル
目的 redux-thunk でどのように非同期処理をするのか試してみる。 カウンターの処理は以前書いたものを流用（ReactJS + Redux + ES6 のカウンターのサンプル） ファイル...
29
25
Comment0
ReactJS + Redux + ES6 のカウンターのサンプル
目的 Redux がどのようなものかかざっと把握するために１つのjsxファイルで動かしてみる。 ファイル構成 . ├── dest │ └── app.js ├── index.html ├...
19
24
Comment0
ReactJS + facebook/flux を ES6 の記述でカウンターのサンプル
追記：2016-01-20 改めて見たら冗長・間違ってた・アプデで動かないとかだったので、テスト書く勉強のついでにリファクタした。 Reactjs のテストを ava + jsdom で書いてみ...
20
20
Comment0
Reactjs のテストを ava + jsdom で書いてみる
目的 ava + jsdom がどういうものかさらっと触れてみる。 ついでに以前書いた ReactJS + facebook/flux を ES6 の記述でカウンターのサンプル をリファクタして...
11
12
Comment0
Reactjs のテストを karma + karma-fixture + mocha + power-assert で書いてみる
前回書いた ReactJS + Flumpt のカウンターのサンプル にテストを追加してみる。 karuma インストールと設定 $ npm install --save-dev karma $...
7
7
Comment0
node で ES6 の let を使ったファイルを実行すると SyntaxError になるのを回避する
(node v4.1.2) let 使うと SyntaxError になる現象 ES6 の記述を使って node コマンドでファイルを指定して実行できます。 例えばアロー関数を使って実行 hog...
19
17
Comment0
webpack のチュートリアルをやってみる
大鑑巨砲主義らしくいろいろな機能があるみたいだけど、とりあえずサラッとチュートリアルをやってみる。 webpack インストール $ npm install webpack -g ファイルを作成...
166
147
Comment2
ReactJS + facebook/flux でカウンターのサンプル
目的 Web+DB Press Vol.87 の Flux の記事 が素晴らしかったので、facebook/flux で書き換えてみた。 （記事では fluxxor） ちなみに雑誌のサンプルコー...
15
16
Comment0
ReactJS + alt(flux) を ES6 の記述でカウンターのサンプル
目的 Web+DB Press Vol.87 の Flux の記事 が素晴らしかったけど、サンプルコードが fluxxorだったので、 ES6 の class など使って書ける alt で書き換...
5
6
Comment0
32 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles