Postgres 環境構築

PostgreSQL環境構築 概要 dockerを使って環境構築をします Dockerfileの準備 FROM postgres:latest ENV POSTGRES_PASSWORD postgres RUN apt-get update && \ apt-get clean language-pack-ja && \ rm -fr /var/lib/apt/lists/* # Time Zone ENV TZ Asia/Tok…

Code Pen テスト

See the Pen Untitled by llama (@progllama) on CodePen.

テスト

手動テスト スナップショットテスト 単体テスト ビジュアルテスト まず戻り値の定義 次に固定の戻り値 リファクタリング(読みやすさやアルゴリズム、データ構造など) 入力値の追加 入力値、取得値のアルゴリズムへの反映 リファクタリング 仕様(not zero, no…

React router メモ

BrowserRouter(ブラウザとの連携) Routes(ルートの定義領域) Route(ルートの定義) Link(リンクの定義) NavLink(リンクのパスと現在のパスが同じならActiveとなるリンクの定義) Outlet(ネストしたときに現在のルートに対応したこ要素を取得) useParams(パスパ…

UI

UIデザインで疑問に思ったことメモ

UIデザインで疑問に思ったこと

heder, sidebar, main, footer,の色を分けるのは何故?

My Dictionnary

単語 意味 類語 対義語 regstory inventory stock category catalog

アイデアメモ

設定ファイルの作成の補助ツール 画像にメモを紐づけられる

3回目の関数の実行

関数コンポーネントの再レンダリングはstateの変更、親のレンダリングのタイミングだが関数の実行自体はstateの変更だけでも行われる。 もしこのときにレンダリング結果に差分がなければレンダリング処理は行われない。 printデバッグ時にstateの中身が変わ…

HTML

textboxで余白を作る Code Penテスト

textボックスに余白を作る

text indentを使えばOK

React テスト 走り書き

テスト ライブラリ Jest or React-Testing-Library(RTL) or Mock Service Worker(MSW) (ちなみにCreateReactAppでプロジェクトを作った際には最初から入っている) Jest 一般的なjavascriptのテストに利用 RTL React用のテスティングライブラリでReactの機能…

url-plumber 8月記録

反省点 フロントエンドとのAPIの定義を行っていなかったのでAPI連携の開発に手こずる。 次回はOpenAPIを使うとモックサーバなどが自動で作れるようなのでその準備をする

url-plumber

8月記録

Docker Prune

docker container prune docker image prune docker network prune docker volume prune docker system prune --all -f

Docker

docker cli prune file compose cli file healthcheck k8s

PostgreSQL

PostgresSQL Docker Image

PostgresSQL Docker Image

必要な環境変数はPOSTGRES_PASSWORDだけでそれ以外はオプショナル。 POSTGRES_PASSWORD postgresqlのsuperuserのパスワードを定義する。 POSTGRES_USER superuserを定義する

CircleCI CLIで注意すること

デフォルトで走るジョブがbuildなのでbuildというjobがないとエラーが発生 ジョブの指定には --jobオプションを付ける必要がある

CircleCI terminology

workspace ワークフロー内の後続のジョブへデータを転送するための仕組み、スペース

CircleCI

terminology CircleCI CLIで注意すること

Selenium

Ansible

Fabric

JavaScript・TypeScript

React CRACO React TypeScriptを使用したアプリケーションの作成 テストのメモ 関数の実行と再レンダリング redux storybook router Tailwind

React TypeScriptを使用したアプリケーションの作成

npx create-react-app your_application_name --template typescript

GitHub Action で定期実行する

on: schedule: - cron: "0 0 * * *" on でscheduleを指定してあげればOK

GitHub

githubでactionで使うシークレット情報を設定する。 GitHub Action で定期実行する

githubでactionで使うシークレット情報を設定する。

仕様するリポジトリに移動しsettingsのsecretのactionsを選択 右上にあるNew Repository Secretで必要な設定情報を追加していく。

その他 Cron

Crontabの設定が楽に行えるサービス