Blog
Next.jsで作ったブログのパフォーマンス改善
年末年始にこの技術ブログを GatsbyJS から Next.js にリプレースを行っていました。レプレースを実施した結果、Lighthouseのパフォーマンス結果が低下してしまったので、原因の調査と改善を実施しました。
- フロントエンド
- Next.js
- パフォーマンス
tscとBabel
TypeScriptをトランスパイルする際のtscとbabelそれぞれの役割をまとめました。
- TypeScript
WebAssemblyでオセロを作った話
WebAssemblyの速度を体感するために、WebAssemblyでオセロのゲームアルゴリズムを実装しました
- フロントエンド
GatsbyJSで認証サイトを実装する
GatsbyJSで認証サイトを実装するチュートリアルをやった時のまとめです。
- フロントエンド
- GatsbyJS
Material-UI + webpack のアイコン読み込みでハマった
Mateial-UI + webpack の環境でアイコンのパッケージ読み込み方法がビルド時間に影響する問題について紹介しています。
- フロントエンド
Next.jsでStorageオブジェクトを使う
Next.jsでブラウザの Storage オブジェクト を使う時の対応策をまとめています。
- フロントエンド
- React
- Next.js
JavaScriptで小数点の桁数を指定してフォーマット表示
JavaScriptで小数点の桁数を指定してフォーマットする方法です。
- フロントエンド
TypeScriptプロジェクトをモノリポ化した時のまとめ
ディレクトリ分割でフロントエンドとサーバーのコードを管理していたリポジトリをリファクタしてモノリポ化した時のまとめ。
- TypeScript
ISUCONの夏季講習2017をやった
ISUCON 夏季講習 2017をやり、ボトルネック発見までの基本的なデータ収集の部分だけをまとめました。
- ISUCON
CDK for Terraform でVPCを構築するチュートリアル
CDK for Terraform でVPCを構築するチュートリアルです
- Terraform
- TypeScript