のーずいだんぷ

Occurred OutOfMemory...dumping...dumping...

Google map api をVue.js(Nuxt.js)のコンポーネントで利用する方法

やりたいこと 結論 参考 やりたいこと 一般的にGoogle map api をwebアプリケーションで使おうとしたとき、例えば以下のような感じで利用する。 html <html> <head> <title>Simple Map</title> <style> #map { height: 100%; width: 100%; } </style> </head></html>

Vue.jsでVuexを使わずに他コンポーネントのプロパティやメソッドを操作する方法

はじめに 親コンポーネントにアクセスする方法 $parent provide/injectによる依存性注入 子コンポーネントにアクセスする方法 ref属性 それぞれの注意点 参考 はじめに 本記事は編集中なので、全方法は網羅していません。 ググったときにvuexとかばかり出て…

google map apiでクリックしたスポットの情報を取得したい

なにをやりたいのか? googlemap api はそもそも3種類に分かれている 結論 参考 なにをやりたいのか? google map api for javascriptを使用することで例えば以下のようにGooglemap をwebページで表示させることができる。 google map api によるgoogle map…

windows10のPCがスリープから勝手に休止状態(シャットダウン)になる現象

概要 結論 変更方法 雑感 概要 タイトルの通り、windows10のPCにおいて手動もしくは設定の通りにスリープ状態に移行後に本来であれば解除するまでスリープが継続するところ、一定時間経過後に自動的に復帰後に即座にシャットダウンするような現象が発生した…

ブログ再開する

ここ最近色々とあり、勉強を初めとした目標のために続けていたあらゆる習慣をすべて中断していた。 今後は技術以外の日頃考えていることについても言語化しながら、自分を客観的にながめる手段としても活用していきたい(それを公開する必要はあるかはわから…

gitの補完が効かなくなったとき(mac)

Git

はじめに 解決策 はじめに gitの補完を以前に設定していて、ある日急に使えなくなることがある。 使えなくなるケースとしては主に gitのバージョンアップ MacOSのバージョンアップ のいずれかが原因であり、実態は補完用スクリプトのシンボリックリンクが切…

Makefileでスマート(if文を使用せず)に処理を分岐させる

はじめに Makefileのワイルドカード 自動変数を用いてtarget名の一部を利用する おわりに はじめに Makefileではifやwhileを使うことができるのだが、予めどんな値が入るかわからない場合においては使用できない。 今回の使用法は汎用性に富んでおり、かつ簡…

Makefileとシェルスクリプトの変数参照とコマンド実行

はじめに シェルスクリプトの変数参照 シェルスクリプトでコマンド実行結果を変数に保存する Makefileでの表現 コマンドを変数へ格納して変数をコマンドをして実行するには? 入れ子になっていても実行できるのか? おわりに はじめに シェルスクリプトの変…

Ansible実行時にエラー[no filter named 'changed']

はじめに 原因 解決策 参考 はじめに 業務の中でAnsible2.4→2.9に上げる必要があったので、まず単純にバージョンを上げたところタイトルのエラーが出た。 原因 whenディレクティブで条件式を使用するが、その際に2.4以前では|を使用して以下のように記載がで…

MacOS Catalinaアップグレード後にitamaeを使おうとしたらエラー[...usr/bin/ruby: bad interpreter: No such file or directory]が出た

はじめに エラー内容 解決策 原因 参考 はじめに ruby製のデプロイフレームワークであるitamaeを使用しているが、とあるときに以下のエラーが発生して使えなくなったので、解決方法とその備忘録。 エラー内容 -bash: /usr/local/bin/itamae: /System/Library…

DeepLearning&xR開発用PCを構築する 〜その3:VPNでセキュアなリモート開発環境設定編〜

今回やること やるべきこと、知っておくべきこと 1. 自宅サーバを静的IP化 DDNSの設定 VPNサーバの用意 使用側(クライアント)にVPNクライアントソフトウェアを導入 OpenVPNのインストール 接続設定&認証情報を取得&OpenVPNへ反映 接続したその後 VPN状態でサ…

githubにsshで接続して、usernameとpasswordの入力を省略する方法

Git

はじめに 対策方法 httpsのまんまでやる方法 補足 参考 はじめに よく忘れてしまうので、あといろんなやり方が出てきてかなり検索性が悪かったので自分用にメモを残しておく。 対策方法 参考そのまんまであるが、以下の方法が非常に良かった。 これでhttps接…

<python>json.load()でjsonを読み込めない(jsonlinesを読み込む方法)

はじめに 対策 raw_decode()とは? jsonlinesファイルで実験してみる json.loadでデコードしてみる。 JSONDecoder.raw_decode()でデコードしてみる 原因 おわりに はじめに 自然言語処理100本ノックの3章20番の問題を解いているときに詰まったエラー。 Pytho…

pre-commitでisortの設定ファイルをpyproject.tomlにする

はじめに 競合する理由 解決する方法 参考 はじめに pyproject.tomlでblackとisortの競合を修正して、実行したところ、以下のように競合&warningメッセージが出力された。 /path-to-your-directory/.cache/pre-commit/reponx26mlg0/py_env-python3/lib/pytho…

複数言語が混在したプロジェクトでlinterとformatterをgit-commitにフックする

はじめに 複数言語をすべてgit-hookで連携するのはしんどい git-hook連携ツール:pre-commitを使用する インストール 設定ファイル 設定の反映 単純な実行 汎用的なチェック 各言語の方針 Python pre-commitへのhook設置 各設定ファイル Node.js 1. pre-commi…