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

「みんなのデータ構造」で学ぶデータ構造〜 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コンポーネントのカタログを作るツールです。...　記事を読む

jQueryの作者による「毎日コードを書く」習慣の効果と自分で半年やってみた感想

公開日: 2020/07/19カテゴリ: Essay

jQueryの作者John Resig氏による「Write Code Every Day」というブログを読んだ。初めはサイドプロジェクトで休日が消費され、しかもいいコードが書けなかった時の喪失感やプレッシャーを抱えていたそうだ。ある日、Je...　記事を読む

NetlifyでGatsbyJSのキャッシュを設定してレスポンス速度を爆速にしよう

公開日: 2020/07/07カテゴリ: GatsbyJS

この記事では、GatsbyJSのファイルごとのキャッシュの違いを記載した後、GatsbyJS製のサイトの表示速度をさらに爆速にするためにNetlifyでの最適なキャッシュ設定を紹介します。Netlifyとは、静的サイトのためのホスティングサ...　記事を読む

Vercel + GatsbyJSの最適なキャッシュ設定を紹介します

公開日: 2020/07/06カテゴリ: Vercel

VercelとはVercel社（旧ZEIT）が開発しているサーバレスなホスティングサービスです。VercelはCDNであるためJAMStackなアプリケーションをデプロイするために最適で、Vue、Nuxt.js、React、Next.js、...　記事を読む

GatsbyJS公式推奨のキャッシュ設定を理解する

公開日: 2020/07/05カテゴリ: GatsbyJS

GatsbyJSとは、React.js製の静的サイトジェネレータです。SSRをすることでビルド時に最適化された静的ファイルを生成するため、サイトの表示速度が爆速になります。ブログで使われているケースが多いです。この記事ではGatsbyJSで...　記事を読む

Next.jsからSlackに通知を送る

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

この記事ではNext.jsからSlackに通知を送る方法を紹介します。Slackに通知を送るにはWebhook URLを取得します。始めはWebhook URLをブラウザからPOSTすれば簡単に実現できると考えていました。しかし、ブラウザで...　記事を読む

Next.jsにTailwind CSSを導入する

公開日: 2020/06/27カテゴリ: Next.js

この記事は、Next.jsにTailwind CSSを導入する方法を紹介するものです。Next.jsはVercelが作成しているReactのフレームワークです。また、Tailwind CSSはユーティリティファーストのCSSフレームワークで...　記事を読む

Next.jsでGoogle Analyticsを使えるようにする

公開日: 2020/06/26カテゴリ: Next.js

Next.jsはVercelが作成しているReactのフレームワークです。面倒な設定を書かなくてもすぐに使えるZero Configを標榜しており、実際にwebpackやTypeScriptと一緒にReactを書く際にも特別な準備は不要です...　記事を読む

【React】useSWRはAPIからデータ取得をする快適なReact Hooksだと伝えたい

公開日: 2020/06/25カテゴリ: React

SWRは、Next.jsを作成しているVercel製のライブラリです。SWRはuseSWRというReact Hooksを提供し、APIを通じたデータの取得をラクに記述する手助けをしてくれます。このライブラリはGitHubスター数を10,70...　記事を読む

Netlifyでリダイレクトの設定をする

公開日: 2020/06/24カテゴリ: Netlify

ブログのURLを正規化するためにNetlifyでリダイレクトを設定する方法を調べました。ブログの正規化は検索エンジンのために行います。検索エンジンは以下のURLを全て異なるものとして認識するからです。当サイトではhttpsで/なしで統一（＝...　記事を読む

GatsbyJS製の本ブログをAMP対応しました

公開日: 2020/06/23カテゴリ: GatsbyJS

AMPはウェブサイトを高速で表示するためのHTML/CSS/JavaScriptの書き方です。AMPは「Accelerated Mobile Pages」の略で、Googleはニュースサイトに対して何ができるかという問いから始まったプロジェ...　記事を読む

GASをclasp（CLIツール）+ TypeScriptでローカルで開発する

公開日: 2020/06/22カテゴリ: Google Apps Script

Google Apps Script（以下、GAS）はGoogleが開発したサーバレスな関数の実行環境です。GASはGoogleの各種サービスと連携してプログラムを実行できるため、業務やルーティンワークの自動化に最適です。まずclaspを導...　記事を読む

Gmailの新着メールをLINEに転送する by Google Apps Script

公開日: 2020/06/21カテゴリ: Google Apps Script

私事ながら2019年に結婚しました。それから結婚式の式場を選び、日取りを決めて、当日の準備に当たります。すると、式場から打ち合わせのメールが不定期に飛んできます。私はメールの受信箱を頻繁に見ないので、やりとりはSlackにしたいと式場に申し...　記事を読む