Hello

Hi, I'm catnose

Designer, developer, maker, dog & cat lover. Currently working on zenn.dev with Classmethod. Follow @catnose99 for daily updates.

2021
Posted on zenn.dev

Codemirrorデフォルトのショートカット(KeyMap)を無効化する

Posted on zenn.dev

ビデオ会議でカメラの映像の代わりに絵文字を配信するためのツールを作った

Release

Emoji Live

Posted on zenn.dev

CodeMirrorをベースとしたエディターでCtrl + Zを実行すると内容が全て消える問題を解消する

Posted on catnose99.com

「時間は作るもの」って人に言うな

Posted on zenn.dev

Next.js + TypeScriptでimportしたSVGの型がanyになってしまう

Posted on zenn.dev

CSSのtext-decorationで一部のテキストだけ下線を非表示にする

Posted on zenn.dev

Lerna + viteで他パッケージの依存関係をうまく解決できないときの確認ポイント

Posted on zenn.dev

Notion APIのLimit(リクエスト制限)で気になったことまとめ

Posted on zenn.dev

絵文字をファビコンとして表示する簡単な方法

Posted on zenn.dev

GAEのデプロイでquotas were exceededエラーが発生したときの対処法

Posted on zenn.dev

【React】特定の要素が画面内 / 画面より上 / 画面より下のどこにあるかを調べるカスタムフック

Posted on zenn.dev

JSでツイートを埋め込むときのベストプラクティス

Posted on zenn.dev

Next.jsアプリをVercelからGCPに移行した話

Posted on zenn.dev

Cloud Load Balancingでマッチしたパスを特定のサービスに振り分ける

Posted on zenn.dev

Vercelのプレビューデプロイで特定のブランチ以外を無視する

Posted on zenn.dev

stale-while-revalidate対応のCDNでISRと同じような挙動を実現する

Posted on zenn.dev

GAEのサービス間通信にはデフォルトのドメインを使うと速いという話

Posted on zenn.dev

App EngineとCloud CDNの設定方法まとめ

Posted on zenn.dev

CloudBuildからNext.jsをGAEへデプロイする方法まとめ

Posted on zenn.dev

Next.jsのISRで動的コンテンツをキャッシュするときの戦略

Posted on zenn.dev

Cloudflare PagesにGatsbyJS v3のサイトをとりあえずデプロイする

Posted on zenn.dev

Cloudflare Pages・Vercel ・Netlify の違いや使い分けをまとめる

Posted on zenn.dev

Cloud Storageでファイルは公開 & 一覧ページは非公開にする権限設定(GCP)

Posted on zenn.dev

Zennで発生した障害の原因と行なった対策のまとめ

Posted on zenn.dev

CloudBuildでSecret Managerの機密データを取得して変数として使用する

Posted on zenn.dev

Chrome - textareaの改行時にカーソル位置がガタっとずれる問題の対処法

Posted on youtube.com

Devsumi 2021

Posted on zenn.dev

Google Sheets API v4 - シートの書き込みで「Permisson Denied」が発生したときにチェックするポイント

Posted on zenn.dev

GCP IAM - 少人数チームでメンバーの権限を管理する

Posted on zenn.dev

GCPのCloudBuild + KMSで機密ファイルを暗号化して管理する

Posted on zenn.dev

Next.js + CSS ModulesでFOUC(CSSの適用遅れによるちらつき)が発生したときの暫定対策

Posted on zenn.dev

M1 Macでエラー「fatal error: 'vips/vips8' file not found...」が発生したときの対処法

Posted on zenn.dev

npmのoptionalDependenciesとは

Posted on zenn.dev

Cloudflare Workers + Node.jsでマークダウン変換APIを動かす

Posted on zenn.dev

Cloudflare Workers を使う前に知っておきたい注意点

Posted on zenn.dev

nodenvでglobalパッケージをuninstallできなくなったときの対処法(shimsを削除)

Posted on zenn.dev

NestJSでdotenvを使う

Posted on catnose99.com

ZennをClassmethodに譲渡しました

Posted on zenn.dev

Next.jsで動的にRSSフィードを生成する

Posted on zenn.dev

Next.jsで動的にXMLサイトマップを生成する

Posted on zenn.dev

Next.jsでページ共通の処理をする(useEffectを使う例)

Posted on zenn.dev

Day.jsで相対日時を厳密に表示する(thresholds)

Posted on zenn.dev

Vercelでデプロイをロールバックする

2020
Posted on zenn.dev

Next.jsのFont Optimizations(Webフォントの最適化)を試してみる

Posted on zenn.dev

Google App Engineのスタンダード/フレキシブル環境を選ぶときのヒントと設定の注意点

Posted on zenn.dev

CSS変数の命名規則について考える

Posted on zenn.dev

CSSでテキストの選択部分の背景色を変える

Posted on zenn.dev

input type=range のスライダーのデザインをCSSでいい感じにする

Posted on zenn.dev

CSSのmix-blend-mode: overlayで画像の上にテキストをオーバーレイする

Posted on zenn.dev

CSSで画像に本のようなシャドウと光沢をつける

Posted on crieit.net

過去に思いついたWebサービス/アプリのアイデアを書き出す

Posted on zenn.dev

CSSでAppleっぽいグラデーションの背景を作ろうとする

Posted on zenn.dev

CSSでAppleっぽいグラーデーションのテキストを作る

Posted on zenn.dev

CSSのtext-decorationは意外と色々なスタイル調整ができる

Posted on zenn.dev

CSSのobject-fitによる画像の切り抜き・リサイズまとめ

Posted on zenn.dev

CSSでテキストが1行に収まるときだけ中央寄せする

Posted on zenn.dev

CSSのz-indexのベストプラクティスを考える

Posted on zenn.dev

埋め込みツイートをページ読み込み後に再初期化する

Posted on zenn.dev

Next.jsのnext/imageコンポーネントの使い方と注意点

Posted on zenn.dev

チーム個々人のテックブログをRSSで集約するサイトを作った

Posted on medium.com

デザイナーはコードが書けると楽しい

Posted on medium.com

Mediumのロゴが変わった件

Posted on catnose.medium.com

デザイナーはコードが書けると楽しい

Posted on catnose.medium.com

Mediumのロゴが変わった件

Posted on zenn.dev

HTMLとCSSだけで作るツールチップ

Posted on zenn.dev

ユーザー投稿型サイトのSEO対策

Posted on catnose99.com

Zenn needs help

Release

Released Zenn

Posted on zenn.dev

Zennを支える技術とサービス構成

Release

Published Code Kitchen

2019
2018
2017
2016
2015
2013