Page: 13 / 105

Reactremix

Remixで`Cannot destructure property ‘categories’ of ‘vite_ssr_import_2.useLoaderData(…)’ as it is undefined.`が発生した場合の対処法

Remixアプリを実装していてちょくちょく遭遇したエラーについて、簡単にまとめました。エラーハンドリングを試みた際に発生する様子ですので、エラー系でのRemixの動きについてもっと知る必要がありそうです。

Okamoto Hidetaka

AWSAWS CDK

AWS CDKで、SNS経由でメール通知を飛ばすLambdaを作る

この記事では、AWS CDKを使用してSNSトピックを作成するLambda関数や、SNSトピックおよびEmailのサブスクリプションを作成する方法が紹介されています。CDKを使うことで、手組みの構成を忘れることなくリソースを管理できます。具体的なコードやLambda関数の実装方法も紹介されており、EventBridgeを介してSNSに情報を送信するプロセスも紹介されています。dotenvなどの追加の設定も必要です。

Okamoto Hidetaka

ClerkReactremix

Clerkで多言語に対応してみた（Remix編）

Clerkが提供する多言語対応ライブラリを試してみましたので、使い方などをまとめました。

Okamoto Hidetaka

Reactremix

RemixにPrettierを追加する手順

Remixでアプリを実装する際にPrettierを後から追加する方法を簡単にまとめました。必要なパッケージのインストールと設定、npmスクリプトの追加、ESLint設定の更新、そしてPrettierの実行方法が含まれます。コマンドを使って簡単に設定できますが、忘れがちなので手順をまとめました。

Okamoto Hidetaka

AWSAWS CDKPython

AWS CDKでPythonのLambda関数をデプロイしてみた

この記事では、Pythonで作成したLambda関数をAWS CDKでデプロイする方法が紹介されています。CDKのセットアップやLambda関数のソースコード配置方法、定義方法などが詳細に説明されています。また、TypeScriptを使用することも可能で、AWS LambdaのPython版に関する情報も参考になります。CLIコマンドの実行やライブラリの追加手順も記事内で紹介されています。

Okamoto Hidetaka

AngularJavaScript

Angular スタンドアローンコンポーネントでngForを使うにはimportが必要だった話

AngularのスタンドアローンコンポーネントでngForを使用しようとした際にエラーが発生し、解決方法を記載しました。ngForを使用する際はTypeScriptで明示的にインポートする必要があります。その際、@ComponentのimportsにNgForを追加することで問題が解決します。

Okamoto Hidetaka
0bf29236559118e0968d11727f49991c-20240827094319

JavaScriptTypeScript

TypeScriptで条件別に必須パラメーターを変更する方法

この記事では、Reactコンポーネントでの引数に型定義を行う際に、特定のパラメータの有無で必須となるパラメータを設定する方法を簡単にまとめています。

Okamoto Hidetaka

CloudflarePythonSaaS / FaaS

PythonアプリケーションをCloudflare Workersにデプロイしてみた

この記事は、PythonアプリケーションをWranglerでCloudflare Workersへデプロイする方法や注意点をまとめた記事です。利用できるライブラリの制限などが2024/10時点ではある様子なので、試される方はそこにご注意ください。

Okamoto Hidetaka

AngularJavaScript

AngularのスタンドアローンコンポーネントでHttpClientを使いたい時の覚書

Angularのスタンドアローンコンポーネントに関する記事で、モジュールのインポート方法の変更や過去の方法の利用などが紹介されています。@NgModuleディレクティブの問題やHttpClientModuleの非推奨メッセージに触れ、provideHttpClient()を使ってHttpClientをセットアップする方法も説明されています。NgModuleディレクティブが必要ないコンポーネントやbootstrapApplication関数を使用してのセットアップ方法も詳細に記載されています。

Okamoto Hidetaka

CloudflareSaaS / FaaS

Cloudflare PagesでPHPを対象にしたリクエストをブロックする

この記事では、Cloudflare Pagesの設定を使って任意のパスに対するリクエストをブロックする方法が紹介されています。具体的には、_routes.jsonファイルを使用して特定のパスを除外する設定を行い、不正なリクエストを防ぐ手順が詳細に述べられています。設定後には、cUrlを使用して変更が正常に動作するかをテストし、注意点やリスクについても言及されています。

Okamoto Hidetaka
Home
Search
Bookmark