echo("備忘録");

IT技術やプログラミング関連など、技術系の事を備忘録的にまとめています。

【AWS】CloudWatchの料金体系を調べてみた

今回の内容 今まで何度もAWSのCloudWatchを仕事&プライベートで触っていますが、CloudWatchって「なんかお金かかるなあ...」と思うことが多かったので、CloudWatchの料金について調べることにしました。 なお、自分の認識が誤っている可能性もあるので、必ず…

【MySQL】インデックスについて

はじめに 今まで業務で幾度となくデータベースを触ってきましたが、インデックスについては見よう見まねとか、経験則でなんとなくやってきた感が強かったです。 そこで、最近インデックスに触れる機会があったので、これを機にインデックスについてまとめよ…

【JavaScript/MySQL】Falsyな値の扱い

はじめに 今回は、プログラミング言語のいわゆる「Falsyな値」について、JavaScriptとMySQLにおける扱い&注意点についてです。 前提:「Falsyな値」って? Falsyな値とは、下記のような値を指します。 空文字 0 false null undefined 表現が難しいのですが「…

【WSL】WSL2にmysqlをインストールする

今回の内容 今回は、Windows Subsystem for Linux version2(=以下WSL2)にmysqlをインストールし、動かすところまでを説明します。 前提 WSL2のインストールは済んでいる前提です。(ここでは記載しません) 外部ホストからmysqlに接続する方法は説明しません。…

【速報?】令和4年度 応用情報技術者試験(秋期) 午後 問3(プログラミング問題)を解いてみた

今回の内容 昨日(2022/10/09)に実施された、令和4年度 応用情報技術者試験(秋期) 午後 問3(プログラミング問題)を解いてみました。 少し前までは、応用情報午後のプログラミング問題を解くのが私の中では恒例行事だったんですが、最近なかなかできてなかった…

【VS Code】Remote SSHでSSH接続する

はじめに 現在、仕事でSSHを使用する機会がかなり増えてます。(今まであまりなかった) それに伴い「SSHで便利なツールないかなー」「できればVS Code上で扱える拡張機能がないかなー」と思っていたら、やはりありました。(てかVS Code拡張機能、マジで何でも…

【私事】フリーランスをやめることになりました(2022/8/30追記)

はじめに 私事になりますが、タイトルの通りこの8月(2022年8月)で、一旦フリーランスをやめることになりました。(9月から某企業に正社員として働くことになりました。その辺は実際に働きだしたら、どっかのタイミングで書きます。) そこで今回は、その経緯や…

【Serverless Framework】version3の新機能&知らなかった機能

はじめに 今年(2022年)1月末に、Serverless Frameworkがメジャーバージョンアップされ、version3がリリースされました。 今までなかなか触る機会がなかったのですが、先日少し触る機会があったので、version3の新機能を記載しようと思います。 また、version…

【JAWS DAYS】JAWS DAYS 2021登壇体験記

今回の記事 Japan AWS User Group(JAWS-UG)が開催するイベント、JAWS DAYSが今年も開催されることが決まりました。(公式サイトは下記) note.com それに関して、運営の方から「今年登壇を検討している方向けに、昨年登壇した体験談を書いてほしい」という依頼…

【AWS】AWS SDK for JavaScript v3でLambdaを書く(S3編)

今回の内容 前回、AWS SDK for JavaScript v3(以下v3)でDynamoDBを扱うLambdaを書くというブログを投稿しました。 今回はその第二弾で、S3を扱うLambdaを書いてみます。 S3はAWSのリソースの中でも扱う機会がトップクラスに多い(と思う)ので、覚えて損はない…

【AWS】AWS SDK for JavaScript v3でLambdaを書く(DynamoDB編)

今回の内容 AWS LambdaをAWS SDK for JavaScript v3(以下「v3」と記載)で書く 現在メジャー(だと思う)のはAWS SDK for JavaScript v2(以下「v2」と記載) サンプルとして、DynamoDBのデータを取得するコードを書く 参考サイト AWS SDK for JavaScript v3 (AWS…

【Node.js】「みんなの自動翻訳」APIを使ってみた

はじめに みなさん、翻訳ツールって何を使ってますか? 多くはGoogle翻訳やDeepLとかではないかと思います。 そんな中、機械学習型の「みんなの自動翻訳」というサイトがあったので、こちらを試してみました。 みんなの自動翻訳@TexTra® 参考サイト コピペ…

【JavaScript】ES2022で正式採用される機能について

本題 JavaScriptの仕様であるECMAScript(=ES)について、そろそろ最新版のES2022が承認される、というのをICSさんのブログ(「参考サイト」参照)で知りました。 なので今回は、ES2022で正式採用される機能について、コード例を挙げて説明したいと思います。 な…

【Next.js】ブラウザ側で環境変数が参照できない場合の対処法

本題(今回は前置きは省略) Next.jsで環境変数(.env.*ファイルやコンテナに設定した)をブラウザ側(クライアント側、端的にいえばReactソース上)で参照しようとしても、値が参照できない TL;DR 環境変数名のプレフィックスに「NEXT_PUBLIC_」をつける getStati…

【VSCode】VS Code Meetup #19 - フロントエンド開発Nightで登壇しました(トラブル編)

はじめに 前回、「『VS Code Meetup #19 - フロントエンド開発Night』というイベントで『Remote-Containersでnext.js環境を作った話』という内容で登壇」した話を書きました。 前回は登壇内容の補足(Remote-Containersについて&どのようなツールを入れたか)…

【VSCode】VS Code Meetup #19 - フロントエンド開発Nightで登壇しました&内容補足

はじめに お久しぶりです。 もう1か月以上前になってしまったのですが、2022/4/11(月)に行われた「VS Code Meetup #19 - フロントエンド開発Night」というイベントで、「Remote-Containersでnext.js環境を作った話」という内容で登壇しました。 VS Code Meet…

【AWS】IaCツールの比較

はじめに お久しぶりです。 今までGitやJavaScriptについて書きましたが、今回は、Infrastructure as Code(以下IaCと記載)のツールについての記事です。 IaCツールに関しては色々あると思いますが、今回触れるのは下記の3つです。 AWS CDK Terraform Serverl…

【Terraform】基本的な構文の説明

はじめに お久しぶりです。 ちょっと前に「やっぱりクラウドバックエンドの仕事したいなあ...」と書いていたら、偶然にもIaC(Infrastructure As Code)のタスクを担当することができました。(またすぐフロントに戻るんでしょうけど) で、今回は(Serverless Fr…

【JavaScript】数値に関する謎(?)挙動について

はじめに 前回まで、Git管理やバージョニングについて記事にしましたが、今回は一転してみんな大好き?JavaScriptの話です。 最近ちょっとSNSで話題になってた、JavaScriptの数値に関する謎?挙動についてです。 アジェンダ parseInt()の挙動 「+」「-」に関…

【Git】ログ&バージョニングを管理する

Git

はじめに 前々回、前回とGit運用に関する記事を書きました。 今回はその最終回として「ログ&バージョニングを管理する」について書きたいと思います。 開催した&今回記載する内容 コミットメッセージを統一する ←前々回の記事 コミットメッセージをチェッ…

【Git】コミットメッセージを自動でチェックする

はじめに 前回、Git運用記事の第一弾として「コミットメッセージを統一する」という記事を書きました。 今回はその第二弾として「コミットメッセージをチェックする」について書きたいと思います。 記載する内容 コミットメッセージを統一する ←前回の記事 …

【Git】コミットメッセージを統一する

はじめに 新年あけましておめでとうございます。今年もよろしくお願いします。 で、新年一発目の記事ですが、現在業務でアプリ開発以外にチーム運営にも携わっており、その中でGit運用のことを少しやっております。 今回から数回は、そのGit運用について書こ…

【Vue.js】Storybookでコンポーネント開発を便利にする

はじめに 今回もVue.jsネタを。(本当はもっとAWSやServerless Frameworkなどバックエンド的なネタを書きたい。てか仕事でもそうしたい...) 最近、フロント側を触る機会があるのですが、コンポーネントベースでの開発(いわゆる「コンポーネント駆動開発(CDD)…

【Vue.js】v-forループでduplicated key警告が出る場合の対処法

※ 2021/12/10 19:00 一部内容を訂正しました はじめに 前回に続き、今回もVue.jsネタを。 配列などの値を<template>内で表示する場合、v-forなどのループを用いることは多いと思います。 そしてその際、配列のキーとなる値(≒key)が重複している値があると「duplicated </template>…

【Vue.js】data変数の値の変更が画面に反映されない場合の対処

はじめに Vue.jsでは、data()関数の戻り値に設定したオブジェクトのキー(以下「data変数」と記載)について、method内の各関数などで値を変更すると、それが画面に即座に反映されます。 <script> export default { data() { return { hoge: 'aaa' } }, methods: { exa</script>…

【JAWS-UG】JAWS PANKRATION 2021で登壇しました。

はじめに 先日の2021/11/20(土) ~ 2021/11/21(日)に、AWS User Group Japan(通称JAWS-UG)主催のイベント「JAWS PANKRATION 2021」が開催されました。 jawspankration2021.jaws-ug.jp そしてこのイベントで「API Gateway と AWS AppSync の使い分け」というタ…

【Serverless Framework】Serverless FrameworkでAppSync APIを作成する

はじめに 前回、および前々回の記事で、AWS AppsSync(以下「AppSync」)のOpenID Connect認証、およびLambda認証について書きました。 となれば今回はIAM認証かな...とも思ったんですが、今回はちょっと話題を変えて、自分も大好きなServerless FrameworkでAp…

【AppSync】Lambda認証でGraphQLクエリを実行する

はじめに 前回の記事にて、Auth0とOIDC(OpenID Connect)認証でAWS AppSync(以下「AppSync」)経由でGraphQLクエリを実行する方法について書きました。 ただし、もちろんAppSyncにはOIDC以外にも認証を行う方法はいくつかあります。 今回はその中から、前回の…

【AppSync】Auth0 + OpenID Connect認証でGraphQLクエリを実行する(内容修正版)

はじめに 先日、初めて業務でAWS AppSync(以下AppSync)とGraphQLを使いました。 サブスクリプションが使えたり、クライアント側からフィールド指定出来たりできるのが良い感じです。 あと、エンドポイントの管理がAPI Gatewayより楽ですね。(無論、デメリッ…

【DynamoDB】DynamoDBデータのページネーション処理について

はじめに お久しぶりです。だいぶ間が開いてしまいました。 前回から色々ありまして、結果として8月から新しい就業先で働いてます。(この辺はまた別の機会に書きます) で、新しい環境でもAWSに携わっていますが、 コードレビューなどを通して、(知ってたつも…