鈍足ランナーのIT日記

走るのが好きな5流のITエンジニアのブログ。

趣味の範囲は広いけど、どれも中途半端なクソブロガー楽しめるWebアプリを作ってあっと言わせたい。サーバーサイドPerl(Mojolicious)、クライアントサイドVue.js。Arduinoにも触手を伸ばす予定。

shibuya.pm テクニカルトーク#18に参加しました。

レベルが高いトークが聞けて、刺激を受けた。すごいなぁ。。まぁ、でも、敷居は下げつつ、1mmでも近ずけるようになりたいものです。

vue-cli(Webpack)のサーバーサイドを8080ポートnode(express)で3000ポートで開発したいのですが404

vueのajax部分(axios) this.canvas.toBlob(function (blob) { axios.post('./api', {data: blob}, { headers: { 'content-type': 'multipart/form-data' }, params: { } } ) }) vueのindex.js(リバースプロキシの設定) proxyTable: { '/api': { target: 'ht…

格安心拍計を試す

AliexpressでXD-58Cと検索すると最安値1.8$で売っていた心拍センサーが届いたので 早速試して見た。スケッチ>ライブラリをインクルード>ライブラリを管理を開いて、 検索をフィルタのテキストボックスにPulseSensorと入力して インストール。ファイル>ス…

五反田.pmに参加しました

6月11日に六本木開催の五反田PMに参加しました。open関数にはファイルを開くという機能だけでなく、実行する機能もあるとのこと。 straceでどんなシステムコールが発行しているかわかること。(man2でシステムコールについては学べる)シェルを介してはいけ…

パルスセンサー

https://ht-deko.com/arduino/pulse_sensor.html

Mishima.pm #3 を開催しました

今日は三島.pm#3 でした。 connpass.com4年ぶりの開催でした。 参加者は4名でしたが、ゆったりと時は流れ 時間はたっぷりあったので、発表後のディスカッションなど濃密にできました。コードリーディングは1回やってみたかった企画でした。 モジュールのオ…

WEB+DB PRESS 総集編をFESSで検索できるようにする

PCにWEB+DBのコンテンツを格納する 自分の場合は/Users/dokechin/Downloads/webdb_sp_001-102に格納しています。 Docker for MAC OSの導入 Docker Store 設定画面を開いてメモリ設定を2G->3.5Gに変更します。(ElasticSearchをメモリ2G使うため)。 FESSのコ…

VueテンプレートPWAを使っているのですが画像のキャッシングがうまく行かなかったよ

ネットワーク切断状況で動くのがPWAの醍醐味ではありますが・・・ Vueのpwaテンプレートを使ってPWAアプリに仕立てたグラタン。 gratan.dokechin.com 初期メニュー画面の画像ファイルはjpgにしていまして。またマテリアルデザインフレームワークのvuetify.js…

PWAの動作確認

デバッグの味方 developers.google.com

PWA

www.youtube.comPWA用のマニフェストファイルを作るツール App Manifest Generator

非同期処理を簡単に記述したい

とりあえず、以下のドキュメントを読んでみよう。 github.com

45歳で年収500万円のサラリーマンはフリーランスに転身すべきか?

日々けちに暮らしていますが、40半にもなる親父なので お金についてもう少しシビアに考えてみよう。 45歳でサラリーマン、このまま年収が変わらないで定年を迎える予定とします。 対するは、45歳でフリーランスに転換した場合。 厚生年金 サラリーマンだけが…

vscode+jestでユニットテスト(デバッグ)

ndenv環境を使っているので設定を変更(.vscode/launch.json) { "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name": "Launch Program", "program": "${workspaceRoot}/node_modules/jest/node_modules/.bin/jest", "ru…

vuexを使ったコンポーネントのテスト

頭の中はテストのことでいっぱいです。medium.com

vuetify.jsを使ったアプリの単体テスト

v-textfield idをつけた要素がそのまま、input要素にマッピングされるためにテストは素直にかける <v-text-field id="name" v-model="name" required></v-text-field> <div class="input-group input-group--dirty input-group--required input-group--text-field primary--text"> <div class="input-group__input"> </div></div>

Vue+jestでテスト

以下のエラーが出てテストが通らない。 console.error node_modules/vue/dist/vue.runtime.common.js:1715 /Users/dokechin/work/gratan/src/assets/hero.jpeg:1 ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){���� ^jest</anonymous>…

そもそも、PWAテンプレートにjestサポートがないのが・・

前回のポストの後 vuetifyのユニットテストやっぱり、jestを使いたい - 鈍足ランナーのIT日記Webpackテンプレートはjestをサポートしているのに、PWAテンプレートが サポートしていないのがおかしい何とかしたいと思いたった。技術のない私でもできるのか…

vuetifyのユニットテストやっぱり、jestを使いたい

v-checkboxのユニットテストをしようとしたら、なかなかうまくいかない。 それはv-checkboxを展開したHTMLにinputタグが見えてこない。(階層が深いため?) vuetify.jsのv-checkboxのテストソースを見たらjest.fn()を使っていて jestを使ってテストしていた…

vuetifyのunitテストを動かす

背景 vue-cli で作ったwebpackサンプル+vuetifyで簡単なテストを動かそうとしているのですが、 [Vue warn]: $listeners is readonly.ワーニングが大量に出てしまう。。 なんでだろう。。 vue-test-utils? まだベータバージョンだからかな。vue-test-utils…

vuetifyのバリデーションのテスト

# 以下はうまくテストができたGitHub - dokechin/sample

Karmaのテストコードでawaitが使えない

babelの設定を見直していたけど、よくよく考えたら Webアプリのソース(vue)でawaitを使っているわけではなくて テストコードの中で使っている。 Webアプリのソースはトランスパイル対象で、テストコードは トランスパイルの対象ではないのかな?(全然わかっ…

vue-test-utils+バリデーション

テキストフィールドに値を入れると、バリデーションが実行されて、formValidがtrueになるテスト を描いて見たが・・trueにならない const input = wrapper.find('input#name') input.element.value = 'AEON' input.trigger('input') expect(wrapper.vm.edite…

vueをテストする

インストール方法 npm install --save-dev @vue/test-utils 記述 import { shallow } from '@vue/test-utils' import Vue from 'vue' import Vuetify from 'vuetify' import Menu from '@/components/Menu' import VueI18n from 'vue-i18n' Vue.use(Vuetify)…

Vue.js + Reactもくもく会@東銀座#25に参加しました

medpeer.connpass.com 初参加、胡蝶蘭が綺麗と思ったら引っ越ししたてだったと思い出す。 柔らかな雰囲気の黙々会となりました。react陣が多めでした。 課題 書こうと思ってもなかなか手がつけられていないテスト。 拙作Gratan - Unit Price Memo Toolの単体…

vuetify.jsのCSSの指定方法

Vertical alignment of v-list-tile-content and v-list-tile-action in a dense v-list · Issue #1528 · vuetifyjs/vuetify · GitHubv-list-tile-titleの要素の指定では、CSSはv-を除いて、以下のように書いている。.list__tile__title{}

日経平均予想Botを直す

日経平均の上げ下げを毎朝呟くBot 日経平均株価、円相場、NASDAQ,GDAXIを使って予想するのですが 近頃、毎日上がると予想していた。 調べると昨年の11月末からすクレーピングに失敗して、円相場以外のデータの取得に失敗していた。 スクレーピング部分はpy…

マカレル使うか

以前インストールして全く使っていなかったのでGratanリリースしたので 監視して見ますか。 soudai.hatenablog.com mackerel-agentのインストール nginxのビルド cd nginx-x.x.x // ソースを解凍したディレクトリ ./configure --prefix=/usr/local/nginx --w…

副業している(したい)エンジニア交流会に参加しました

凄いエンジニアさんが登壇していて 自分の能力のなさに辟易。 もう人と比較するのは、しないようにしよう。がっかりするだけだ。とにかく、楽しそうなことにJOINして スキルを上げたりするのが一番だ。 ストレスのお話も出ていたように。 楽しければ、時間を…

vuetify.js v-toolbar 画面サイズを小さくした時にボタンが消えるので何とかしたい

vuetify.jsのv-toolbarサンプルでは画面の横幅を小さくして行くと ボタンが消えてしまい。操作できなくなる。 ハンバーガーボタンで選べるようにしたいのですが・・・vuetifyjs.comググりましたら、下記のサンプルを発見しました。 Vue Router + Vuetify JS …

vuetify.js v-containerで左右のマージンが大きいとき

v-containerで包むと左右のマージンが大きくて画面を有効活用できない。 v-container fluidとしたらマージンが小さくなっていい感じになった。 これを採用しよう。