バックエンド
Remix Authの認証でエラーメッセージを返却する方法
Remixで認証するならremix-auth便利ですよね！ そんなremix-auth、使っていると困っていることがありました。 それがエラーメッセージってどうやって返却するん… 続きを読む
CRAFT OUR WEB
コードコネクトスタジオは、技術とクリエイティビティが交差する場所。開発のアイデアや解決策をお届けします。
Latest Posts
最新記事
フロントエンド
AstroでRSSフィードに画像のURLを組み込む方法
AstroでRSSフィードを生成には@astrojs/rssを使えば簡単に実装できます。 だけど画像の配信ってどうやるんだ？と思い、調べて実装してみたので今回はその方法を… 続きを読む
フロントエンド
Astroでアイコンを使うならastro-iconが便利！v1の使い方を紹介
Astroでアイコンを使いたいなと思って調べると真っ先に出てくるのがastro-icon。 astro-iconを使うと色んな種類のアイコンを簡単に使うことができます。 すでに… 続きを読む
フロントエンド
TypeScriptのクラスのメソッド名をUnion Typeで取得する方法
TypeScriptのクラスのメソッドをUnion Typeで取得したかったのでで調べてみました。 例えば下記のようなクラスがあるとします。 このクラスから下記のような型を… 続きを読む
バックエンド
RemixのuseLoaderDataのJsonifyObject型に対しての対応方法
TypeScriptでRemixのuseLoaderDataを使うと困るのがJsonifyObject型が返ってくること。 JsonifyObjectが返却されてコンポーネントで使うとタイプエラー・・、は… 続きを読む
フロントエンド
Astroで任意の位置に目次を表示する
こんにちは！リードエンジニアをしているkoojyです。 僕は日々フロントエンドの開発を行っています。 今回はAstroでMDXを使って、任意の場所に目次を追加する方… 続きを読む
フロントエンド
Viteで快適！MSWサーバーを個別に建てる
今回はMSWを単独のサーバーとしてViteで立ち上げたときのお話をします。 MSWは個別にサーバーを立てる必要がありませんが、場合によってはMSWのサーバーを立てな… 続きを読む
フロントエンド
コンポーネントを使いこなすmargin（間隔）の考え方
ReactやVueがフロントエンドで多く使われるようになりコンポーネントを意識した実装が求められるようになりました。 HTML、CSSのみのマークアップにも言えること… 続きを読む
フロントエンド
Next.js13でMSWを使うためにmswjs/http-middlewareで対応した話
みなさんはMSW使っていますか？弊社ではモックデータの扱いにMSWはなくてはならない存在となりました。 しかし、Next.js 13だとMSWがうまく動作しません（2023年… 続きを読む
バックエンド
Next.js13で基本的なAPI実装における12系からの変更点
Next.jsが13になってApp Routerが採用されてからAPIの実装にも処理の変化がいくつかあります。 基本的なNext.jsでのAPIの実装する上でバージョン12から変更にな… 続きを読む