@Satoh_D no blog

大分にUターンしたので記念に。調べたこととか作ったこととか食べたこととか

WebRTCで音声データを取得し音声のボリュームを表示する

ブラウザでマイクから取得した音声のボリュームを画面上で表示する必要があったので調べてみた 今回もNuxt.jsで書いてみる 前提 yarn: v1.22.5 Nuxt.js: v.2.14.6 ソースコード <project-root>/pages/sample.vueを作成 <template> <section class="section"> <div class="columns"> <div class="column"> <meter :value="volume" min="0" max="1" high="0.25"></meter> <span>{{ volume }}</span></div></div></section></template></project-root>

Dockerコンテナでyarnをインストールする

Django REST Framework用に作成しているpythonのDockerコンテナに nuxt.jsを利用するためにyarnをインストールしてみた 前提 docker: 19.03.8 dockerコンテナのベースイメージ: python:3.7-stretch yarn: 1.22.5 手順 1. Dockerfileに以下を追記 RUN curl ht…

Amazon RekognitionをLaravelから使う

案件でWebカメラから取得した画像を元に表情を分析してどうのこうのする必要があり調べてみたのでメモ。 Amazon Rekognitionを選定した理由は料金がGCPのサービスに比べて安かったから…! Nuxt.jsから直接APIに対してPOSTすることもできるんだけど、CORSを回…

nodenv経由でインストールしたnodeでyarnをインストールしたけど動かなかった件

nodeenv経由のnpmでyarnをインストールしたけどcommand not foundとエラーが出てしまい利用できなかった この解決方法をメモしておく 環境 MacOS: 10.15.6 nodenv: 1.4.0+3.631d0b6 node.js: v14.12.0 yarn: 1.22.5 解決方法 nodenv rehash するだけ yarnを…

Nuxt.jsでWebカメラで映像を撮影 & 画像の取得をしてみる

案件でブラウザからWebカメラにアクセスし、画像を取得する実装を刷ることになったのでサンプルを作ってみた。 Nuxt.js初めて使ったけど学習コスト低くていいですね。もっと勉強したい。 環境 MacOS: 10.15.6 node.js: v14.12.0 yarn: v1.22.5 Nuxt.js: v.2.…

【JavaScript】IE11では関数の引数に初期値を設定すると「’)’がありません」エラーと出る

今やってる案件(IE11も対応範囲)で、謎のエラーに悩まされてたのが解決出来たのでメモ。 (今もIE11対応が必要なのかというのはあるけれども。。) エラーの現象 一部のページをIEで確認するとDevtoolのコンソールタブに ’)’がありません というメッセージ…

Anker PowerPort Atom III Slimを買ってみた

Amazonの新生活セールで「Anker PowerPort Atom III Slim」が500円引きの2,000円になっていたのでポチってみた。 最近出張にMacbook Proを持っていくことが多く、ACアダプタを軽いものにすることで少しでも荷物を軽くするのが狙い。 ACアダプタって地味に重…

【Laravel】カスタムバリデーションを作成する

最近初めてLaravelの案件をやることになりまして。 ひっさびさのプログラミングということもあってフレームワークの進化に驚くばかり...。 Laravelはバリデーション周りがデフォルトで充実してていいですね。 しかし、デフォルトでは実装できないバリデーシ…

【Docker】MacにDockerをインストールしてみた & 少し操作してみた

必要に迫られたのでそろそろdockerを勉強してみた結果を記します。 今回の環境 Mac: macOS High Sierra(ver10.13.1) やってみる Docker for Macをインストールする Docker for Macは公式サイトでもインストールできるみたいだけど、今回はhomebrewを利用して…

enkeeoのカーボン製トレッキングポールを買ってみた

表題の通り、enkeeoのトレッキングポールを購入しました。 Amazonのタイムセールで¥3,280でした。 enkeeo トレッキングポール 2本セット カーポン製 軽量 コンパクト 3段伸縮 レバー式ジョイントプラグでロック ウォーキング ハイキング 登山用 PL-01【メー…

【AWS】RDS(MySQL)で発生したIPブロックを解消する

今やっている案件で、急にRDSへの接続ができず以下のエラーを吐くようになりました。 Host 'xxx.xxx.xxx.xxx' is blocked because of many connection errors; 〜以下続く 調べたところ、MySQLのシステム変数であるmax_connect_errorsで設定した値以上接続失…

【Python】Pythonを使ってGoogle Spread Sheetを操作してみる

社内でやっているIoT案件にて、PythonからGoogle Spreadsheetにデータを送信する必要があったので試してみた。 環境 Python: 3.5.3 Google Spread Sheet API: v4 手順 1. Google Spread SheetのAPIキーを取得する Google API コンソールのページに遷移する …

MacにRaspberry Piの仮想環境を作成する

概要 Virtualboxを利用してRaspbeery Pi(stretch)の環境を作成した際のメモ 環境 ホストPC OS: MacOS High Sierra (ver10.13.1) Virtualbox: 5.2.18 r124319 (Qt5.6.3) ゲストPC OS: DEBIAN STRETCH WITH RASPBERRY PI DESKTOP 前提 Raspbian(stretch)のiso…

【Python】 Pyenvを利用してPython3.5.xをインストールしようとしたらエラーが出る件

pyenvを利用してPython3.5.3を入れようとしたら次のようなエラーががが。 $ CFLAGS="-I$(brew --prefix openssl)/include" LDFLAGS="-L$(brew --prefix openssl)/lib" pyenv install -v 3.5.3 BUILD FAILED (OS X 10.13.1 using python-build 20160602) Insp…

【Python】MacOS High SierraでPyenvを利用してPythonをインストールしようとしたら失敗した

Pyenvを利用してPythonをインストールしようとしたらOpenSSL入れてる?的なエラーメッセージが出てインストールできなかった件。 High Sierraにする前にPyenvを利用した際は出なかったので、恐らくOSアップデートしたタイミングで何かおかしくなったっぽい..…

【Ruby】CarrierWaveを利用してS3に5GB以上のファイルをアップロードする

3日ほどさんざんハマっててようやく解決したのでメモ。 構築中のシステムでzipファイルをCarrierWaveを利用してS3に自動アップロードする処理があるが、特定のファイルだけどうしてもアップロードできずにハマってた。 ソースやデータを見てもおかしなことろ…

【Tomcat7】DataSourceが見つからずにjava.lang.ClassNotFoundExceptionが発生する

Tomcatインストール後、DB接続情報を書いて接続確認した時にハマったのでメモ。 環境 今回は以下のような環境で実施してました OS: Redhat Enterprise Linux 7 Java: 1.7.0_151 Tomcat: 7.0.76 MySQL: 5.7.20 手順 %CATALINA_HOME%/webapps/Hoge にアプリケ…

Mac OS High Sierra(10.13) で Illustrator CS6を利用する

そろそろYosemiteでの作業が辛くなってきた今日この頃。 思い立ってHigh Sierraにアップデートしてみました。 アップデートも無事完了し、Illustrator CS6を利用しようとしたら Java SE6ランタイム入れて下さい的なアラートが... 今更古いランタイムは入れた…

【Ruby on Rails】ダイアログの改行でハマった

Ruby on Rails案件で早速ハマりました(ヽ´ω`) 前提 Ruby: 2.0.0p647 Ruby on Rails: 4.2.5 ダイアログに改行を入れたい... alertで出て来るダイアログのメッセージに改行を入れようと、以下のようにコードを書いたのですが、何故かalertの内容が改行されませ…

Macに Ruby on Railsの環境を作成する

Ruby on Rails案件に入ることになり、手持ちのmacにて環境を作りましたのでメモ。 そもそもRubyすらやったこと無いんですが...(ヽ´ω`) 前提 Mac OS X Yosemite(ver 10.10.5) homebrewインストール済み ruby-build, rbenvのインストール まずはruby-build, rb…

SourcetreeでのMergeにPhpStormを利用する

Sourcetreeでのコンフリクト解消時、デフォルトのマージツール(DiffMerge)が死ぬほど使いづらくて不便でした。 個人的にPhpStormのマージ画面が気に入っているので、そちらを使えないかと調べていたところ実施している方がおり、試しに設定してみました。 バ…

鶏つくねの甘辛だれ

先日スーパーで衝動買してしまったレンコンを片付けるべく、鶏つくねを作ってみました。 しその香りと甘辛なタレが食欲をそそります。 材料 鶏つくね 鶏挽き肉(今回は胸肉を利用)200g レンコン 小3個 しいたけ 2個 しそ 5枚 長ねぎ 1/2本 酒 大さじ1 塩 小…

E-PRANCE® 手挽きコーヒーミルを買ってみた

休日にコーヒーをハンドドリップして、のんびり飲むのが好きです。 今まではお店でコーヒー豆を挽いてもらっていたのですが、時間が経つとどうしても風味や味がちょっと落ちてしまう... だったら自分で都度豆を挽けばいいじゃん、ということで手挽きミルを買…

esa.ioのSublime Text用パッケージを作った

最近esa.ioを使い始めました。 デザインがきれいで使いやすくていいですね、動作も軽いですし。 何よりアイコンが可愛いのが良いです。可愛いは正義。 で、勢い余ってesa.ioのSublime Text用パッケージを作ってみました。 これでいつでもSublime Textから記…

Swimava マカロンバスを買ってみた

子供を風呂に入れるとき浴槽に抱いて入っているのですが、 浴槽が深くて手が離せずベビーバスの購入を考えていました。 ただ、風呂場のサイズ的にベビーバスだと大きするのと置き場所に困るので中々手が出せませんでした...。 この「Swimava マカロンバス」…

手羽先の甘辛煮

手羽先の甘辛煮を作ってみました。 お酢が入っているので少しさっぱりしていて食べやすいです。 材料 手羽先 砂糖 醤油 味醂 お酒 お酢 胡麻 基本目分量なので、量は書き(け)ません…… 醤油は参考ページの通り大さじ3。 砂糖は醤油より少し少なめ、甘めがい…

長芋の浅漬け

冷蔵庫に長芋があったので久々に浅漬けにしてみました。 シャキシャキとした食感と、ほんのり山葵の香りがとても良いですよ。 材料 長芋 白だし 水 山葵 作り方 長芋を食べやすい大きさに切ります。 短冊切りや乱切りが良いです。 白だし、水、山葵を予め混…

tumblrの記事をはてなブログに移行する

ようやく重い腰を上げて、放置気味だったTumblrの記事をはてなブログに移行してみました。 Tumblrは公式で記事のエクスポート機能が用意されていないので、 外部のWebサービスを使ってTumblrの記事をWordPress形式に変換 はてなブログにインポート という手…

【Chart.js】折れ線グラフ内にある任意のマーカーの色を変更する

Chart.jsで折れ線グラフを作成しているときに、 特定のマーカーの色を変更したく、方法を調べたのでメモしておきます。 しきい値を下回った時に色を変えたい、みたいな際に使えるかな、と。 今回利用するコード 今回使うコードは下記のような感じです。 点数…

アップルパイ

最近立て続けにリンゴをいただく機会があったので、少しでも消費できればとパイにしてみました。 冷凍のパイシートを使えばとても簡単です。 材料 リンゴ: 1個 砂糖: 大さじ3 カボス: 1/2個 冷凍パイシート: 4枚 卵黄: 1個分 作り方 リンゴをザクザク切りま…