Web開発Create React Appでinline scriptを使用しないようにビルドする やりたいことCreate React Appで開発したアプリを何も考えずビルドすると、JavaScriptのコードはbuild/index.htmlにインラインスクリプトとして埋め込まれます。これをbuild/index.htmlから外部ス...2019.12.312020.01.01Web開発
ブラウザ拡張【Chrome拡張】SPAやSSRのWebページでページ遷移を検知する GitHub上で動作するChrome拡張を作成したかったのですが、目的のページへ遷移しても動作しなくてはまったので対応メモです。やりたいことGitHub上の特定のページへ遷移すると発火するChrome拡張を作りたいです。現象manifest...2019.12.092020.05.05ブラウザ拡張
linux【Linux】mvとcp+rmの違い ファイルをmvするのと、cpしてから元ファイルをrmで消すのは一見して同じ挙動のように見えます。自分もそう思っていたのですが、微妙に挙動が異なることに気づいたので、違いをまとめます。結論先に結論から書いておくと、mvとcp+rmの違いは、m...2019.10.27linux
linuxzcatで未圧縮のファイルの中身も表示する たまにgzファイルと未圧縮のテキストファイルをまとめて表示したい時があるのですが、毎回オプションを忘れるのでメモです。やりたいこと以下のようにgzファイルとテキストファイルをまとめて表示したいです。gzファイルを表示したいときはzcatコマ...2019.10.202019.10.27linux
プログラミングXcode付属のclangだとC++のfilesystemは動かなかった話 以前Windowsで書いたC++のコードをMacで動かそうとしたら「filesystemなんてないよ!!」ってclangコンパイラに怒られてちょっと調査したので、その調査メモです。先に結論を書いておくと、Xcode付属のclangだとどうや...2019.08.17プログラミング
開発環境homebrewでgccをインストールする Xcode付属のclangがいまいち使えなかったので、homebrewでgccをインストールすることにしました。その導入手順のメモです。gccのインストールはい、brewコマンド一発でインストール自体は完了します。$ brew instal...2019.08.172019.12.24開発環境
linux権限があるはずなのにfindコマンドでPermission deniedが表示される場合の対処法 findコマンドを使ったときに、対象ディレクトリの権限があるはずなのにPermission deniedと表示されて原因究明に時間がかかったため原因と対応メモです。現象以下のように、findコマンドを叩くとfind: Failed to r...2019.07.28linux
画像処理ExifからPixel単位の焦点距離を計算する 3次元復元系の論文を読んでいると、よく「初期値にはExifから取得した焦点距離を使用する」的なことが書いてあります。しかし、カメラ内部パラメータとかの焦点距離はピクセル単位なのに、Exifに記録されてる焦点距離はmm単位です。このExifの...2019.07.28画像処理
プログラミングyaml-cpp 0.6.2をVisual Studio 2017以降でビルドする ちょっとyaml形式でログを吐きたくてyaml-cppを使ってみようと思ったものの、ビルドではまったので対応メモです。まずは普通にビルドyaml-cppはCMakeLists.txtを持っているため、CMakeを使えば簡単にVisual S...2019.07.14プログラミング
Windows【Windows】Portを占有しているプロセスを見つけて強制終了する 最近vue.js使ったWebサービス開発の勉強をしてたのですが、ある時npm run serveを叩いてもlocalhostに繋がらなくなったので、その対応メモです。ポートを占有しているプロセスを見つけるまずは、ポートを占有しているプロセス...2019.05.18Windows
Web開発CSSのgrid layoutを使って画面を縦に分割する 自分は基本的にはバックエンドエンジニアなんですが、GWだし時間あるしフロントエンドも触ってみようかなと思って触ってみました。CSSとかほぼ初めて触ったので、初心者が躓くところすべてに躓いてる感あるので、もう躓かないように備忘録がてら記事にし...2019.05.02Web開発
画像処理【OpenCV】decomposeProjectionMatrixの使い方~完全版~ 以前こんな記事を書きましたが、OpenCVの透視投影変換行列を分解するdecomposeProjectionMatrixには他にもいろいろと罠があったので完全版の使い方をまとめていきます。まずは単純に分解され、まずは単純にdecompose...2019.04.21画像処理
画像処理透視投影変換行列は定数倍しても問題なかった話 考えてみれば当たり前だったのですが、透視投影変換行列はスケール不定性的なものを持っていることに気づいたので、まとめてみます。透視投影変換の定数倍透視投影変換行列とは、世界座標点を画像座標点に投影する行列のことでした。この行列を\(n\)倍す...2019.04.06画像処理
画像処理【OpenCV】decomposeProjectionMatrixを使った外部パラメータの導出 透視投影変換行列を内部パラメータと外部パラメータに分解するため、OpenCVのdecomposeProjectionMatrixを使用したのですが、ちょっと使い方にはまったので使い方メモです。公式ドキュメントを見てみるdecomposePr...2019.03.212019.04.21画像処理
画像処理2次元点-3次元点の対応付けからカメラパラメータを導出する SfMやSLAMでは、2次元点と3次元点の対応付けから、カメラパラメータ(透視投影変換行列)を求める必要があります。今回は、DLT (Direct Linear Transformation)を使った透視投影変換行列の導出法について書いてみ...2019.03.162019.07.28画像処理
ブラウザ拡張【Chrome拡張開発】ポップアップに表示したリンクが開けない場合の対処 前回、Chrome拡張機能のポップアップの表示について書きました。このポップアップにhrefでリンクを追加したのですが、リンクをうまく開けなかったので、その対応メモです。やりたいことポップアップにリンクを追加して、リンククリック時に新しいタ...2019.02.23ブラウザ拡張
ブラウザ拡張【Chrome拡張開発】拡張機能アイコンのクリック時にポップアップを表示する 最近Chrome拡張を開発してみてるので、その開発メモです。基本的にはGoogleの公式リファレンスを参考にしてます。やりたいことこんな感じで、Chromeのツールバーにある拡張機能のアイコンをクリックしたら、設定画面的なものを表示させたい...2019.02.17ブラウザ拡張
プログラミングPythonのopenで改行コードが変わった話 in Windows Pythonでちょっとしたスクリプトを書いていたのですが、どうにも入力ファイルと出力ファイルの改行コードが変わってしまってちょっとはまったので、対応メモです。環境はWindows 10 + Python3.5になります。そもそも改行コードの...2019.02.17プログラミング
プログラミング【JQuery】Uncaught TypeError: xxx.find is not a function at yyyy.jsの原因と解決法 フロントエンド開発に慣れてなくて、JQueryの初歩的な部分ではまったのでメモです。エラーエラーを吐いたコードはこれです。let elements = $('.g');for(let i = 0; i < elements.length; ...2019.02.03プログラミング
開発環境Hyperのデフォルトショートカットキー(Windows) WindowsのターミナルソフトはHyperを使ってます。なかなかいい感じの使い勝手なのですが、まだ慣れてなくてショートカットキーを頻繁に忘れるので、ショートカットキーをメモしておきます。ショートカットキー一覧デフォルトショートカットキーを...2019.01.31開発環境