パンダのプログラミングブログ

ISUCON11に参加しました

公開日: 2021/08/24カテゴリ: Performance

2021年開催のISUCON11に参加しました。スコアは予選通過に遠く及びませんでしたが、来年も参加しようと思える良い負け方になったと思いました。　記事を読む

Rust製CLIツールmonolithでnoteの記事を簡単に保存する

公開日: 2021/04/30カテゴリ: Others

monolith は、CSS、JS、画像を含む Web ページを一つの HTML ファイルとして保存するRust製のCLIツールです。本記事では monolith を使ってnote の記事を一括保存する方法を紹介します。　記事を読む

RenovateをGitLabで定期実行する

公開日: 2021/03/27カテゴリ: Others

Renovate は、依存関係の更新チェックを自動化するツールです。本記事では、Renovate を owned の GitLab で定期実行し、npm パッケージのアップデートを自動化する方法を紹介します。　記事を読む

hygenでテンプレートからReactコンポーネントを生成する

公開日: 2021/03/24カテゴリ: Others

hygenとは、マークダウンのような frontmatter とテンプレートエンジン ejs からなるテンプレートを元に新しいファイルを生成するツールです。hygen を使って React コンポーネントを作成します。　記事を読む

useContext + useReducer の使いどころ

公開日: 2021/03/10カテゴリ: React

useContext + useReducer は、state を使うコンポーネントの階層が深い上に、前回の state を元に新しい状態を作る場面で使うと良い　記事を読む

Technology Radar に見るフロントエンドの技術トレンド

公開日: 2021/03/08カテゴリ: Others

Technology Radarは、ThoughtWorks社が発表している技術トレンドのレポート。2021年3月時点の最新版はv23。　記事を読む

Elmを通してFluxを理解する

公開日: 2021/03/07カテゴリ: Elm

Alt JS である Elm の The Elm Architecture を通して Flux を理解します　記事を読む

Next.jsでhtmlタグのprefix属性をページごとに出し分ける

公開日: 2021/02/27カテゴリ: Next.js

Next.js にはCustom Documentという機能があります。これは、各ページで共通の HTML を上書きするための機能です。html タグ、body タグに属性を付与したり、SEO 対策をするために meta タグを記述すること...　記事を読む

Electron + Next.js + Tailwind CSS で Markdown エディタを作った

公開日: 2021/02/23カテゴリ: Next.js

社内勉強会で「Electron + Next.js + Tailwind CSS でエディタを作った」という題で発表をしました。エディタで解決したかった課題を伝え、画面共有でデモをしたところ、嬉しいことに好評だったので記事として残すことにし...　記事を読む

Next.jsのISRを使ってスプレッドシートをデータソースにして業務フローを変えた話

公開日: 2020/12/25カテゴリ: Next.js

この記事は Next.js アドベントカレンダー 2020 の最終日の記事です。本記事では、Next.js の ISR の機能を使って業務フローを変えた話を紹介します。Incremental Static Regeneration（以下、I...　記事を読む

弁護士ドットコムライブラリーのフロントエンドのアーキテクチャ（Next.js + TypeScript）

公開日: 2020/12/02カテゴリ: React

この記事は弁護士ドットコム Advent Calendar 2020、2日目の記事です。この記事では、半年間Next.jsでサービスを運用した知見の中から、フロントエンドでのアーキテクチャについてご紹介します。　記事を読む

Redux Toolkitの構成技術を触ってみた（reselect・Immer・Redux Thunk）

公開日: 2020/11/19カテゴリ: React

Redux ToolkitはReduxのエコシステムから選りすぐりの技術を集大成したライブラリだ。単にReduxのボイラープレートを減らすだけのライブラリではない。Redux Toolkitは以下の技術の組み合わせである。この記事では、Re...　記事を読む

「みんなのデータ構造」で学ぶデータ構造〜 MergeSort・QuickSort

公開日: 2020/08/18カテゴリ: Algorithm

この記事は、「みんなのデータ構造」のMergeSort・QuickSortのまとめです。　記事を読む

「みんなのデータ構造」で学ぶデータ構造〜 BinaryHeap

公開日: 2020/08/14カテゴリ: Algorithm

この記事は、「みんなのデータ構造」のBinaryHeapのまとめです。　記事を読む

「みんなのデータ構造」で学ぶデータ構造〜 RedBlackTree

公開日: 2020/08/13カテゴリ: Algorithm

この記事は、「みんなのデータ構造」のRedBlackTreeのまとめです。　記事を読む

「みんなのデータ構造」で学ぶデータ構造〜 BinaryTree・BinarySearchTree

公開日: 2020/08/09カテゴリ: Algorithm

この記事は、「みんなのデータ構造」のBinaryTree・BinarySearchTreeのまとめです。　記事を読む

「みんなのデータ構造」で学ぶデータ構造〜 ChainedHashTable

公開日: 2020/08/08カテゴリ: Algorithm

この記事は、「みんなのデータ構造」のChainedHashTableのまとめです。　記事を読む

「みんなのデータ構造」で学ぶデータ構造〜 SLList・DLList

公開日: 2020/08/07カテゴリ: Algorithm

この記事は、「みんなのデータ構造」のSLList・DLListのまとめです。　記事を読む

「みんなのデータ構造」で学ぶデータ構造〜 ArrayStack・ArrayQueue・ArrayDeque

公開日: 2020/08/06カテゴリ: Algorithm

この記事は、「みんなのデータ構造」のArrayStack・ArrayQueue・ArrayDequeのまとめです。　記事を読む

Next.js + TypeScriptにStorybookを導入して遭遇したエラーを全て共有します

公開日: 2020/07/21カテゴリ: Next.js

この記事では、Next.jsにStorybookを導入してTypeScriptでReactコンポーネントを書けるようにする間に私が踏み抜いたバグと解消法を全て紹介します。Storybookとは、UIコンポーネントのカタログを作るツールです。...　記事を読む