2020.06.21
Vue-cropper.jsで画像トリミング機能実装instagramみたいにwebサイト上で画像をトリミングしたいとき、vue-cropper.jsがすごく便利でした。 ### Install ```sh $ npm install vue- ...More
2020.05.20
Vue.jsでドラッグアンドドロップを実装【Vue.Draggable】Vue.jsでドラッグ&ドロップを実装したい時はVue.Draggable安定。 **公式** https://github.com/SortableJS/Vue.Draggable **デモサ ...More
2020.05.20
Array.splice()でJavaScriptの配列操作## Array.splice() spliceの英単語としての意味は、 **動詞** 1. (縄、フィルムなどを)継ぎ合わせる 2. ２つのものを継ぐ 3. (DNAなどを)接合する 4. 結 ...More
2020.05.04
Docker buildxでRaspberry PiやJetson用のコンテナをクロスビルド## Docker buildx事始め Dockerは便利です。 マルチアーキのコンテナはARMプロセッサにも対応し、Raspberry PiやJetson nanoなどのマイコンでも問題なく動き ...More
2020.04.19
Rails6 x Docker x MySQL環境を一瞬で作るシェルスクリプトRails6.0環境をDockerで作る手順を真面目にやると１日が終わるのでシェルにした。 ## 前提 Docker, Docker-composeが入っていること ## 使い方 ```sh # ...More
2020.04.14
python3のアスタリスクって何？JavaScriptのスプレッド演算子とよく似ている。 なくても生きていけるけど、知ってると綺麗に書ける。 アスタリスクは乗算とかべき乗でも使うが、JSのスプレッド演算子っぽく使う方を解説したい。 ...More
2020.04.07
DockerでRaspbianコンテナを立ち上げるDockerを使って、ホストと異なるCPUアーキテクチャ（ARM）のRaspbianコンテナを実行する。 ホストPCはMacを使用。 ラズパイの開発環境やビルド環境として便利。 ## Raspbia ...More
2020.03.23
pythonのscipyで色々なデータ集計## scipyで色々な集計まとめ 基本的な統計量の算出などはscipyを使う。 ```python import numpy as np import scipy as sp # 表示する小 ...More
2020.03.21
numpyとpandasの基本機能まとめ## numpyの基本機能まとめ ```python import numpy as np # 二次元配列 sample = np.array([[1, 2], [3, 4]]) # 行数/列 ...More
2020.03.18
JavaScriptのswitch文の使い方switch文は時にifより読みやすい。その辺は感覚で選べばいいと思う。 switch文はそのままだと「caseにマッチしたところから処理を開始する」だけなので、breakを書かないと下に書いてある ...More
2020.03.16
WebカメラとJavaScriptだけで高精度なまばたき検知を実現できた話## 概要 ドライバーモニタリングシステムの展示などで睡眠検知のシステムをよく見かけます。 興味があったので自前で実装してみました。 以下のデモサイトでは睡眠検知と書きましたが、やっているのは ...More
2020.03.15
【IoT】よくわからないセンサー等と対峙する時の自分用メモ最近電子工作をやるので自分用のメモ ## よくわからないセンサー等と対峙する手順 SDKも取説もなく、よくわからないセンサーを渡されたら。 1. センサーのデータシートを探す 2. つなぐ先のマイ ...More
2020.03.15
PipenvでDistributionNotFoundエラーが出たときの解決法macでpipenvを使っていて、たまに以下のエラーが出る。 ```sh pkg_resources.DistributionNotFound: The 'pipenv==2018.11.26' d ...More
2020.03.13
【Python】subprocessで外部プログラムを呼び出し、外部から実行/終了できるようにする以下の処理を実装したため知見をメモ - subprocessを使った外部プログラムの実行 - イベントをトリガーに実行、終了をハンドリング サンプルコードではイベントの発火/受け取りは独自のp ...More
2020.03.12
ubuntu18にnpmでngrokをインストールするubuntu18にngrokを入れる ubuntu18を搭載しているJetson Nanoにngrokを直接インストールすると以下のエラーが出た。 ``` cannot execute bin ...More
2020.03.12
JavaScriptで座標間の距離を求めるJavaScriptで座標間の距離を求める ## ノルムとは > [解析学](https://ja.wikipedia.org/wiki/解析学)において、**ノルム** ([英](https:/ ...More
2020.03.12
Dockerfileでイメージをビルドしてコンテナを立ち上げる方法## Dockerfileとは ビルドしてオリジナルのイメージを作るときの設計書。 CMDより前のコマンドでコンテナを作り、CMDコマンドがコンテナの実行コマンドになる。 以下の例はpipenv ...More
2020.03.11
【HTTPS化】オレオレ証明書で爆速SSL対応opensslでオレオレ証明書を作成し、試しにflaskアプリをhttpsで起動してみる。 ## オレオレ証明書作成 ```sh $ sudo apt install openssl $ op ...More
2020.03.06
Pythonで最低限のObserverパターンを実装する## Observerパターンとは Observerパターンとは、監視対象が変化した時に監視者に通知するデザインパターンのことである。 - stateの変化を監視して通知できる - イベントの発 ...More
2020.03.06
知らないと面倒なPythonのisと==の違いと使い方`is`と`==`は実は違うことをしている。 `==`は値が同じかどうかだけをチェックするのに対し、`is`はオブジェクトが同じかどうかまでチェックする。 ## 文字列 単に文字列を比較した ...More