私が現在関わっているシステムの DynamoDB では現在、予想される最大負荷に十分に耐えられるキャパシティを設定しておけばいいだろうという設定が横行しています。 もちろん、システムのアクティブユーザー数や毎日の負荷状況などがわかっていればそれでよいのでしょうが、このシステムは Twitter キャンペーンと合わせて利用されることが多く、負荷状況はキャンペーンの内容などによって結構まちまちなので少し読みにくいです。 また、毎日〇〇時に高負荷状態になるといった感じではなく、稼働直後に最大負荷を迎えて以降はそれに比べるとかなり低い負荷で安定稼働という状況がよくあります。安定稼働を始めたらキャパシティを下げるなどの対応はしていますが、どうにも札束で殴っているような状況です。 というわけで、一度 DynamoDB の料金体系を理解して安定性は損なわず、よりお得に利用できる方法を探ってみたいところ。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Vue.jsで、すぐ忘れちゃうコンポーネントの記述方法。 とくに親コンポーネントからもらった変数を子コンポーネントが更新したい場合の記述方法について備忘録。 この辺のはなしです。https://jp.vuejs.org/v2/guide/components.html イントロ Vue.js は、親コンポーネントから渡された変数を子コンポーネントで更新しようとすると、下記のwarningが出ます。 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being

使用技術 Vue3 + Nuxt3 Composition API TypeScript ワイ、お問い合わせフォームを作りたい ワイ「Vue の Composition API を使って、お問い合わせフォームを作るで！」 ワイ「フォームのデザインはこんな感じや！」 ワイ「いや〜、我ながらイケてるデザインやな！」 ワイ「ほな、Composition APIを使ってフォームの状態を管理していくで〜」 フォームの状態を管理するには？ ref()またはreactive() ワイ「Composition APIの場合、状態を管理するには」 ワイ「ref()またはreactive()を使うんやったな」 ワイ「この2つは何が違うんやろ？」 ワイ「確か───」 ref() 文字列・数値・真偽値などの、プリミティブな値を保持できる reactive() オブジェクト・配列・Map・Setなどの状態を保持でき

Vueに続いて、Nuxtも3系がリリースされましたね。 VueがだんだんReactっぽくなっていっている気がしてなりません。 Vue3系はtsとの相性が良くなったと聞くのにいまだにts触れていません... Vueすら3系に上げてないのに、Nuxtなんでまだ調べられていないよ、という人！ 一緒に確認していきましょう！ 既存のNuxt 2 プロジェクトについて 既存のNuxt 2 プロジェクトに関しては、Nuxt Bridgeを経由してNuxt 3 にUpgradeすることを公式が強く推奨しています。また、動作に関してもNuxt 3 よりもNuxt Bridgeの方が安定していることを公式が発表しています。（2021-12-15 現在） ですので、既存のNuxt 2 プロジェクトに関しては、Nuxt Bridgeで動作を確認しながら、Nuxt 3系が安定してきたらUpgradeするのが良いかも

最新版はこちら 2025年に最新版のロードマップをリリースしました。こちらもご覧ください。 https://qiita.com/KurokawaKouhei/items/7889607418e817fd1cd3 ・AWSの学習順序を「路線図風」にまとめました。 ・黄色の丸は重要な項目です。 ・「AWS完全未経験」の方であれば、目安は「3ヶ月」の学習期間で「SAA資格に合格」が標準です。 （経験者であれば、より短い期間で合格が可能です。） ・SAA合格後は他資格の学習と合わせて、ハンズオンを中心に手を動かす学習を推奨します。 ChatGPTでも、ここまでのロードマップは出せないはず⛅️ 1週目：AWS基礎知識(AWS Basics) まずは「AWS」と「従来型のITインフラ環境」について整理していきましょう。 なぜAWSがこれほど世間から求められているのか？AWSのどのような点がメリットなの

概要 Rustでのプログラミングは所有権などの複雑さから難しいものに思われがちです。この記事ではRustでのプログラムをサクッと実装して実行する方法についてご紹介します。例えばAWS Lambdaのハンドラや、Open AIのAPIを呼び出すなどの日常的な作業スクリプトを簡単に実装/実行できます。 前提 rust-analyzer拡張機能 まずVSCodeのrust-analyzer拡張機能をインストールしましょう。構文の静的解析によってコンパイルしなくても文法や型のエラーを検知することができます。また後述するようにGUI上でのテストランナー機能もあるのでそちらも便利です。 Rustでサクッと実装する Result/Option Rustでは処理中に例外が発生しうる値はResultというEnumにラップされます。

フックuseState()でテキスト入力フィールド(<input type="text">)をコントロールしようとしたら、ブラウザコンソールに何やら警告が出てしまいました。 制御されたコンポーネントを使うよう促す警告 具体的にはつぎのメッセージで、制御されていない<input type="text">要素を制御されたコンポーネントに変換しようとしていると警告しています。コントロールしたいのなら、制御されたコンポーネントを使わなければならないということのようです。 Warning: A component is changing an uncontrolled input of type text to be controlled. Input elements should not switch from uncontrolled to controlled (or vice versa)

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 🦀はじめに🦀 はじめまして、🦀カニさん🦀です。 プログラミング歴２年目の趣味グラマーで、去年はDataCampでひたすらPythonをやっていました。 しかし途中で飽きてしまいRust入門🦀 現在はRustの学習とその備忘録も兼ねて「Rust入門」というブログを運営しています。 ブログは海外製の優良テーマを買ってマニュアル通りに設定し、Github から CloudFlare Pages に自動デプロイという感じです。 なので、JavaScriptに関しては全くと言っていい程理解していません。HTMLとCSSもチートシートが無

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

概要 Nuxt アプリケーションを　Firebase Hosting にホスティングして SPA していたシンプルな構成を、SSR に切り替えたお話です。 Nuxt で SSR し、Firebase で認証&データ管理し、Firebase Hositng x Cloud Run でサーバーレスに配信し、CircleCI で自動ビルドするアーキテクチャについての知見を共有します！ システムアーキテクチャ 青がユーザーのアクセスフロー 赤がデプロイフロー 実装手順 【①】アプリケーションを SSR で動作するようにする 【②】docker build&run で動作するようにする 【③】Cloud Run でアプリケーションが動くようにする 【④】Firebase Hosting でアクセスを受けて、Cloud Run にリダイレクトできるようにする 【⑤】ブランチへの push で Circ

みなさんターミナルは使ってますか？ Terminal.app？ iTerm2？ Hyper？ それとも他の何か？ それではフォントは何を使っていますか？ Menlo？ Consolas？ Ricty？ 今日はそんなお話です。 対象とする読者 ターミナルやエディタでカコイイ等幅フォントが使いたい人。 既存のフォントを FontForge + Python で色々いじって遊びたい人。 プログラミング用フォント SF Mono Square ずっと Ricty を使っていたのですが、色々こだわる余り自分でフォント作ってしまいました。作ったものをそのまま配布するのはライセンス上できませんが、Homebrew で誰でも導入できるようにしています。 SF Mono Square には以下のような特徴があります。 レポジトリ: delphinus/homebrew-sfmono-square 半角フォン

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? UUIDは重複しないIDを生成する手段として便利ですが、特にversion4(乱数によるUUID)を利用する場合は一意性を得るのと同時に乱雑さも得ることになりますので、UUIDに順序性を求めることができません。 UUID - Wikipedia https://ja.wikipedia.org/wiki/UUID UUID（Universally Unique Identifier）とは、ソフトウェア上でオブジェクトを一意に識別するための識別子である。UUIDは128ビットの数値だが、十六進法による550e8400-e29b-41d4-

2020/10/11 以下を目指します。 Dockerで構築 Elasticsearch: 3ノードで起動 Logstash: Twitterデータ取得 Kibana: Twitterデータ可視化 最終形のソースは以下に保存しています。 準備 以下に沿って進みます Install Elasticsearch with Docker | Elasticsearch Reference [7.9] | Elastic メモリの割り当て Make sure Docker Engine is allotted at least 4GiB of memory. In Docker Desktop, you configure resource usage on the Advanced tab in Preference (macOS) or Settings (Windows). DockerEn

curl コマンド は REST API などの動作を確認するのに有用なツールです。ただこのツール、マックだと標準でインストールされているのですが、Windows だと自分で追加インストールしなくてはいけません。しかも日本語の問題もあります。 最近、Windows 環境における curl コマンドの質問を多く受けるので、現時点で私の知る限りの情報をまとめておきます。 Windows 用 curl コマンド インストール Download ページ から Windows 用の curl コマンドをダウンロードしてインストールします。 パスの設定などがうまくできず、動作しない場合には、ダウンロードした zip ファイルを解凍したフォルダのなかにある bin フォルダのアドレスをテキストとしてコピーして、 コマンドプロンプトの cd コマンドでその bin フォルダに移動して、そこで curl コ

音声認識と認識結果を返してくれるSpeech-to-Text APIの使い方をまとめたので記述します。 長く使っていくとお金がかかるのですが、試しに使ってみるくらいならお金はかからないのでご安心ください。 Speech-to-Text APIとは 音声データをテキストデータに変更してくれるものです。125 以上の言語や言語変種に対応しており、対応しているファイルも多いので非常に便利です。 動作環境 OS : windows10 pro 動作確認方法 1.Google Cloud Platformにアカウント登録 トップページの「無料トライアル」をクリックし、Googleアカウントでログインします。 Google Cloud Platform の無料トライアルの登録画面が表示されますので、住んでいる国を選択し「同意して続行」をクリックします。 住所、氏名、電話番号、クレジットカード情報を入力

ソースコードの複雑さ、不具合のリスクを定量化したコードメトリクス1というものがあります。 コードメトリクスは計算方法によっていくつか種類があり、メジャーなものだと以下のものがあります。 Cyclomatic Complexity（循環的複雑度） Cognitive Complexity（認知的複雑度） Maintainability Index（保守容易性指数） Lines of Code（コードの行数） これらのコードメトリクスを計算し、CodeLensに表示するVisual Studio拡張機能2を作成しました。 tackme31/howmessy: How messy is your code? 以下のようにコードメトリクスをもとにコードが複雑かどうかを判定し、CodeLensに表示してくれます（デフォルトではCognitive Complexityをもとに計算します）。 今のところ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事は株式会社富士通システムズウェブテクノロジーが企画するいのべこ夏休みアドベントカレンダー 2020の9日目の記事です。本記事の掲載内容は私自身の見解であり、所属する組織を代表するものではありません。 はじめに 本記事ではアトラシアン社のサービス／プロダクトであるJiraの具体的な活用方法について紹介したいと思います。 Jiraはいわゆるチケット管理ツールですが、特にアジャイルチームのためのプロジェクト管理ツールとして使いやすいように作られています。 Jiraは高機能でやろうと思えば様々なことが実現できる反面、自由度が高く、効果的

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに モダンブラウザならJavaScriptでファイルダウンロード処理を実現することができます。SPA(シングルページアプリケーション)など、クライアント側にデータを持つようなアプリケーションであればサーバアクセスなしにメモリの内容からファイルを生成してダウンロードさせることができます。 実装方法 やり方は リンクのHTML5のdownload属性を使用してダウンロードファイル名を設定 File APIのBlobを使用してデータを作成 window.URL.createObjectURLでBlobからURLを生成しそれをリンク先に設定 とするだけです。これでChromeとFireFoxはいけます(download属性のブラウザ実装状況を見るとを見ると、試せていないですがEdgeとOperaもいけそう)。加えてIEをサポートする場合は、IE10/11であればwindow.navigato