2022-01-01から1年間の記事一覧
Git Review Comment Acumulator 企画/設計 背景 要件 設計 開発計画 Git Review Comment Acumulator 企画/設計 背景 チームメンバーの技術力や自走力の低さが根底の問題として存在している。 一時期、その解消目的で私が 7 ～ 8 割り主体で勉強会を開催して…
2022 振り返り アウトプット面 １年前の改善事項 今回の改善事項 個人ツールの今後についてのアイディア 業務面＆個人面 これまでと 2022 年 2023 年目標 2022 振り返り 2022 年を振り返る アウトプット 業務面＆個人面 2023 年の目標 アウトプット面 ３年目…
【マイクロサービス】可観測性と OpenTelemetry (基本のみ) 可観測性のコア概念 可観測性（オブザーバビリティ） 信頼性と指標 テレメトリ 信頼性 メトリクス (指標) SLI (Service Level Indicator) SLO (Service Level Objective) 分散トレース OpenTelemet…
GraphQL 設計に関する知識メモ 【執筆中】 勉強会まとめ：Hatena Engineer Seminar #21 GraphQL 活用編 GraphQL を使い続けて気づいたこと タグ機能の実現 まとめ（ポイント）： マルチテナントで GraphQL を使う際の工夫 はてなが作るマンガアプリの Grap…
某社フロントエンドコーディング試験を題材とした React 学習記（作成時の考慮事項まとめ） はじめに React 学習経緯 フォルダ構成/コンポーネント構成 フォルダ構成の再検討 ステート管理 サーバーデータのキャッシュ Global State エラーハンドリング CSS …
フロントエンド E2E テスト + MSW (Playwright/Cypress 試行) メモ E2E テストフレームワーク Playwright Cypress MSW のレスポンス上書き設定 mswjs/data Github Actions (Cypress) さいごに フロントエンド E2E テスト + MSW (Playwright/Cypress 試行) メ…
【gRPC】Connect が作られた背景概要／これまでの gRPC-Web／Connect でできること はじめに 何故 Connect が作られたのか？ gRPC-Web とは proxy 層が必要な理由 gRPC-Web のソースを追う Envoy Proxy & gRPC-gateway 補足 Connect とは Connect-Web Connec…
Golang：API 実行 と httptest httptest refs Golang：API 実行 と httptest httptest テスト用のモックサーバをたてることができる API 実行コード const apiurl = "https:/xxxxxx" func buildGetRequest(name string) (*http.Request, error) { url := api…
Github プロフィールのカスタマイズ refs Github プロフィールのカスタマイズ 自身の Github アカウント名と同じ名前のリポジトリを作ることで、プロフィールの最初に自身の好きな内容を追加することができる ref: プロフィールの README を追加する 以下の…
golang AST & Jennifer によるコード自動生成 AST（抽象構文木） 取得/解析コード 解析結果 実際の結果 jennifer によるコード生成 go での コード生成 golang AST & Jennifer によるコード自動生成 モチベーション：以下と似ている ref: entity からコード…
React 実践のために調べまくったこと書き綴り まとめメモ フォルダ構成 サンプル まとめ ベストプラクティス（コーディング） CSS (Style) emotion theme の モードチェンジ storybook CSF v3.0 Interaction test React 諸々 Suspense カスタム hooks Lazy R…
Redux 基本 Redux とは Redux ストア Redux 基本 ひとまず、storybook のチュートリアルに載っていた範囲＋ α のみ Redux とは Flux ベースの state（状態）を容易に管理をするためのフレームワーク refs: https://qiita.com/knhr__/items/5fec7571dab80e2dc…
storybook チュートリアル ＆ CDD（コンポーネント駆動開発） チュートリアル ＆ storybook 導入 accessibility tests CDD（コンポーネント駆動開発） How to メリット standard tool Mock Service Worker storybook チュートリアル ＆ CDD（コンポーネント…
golang で windows サービス 開発 (kardianos/service の 実装説明少々) 前置き kardianos/service とは service_windows.go の詳細少々 ソース refs golang で windows サービス 開発 (kardianos/service の 実装説明少々) 前置き golange で開発し、ビルド…
go-ini では セミコロンが省略される 前置き 理由 go-ini では セミコロンが省略される 前置き Windows の 環境変数の区切り文字は、; = 設定ファイル(内容：= の形式)で、Windows の環境変数を設定する必要がある場合は ; を使用 しかし、; がある設定ファ…
Golang ビルド制約使用時の golps に関する注意事項 前置き vscode + gopls で ビルド制約 を扱う Golang ビルド制約使用時の golps に関する注意事項 前置き プラットフォーム毎の処理を実装するときは、runtime.GOOS での判定は NG、 ビルド制約を使うのが…
PlantUML ガントチャート を活用してスクラムでのプチ進捗管理を行い見える化を進めたい 背景/前提 PlantUML のガントチャートを使ってみる ツールを作ればいい さいごに PlantUML ガントチャート を活用してスクラムでのプチ進捗管理を行い見える化を進めた…
Job: Golang で ログローテートと設定ファイル読み込み改修 取捨選択＆実装 背景 着手前の状態 蛇足：Linux に関するちょっとした Tips 取り組み ログローテート 「1. ローテートの契機が異なる」について 「2. ローテートした後のファイル名のフォーマット…
Golang 並列処理（Gorutine/Channel/WaitGroup/ErrorGroup） Gorutine Channel Select timeout Non-Blocking Channel Operation close worker fan-out/fan-in sync.WaitGroup errorgroup.Group refs Golang 並列処理（Gorutine/Channel/WaitGroup/ErrorGroup…
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パッケージ作成メモ
