React Drag & Drop メモ 各ライブラリ所感 参考(コードリーディング) refs React Drag & Drop メモ 主要ライブラリは３つ React DnD react-beautiful-dnd React-Draggable ※2022/5 末時：React18 で実現したければ React DnD を使うか自前で実装するかがよさ…

React コードフォーマット（ESLint + Prettier + TypeScript） Code Format ESLint インストール Prettier インストール & ESLint 設定 refs React コードフォーマット（ESLint + Prettier + TypeScript） XXXX 番煎じ。3 年前に webpack で一から設定したこ…

OpenID Connect 概要まとめ (In progress) OIDC イメージ Link Stack OpenID Connect 概要まとめ (In progress) 随時追加 OIDC イメージ OIDC = OAuth + IDトークン + UserInfoエンドポイント IDトークン：認証 アクセストークン：認可用（有効期限は短い） …

gRPC (by golang) gRPC とは 利点/欠点 適したケース APIとの比較 (個人の主観) 環境構築 Protocl Buffers .proto ファイル 書き方 コンパイル gRPC 4つの方式 & Servicea定義 Unary RPC Server Streaming RPC Client Streaming RPC Bidirectional Streaming…

shell 1行目のおまじない shebang（シバン） refs shell 1行目のおまじない shebang（シバン） bash を使用するか sh を使用するかの指定＋α #!/bin/bash : 固有の機能が使える。移植性等考えなくていいならこちらを使うと便利 #!/bin/sh : 環境に拘らず使え…

Refactor Diary 1 (Java: APIレスポンス解析) Refactor Diary 1 (Java: APIレスポンス解析) 例：ユーザロールチェック ユーザ情報はAPIにより以下のようなものが取れるものとする // API Response Data Model public class User { private String userName; …

VSCode Markdown フォーマット スライド作成（Marp） VSCode Markdown フォーマット VS CodeのMarkdownフォーマットについて VSCodeでMarkdownの自動フォーマット＆整形ルールを自由に設定 https://github.com/remarkjs/remark/blob/main/packages/remark-st…

Docker メモ 基本コマンド ENTRYPOINT & CMD ベストプラクティス ベストプラクティス Link Stack Docker メモ 基本コマンド dockerコマンド docker build <image> -f <Dockerfile Path> -t <name> docker run <image> # image build, container build & run docker run -d -t -v <mount> --rm --name <container> <image> <args> d</args></image></container></mount></image></name></dockerfile></image>…

Git Tips Link Stack Git Tips Link Stack 随時、便利そうな情報を積んでいく Gitを使ってやらかした時、git reflogさえ使えればわりかしなんとかなる git commit --fixup が便利

プロダクトマネジメント Link Stack プロダクトマネジメント Link Stack 随時、有益そうな情報を積んでおく プロダクトマネージャーはプロダクトの「ミニCEO」なのか？ プロダクトマネージャーの最低限の3つの業務【業務フォーマット付き】

RPM Tips Stack RPM Tips Stack 随時更新 強制インストール（ダウングレード防止） rpm -Uvh --replacepkg --replacefiles xxx.rpm RPMパッケージ作成メモ

はてなブログ投稿自動化 メモ hatena blog API (Atom) サンプルソース群 (python) ref (参考にしたもの) はてなブログ投稿自動化 メモ hatena blog API (Atom) Doc: https://kanaxx.hatenablog.jp/entry/hatena-entry-update 注意点 <updated>タグを入れないと、更新</updated>…

マイクロサービスアーキテクチャ メモ 比較 マイクロサービス＆モノリス マイクロサービス & SOA マイクロサービス化する時の設計面の課題 サービス間通信 連携方法一覧 REST gRPC バッチ メッセージブローカー DB共有 各々の使い所の尺度 課題 サーキットブ…

GraphQLについてまとめる 概要 REST API vs GraphQL GraphQLが真価を発揮するケース RESTを使った方が良い時（個人の所感） Relay Server Specification GraphQLが果たす役割 GraphQL Client & Server N+1問題への対応 link stack GraphQLについてまとめる …

React 副作用/メモ化/レデューサー (TypeScriptコード例付) 副作用/メモ化/レデューサー useEffect 依存配列 useMemo/useCallback useLayoutEffect useReducer memo関数 React 副作用/メモ化/レデューサー (TypeScriptコード例付) 副作用/メモ化/レデューサ…

React 基本概念等 コンセプト stateのリストアップ コンポーネントとprops コンポーネントライフサイクル Presentational Component / Container Component Hooks (関数コンポーネント合体強化パーツ) 実装（基本） サンプル JSX HTML記述 コンポーネント イ…

一定量メモリを消費させるshell 一定量メモリを消費させるshell stress コマンドが使えるならば、お手軽にできるかもしれない。 使えない環境のため、以下で実施した。その記録 理由が分かっていないが、指定したバイトの2倍取られた 一度に大きい量を一気に…

React ステート管理 (TypeScript コード例) ステート フォーム useRef (制御されていないコンポーネント) useState (制御されたコンポーネント) カスタムフック Reactコンテキスト カスタムプロバイダー コンテキスト＆ステート併用 コンテキスト＆カスタム…

Golang ポインタ 注意事項 ポインタの使い所 ref Golang ポインタ 注意事項 自明：文字列、インターフェイス、チャネル、マップ、スライス等はそもそもポインタ これらにポインタを使うとすれば、やむなく値無し(nil) の表現が必要な時だけ 例えば jsonデー…

JS 高階関数 カリー化 再起 関数の合成 JS 高階関数 他の関数を引数に取るか 戻り値として関数を返すか もしくはその両方を満たすもの 利点 純粋関数 = 副作用がないため、テスト容易性/再利用性/スケーラビリティの点で優れる 元のデータの不変性を保てる …

Python 色々メモ reference stack date 系 文字列系 List Dictionary ファイル系 Python 色々メモ 某ツール作成時に使った物をメモ（毎度期間が空いて綺麗さっぱり忘れてはググりまくるため） reference stack python 色々まとめ ArgumentParserを使ってpyth…

フロントエンド 技術要素概要集 SPA (Single Page Application) CSR (Client Side Rendering) SSR (Server Side Rendering) SSG (Static Site Generation) ISR (Incremental Static Regeneration) Remix ref フロントエンド 技術要素概要集 ※随時追加 SPA (S…

React スタイリング メモ React スタイリング 手段 手段 ref React スタイリング メモ React スタイリング 手段 手法は大きく２つに分かれていそう CSS Modules系： CSS を分けて書く。（規約が定まる） CSSのロードはJSと分かれるため、パフォーマンスは良…

エンジニアを分類する3タイプから考える自身のタイプとその先と 3タイプ 自身のタイプと特性 ref ※後日修正予定 エンジニアを分類する3タイプから考える自身のタイプとその先と 以下を多分に引用して記す。 エンジニアを分類する、3つのタイプ 「技術の人は…

Golang Gorm 実践メモ＆注意点 注意事項 ref Golang Gorm 実践メモ＆注意点 随時追記 公式ドキュメントhttps://gorm.io/ja_JP/docs/index.html Golang のデファクトスタンダード的ポジションのORM テーブルとオブジェクトの紐づけ。SQL実行。両方提供 = 単体…

DDD 実践メモ DDDのパッケージ構成 リポジトリ 集約 CQRS reference indexes DDD 実践メモ 随時追記 DDDのパッケージ構成 以下が参考になる 自分が現状気に入っているアプリケーションのパッケージ構成をさらす Repositoryのinterfaceはdomain層とQueryServi…

Golang コード自動生成 Golang のコードから Golang のコードを生成する コードからの情報取得 コード生成 ref Golang コード自動生成 モチベーション：単調なコード追加の繰り返しはコード自動生成に置き換えたい Golang のコードから Golang のコードを生…

Elasticsearch メモ 概要 RDBの代替にはならない ref Elasticsearch メモ 概要 Elastic Stack の 1製品 JSONベースの高速検索を可能とする検索・分析エンジン 用途: ブログ/記事投稿サイト等のWebサービスの全文検索＋α？に使われている模様 メモ： - RDBに…

Java Assertj + Mockito Assertj 共通 文字列 数値 Collection(List/Set等) Map Iterable関係 まとめて検証 特定の１つを検証 単一要素 特定フィールドの抽出 assertAll (全て実行する) 例外 カスタムAssertion Mockito ref Java Assertj + Mockito Assertj …

コードレビュー どう取り組むか 観点 簡易なもののサンプル 命名まとめ コードレビューでやること コードレビュー使い捨てにしないためには ref コードレビュー どう取り組むか 言葉遣いで心掛けていること 上から目線、命令形は、ダメ絶対 なぜ悪いコードな…