Page: 9 / 106

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

AngularAWSAWS CDK

AWS Amplify ( Gen2 )でAngularアプリをホストするなら、ビルド設定に要注意

この記事では、AWS Amplifyを使用してAngularアプリをホスト・デプロイする際の注意点や設定箇所について紹介されています。AWS AmplifyはGitリポジトリからビルド＆デプロイできるため、簡単にウェブアプリケーションを公開できます。ただし、Node.jsのバージョンに注意が必要で、設定画面で変更することができます。また、AWS Amplifyの詳細設定にはNode.js以外のツールのバージョン指定もできるため、注意が必要です。

Okamoto Hidetaka

AWSAWS CDK

AWS CDKでLambdaのログフォーマットをJSONにする

AWS LambdaがCloudWatch Logsに出力するログのフォーマットをJSONに変更可能になりました。CDKを使用してlambda.Functionを作成する際にloggingFormatパラメータを追加することで設定できます。Node.jsアプリの場合もaws_lambda_nodejsを使用し、loggingFormatを設定可能です。ログフォーマットをJSONに変更することで、CloudWatch Logsの設定やJSONデータの取り扱いが容易になります。

Okamoto Hidetaka

remix

ClerkをRemixで使う際に、rootLoaderでClerk以外の処理も走らせる方法の覚書

ClerkのRemixアダプターは、デフォルトでは特定の方法でしかrootのLoaderを使えないが、他の処理と併用する方法がある。例えば、記事カテゴリ一覧を表示するために、WP APIを使用することができる。rootAuthLoaderはPromise形式でResponseオブジェクトを返すので、それに合わせてloaderを作成することができる。loader作成時には、rootAuthLoaderにClerkのPublishable Keyを渡すことが重要であり、またJSON形式で返す必要がある。

Okamoto Hidetaka
Home
Search
Bookmark