技術– category –
-
技術
Next.jsにReduxを導入するステップ [Next15 React19]
Reactでプロジェクトを作るにあたり、状態管理:Stateとしてよく利用されるRedux。 今回、Next.jsのプロジェクトにおいてReduxを導入したので、使い始めるまでの手順をまとめました。 Qiita、YouTube、Udemyとすでに導入ステップを紹介しているものはあり... -
技術
【QuickSite】日付コントロールから年月フィルターを掛ける方法
BIツールとしてAWS QuickSiteを利用して、現在、売上月報のような『月ごと×各地点(店舗)』のようなデータを集計して、ダッシュボードとして表示しています。 月単位で集計されるデータをQuickSiteのコントール機能を利用することで選択した年月のみとフ... -
技術
S3 selectでNOT INが利用できずデータ取得制限に苦労した
PoCレベルで作成しているアプリケーションのサンプルデータのデータベースとして、S3に保存したcsvファイルを使ってみました。 S3に保存したcdvファイルは、S3 selectという機能で簡単なSQL操作ができるので、サンプルデータくらいであれば使えるであろう... -
技術
AWS Lambdaのレスポンス上限6MBへの対策と413エラーの解消
現在、AWSのサービスを活用してタスク管理アプリの開発および運用を行っています。データの取得は、API Gateway×Lambdaのいたってオーソドックスなアーキテクチャで実装しています。 これまで2年近くにわたりサービスを運用してましたが、最近になり、以下... -
技術
【AWSコスト管理】無限に増えていたCloudWatch LogsをServeless Frameworkの設定で保持期間を決めコスト削減
AWS初心者の頃に開発を始めた社内向けサービスにおいて、運用が1年以上経過してどんどん利用も増えてきました。 そして、開発当初は知識不足であった項目や何もわからずぽちぽち設定していた項目のいくつかがネックになってくることが増えてきました。 今... -
技術
Nuxt3のSSRアプリをAWS Amplifyでビルドしたときのハマりポイント
私は、webアプリの構築をvue3, Nuxt3を利用して開発することが多いです。 2023年11月21日からAWS AmplifyでNuxt3のSSRアプリをビルドできるようになりましたね。 そこで、今回はすでにSSGモードとしてAWS AmplifyでビルドしていたものをSSRモードでビルド... -
技術
URLに固有のパスを持たないモーダルウィンドウをURLアクセスから直接開く
webアプリを開発していくと、新たな機能を後になってから付加したいことがたくさんあります。 現在DevOpsで運用しているタスク管理アプリでは、タスクの詳細画面をモーダル(ダイアログ)で開く設計にしています。 そのため、タスク詳細を開いてもURLは変... -
技術
ServerlessFrameworkでApiGateway定義のスタックリソースが500を超えてデプロイできなくなったためスタック分割で対応する
開発・運用しているアプリケーションでServerlessFrameworkを利用したバックエンド(API)の管理をしていますが、1スタックのリソースが500(以前は200)を超えることによりデプロイできないエラーが生じました。 実は、同様のエラーは以前にも遭遇してお... -
技術
LangChainからクロスアカウントのAmazon Kendraサービスに接続する【LLMアプリ】
今は、私が所属する建設専門の仕様・法律さらに社内規定などをRAGにより学習させたLLMアプリケーションの開発に余念がないです。基本的には、AWSサービスとLangChain、さらにもmomentoを使用して作成することが多いです。 また、現在開発しているLLMアプリ... -
技術
ChatGPTのGPT-4Vモデルを利用して画像からテキスト抽出とクラスタリングさせて値を抽出する
9月25日ごろから順次、chatGPT-4Vがchat GPT PLUSで利用されるようになりましたね。 今回は私が普段業務で利用している建設業の課題を解決できるか試してみました。 【今回解決したいこと】 建設業の特有の課題は今回の主テーマではないので、割愛するとし...