鈍足ランナーのIT日記

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

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

親父ギャクを作ってくれるモジュール

Mecabを使って、文中に出てくる最後の名詞の中の文字を似たような発音の 文字に置き換えて意味が通るもの変わったものだけを表示してくれる。 dokechin$ node test.js いざ鎌倉 いざクラクラ いざヤマガラ いざカラカラ いざカタクリ いざカラクリ いざカマ…

MacにText::Mecabをインストール

krrrr.hatenablog.com

温度によって、ダイキンエアコンを制御したい。

赤外線センサーPL-IRM2121 (38kHz)のつなぎ方 qiita.com ダイキンエアコンは101バイト超以上のコードが出力されているので、下記ブログの ダンパーを使用して見ました。 hawksnowlog.blogspot.com 赤外線LEDの電流制限抵抗 5mm赤外線LED 945nm S…

今流行のAIではない俳句ジェネレーター。「俳人さん」のアルゴリズムの全貌

https://haijinsan.dokechin.com/適当なアルゴリズムの全貌を紹介。 上五 現在月から適当に季語のリストの中からランダムに選ぶ。 function getKami(){ var date = new Date(); var month = date.getMonth(); var kamis = []; if (month == 0 ) { kamis.push…

M5Stack

ここにインストール方法がまとまっていました! M5Stack Documentationあとは、セキュリティブロックの解除が必要でした ESP32 > M5Stack > Hello world!

Parserについて勉強したい

Parserについて Perl で簡単にパーザを書く - tokuhirom's blog パーサー 再帰下降構文解析で電卓プログラムを実装する - embryo式(expression)、項(term)、因子(factor)と呼ぶのかぁ。 BNF http://www.klab.is.sci.toho-u.ac.jp/classes/images/6/64/CompPr…

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の単体…