buto > /dev/null

だいたい急に挑戦してゴールにたどり着かずに飽きる日々です

Puppeteerをtypescriptで使う

前回はseleniumを使ってみたので今回は別のブラウザ操作ライブラリPuppeteerを使ってみます! Seleniumをtypescriptで使ってみる - buto > /dev/null Puppeteerインストール npm install puppeteer ブラウザ操作コードを書きます! 今回もこちらのログイン画…

Seleniumをtypescriptで使ってみる

画面開発でコーディングと動作確認を交互にしていると 毎回フル桁を入力して、ボタン押下して、結果確認して…の流れが結構辛い。 ということで、javascriptコードでブラウザ操作を自動実行してくれるseleniumを始めよう!(今更感) seleniumインストール 何…

Flutter インストールからメニュー表示まで

久しぶりにモバイルアプリを作ってみたくなったのでflutter始めました iOS・Androidを同じコードで開発できるので効率的です Flutterインストール まずはhomebrewでFlutterをインストールしてdoctorコマンドでFlutterの利用開始チェックをする (XcodeとAndr…

webpack フロントエンドでも環境変数を扱う

React+SpringBootアプリでローカル、ステージング、本番環境用に環境変数ファイルがあって、それぞれに接続するAPIアドレスなどが定義されているのはよくあるケース SpringBootで環境変数を読み込むのは何度も行ってきましたが、Reactで環境変数にアクセスし…

AWSメッセージキュー SQS

AWS

昨日はSNSがモバイル通知、分析用Firehorseなど複数の宛先へデータを流すことができると学んだので 今日はSQSの特徴を学んでいく!!(SESはEメール通知専用っていうのは知ってるからスキップ) Amazon SQS SNSのアイコンと比べると宛先は1つになる?中央の…

AWSメッセージキュー SNS

AWS

AWS資格試験の模擬テストにメッセージキューが頻出するけど違いが分からない、覚えられないのでまとめておく。 AWS複数種類のメッセージキュー(MQ)が提供されているから1つずつ覚えていきます! メッセージキューってなに?? メールやSMSメッセージ通知を…

Grid systemを思い出す

今ドキのレスポンシブな画面ではGridsystemが定番!だと思いますが、すぐに忘れちゃうので復習 css-tricks.com html+bootstrapで簡単な検索フォームを作ってみます <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>データ検索</title> </meta></head></html>

Webhookってなんだっけ??

先日RDS同士のデータ連携について調べたので打ち合わせで「調べました!」と報告すると「あとWebhookもありだよね」と言われました あれ?Webhookってなんだったっけ…?? 更新情報を他アプリにリアルタイム提供 qiita.com GitHubにプッシュしたらCodePipeli…

Goはじめた!!

Go

超今更だけどGo始めてみる! 爆速HelloWorld! まずはmacにGoをインストール brew install go ビルドができるように環境設定を変更(何を変更したのかは今は知らなくていい) go env -w GO111MODULE=off ワークスペースにhello.goを作成して以下を書く packa…

CodeDeployでEC2にデプロイしようとした話

AWS

先ほどの記事に続きCodePipelineで自動デプロイできるよう直していきます!! Buildも失敗 やっとSourceが成功したので次はBuild!って失敗かーーーい! Error calling startBuild: Bucket ********** does not exist ビルド用のバケットがないようだ Source…

CodePipelineでS3にソースをダウンロード

AWS

去年CodePipelineでvue.jsプロジェクトを自動デプロイしようとしたが最後のデプロイで失敗して放置していたので直してみる! qiita.com Source失敗 1年以上寝かせておいたパイプラインを実行すると、なんと最初のGitHubからソースをダウンロードする段階で失…

オンプレサーバ間のファイル共有方法

仕事でバックオフィスシステムでアップロードしたファイルがフロントサイトで どのように参照されるかが知りたいがフロントサイトのコードを追うと該当箇所が多く 時間が足りないのでバックオフィスのアップロード方法だけ確認して、この方法で アップロード…

GitHub マージ方法の違いを調べた

これまで仕事でマージ方法を指定されたことがないのでマージコミットを作成する方法でマージしていたけど そろそろ他の種類も理解しておいた方が良さそうなのでGitHubで提供されている3つのマージ方法を試してみた! マージの準備として以下を行いました mas…

Step FunctionsでLambdaを連続実行してみる

AWS

AWS StepFunctionsがどんなサービスか分かったので使ってみる! StepFunctionsで実現することはこちら おくすり登録lambda関数(引数に薬の名前・服用回数を受け取り、薬の名前と服用タイミングを返す) リマインダーlambda関数(引数に開始時間・イベント名…

not authorized to perform: ses:SendEmailは寝かせて直る!

AWS

3日前にAWS Lambdaでメール送信(SES)をしてみるため以下ステップを実行 メール宛先アドレスをSES認証 公式ガイドをコピペしてSES送信関数を作成 テスト実行 こちらのエラーが発生してメールは送信されませんでした。。 not authorized to perform: ses:Sen…

稼働中RDS同士のデータ同期を考える

AWS

仕事で既に稼働しているEC2+RDSのセットが2つあってそれぞれのRDSのデータを同期するかも、という話があったので勉強がてら調べてみる AWS DMS 一般的な方法のように思われる AWS DMS を活用して MySQLからPostgreSQLへの移行とDBリファクタリングをやってい…

Step Functions勉強会予習

AWS

明日AWS Step Functionsの勉強会に参加するのでどんなサービスかだけでも予習しておく!! 分散アプリケーション、マイクロサービスのコンポーネントの疎結合化を可能にするAWSのマネージドサービス。 dev.classmethod.jp 分散アプリケーションはブロックチ…

Python 音声ファイルの周波数を取得する

前回はUSBマイクで録音した音声をwavファイルに保存したので今回はwavファイルの音声から周波数を取得します こちらの記事をコピペ Pythonで、Wave音源の周波数と音量(デシベル)を取得する方法[python音声解析 フーリエ変換 FFT] import sys import wave imp…

Python USBマイクから入力した音声をファイルにする

過去の自分がpipenvを使っていたことをようやく思い出したので、やっとpythonコードが書けるようになりました!! 歌った時に音程のチェックができるプログラムを書きたい カラオケの採点モードみたいなプログラムを作るのが最終目標です! (raspberrypiに…

pipを実行するとNo such file or directoryとなる

久しぶりにpython書こう!ということでライブラリを追加するために pip install ライブラリ を実行したら /Users/buto/.pyenv/shims/pip: line 21: /usr/local/Cellar/pyenv/1.2.18/libexec/pyenv: No such file or directory python書き始めることすらでき…

DDD(ドメイン駆動設計)を調べてみた

DDD(ドメイン駆動設計)とは ドメイン(ソフトウェアで問題解決しようとする対象)に焦点を当てるソフトウェアの設計方法 「ドメイン駆動設計」は新人SEの必修項目でいいと思う コーディングする時サービスクラスに何でもかんでもロジックを詰め込むのでは…

react setState反映タイミングを調べてみる

昨日の記事でMaterial-UIのTableを使ってオブジェクト配列を持つstate変数の値を表示しましたが 最初にsetState()でセットしたオブジェクトが表示されていませんでした components/DataTable.tsx useItem.tsxで取得したstate変数をDataTable.tsxで定義したst…

react typeで型定義して使い回す

typeでオブジェクト型を定義する typescriptではtypeキーワードで作成したオブジェクトを型として扱うことができます 「key: プリミティブ型」の書き方で定義していきます type Item = { id: number, category: string, item: string, price: number }; API…

react Material-UI入門

Material-UIはreactで利用できるデザインライブラリです 早速インストールして使ってみます! yarn add @material-ui/core@next @emotion/react @emotion/styled could not find a declaration file for module 'react/jsx-runtime' 上記コマンドでMaterial-…

react useEffectでライフサイクル入門

今日はuseEffectフックを使って関数を実行するタイミングを操作します useEffectフック useEffect(() => {実行したい処理}, [state変数]); このように書くとstate変数が変更されたタイミングで実行したい処理が実行されます 第2引数([state変数]のところ)…

react コンポーネントでstate共有(カスタムフック)

昨日はuseStateを使って入力した名前を画面に表示するところまでできました 今日はstateをロジック処理に移動、入力コンポーネントと表示コンポーネントを分けます コンポーネント間でstate変数を共有する方法は何種類もありそうでしたが、カスタムフックを…

react useState入門

昨日に引き続きreactHooksの練習をします まずはよく使うuseStateから!! useStateフック state変数とsetState関数の定義をするフック(API)です 「useState<型>(初期値)」で使います const [name, setName] = useState<string>('risa'); <練習>state変数に初期</string>…

React再入門<<急がば回れ>>

モダンJSについてほぼ忘れたので今日はReactのそもそもを学び直します プロジェクト作成 せっかくなのでTypeScriptバージョンの記事にならいました React × TypeScript 入門 私の環境ではcreate-react-appのバージョンが4.0.3だったので--templateが必要でし…

Java DynamoDB接続

久しぶりにDynamoDB使ってみる 半年前くらいにちょこっと仕事で使ったDynamoDB。費用が安いNoSQLデータベースってことしか分かってないけど 昨日作ったRESTAPIからDynamoDBにデータ登録してみます DynamoDBテーブル作成 AWSマネジメントコンソールでAPIから…

Java Recordsの使いドコロを探る

Java15にスキルをアップデート 未だに仕事ではJava8を使い続けているのでそれにかまけてJavaキャッチアップできてなかった… これからも仕事、趣味共にバックエンドはJavaを使っていくことになりそうなので今日久しぶりに最新Javaを調べてみた! (資格もJava…