フリーランス 技術調査ブログ

フリーランス/エンジニア Ruby Python Nodejs Vuejs React Dockerなどの調査技術調査の備忘録

pythonのrembgを利用して背景を削除して新しい背景に合成させる

初めに 下記のrembgを利用して画像の背景を切り抜き異なる背景と合成するサンプルを作成する https://github.com/danielgatis/rembg インストール pip install rembg サンプルコード from rembg import remove from PIL import Image # 背景を除きたい画像(…

docker環境のpythonでdiffusersを動かす

はじめに docker環境のpythonでdiffusersを動かす。 インストールするパッケージ - diffusersだけ動かすならdiffusersとpytorch_lightningだけでも良い fastapi[all] diffusers transformers accelerate safetensors omegaconf pytorch_lightning Dockerfile…

Laravel・S3署名付きURLを生成する

はじめに Laravelで署名付きURLを生成する。 S3にファイルを保存 S3にファイルをアップロードする際にタグの情報を付与することが出来る。タグの情報は署名付きURLを取得する際にタグと同じ条件のユーザーのみ取得できるようにするためにファイルにタグを付…

Vueでタグを入力および削除できるコンポーネントを作成する

はじめに 下記のようなタグ入力フォームを作る コンポーネント作成 components/TagInput.vue ファイルを作成する <template> <div class="current-user-tag-wrapper"> <v-chip class="current-user-tag-chip"" v-for="(tag, index) in newTags" :key="index" close @click:close="removeTag(index)"> {{ tag }} </v-chip> </div></template>

LaravelのJob / PHPでMP4の動画再生時間を取得する

MP4の動画再生時間を取得する インストール composer require james-heinrich/getid3 サンプルコード use getID3; // 再生時間を取得し秒数からH:i:s形式にして変換する public function getMp4Duration($filePath) { $getID3 = new getID3; $file = $getID3…

PHP環境でimagemagicをインストールしてgoogle driveにある画像を取得する方法(Redhat編・メモ・結論できなかった)

ImageMagicのインストール 下記をインストールする際は、EC2のメモリ容量がt2.smallは最低限必要だった。 下記のコマンドだけで完了できたが他にもGDライブラリをインストールする必要がああった。 sudo dnf install epel-release sudo dnf install ImageMa…

EC2のサイズアップ手順

サイズアップするEC2を選択し停止する ステータスが停止済みになったら インスタンスタイプを変更を選択する インスタンスタイプの指定 t2.microからt2.smallに変更する 停止中のインスタンスを起動する 起動にはしばらく時間がかかるが、インスタンスサイ…

shopify アプリ開発の調査メモ

新しいアプリを作成する プロジェクト用アプリの開発 $ mkdir shopify_dev $ cd shopify_dev/ shopifyのパッケージをインストール npm init @shopify/app@latest shopifyプロジェクトの初期設定。プロジェクト名と、どの言語を利用するのか問われる。言語は…

AWS Elastic BeanstalkでLaravelを動作させる

はじめに EBでLaravelを動作させる機会があったので、下記にまとめました。 ElasticBeanstalk アプリケーション作成 「Create Application」ボタンをクリックする 「アプリケーション名」を設定する PHP、ファイルアップロードを選択する アプリケーションの…

S3に独自ドメインを設定する

AWS

はじめに S3にSSL通信でアクセスできるための設定を下記のまとめてみました。 AWS Certificate Managerの設定 SSL証明書の定義 証明書をリクエスト「パブリック証明書をリクエスト」を選択し、「次へ」ボタンをクリックする ドメイン名にSSLを設定したいドメ…

AWS Elemental MediaConvertの設定

はじめに AWS Elemental MediaConvertを利用する機械があったので、設定する手順を下記に記載しました。 ジョブテンプレートの作成 - 一般設定を下記のように任意の値を入力する - 入力は何も設定せず、デフォルトのまま 出力の追加ボタンをクリックし「Appl…

Reactで動画再生する

はじめに お仕事でReactで動画再生する方法を検討する 調査したいこと、動画開始、終了イベント及び再生時間の取得ができるか 該当プラグイン 調べたところ下記の2つのプラグインがあることを知りstar数の数の多いreact-playerを検証してみる。 video-react…

Flutterでタイマーアプリをつくる

はじめに 下記の動画を参考に自分のアレンジを入れてタイマーを作成してみました。 www.youtube.com サンプルコード import 'dart:ui'; import 'dart:async'; import 'package:flutter/material.dart'; import 'package:iterative_memory/widget/button_widg…

Google reCAPTCHAの設定/ amplifyのauthの設定 

Google reCAPTCHA reCAPTCHA設定 https://www.google.com/recaptcha/intro/v3.html 画面上部の中央にある「Admin console」をクリックします。 amplifyに認証設定する amplify add authのコマンドを実行し下記の選択を行う $ amplify add auth Using service…

amplifyの環境でエラーが発生したので再度新しくサイトを構築

はじめに amplifyの開発を進めていたが、デプロイ時のエラーをどうしても解決できず、1度環境を壊して再構築した。 ※windowsのwsl環境で開発しております。 ローカルのnodejsを削除とインストール 環境を最新にする sudo apt-get update nodejsアンインスト…

PHPでTwilioを利用してSMSメールを送信する

はじめに PHPでSMSメール送信できなかと相談を受けて調べてみた。 SMSサービス いろいろな企業がサービスを提供しているが、No1シェアだった理由と、日本の電話番号も対応していたので、こちらを試してみました。 www.peerspot.com 無料で利用できるものあ…

Nuxtjs+typescriptにjestを設定する

Summary nextjs+typescript環境にjestをインストールする機会があったので、設定した手順をメモしておく。 install npm install @nuxtjs/dotenv npm install --save-dev jest @types/jest ts-jest setting package.jsonファイルに下記の記述を追記する "scri…

Expressの全ルートを一覧表示する方法を調べる

Summary expressに記述している複数のルーティングを一括でテキストまたはjsonに出力できないか調べてみました。 References github.com Example Code 下記のコードで記述するとPath及びPathに紐づくメソッド名が取得できる。 router.stack.filter(r => r.ro…

Kaggle Tabular Playground Series - Mar 2022 コンペに参加してみた

はじめに 下記のコンペに参加してみた。 www.kaggle.com データ分析・前処理 xは0,1,2の3種類だったので、カテゴリ変数の扱いにしてOne-Hotエンコーディングを行ってみて。 yは0,1,2,3の4種類だったので、カテゴリ変数の扱いにしてOne-Hotエンコーディング…

Amplify+Nextjs環境構築

はじめに はてなブログをAmplify+Nextjs環境に移行するためにまず初めに環境構築を行う。 Amplify CLI のインストール npm install -g @aws-amplify/cli AWSアカウントの紐付け amplify configure リージョンの選択 Follow these steps to set up access to …

DockerでPostgreSQLの環境構築

Docker-Compose version: "3" services: postgres: container_name: "db" image: postgres:latest restart: always environment: POSTGRES_USER: test POSTGRES_PASSWORD: password PGPASSWORD: password123 POSTGRES_DB: test PGDATA: /var/lib/postgresql/…

Dockerから外部のサーバーへ接続する方法

設定手順 portsに22を指定する(ポートフォーディング用のポートを指定する) extra_hostsに外部サーバー用のサーバーのIPを指定する version: "3" services: app: container_name: app-service build: context: ./node volumes: - ../app:/srv/app command: /…

prismaで複数データベースに接続する手順

prisma複数データベースの接続方法 追加分のデータベースの接続情報を指定したschemaServiceB.prismaファイルを作成する schema.prismaファイル(既存) generator client { provider = "prisma-client-js" } datasource db { provider = "mysql" url = env("S…

はてなブログからMovableTypeへ移設、そしてCSV出力・JSONデータへ

はじめに はてなブログを移設したく、APIやいろいろな方法を試したが、過去データ全部移設するには、MovableTypeに一度移設したほうがよさそうだということで、MovableTypeを10年ぶりに触ってみる。 インストール メールアドレスを登録しないと無償版はダ…

Nisikaの中古マンション価格予測のデータでモデル構築する

はじめに 前回と前々回でデータの加工及び可視化を行ったので、今度はモデルの構築を行ってみる px-wing.hatenablog.com px-wing.hatenablog.com モデル構築 ## モデル構築 import lightgbm as lgb from sklearn.model_selection import train_test_split fr…

Nisikaの中古マンション価格予測のデータをグラフで可視化する

はじめに 下記の記事でデータ前処理を行ったので、今回は、そのデータ前処理を行ったデータをグラフで確認する px-wing.hatenablog.com ヒストグラム表示 fig, axes = plt.subplots(2,2, figsize=(20,10)) axes[0][0].hist(df["最寄駅:距離(分)"],bins=20…

Nisikaの中古マンション価格予測でデータ前処理をしてみる

はじめに 下記のコンペデータを利用してデータの前処理をしてみる www.nishika.com google colabを利用して検証する サイトから検証データ、テストデータをダウンロードし、google colabにアップロードする。 前処理を行うために必要なライブラリをインスト…

pandasとMatplotlibを動画で学習

はじめに 下記の動画でpandasとMatplotlibの勉強をする www.youtube.com www.youtube.com pandas pandasで勉強したこと # データの数 df.shape df.info() df.columns # pclassのユニークの値取得 df["pclass"].unique() ## pclassのカテゴリごとの数 df["pcl…

pandasの20本ノックをやってみた。

はじめに 下記の動画の20本ノックを試してみた。 www.youtube.com 20本ノックを試した結果 import pandas as pd # 1本目 データの読み込み df = pd.read_csv("./weather.csv"); # 2本目 データの中身の確認(先頭3行、末尾10行を表示) df.head(3) df.tai…

Android Studioでemulatorが起動しなくなった

はじめに 2週間ぶりにAndroid Studioで開発をしようとしたらemulatorを起動したところ、下記のエラーが発生したので、調査してみて。 エラーの内容 WARNING | unexpected system image feature string, emulator might not function correctly, please try …