鈍足ランナーのIT日記

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

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

2018-03-01から1ヶ月間の記事一覧

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としたらマージンが小さくなっていい感じになった。 これを採用しよう。

Vue-i18n safariでlanguage取得の挙動がja-JP

// The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf with an alias. import Vue from 'vue' import App from './App' import router from './router' import Vuetify from 'vu…

ケチなおじさんがWebアプリを作ってみた

こんにちは。 dokechinといいます。HNの名前にもしているように家族からケチと呼ばれています。 私は、2012年からケチを卒業すべくWebアプリを書いている 理系エンジニアの40代の冴えないおじさんです。(クソブロガー)未だに出したアプリは全くヒッ…

vuetify.jsツールバーで選択したボタンの状態をトグル状態にしたくない場合

vueのルーターを使って,vuetify.jsでツールバーを作成。 ロゴ部分はイメージを使ったボタンにしました。 ロゴを選択した場合はボタンをトグル状態にしたくない。以下だとカッコ悪い。そんな場合には,active-classを無指定にすればいいとのことです。Buttons …

Vuetify.jsでかっこいいWebトップ画面を作りたい

vuetify.jsにはフリーでかっこいいシームが用意されている vuetifyjs.comvue-routerとともに経由のアプリで使うときには注意が必要で <v-parallax src="assets/hero.jpeg" height="600"> 以下のように修正したら動いた。 <v-parallax :src="require('assets/hero.jpeg')" height="600"> github.com</v-parallax></v-parallax>

vuetifyでv-dialog起動ボタンの配置方法

v-dialogの中にダイアログ起動用ボタンを書くこともできる。 v-dialogの外に書くこともできる。外に定義する方法 github.com中に定義する方法 github.com微妙に異なるので注意が必要と思いました。

data objectの中でvue-i18nを使う方法

vueのdata()の中でi18nしたい時あります。 そんな時には$tではなくて、this.$tを使うといいみたい。やってみよう。github.com

Vuetity.jsのボタン表示が全部大文字になる挙動を変えたい

挙動を変える変数があるのではなくて、vuetifyのソースをいじってビルドし直して使わないといけない模様。https://github.com/vuetifyjs/vuetify/pull/2858none, uppercase,lowercase,capitalizedなどが設定できます。ただし、npm_modules/vuetify以下のソー…

YAPC::Okinawaに行ってきた

昼まで働き、羽田からANA477便に乗って那覇へ向かった。 機内ではグラム単価アプリを実装を進めてゴリゴリ動かしたりしていた。 前夜祭はチケットを取ろうか迷っていたら売り切れてしまったので、スーパーでおみあげ をゆっくり見る計画を立てた。那覇に着い…