y3n yano3nora

Dockerize Microsoft SQL Server

実行と接続 Docker - docs.microsoft.com
Microsoft SQL Server - hub.docker.com
Linux および macOS に Microsoft ODBC Driver for SQL Server をインストールする
 Ubuntu の無人インストール用の SQL Server のインストールスクリプト
 Install Microsoft SQL Drivers for PHP 7 in Docker
DockerでSQLServerを触ってみる

sa ユーザパスワードを厳格にしないとデーモンが立ち上がらない ~~Fxxk Off~~ セキュアなデータベースサーバなので注意。あと利用 DB の指定 & 作成を環境変数から行えない ~~クソザコ~~ 仕様なため開発環境ではデータベースを新規作成する必要あり。くそだるい。

Docker Toolbox for Windows / Mac OS

Docker Toolbox
Docker ToolBox の使い方
 Dockerにホストのフォルダをマウントしたい！

内部的に VirtualBox を利用して Linux OS な VM を建てて Windows や Mac 環境で Docker ツール一式を利用可能にする。複数コンテナ管理のための docker-compose など必要なパッケージが一通り揃っている。

インストーラ実行
- Select Components にて Git for Windows や Kitematic など不要なものをチェックアウト

VirtualBox は Docker Toolbox とバージョンを合わせる都合上既存のを一度削除してこのインストールで入れ直す

Overview

pylint.readthedocs.io

MS ゴリ押し pep8 準拠な vscode の default linter
プロジェクト内に install した pylint 実行をする extension もある
flake8 とか black とかのが古くて人気ある、今後どれが標準になるのかな

Overview

AWS Serverless Application Model (AWS SAM) とは - docs.aws.amazon.com
aws/aws-sam-cli - github.com

aws 公式の lambda をいい感じに構成・開発・デプロイできる CLI ツール
ローカル開発や、一部認証系にも対応していてドキュメントも割と豊富
serverless framework や cdk などが対抗馬、小規模ならこいつで完結できる
一度作った stack に function を追加する動線はまだないっぽい
- aws/aws-sam-cli#4498
いまんとこ手動で追加しないといけないっぽいかな？

Overview

github.com/faisalman/ua-parser-js
ユーザーエージェント文字列を用いたブラウザーの判定 - developer.mozilla.org

js の ua 検出ライブラリ
従来の User-Agent に加えて、最新仕様の Client-Hints にも対応してるぽい
- https://ics.media/entry/200729/
star 数も多いし、当面はこの子で良さそう
過去に npm アカウント乗っ取りがあったみたい
https://scrapbox.io/kt3k/ua-parser-js_%E4%BA%8B%E4%BB%B6%E3%81%BE%E3%81%A8%E3%82%81

Overview

github.com/rt2zz/redux-persist
ReduxtoolkitでRedux Persistを使用する方法

多分もうこいつは死んでる。

localStorage に redux state 突っ込んだらええやん、ってやつ
全体 reducers を wrap した reducer を組んで ↓ みたいなことするぽい
- action dispatch で write
初回 load で resume

https://blog.shinonome.io/nodejs-docker/

FROM node:16.14.0

EXPOSE 3000

# node コンテナでは node user がセットされている
# セキュリティ的に root を使うべきでないのと
# wsl 環境などで root だと権限エラーになるので

	/**
	* media query を満たすかどうか js で判定可能
	*
	* @link https://developer.mozilla.org/ja/docs/Web/API/Window/matchMedia
	*/
	if (window.matchMedia( "(min-width: 400px)" ).matches) {
	/* ビューポートの幅が 400 ピクセル以上の場合のコードをここに */
	} else {
	/* ビューポートの幅は 400 ピクセル未満の場合のコードをここに */
	}

	/**
	* @link
	* https://reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html#recommendation-fully-uncontrolled-component-with-a-key
	* https://qiita.com/putan/items/8d976afab638ffb96acb
	* https://stackoverflow.com/questions/35792275/how-to-force-remounting-on-react-components
	*/

	// 例えばこんな email 編集 component があったとする
	export const EmailInput = ({ initial }: {
	initial: string

	{
	"name": "default",
	"settings": "{\"settings\":\"{\\n \\\"[python]\\\": {\\n \\\"editor.defaultFormatter\\\": \\\"ms-python.python\\\"\\n },\\n \\\"code-runner.clearPreviousOutput\\\": false,\\n \\\"code-runner.executorMap\\\": {\\n \\\"csharp\\\": \\\"scriptcs -script\\\"\\n },\\n \\\"code-runner.runInTerminal\\\": true,\\n \\\"code-runner.showRunIconInEditorTitleMenu\\\": false,\\n \\\"comments.openView\\\": \\\"never\\\",\\n \\\"cSpell.enableFiletypes\\\": [\\n \\\"prisma\\\"\\n ],\\n \\\"diffEditor.ignoreTrimWhitespace\\\": false,\\n \\\"editor.acceptSuggestionOnCommitCharacter\\\": false,\\n \\\"editor.acceptSuggestionOnEnter\\\": \\\"off\\\",\\n \\\"editor.accessibilitySupport\\\": \\\"off\\\",\\n \\\"editor.bracketPairColorization.enabled\\\": false,\\n \\\"editor.definitionLinkOpensInPeek\\\": true,\\n \\\"editor.dragAndDrop\\\": false,\\n \\\"editor.fastScrollSensitivity\\\": 0,\\n \\\"editor.foldingStrategy\\\": \\\"indentation\\\",\\n \\\"editor.fontSize\\\": 12,\\