JavaScript

react-autosuggestでapiのコール回数を減らす

検索フォームでGoogleのように検索ワードのサジェストをやりたくて、以下のパッケージを入れた。 react-autosuggest 使い方はサンプル通りで良いんだけど、データはapi経由でサーバから取得してくる。 apiを叩く回数を減らし...
rails

npmでfont-awesomeを導入したが、良く分からない苦戦をした…

font-awesomeのiconを使いたいと思い、 yarn add font-awesome をした。 そして、application.scssに以下2行を追加。 $fa-font-path: "~font-awesome/fonts"...
rails

SeedFuのWriterでマスタデータ出力時にDate型カラムがダブルクォートされずに出力されてロード時にエラーになる

以下のrakeタスクで既存DBからSeedFuで読み込むためのファイルを生成した。 desc 'generate seed-fu' task master: :environment do |t| SeedFu::Writer.write(...
tool

webpackのbuildでUglifyjsのエラーが出るようになったけど解決

1個前の記事に書いた通り、なぜかwebpackのproductionのbuild時に以下のようなuglifyjsのエラーが出るようになった。 ERROR in application-5b7f00c90272225401da.js from...
JavaScript

webpackのbuildでout of memoryが出たらNODE_OPTIONSで使用メモリサイズを指定すればOK

webpackのbuildでUglifyjsのエラーが出るようになってしまったので、とりあえず検索してUglifyjsのバージョンを上げたら直るというのを見かけたので、バージョンを3.3.12にアップしてみた。 そして再度buildを試した...
mysql

mysqlで取得結果に行番号をふる

ランキングを表示する時に、何も考えずprimary keyのidをそのままランキングNo.に使ってしまい、滅茶苦茶な表示になってしまった。 そこで、取得結果に行番号をつける事にした。 select @rownum:=@rownum+1 as...
typescript

TypeScriptで文字列内で変数を展開する

文字列内で変数展開したい時に、TypeScriptでどうやるかを毎回忘れてしまうので、備忘録として…。 Rubyだと#{}で書くって何か指が覚えてきた。 ついでに、Pythonも書いておこう。 TypeScript const var1 =...
python

ipython内でpandasの結果表示時の横幅を広げる方法

ipython上でpandasを使っている時に、dataframeの相関係数を見ようとdf.corr(method='pearson')みたいなのをやると、ターミナルは全画面にも関わらず、横幅が半分ぐらいのところで改行されてしまい、複数項目...
python

matplotlibで日本語フォントが表示されない時の解決法

matplotlibで日本語を使った図表を表示してみたら、良く有る豆腐が沢山出てしまった。 まぁ、きっと日本語フォントの問題なんだろうと、ググって1ページ目に出てきたサイトの方法に沿って設定してみた。 1. matplotlibの設定ファイ...
JavaScript

typescriptでcallback内でthisが使えない時の対処法

typescriptでcallback内でthis.propsを参照しようとしたら、undefinedになってしまった。 undefinedになったソース callbacks: { label: function(data) { conso...
python

pythonの関数は後方に書いたら参照出来ない

pythonを触り始めてるんだけど、関数を定義する際に、実行する場所より下に定義したら NameError: name 'hoge_func' is not defined って怒られた。 rubyとかphpで怒られた記憶が無かったけど、C...
rails

capistranoでgithubからgemをインストールする時にHost key verification failed.と怒られる

capistranoでdeployをしようとしたら、githubから直接インストールしているgemの取得で以下のエラーが出まくった。 01 Please make sure you have the correct access right...