人気記事
- Next.js + esa.io + VercelでJAMStackな爆速ブログを構築する
- テスト駆動開発（TDD）とは何か。コードで実践方法を解説します
- jQueryの作者による「毎日コードを書く」習慣の効果と自分で半年やってみた感想
- Next.js + TypeScriptにStorybookを導入して遭遇したエラーを全て共有します
カテゴリー
- Google Apps Script (10)
- Algorithm (7)
- Next.js (5)
- Essay (4)
- PHP (4)
- React (4)
- GatsbyJS (3)
- Laravel (3)
- AtCoder (1)
- Books (1)
- C言語 (1)
- Netlify (1)
- Others (1)
- Stripe (1)
- TDD (1)
- Tailwind CSS (1)
- Tips (1)
- Vercel (1)
This site uses Google Analytics
© All rights reserved.
弁護士ドットコムライブラリーのフロントエンドのアーキテクチャ（Next.js + TypeScript）
この記事は弁護士ドットコム Advent Calendar 2020、2日目の記事です。この記事では、半年間Next.jsでサービスを運用した知見の中から、フロントエンドでのアーキテクチャについてご紹介します。 記事を読む
Redux Toolkitの構成技術を触ってみた（reselect・Immer・Redux Thunk）
Redux ToolkitはReduxのエコシステムから選りすぐりの技術を集大成したライブラリだ。単にReduxのボイラープレートを減らすだけのライブラリではない。Redux Toolkitは以下の技術の組み合わせである。この記事では、Re... 記事を読む
「みんなのデータ構造」で学ぶデータ構造 〜 MergeSort・QuickSort
この記事は、「みんなのデータ構造」のMergeSort・QuickSortのまとめです。 記事を読む
「みんなのデータ構造」で学ぶデータ構造 〜 BinaryHeap
この記事は、「みんなのデータ構造」のBinaryHeapのまとめです。 記事を読む
「みんなのデータ構造」で学ぶデータ構造 〜 RedBlackTree
この記事は、「みんなのデータ構造」のRedBlackTreeのまとめです。 記事を読む
「みんなのデータ構造」で学ぶデータ構造 〜 BinaryTree・BinarySearchTree
この記事は、「みんなのデータ構造」のBinaryTree・BinarySearchTreeのまとめです。 記事を読む
「みんなのデータ構造」で学ぶデータ構造 〜 ChainedHashTable
この記事は、「みんなのデータ構造」のChainedHashTableのまとめです。 記事を読む
「みんなのデータ構造」で学ぶデータ構造 〜 SLList・DLList
この記事は、「みんなのデータ構造」のSLList・DLListのまとめです。 記事を読む
「みんなのデータ構造」で学ぶデータ構造 〜 ArrayStack・ArrayQueue・ArrayDeque
この記事は、「みんなのデータ構造」のArrayStack・ArrayQueue・ArrayDequeのまとめです。 記事を読む
Next.js + TypeScriptにStorybookを導入して遭遇したエラーを全て共有します
この記事では、Next.jsにStorybookを導入してTypeScriptでReactコンポーネントを書けるようにする間に私が踏み抜いたバグと解消法を全て紹介します。Storybookとは、UIコンポーネントのカタログを作るツールです。... 記事を読む
jQueryの作者による「毎日コードを書く」習慣の効果と自分で半年やってみた感想
jQueryの作者John Resig氏による「Write Code Every Day」というブログを読んだ。初めはサイドプロジェクトで休日が消費され、しかもいいコードが書けなかった時の喪失感やプレッシャーを抱えていたそうだ。ある日、Je... 記事を読む
NetlifyでGatsbyJSのキャッシュを設定してレスポンス速度を爆速にしよう
この記事では、GatsbyJSのファイルごとのキャッシュの違いを記載した後、GatsbyJS製のサイトの表示速度をさらに爆速にするためにNetlifyでの最適なキャッシュ設定を紹介します。Netlifyとは、静的サイトのためのホスティングサ... 記事を読む
Vercel + GatsbyJSの最適なキャッシュ設定を紹介します
VercelとはVercel社（旧ZEIT）が開発しているサーバレスなホスティングサービスです。VercelはCDNであるためJAMStackなアプリケーションをデプロイするために最適で、Vue、Nuxt.js、React、Next.js、... 記事を読む
GatsbyJS公式推奨のキャッシュ設定を理解する
GatsbyJSとは、React.js製の静的サイトジェネレータです。SSRをすることでビルド時に最適化された静的ファイルを生成するため、サイトの表示速度が爆速になります。ブログで使われているケースが多いです。この記事ではGatsbyJSで... 記事を読む
Next.jsからSlackに通知を送る
この記事ではNext.jsからSlackに通知を送る方法を紹介します。Slackに通知を送るにはWebhook URLを取得します。始めはWebhook URLをブラウザからPOSTすれば簡単に実現できると考えていました。しかし、ブラウザで... 記事を読む
Next.jsにTailwind CSSを導入する
この記事は、Next.jsにTailwind CSSを導入する方法を紹介するものです。Next.jsはVercelが作成しているReactのフレームワークです。また、Tailwind CSSはユーティリティファーストのCSSフレームワークで... 記事を読む
Next.jsでGoogle Analyticsを使えるようにする
Next.jsはVercelが作成しているReactのフレームワークです。面倒な設定を書かなくてもすぐに使えるZero Configを標榜しており、実際にwebpackやTypeScriptと一緒にReactを書く際にも特別な準備は不要です... 記事を読む
【React】useSWRはAPIからデータ取得をする快適なReact Hooksだと伝えたい
SWRは、Next.jsを作成しているVercel製のライブラリです。SWRはuseSWRというReact Hooksを提供し、APIを通じたデータの取得をラクに記述する手助けをしてくれます。このライブラリはGitHubスター数を10,70... 記事を読む
Netlifyでリダイレクトの設定をする
ブログのURLを正規化するためにNetlifyでリダイレクトを設定する方法を調べました。ブログの正規化は検索エンジンのために行います。検索エンジンは以下のURLを全て異なるものとして認識するからです。当サイトではhttpsで/なしで統一（＝... 記事を読む
GatsbyJS製の本ブログをAMP対応しました
AMPはウェブサイトを高速で表示するためのHTML/CSS/JavaScriptの書き方です。AMPは「Accelerated Mobile Pages」の略で、Googleはニュースサイトに対して何ができるかという問いから始まったプロジェ... 記事を読む