はじめに 以前、AWS利用料のメールが見て、思っていたよりも高くてビックリしたことがあります。調べてみたところ勉強用に立ち上げたRDSを消し忘れていました。今は会社のアカウントを使わせてもらっているので自分の財布に直接響くことはなくなりましたが、同じようなことを起こさないために消し忘れてないかチェックすべきポイントをまとめます。 １．インスタンス 当たり前ですがまずは不要なインスタンスを停止もしくは削除します。もちろんRedshift、ElastiCacheのクラスタ、Kinesisのストリームなども含みます。停止するのを忘れた時に自動でシャットダウンするようにしておくのもいいでしょう。私は以下の記事が参考になりました。 【AWS】CloudWatch入門／使っていないEC2を自動シャットダウンしよう 以下の記事のように起動する際に最初から1日で止まるように設定しておくのも有効だと思います

Excel for Microsoft 365 Word for Microsoft 365 Outlook for Microsoft 365 PowerPoint for Microsoft 365 Excel for Microsoft 365 for Mac Word for Microsoft 365 for Mac Outlook for Microsoft 365 for Mac PowerPoint for Microsoft 365 for Mac その他...表示数を減らす Office ファイルへのリンクを開く方法に関しては、Office Web アプリを好むユーザーもいれば、Office デスクトップ アプリを好むユーザーもいます。 好みを決定すると、リンクが Office ウェブ アプリまたは Office デスクトップ アプリのいずれかの好みのモードで開くエクス

Linux の勉強をやろうと思ったけど、どこから勉強すればいいの？ という方のために、学習ロードマップを用意しました。 他の学習ロードマップ

こんにちは、いわむらです 今回はTypeScriptを使ってundefinedが含まれない配列を作成する方法をご紹介しようと思います 今回はtypescript v4.6.2で動作検証を進めるのでもし上手く動かない場合はバージョンを確認していただきたいです undefinedが含まれない配列を作成したいにいたった理由なんですが、あるオブジェクトの特定プロパティのみの配列をループ処理を使って作成したい時に上手くいかずはまってました サンプルのためにあるオブジェクトを名前プロパティが任意のユーザー型とします type User = { /** * * @type {number} * @memberof User */ id: number; /** * * @type {string} * @memberof User */ name?: string; }ユーザーのリストを作成して名前を抽

オブジェクトが特定のプロパティを持っているか確認する方法について解説します。 この記事のポイント オブジェクト単体のプロパティのみチェックしたいときはhasOwnPropertyメソッドを使う 親オブジェクトのプロパティも含めて確認したいときは「プロパティ名 in オブジェクト」を使う オブジェクトのプロパティの有無を確認する オブジェクトが特定のプロパティを持っているか確認したいときは以下のいずれかの方法を使います。 hasOwnPropertyメソッドで確認（プロトタイプチェーンは確認しない） プロパティ名 in オブジェクトで確認（プロトタイプチェーンを遡って確認する） 2つの方法の違いはプロトタイプチェーンも含めて確認するかどうかです。 1つ目のhasOwnPropertyメソッドはプロトタイプチェーンは確認せずに、そのオブジェクト単体が特定のプロパティを持つか確認することができま

さらに例を見る 引数 setup: エフェクトのロジックが記述された関数です。このセットアップ関数は、オプションでクリーンアップ関数を返すことができます。コンポーネントが初めて DOM に追加されると、React はセットアップ関数を実行します。依存配列 (dependencies) が変更された再レンダー時には、React はまず古い値を使ってクリーンアップ関数（あれば）を実行し、次に新しい値を使ってセットアップ関数を実行します。コンポーネントが DOM から削除された後、React はクリーンアップ関数を最後にもう一度実行します。 省略可能 dependencies: setup コード内で参照されるすべてのリアクティブな値のリストです。リアクティブな値には、props、state、コンポーネント本体に直接宣言されたすべての変数および関数が含まれます。リンタが React 用に設定され

Imports are an ES6/ES2015 standard for making the functionality of other modules available in your current module. In CommonJS this is implemented through the require() call which makes this ESLint rule roughly equivalent to its CommonJS counterpart no-restricted-modules. Why would you want to restrict imports? Some imports might not make sense in a particular environment. For example, Node.js’ fs

Terms​ VirtualizedList: The component behind FlatList (React Native's implementation of the Virtual List concept.) Memory consumption: How much information about your list is being stored in memory, which could lead to an app crash. Responsiveness: Application ability to respond to interactions. Low responsiveness, for instance, is when you touch on a component and it waits a bit to respond, inste

はじめに TypeScriptで、一部のプロパティだけが動的に変わるようなオブジェクトの型定義について、Mapped Types, インデックスシグネチャ, インターセクション型を用いて定義してみました。 最終的なコードは下記になります。 type FixedProps = { [key in 'prop1' | 'prop2' | 'prop3']: { value: string } } type DynamicProps = { [key: string]: { value1?: string, value2?: number, } } type Props = FixedProps & DynamicProps Mapped Typesとは Mapped Typesは、ある型をベースに新しい型を作る機能です。 RequiredやOmitなどのutility typeの内部でも使われ

CPUのx86/x64/x86_64/AMD64/i386/i686とはなんなのか？についてわかりやすくまとめます まとめ 実際の定義はこちら 一般的な理解はこちら ビット数の違い（32bit、64bit）とは CPUのざっくり歴史（32bit〜） x86とは なんでx32じゃなくてx86っていう名前なの？ x64とは そのほか i386とは i686とは IA-32とは IA-64、Intel 64の違い まとめ 出てきた単語をざっくり分類 bit数 アーキテクチャ 32bit x86、i386、i686、IA-32 64bit x64、x86_64、x86-64、AMD64、IA-64、Intel 64 実際の定義はこちら 一般的な理解はこちら ※厳密にはPentiumやCeleronも型番によって違うなどありますが、大雑把にはこんな感じです。 ※一般的な理解としてはx86=32bit