Skip to content

Instantly share code, notes, and snippets.

@yano3nora
yano3nora / virutalbox-docker.md
Created May 5, 2023 07:38
[dev: VirtualBox x Docker] old ref. #dev

Docker Toolbox for Windows / Mac OS

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

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

  1. インストーラ 実行
    • Select Components にて Git for Windows や Kitematic など不要なものをチェックアウト
  • VirtualBox は Docker Toolbox とバージョンを合わせる都合上既存のを一度削除してこのインストールで入れ直す
@yano3nora
yano3nora / pylint.md
Created April 20, 2023 03:01
[python: Pylint] Python linter

Overview

pylint.readthedocs.io

  • MS ゴリ押し pep8 準拠な vscode の default linter
  • プロジェクト内に install した pylint 実行をする extension もある
  • flake8 とか black とかのが古くて人気ある、今後どれが標準になるのかな
@yano3nora
yano3nora / sam.md
Last active March 13, 2025 07:20
[aws: SAM & Lambda] AWS Serverless Application Model (AWS SAM) for Lambda Developing. #aws

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 を追加する動線はまだないっぽい
  • いまんとこ手動で追加しないといけないっぽいかな?
@yano3nora
yano3nora / match-media.jsx
Last active March 21, 2023 04:43
[js: matchMedia] Using Media Query from JavaScript. #js
/**
* media query を満たすかどうか js で判定可能
*
* @link https://developer.mozilla.org/ja/docs/Web/API/Window/matchMedia
*/
if (window.matchMedia( "(min-width: 400px)" ).matches) {
/* ビューポートの幅が 400 ピクセル以上の場合のコードをここに */
} else {
/* ビューポートの幅は 400 ピクセル未満の場合のコードをここに */
}
@yano3nora
yano3nora / ua-parser-js.md
Created March 21, 2023 04:09
[js: ua-parser-js] User-Agent & Client-Hints parser library. #js

Overview

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

@yano3nora
yano3nora / redux-persist.md
Last active March 8, 2023 08:43
[js: redux-persist] Redux-Toolkit x Redux-Persist #redux #js
@yano3nora
yano3nora / react-remount-by-key.tsx
Last active March 1, 2023 06:22
[js: React Re-Mount by Key Prop] #js
/**
* @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
@yano3nora
yano3nora / docker-node.md
Last active March 13, 2023 12:22
[dev: Docker node image] #docker #node

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

FROM node:16.14.0

EXPOSE 3000

# node コンテナでは node user がセットされている
# セキュリティ的に root を使うべきでないのと
# wsl 環境などで root だと権限エラーになるので
@yano3nora
yano3nora / yano3vscode-win.json
Last active February 21, 2025 09:49
yano3vscode profile. #dev #vscode
{
"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,\\
@yano3nora
yano3nora / object-key-by-value.ts
Last active July 1, 2023 08:03
[ts: Get object key by own value] #ts
import { objectKeys } from 'libs/utils/object-keys'
/**
* @example
* const obj = { one: 1 }
* const key = objectKeyByValue(obj, 1) // 'one' | undefined
*/
export const objectKeyByValue = <
T extends Record<PropertyKey, U>,
U = unknown