@Satoh_D no blog

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

2020-01-01から1年間の記事一覧

Zoom APIをDjangoで扱ってみる

Zoom APIを利用して部屋の作成とかする案件がありそうなので勉強のために調べてみたことメモ。 Djangoなのはこれも勉強のため。。 前提 Django: 2.2.x ゴール DjangoからZoomのOAuth認証ができること DjangoからZoomの部屋を作成できること(予約情報の変更…

PyDriveを使ってGoogle DriveにDjangoからアクセスしてみる

PyDriveを使ってGoogle Driveを操作する必要があったのでメモ 調べてみると素のPythonのコードはたくさんあるんだけどDjangoを利用してのサンプルが見つからなかったので書いてみた。 とりあえずはOAuthの認証とファイル/フォルダの一覧取得まで。 前提 Djan…

Django Channlesで投票アプリ(簡易版)を作る

先日やったDjango Channelsのチュートリアルを応用して投票アプリを作成してみる。 WebSocketの練習にもぴったりですね。 前提 Django: 2.2.8 Channels: 2.4.0 手順 投票用アプリの作成 次のコマンドを叩いて投票用アプリを作成する $ python manage startap…

Django と Channelsでチャット作成のチュートリアルをやってみる(Tutorial Part 4: Automated Testing)

Channelsのチュートリアルシリーズ最後! 今回は前章までで作成したもののテストコードを書く 前章までの記事は下記 satoh-d.hatenablog.com https://satoh-d.hatenablog.com/entry/2020/10/26/180000satoh-d.hatenablog.com https://satoh-d.hatenablog.com…

Django と Channelsでチャット作成のチュートリアルをやってみる(Tutorial Part 3: Rewrite Chat Server as Asynchronous)

前々回と前回の続き 今回は前章までで作成したチャットサーバを非同期処理で書き直す 非同期処理にするとリクエストごとにスレッドが追加されないから同期処理に比べてパフォーマンスが高いとのこと 前章までで作成したChatConsumerを非同期で書き直すと以下…

Django と Channelsでチャット作成のチュートリアルをやってみる(Tutorial Part 2: Implement a Chat Server)

前回の続きでDjangoとChannelsについて頑張る satoh-d.hatenablog.com 今回はいよいよChannelsを利用してチャットのデモを作るところ チュートリアルと環境が違うこと、Redis用に新たにdockerコンテナを作るところがあったけど敢えてコンテナを作らず直接イ…

Django と Channelsでチャット作成のチュートリアルをやってみる(Tutorial Part 1: Basic Setup)

案件でチャットを作ることになりそうなので勉強中のDjangoでどこまでできるか確認メモ 調べてみるとChannelsを使えばできそうというということがわかったのでチュートリアルをやってみる とりあえず今回は Tutorial Part 1: Basic Setup — Channels 2.4.0 do…

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アダプタって地味に重…