nove-b

【2026年5月】夢はもう見ないのかい？ 明日が怖いのかい？ 諦めはついたかい？ 馬鹿みたいに空がキレイだぜ

2026年5月に考えたこととか

GitHubプロフィールにTangledのアクティビティを表示するやつを作った

【2026年4月】ヒトメタニューモウイルスとの戦い

2026年4月に考えたこととか

ATプロトコルを使い、本の感想を投稿するアプリを作成した

【2026年3月】AIとの付き合い方

2026年3月に考えたこととか

好きなことをAIになぜかやらせている

【2026年2月】個人開発したらプチバズりした

2026年2月に考えたこととか

【2025年01月】PixelfedへのPRと、Astroで作るレビューサイトと遊園地

【2025年12月】12月は一瞬で過ぎ去る

2025年を振り返ってみる

Angularのライブラリを作成し、GitHub Packagesで共通化、複数のAngularプロジェクトで使用する

vite pwa pluginでreact router v7がpwaにできない理由を調べてみた

【2025年11月】たぶん今が一番かわいい

ローカルのvite-plugin-pwaを、手元のReact Router v7プロジェクトで直接利用する方法

【2025年10月】イベントが盛りだくさんだった

とりあえずデプロイしたらキャッシュに惑わされたのでNuxtのユニバーサルレンダリングについて調べてみた

Hugoのテーマを変更したらnetlifyのビルドが失敗するようになった

【2025年9月】やっと公園に行ける気温になった

WindowsでDockerを用いPixelfedをビルドする

React Router v7でConsoleを削除するメモ

【2025年8月】夏休みと転職を諦め、いったん添い遂げる決意を固める

【2025年7月】浮世離れしたいけど、そんな勇気はない

Goでターミナルに表示するCLIを作成する

npxは永続的なインストールは行わないが、実行のために一時的なダウンロード（実質的なインストール）は行う

OnPushとChangeDetectorRefでAngularのパフォーマンスを向上したい

【2025年6月】今年も半分終わったらしい

【2025年5月】現状を妥協したい

自分の環境でだけ、特定のフォルダをGitの管理化から除外する

【2025年4月】春は軽やかに、でもずっしり重たくのしかかってきた

Githubでリリースの設定方法とリリースの必要性について

nextjs のproduction環境でだけconsoleを出力しないようにする

VSCodeで新規ファイルを常にマークダウンで開く

【2025年3月】４月から変わる環境に備える

GA4にイベントを送り、レポートで確認する

レスポンス429の時に成功するまでリクエストをし続ける

React Router v7で作成したウェブアプリをPWA(インストールに対応のみ)にする

VS Codeをコマンドから開くときに既存ウィンドウで開くようにする

VS Codeをコマンドから開くときに既存ウィンドウで開くようにする

Windowsのキーボードで英字入力、日本語入力の切り替えをシンプルにする

【2025年2月】土日お出かけ月間のなか個人開発もけっこう楽しめた

Kindle Unlimitedの検索が使いにくいので、好きな作家の対象本を一覧表示するサービスを作った

Google CloudでNode.jsを起動する

Hugoのテーマ「Github Style Plus」のローカル検索をFuse.jsで最適化した。

Hugoブログで最終更新日がすべて同じになっていたのを修正した

WordpressをDockerで起動する

Mastodonのソロインスタンスでローカルタイムラインを情報収集で活用する

PM2を使ってMastodonのBotを作成した

エックスサーバーVPSのMastodonイメージを使用したソロインスタンスに新規ユーザーを追加した

【2025年1月】ディズニーランドと星野リゾート1955と猛禽類のそらジロー

React NativeのFlatListで要素がデバイスの高さ分存在しないときに、onEndReachedが発火する問題を解決する

Amazon Cognitoについて調べてみた

無料の翻訳API、みんなの自動翻訳を使ってみた

Playwrightで実装で調べたことをとりあえずメモした（動画撮影、APIレスポンス、SignalR）

AngularプロジェクトでPlaywrightを導入しTypeScriptで自動E2Eテストを実行する

React Nativeで動的にナビゲーションヘッダー文言を設定する方法

useStateの型、Dispatch<SetStateAction<T>> についてとジェネリック型

React Nativeで無限スクロールのタイムラインを作成した

2024年を振り返ってみる

【2024年12月】2024年が終わりを迎える

2024年12月に考えたこととか

ExpoとReact Nativeで作成したアプリのAPKを作成する

React NativeでMastodon認証を実装した

React NativeでMastodon認証を実装した

Expoアプリの+not-found.tsxファイルの正体と「+」の意味

2024年12月時点でのReact Native開発環境の構築手順

【2024年11月】2024年の目標はきっと無理

2024年11月に考えたこととか

Github Actionでprettierを実行したい

next startで実行される環境変数をそれぞれ違うファイルから呼び出したい

良質な記事を書くという目的意識のためにOFUSEを導入する

Mastodonのおひとり様サーバーにおける連合タイムライン

nextjsのLinkコンポーネントは事前にプリフェッチしているらしい

JavascriptでEnumをより保守性高く使う方法

Enumを扱い等式を使用する際、どのように扱えばいいか調べてみた

【2024年10月】人間的生活を取り戻した

2024年10月に考えたこととか

TypeScriptで出てきたRecordってなに

TypeScriptをChatGPTに書いてもらっていたら知らないワードとまた出会った

TypeScriptで一回unknwonに変換するのはどういう意味があるのか

unknwonの謎を調べてみた

appearance-noneってなにか真剣に調べてみた

とりあえず使っていたappearance-noneに歩み寄る

マストドンのfaviconを変更する

マストドンのfaviconを変更する

マストドンでおひとり様サーバーを立ち上げた

サーバーの知識０でなんとかサーバー立ち上げまでこぎつけた

【2024年8月、9月】とにかく仕事に追われる

2024年8月、9月に考えたこととか

【2024年7月】読書できず、仕事に追われている

2024年7月に考えたこととか

Surface(第11世代)を実際に買うまで悩んだこと

Surface(第11世代)を実際に買うまで悩んだこと

tailwind-mergeというプラグインはなぜ入れるのか

tailwind-merge is 何 ?

nextjsのプロジェクトでclass-variance-authorityを採用した

class-variance-authorityってなに？

【2024年6月】読書できず、目標も完遂できず、ウィルス性腸炎が猛威を振るう

2024年5月に考えたこととか

tailwindで定義した色をimportして使用する

tailwindで定義した色をimportして使用する

Windows間のアプリ移行が簡単だった

Windows間のアプリ移行が簡単だった

Hugo(Pagermod)で記事にGitのコミット履歴から最終更新日を付与する

Hugo(Pagermod)で記事にGitのコミット履歴から最終更新日を付与する

ネイティブアプリ作成を諦め、まずはウェブ版をリリースに注力することにした

ネイティブアプリ作成を諦めた

JavaScriptのnew Set() って何?? Arrayと何が異なるのか

ChatGPTでコード生成したところ、new Set() というオブジェクトが出てきたので調べてみた

nextjsで開発中にモックサーバーを立ち上げたいのでnext-swagger-docと@stoplight/prism-cliを比較してみた

開発中にモックサーバーを立ち上げたかったので方法を調べてみた。

Cloudflare Registrarでドメインを登録し、Netlifyのサーバーにサブドメインを当てる

HugoのPaperModにGA4を導入する

interactjsをAngularで最短で動かしてみる

interactjsをAngularで最短で動かしてみる

クライアントツールからCloud SQLのDBに接続したい

クライアントツールからCloud SQLのDBに接続したい

Go & Cloud Run & Cloud SQLでWebAPIを作成したけど、公開する前に諦めた

Cloud Run & Cloud SQLが高すぎる

React Nativeでセキュアな環境にTokenを保存する

API通信に必要となるJWTTokenをセキュアな環境にTokenを保存する

WordPressから記事をHugoに大体移植した

WordPressのアナリティクスを見たところ、PVが思ったよりあるので記事の引っ越しをした

Fabric.jsをAngularで最短で動かしてみる

Fabric.jsをAngularで最短で動かしてみる

Expoのバージョンがシミュレーション用のスマホアプリとずれたのでアップグレードする

Expoのバージョンがシミュレーション用のスマホアプリとずれたのでアップグレードする

Cloud RunでGoを動かしたい

GolangでAPIを作成したのでCloud Runで動かしてみる

2024年5月の月報

2024年5月に考えたこととか

GormでCloud SQLに接続する

GormでCloud SQLに接続する

ZennのスクラップのようにGithub Issueに作業のログとかを残すようにした

ZennのスクラップのようにGithub Issueに作業のログとかを残すようにした

Goで作成したローカルサーバーにReact NativeからアクセスしようとしたらTypeError: Network request failedになった

Goで作成したローカルサーバーにReact NativeからアクセスしようとしたらTypeError: Network request failedになったので、調査してみた

APIのメソッドPUTとPATCHは何が違うのか調べてみた

APIを作成しているので、PUTとPATCHの違いを調べてみた

2024年4月の月報

2024年4月に考えたこととか

Github ActionでGithubに草が生え続けていた

Github Actionが毎日動き、草を生やし続けていたことに気が付いた

2024年3月の月報

2024年3月に考えたこととか

VSCodeのドットファイルをGithubで管理し常に最新を共有する

VSCode

GitBashが日本語を受け付けなかったので対応させた

GitBashが日本語を受け付けなかったので対応させた

Golangのnet/httpでホットリロードの恩恵を受けたい

Golangのnet/httpでホットリロードしたい

JavascriptのConsoleはGoLangでどう表現するのか

Golangで出力の方法がいくつかあるようなので、どれが最適化調べてみた。

AngularでAPIリクエスト前後の処理を共通化する

AngularでAPIコール前にAuthorizationを持たせる必要があったのでHttpInterceptorを使用してみた

WingetでWindowsにアプリをインストールする

パッケージマネージャーを使用しアプリを管理する

2024年2月に読んだ本まとめ

2024年2月に読んだ本を軽くまとめてみる

Hugo(ヒューゴ)でブログを立ち上げるまでにやったこと

Hugo(ヒューゴ)でブログを立ち上げるまでにやったこと

Install Nuxt3 | ERR! @parcel watcher

仕事でNuxt3を使うことになったので、Nuxt3をインストールする

Hello New Blog

WordPressを辞めてブログをHugoにした

Go Langで作成したAPIをSwagger UIで表示する

Go Langで作成したログイン認証のjwtのアクセストークンが切れた時にどうするか

Go Langで新規登録のWebAPIを作成したので、認証周りをJWTで作成する。

Go Langで新規登録と退会のWebAPIを作成したので、やったことをまとめてみる。

Go LangでWebAPIを作成するために、GolangでDBのデータを取得するmainファイルをそれぞれの責務に分割する

Go LangでWebAPIを作成するために、GolangでエンドポイントにアクセスしDBからデータを取得する

Go LangでWebAPIを作成するために、Golangでサーバーを立ち上げる

Go LangでWebAPIを作成するために、GolangでMySQLに接続する

Go LangでWebAPIを作成するために、まずはDockerでMySQLを構築する

VS Codeの拡張機能「Ascii Tree Generator」を使用しツリーファイル構造をサクッと作成する

nth-childとnth-of-typeの違いを理解する

コンパイルを含む、ワードプレスのテーマをLocal（旧Local by Flywheel）で作成する場合にシンボリックリンクを使うようになった

アクセストークン等を使用せず、お手軽にMastodonのタイムラインをWebページに読み込むことできる仕組みを作成した

ブログに埋め込まれたアフェリエイトリンクをチェックするChromeの拡張機能

React NativeでStackNavigatorを使用し一覧から詳細への遷移を実装する

React NativeでBottom Tabs Navigatorを使用しタブナビゲーションを実装する

TypeScriptで定義済みの型からプロパティを取り出し新しい型を作る方法

WordPress.orgに登録したプラグインをGitHub Actionを使用しGitHub上で管理する

Go Lang でモジュールを作成し、それをMainパッケージで使用する

WindowsにGoをインストールしてHello Worldしてみる

React Nativeにコードフォーマッター（ESLint・Prettierを導入する）

React NativeでTailwind CSSを使用したいので、nativewindを導入した

TypeScriptのIndex Signatureでプロパティに制限をかけたかったので、今更ながらよくよく調べてみた

ネイティブ キャンプ（Native Camp）の無料期間を終え、初めて自身の英語力に対し明るい未来をみた

React NativeにTypeScriptを導入する

隙間時間に英語の勉強ができるようにネイティブ キャンプ（Native Camp）を始めました

React NativeでHello World（環境構築～サンプルアプリ立ち上げまで）

JavaScriptで１行足すだけで、以降の処理を５秒間待つことができる

フロントエンド専のエンジニアが見よう見まねでawsのLambdaを用いて個人開発をした

無料枠のよくわからないawsの無料枠について真剣に調べてみた

CORSでクロスオリジンの設定をする際に、なんでドメインを絞り込む必要があるのか浅く理解した

ColとRow、そして行と列は縦横一体どっちを向いているのかを完全に理解した。

エックスサーバーで借りたドメインのサブドメイン使用し、Vercelにカスタムドメインを設定する

LambdaにのせたNestJSでapp.enableCors();を指定しているのにCORSエラーがでたので解消するまでを記録した

AWSのRDSに接続したいけど踏み台サーバーでうまく接続できなかったので、RDSをパブリックサブネットに置きHeidiSQLで接続を試みる

JavaScriptにおけるcount++と++countの違いについて調べてみた

NestJsで作成したプロジェクトをAWSのLambdaにあげて動かすまでの作業ログを残しておく

letの仕様に関する知識を問うJavaScriptの問題

JavaScriptでUnary plus (+)を使いかっこよくNumber型に変換する

JavaScriptで2つの配列を比較し、一致したものを取り出す方法コード

次世代フロントエンドツールViteを用いて、React+TypeScript+Tailwindcssの環境を開発する

JavaScriptの配列で重複したものを削除し、ユニークな配列を作成する

NestJSのエラーレスポンスをカスタマイズする

ER図におけるリレーションのカーディナリティが覚えられなかったのでまとめてみる

AngularでObjectを返すカスタムPipeを作ったがValueへのアクセス方法がわかなかったので調べてみた

WardPressの管理をGit Flowで管理していたが、VSCodeの拡張機能「WordPress Post」を使うことで世界が変わった。

NestJSでOpenAPIツール「swagger」を生成する

NestJSでMySQLと接続するモジュールを外部化し環境変数にする

Githubでリポジトリ用のプルリクエストテンプレートを作成する

VSCodeの拡張機能「Draw.io Integration」でER図を作成する

拡張機能で管理していたSCSSをnode.jsで管理するように変更する

NestJSとclass-validatorでPOST時に検証をする

NestJSでDTO(データ転送用オブジェクト)を使用しCRUD操作を行ってみる

複雑な文字列パターンをマッチさせる必要がある場合はIF分ではなく正規表現を使うべきだとChat GPTが言ってた

NestJsとMySQLでCRUD操作を行ってみた

git pullした時に、「error invalid path」というエラーが出たので解決する

NestJsにおけるMigrationと「synchronize: true」を調べてみた

Windows11に入れたMySQLとNest.Jsを接続し、テーブルを作成する

個人開発で読んだ瞬間の感想を投稿するウェブアプリを開発して約1.5年経過した現在の数字と思い

windows11に入れたMySQLをGUI(HeidiSQL)で確認する

windows11にMySQLをインストールする

JavaScriptで文字列falseをBoolean型に変更しようとして沼に落ちた

買った時の値段以上の価値を発揮しているもの(ambie、Kindle、gram、Palmo、STANLEY、アルト)

DockerプロジェクトをWSL上に置き、ホットリロード問題解決を試みる

Dockerで立ち上げたNextJs・NestJsのプロジェクトでホットリロードを可能にする

DockerでnextJsとnestJsの環境構築をする

windows11にDockerをインストールする

Dockerに座学でざっくり入門してみる

Javascriptで任意の値を持つn個の配列を作成する

Angularでコンポーネントを再レンダリングする

Gitブランチで作業中に他ブランチをmergeしたくなったけど、現在の作業をまだmergeしたくない時の対処方法はstashする

プラグインを作成しWordPress（ワードプレス）に申請する方法を申請しつつまとめてみた

今後のことを考え、WordPressの記事をGitで管理しGithubに一元管理することにした

Subversion (SVN) を使用し承認されたWordpressプラグインをリリースしてみる

Wordpressの公式プラグイン申請をしたら修正点が書かれたレビューメールがきた

Wordpressでブログ投稿が楽になる！ アイキャッチ画像が動的に作成できるようにしてみた。

Local by FlywheelでID・PASSWORDを忘れてログインできなくなった時にすること

Vue3のベースプロジェクトを作成したので、仕上げにhuskyを導入する

Vue3のベースプロジェクトのコードを統一する

毎回調べるのが面倒なのでVueのベースプロジェクトを作成する

vue3のシンタックスシュガーについて調べてみた。

変更したファイルを最短でPushするGitコマンド

エクセルのシート名を全件取得した

大量のスパムコメントが来るようになったのでreCAPTCHAで対応する

Google AdSense（アドセンス）で得たお金でGoogle広告を打ってみた

react native でサンプルアプリを立ち上げる&#x1f52d;

react native でアプリを作る環境構築をやってみるよ&#x26a1;

foreachの中で非同期が終わったら僕の肩を叩いてください

今更ながら、即時関数がとでも便利でかっこいい

Angularでwebアプリを作成する時「コンポーネントのベストプラクティス」

Angular Material UI でカスタムカラーを設定する。

Angularとセットで使うことが多いmaterial UI をインストールする

Angularをバージョン指定でインストールする方法は？

エックスサーバーで作ったサブドメインをGoogle Hostingに適用する

エンジニアのバイブル「リーダブルコード」をKindle Paperwhiteで読む

n の倍数で数値を丸める

カスタムフィールドで改行が適用されないので、無理やり改行できるようにした。

サーチコンソールより優秀な「Bing Webmaster Tools」を使ってブログで検索上位を目指してみる

特定のページでコメント投稿欄が非表示になっていたので、原因を調査してみた。

react.jsが急に、突然インストールできなくなった

エンジニアの成長のためには単語のコピペをやめたほうがいいんじゃないかという思い付き

react を適当に触って確かめてみる。

フォルダをツリー構成で綺麗に表示したい。vsCodeでtree コマンドがなくても表示できる

インストールしたreact のファイルを検分する

react でプロジェクトを作成する

サブドメインでアドセンスに申請したので、実況中継する。

【解決】助けて&#x203c;「検出 - インデックス未登録」とか文句言ってGoogleがなかなかインデックスしてくれないの&#x1f631;

クラシックエディタでリンク挿入ボタンがうまく機能していなかったので、原因を調査した

アドセンスでサブドメインが使用できなかったので、ルートから301リダイレクトして対処した

何が面倒って、アイキャッチ画像を設定するほど面倒なことはない

Wordpressのタグをチェックボックスに変更して管理を楽にする

JavaScriptを使用してWordpressの投稿に目次を挿入する

GithubActionを使用してエックスサーバーにデプロイする