タイトル通り、fastlane で TestFlight を配信できるようにしていきます。 はじめにfastlane の導入方法等については、この記事では記載しません。fastlane の導入方法等は、こちらの記事も参照してください。https://zenn.dev/ncdc/articles/fastlane_match#fastlane-match-の導入 全体像 Fastfileplatform :ios do desc "Push to TestFlight" lane :upload_testflight do # 1.実行ブランチ設定...

ある日というか今日の出来事です。 事象昨日(2024/04/30)まで元気に動いていたLambdaが、今日(2024/05/01)になったらエラーを吐いて死にまくる事象が発生しました。本番環境で。誰も何もしていないのに。 原因4/30から5/1の間にLambdaのランタイムが自動更新されていたことが原因でした。ランタイムのバージョンはCloudWatchにログとして出力されており、以下のようになっていました。昨日INIT_START Runtime Version: nodejs:16.v33Runtime Version ARN: arn:aws:lambda...

やりたいことVertexAIでもLlama3が使えるようになったのでCloud Run上のアプリから試しに使ってみようと思いました。しかし、デプロイしないといけなくて面倒くさいしデプロイ先のVMの課金が怖いので、簡単に使えそうなAWSのBedrockでLlama3を使ってしまえと思いました。その為にGoogle CloudからAWSの認証突破を試みます。ですが、実際にやってみたら認証以前にLangChain(langchain-community:0.0.34)からBedrockのLlama3の実行に不具合があるみたいでして、実行は出来ているもののAIの解答の中身がおかしな状...

スタックの再デプロイ時に、他スタックとの依存関係により正常にデプロイができず、解決までに時間がかかってしまったため、備忘録として残しておきます。!この記事では以下について触れていきます。CDKとは(軽く)基本的なコマンド今回困ったこと（本題）解決策（-eなるものがあるらしい）まとめでは、初めて行きます。 CDKとはCDK（Cloud Development Kit）は、クラウドインフラストラクチャをコードで管理するためのツール。昨今では当たり前となってきましたが、従来はコンソール画面からリソースを手動で設定、構築していましたが、CDKを使用することで、プログ...

背景以前プロジェクトでRGBでなくHSlで色を付ける実装をしていたのですが、スマホで動作確認をしたところ全てが黒色か白色で描画されるバグが起こってしまいました。PC画面（chrome）スマホ画面（IOS safari） とりあえず原因がわかるhslの表示箇所で単位をつけると正常に色付けがされることがわかりました。background:hsl(180 ,100,75);↓background:hsl(180 deg ,100%,75%); なぜPCとスマホで差が出る？とはいえなんか単位つけたら治りました！だとまた同じバグが出かねないので、差が出た理由...

社内で行われる週1のエンジニアのチーム活動の中で、DBのユースケースについて考える機会があり、私自身これまでどのDBが最適なのかを深く意識したことがなかったので、なるべく情報を集約し、記事としてまとめてみました。DB選択はシステム要件に依存するため、「こんなケースだったらこのDBを検討した方が良さそうだよね」と言った観点で書いていきます。!本記事の対象者は以下です。アソシエイトの方DBについてあまり詳しくない方DB検討中の方!以下の順に触れていきます。RDBMSとNoSQLとは？RDBMSとNoSQLの違いRDBMSとNoSQLどちらを選択するべきかを見極め...

はじめに普段はJavaScriptを主に開発を進めているのでPythonで開発を進めると様々な問題に悩まされます。その中でもパッケージの管理については個人的に不自由をすごく感じています。Pythonのバージョンを設定するpyenv, プロジェクトごとのパッケージを管理するために仮想環境の構築、さらにパッケージのバージョンを設定するためのrequirements.txtと開発までのハードルが高すぎます。良い方法がないかと調べていく中で全てを解決できそうなRyeというツールを見つけましたので導入方法をメモ程度に記事にしました。導入環境はAWSのSageMaker上です。ライブラ...

この記事に書いてあることAmplify HostingでNext.jsのサーバーサイドから読み込む環境変数を設定したい場合はビルドコマンドで.envファイルに明示的に書き込む必要があります。 起きた問題Next.jsでサーバーサイドの環境変数の値により表示を切り替えるロジックを実装しました。Amplify Hostingのアプリの設定>環境変数から値を設定したのですが、アプリからは読み込めないという問題が発生しました。 考えたことNext.jsアプリでブラウザから環境変数を読み込む場合はNEXT_PUBLIC_というprefixをつける必要があります。しかし今...

記事の内容普段Githubを使っていると、なかなかCodeCommitを使う機会がないのですが、たまたまCodeCommitを使う機会がありました。プルリクエスト作成時に、コードの差分はAWSコンソールから確認できますが、差分をS3にバックアップしたい要件がありました。gitコマンドでなくaws-cliでできそうで、cliでできるというこはaws-sdkでも大体できるので、CodeCommitトリガーでLambdaを実行することでトライしてみました。 関係する技術・ツールAWS CodeCommitAmazon EventBridgeAWS Lambda(Node.j...

Google Cloud Next'24で、Gemini1.5 proが発表されました。またつい最近、Claude 3 OpusがVertexAIでも使えるようになりました。どっちが優れているか気になったので横に並べて同時に使ってみるアプリを作ってCloud Runにデプロイしてみました。 ソースコード記事にしたけど、単純にAIを呼び出して結果を横に並べているだけで語ることが特にないです。LangChainからAIを呼び出してSteamlitでWebアプリ化しています。コードは貼って置きます。https://github.com/k-ibaraki/gen-ai-samp...

まずKonvaの公式ドキュメントにピンチインピンチアウトの実装方法は記載されています。https://konvajs.org/docs/sandbox/Multi-touch_Scale_Stage.html#How-to-enable-pan-and-pinch-zoom-for-canvas-stageただ、これはscriptタグに内容を書いているのでreact konvaで実装するには少し改変が必要になります。今回はそれを簡潔に書いていきます。 コードの解説konvaの公式ドキュメントからコピペしたコードですが、軽く説明をします。コピペしただけなので内容は流して...

はじめにBoto3とAWSが提供しているPyTorchコンテナイメージを利用してLightGBMのモデルをサーバーレスエンドポイントとしてデプロイしてみたときのメモになります。 動作環境python-vesion: 3.11.6boto3: 1.34.69sagemaker: 2.214.0lightgbm: 4.3.0pythonの実行はローカルPCで行いました モデルの準備LightGBM回帰モデルをpickleファイル形式で保存しておきます。以下は保存する際のイメージです。 train.pyimport picklefrom pathlib ...

はじめにAWS SageMakerを使ってデータ分析や機械学習をする時にコードの管理方法に困っていたため、Gitを導入してチーム開発の効率化を図りました。メモ書き程度ですが、初めてSageMakerを触る人などの助けになれば幸いです😁AWSのアカウント、GitHubのアカウントは持っている前提で話を進めていきます。 準備連携を始める前に以下のものをAWS consoleなどを通して準備しておいてください。GitHub上に今回のプロジェクト用のレポジトリAWS SageMaker上にドメインとプロフィール SageMakerドメインとGitHubの連携基本的には...

react konvaとは和訳しただけです↓konvaはデスクトップおよびモバイル アプリケーションのキャンバスの対話性を可能にすることで2D コンテキストを拡張する HTML5 Canvas JavaScript フレームワークです。Konvaデスクトップおよびモバイル アプリケーションの高性能アニメーション、トランジション、ノード ネスト、階層化、フィルタリング、キャッシュ、イベント処理などが可能になります。アプリケーションで数千のシェイプを使用している場合でも、ステージ上にオブジェクトを描画したり、イベント リスナーを追加したり、他のシェイプとは独立して移動、拡大縮小...

この記事の続きです。https://zenn.dev/ncdc/articles/3e83248643806ePythonライブラリのFletで作ったWebフロントエンドをAmplifyにデプロイしてみます。 とりあえず、コンソールから手動でdeployしてみる前回の記事で作ったサンプルアプリをビルドしてzipで固めます。AmplifyのコンソールからD&Dでデプロイします。動きました。以上です！！これだけで終わりだと記事としてイマイチなので、自動Deployを構築してみます。 Amplifyにfletで作ったwebアプリをCI/CDする...

誰向けの記事？テストコードがあるといいとは知っているでもテストコードを書くことが習慣づいていない こうなってない？目的の機能を実装する当該コードにテストがないテストコードを書こうとするすぐには書けなそう「時間がないのでテストは書きません。後で書きます」はじめに戻る 原因は本当に時間がないから？テスタビリティ（テスト容易性・テストが簡単に記述・実行できるか）のあるコードを書いていないからではテスタビリティがあるかどうかを簡単に判断するのはテストを書くことテスタビリティは設計段階で考慮する必要がある設計段階でテストを書くことで、テスタビリティが担...

久しぶりにAWS Amplify(Gen1)でバックエンドのデプロイをローカルから実行したらエラーに遭遇したので、対処法のメモです。 ハマったことamplify pushしたら以下のようなエラーが出ました。🛑 Packaging lambda function failed with the error Command failed with exit code 1: yarn install --production➤ YN0050: The --production option is deprecated on 'install'; use 'yarn workspac...

記事の内容少し前の話なのですが、2023年8月頃からCodePipelineのCodeCommitの検出がポーリングで非推奨となっておりその対応としてEventBridgeによるイベント駆動にする必要がありました。この関係でCodePipelineを使ってCI/CDを構築する際、イベント駆動にしたかったのですが、プロジェクトの環境的にCodeCommitとCodePipelineが異なるアカウント同士いわゆるクロスアカウントの関係で中々大変でした。備忘録として今回の作業内容をまとめてみたいと思います。https://docs.aws.amazon.com/ja_jp/even...

AWSでAPI Gatewayを扱っていて、少しハマりました。ググっても情報が見つからず、ChatGPTに聞いても答えを知らなかったので、記録を残しておきます。 事象API Gatewayでは統合リクエストをデフォルト設定にしておけば、リクエストのパラメータはそのままバックエンドに渡してくれるものだと思っていました。しかし、クエリパラメータは自動でマッピングしてくれたのに、パスパラメータは指定したら500エラーになってしまいました。 解決策統合リクエストのURLパスパラメータにマッピングの設定を追加したらパスパラメータを正常に使用することができました。 詳細 今回...

昨年参加させていただいたANGEL Dojoに関する記事です。私がフロント担当だったかつNext.js(Page Router)を使用したため、そちらで使用したライブラリを一部紹介させていただく内容になります。この記事を通して、「へー、こんなのあるんだ」と思っていただけると幸いです。 ANGEL DojoとはANGEL Dojoは、AWS(Amazon Web Service)が主催する若手エンジニア向けのトレーニングイベントになります。基本2社1組のチームで、AWS関連の座学・サービス開発を進めていく3ヶ月ほどのプログラムです。https://aws.amazon.com...