Reactでプロジェクトを作るにあたり、状態管理：Stateとしてよく利用されるRedux。 今回、Next.jsのプロジェクトにおいてReduxを導入したので、使い始めるまでの手順をまとめました。 Qiita、YouTube、Udemyとすでに導入ステップを紹介しているものはあり...

BIツールとしてAWS QuickSiteを利用して、現在、売上月報のような『月ごと×各地点（店舗）』のようなデータを集計して、ダッシュボードとして表示しています。 月単位で集計されるデータをQuickSiteのコントール機能を利用することで選択した年月のみとフ...

PoCレベルで作成しているアプリケーションのサンプルデータのデータベースとして、S3に保存したcsvファイルを使ってみました。 S3に保存したcdvファイルは、S3 selectという機能で簡単なSQL操作ができるので、サンプルデータくらいであれば使えるであろう...

現在、AWSのサービスを活用してタスク管理アプリの開発および運用を行っています。データの取得は、API Gateway×Lambdaのいたってオーソドックスなアーキテクチャで実装しています。 これまで2年近くにわたりサービスを運用してましたが、最近になり、以下...

AWS初心者の頃に開発を始めた社内向けサービスにおいて、運用が１年以上経過してどんどん利用も増えてきました。 そして、開発当初は知識不足であった項目や何もわからずぽちぽち設定していた項目のいくつかがネックになってくることが増えてきました。 今...

私は、webアプリの構築をvue3, Nuxt3を利用して開発することが多いです。 2023年11月21日からAWS AmplifyでNuxt3のSSRアプリをビルドできるようになりましたね。 そこで、今回はすでにSSGモードとしてAWS AmplifyでビルドしていたものをSSRモードでビルド...

webアプリを開発していくと、新たな機能を後になってから付加したいことがたくさんあります。 現在DevOpsで運用しているタスク管理アプリでは、タスクの詳細画面をモーダル（ダイアログ）で開く設計にしています。 そのため、タスク詳細を開いてもURLは変...

開発・運用しているアプリケーションでServerlessFrameworkを利用したバックエンド（API）の管理をしていますが、1スタックのリソースが500（以前は200）を超えることによりデプロイできないエラーが生じました。 実は、同様のエラーは以前にも遭遇してお...

今は、私が所属する建設専門の仕様・法律さらに社内規定などをRAGにより学習させたLLMアプリケーションの開発に余念がないです。基本的には、AWSサービスとLangChain、さらにもmomentoを使用して作成することが多いです。 また、現在開発しているLLMアプリ...

9月25日ごろから順次、chatGPT-4Vがchat GPT PLUSで利用されるようになりましたね。 今回は私が普段業務で利用している建設業の課題を解決できるか試してみました。 【今回解決したいこと】 建設業の特有の課題は今回の主テーマではないので、割愛するとし...

Nuxt3のプロジェクトで初めてお目にかかるエラーが生じたので、対策を検索した結果を報告します。 【231003追記】vite-plugin-inspectのバージョン0.7.40がリリースされ、根本的に解決ができたようです！https://github.com/antfu/vite-plugin-inspect 【...

Vue.jsで定期的な処理の実行を目的として、setInetervalメソッドを使用したときに処理が止まらなくなるというミスに出くわしましたので、setInetervalを利用するときの注意点と今回の事象と対策を紹介していきます。 【SetIntervalが止まらない】 SetInter...

AWS QuickSightを利用して社内データのダッシュボードを作成しています。 今回は、QuickSightの分析を作成し、ダッシュボードとして公開した後、AWSアカウントを持っていない社員に対してQuickSgihtアカウントの作成とダッシュボードを共有するための設定...

プログラミングの学習は、Udemyなどのオンライン講座も充実して、一通りの使い方は独学でも学ぶことができます。ただ、慣習的に用いられてる記法・お作法やこうした方がより良いといったテクニックは、有識者に学ぶ等開発をしなければ、気づく場面が少ない...

現在、AWSのサービスを活用してタスク管理アプリの開発および運用を行っています。データの取得は、API Gateway×Lambdaのいたってオーソドックスなアーキテクチャで実装しています。 これまで2年近くにわたりサービスを運用してましたが、最近になり、以下...

恥ずかしい英語の誤字を防いだり、メソッド名などのタイポを防いだりと何かと助かる便利なVSCodeの拡張機能『Code Spell Checker』。 ただ、プロジェクト独自のキーワードやローマ字表記の変数（これを良しとするかは別の話ｗ）で波線が出るので気になって...

webアプリを開発していくと、新たな機能を後になってから付加したいことがたくさんあります。 現在DevOpsで運用しているタスク管理アプリでは、タスクの詳細画面をモーダル（ダイアログ）で開く設計にしています。 そのため、タスク詳細を開いてもURLは変...

AWS QuicSightを使用して、開発したwebアプリのデータ集計・ダッシュボード化を進めています。 社内では開発アプリごとにアカウントを使い分けているため、開発したwebアプリを管理するAWSアカウントでQuickSightを作成する必要がありました。 ただ、Quick...

webアプリのサーバーサイドをAWS×Serverless Frameworkで構築しています。 今回、webアプリの開発を進めていくうえで、リソースが多くなり、cloudFormationのリソース上限を超えてしまい、デプロイできなくなるエラーに遭遇しましたので、エラーの内容と対...

私は、webアプリの構築をvue3, Nuxt3を利用して開発することが多いです。 2023年11月21日からAWS AmplifyでNuxt3のSSRアプリをビルドできるようになりましたね。 そこで、今回はすでにSSGモードとしてAWS AmplifyでビルドしていたものをSSRモードでビルド...