キジ

プログラミング

GoogleMapsAPIで取得した場所の画像を表示するまで

この記事についてGoogleMapsAPIの1つ、placesを使ってお店などの情報を取得することができる。このとき、場所に紐づいている画像(photos)を取得する事ができる。この画像を表示するときに少しハマってしまったためメモとして残す...
プログラミング

新人プログラマーのためのエラーが怖くなくなる本を読んで

この記事について本の要約・感想エラーの読み方についてわからないときの情報収集についてなぜエラー文を読まないのか英語で書かれているから長くて読みづらい読んでもすぐに原因がわからないからエラー文よく見るケースX is not defined ・...
プログラミング

JWTについて

JWTとはJSON Web Tokenの略ヘッダ、ペイロード、署名 の3つからなるそれぞれ、Base64でエンコードされているエンコードされた文字列を . で繋いでいる JWTはHTTPヘッダーで利用することを前提としたJSONの表現方法を...
座学

ソフトウェア開発に関する生産性について

このNoteでわかること生産性の考え方について生産性の定義生産性の上げ方生産性の重要性生産性とは生産性は、以下のような数式で表すことがあります。生産性 = 開発の価値(成果物)÷ リソース(人、工数など)やるべきことの方向性があっていないと...
プログラミング

Next.js×Puppeteerでビルドエラーになった話

起こった問題Next.js14でビルドをしようとしたときに、以下のようなエラーが出力されていました。修正を入れてもいないのに、puppeteer周りでエラーが出力されていた。エラー内容> next buildFailed to compil...
プログラミング

【React】Suspenseとfetchを使ったときのエラー

起こった問題React18にあるローディングを簡単にする機能、Suspenseにおいて、よくわからない事象が起きた。簡潔に言うと、SSRとCSRで生成されたDOM情報が異なるというエラーだ。Error: Text content does ...
プログラミング

【第2回】Express × Prisma × PostgreSQL|Prismaコマンドについて

みなさんこんにちわ!前回は、Express、Prisma、PostgreSQLを使ってバックエンドの環境を作成しました。今回は、Prismaのコマンドについて1つずつ解説します。prisma init$ prisma init# データベー...
プログラミング

【第1回】Express × Prisma × PostgreSQL|バックエンド環境を作ろう

皆さん明けましておめでとうございます。キジです。今回はタイトル通り、「Express」×「Prisma」×「PostgreSQL」 を使ったバックエンド側に関する記事を記載します。メインはPrismaで、それをExpress、Postgre...
座学

【未経験エンジニア応援シリーズ】ソフトウェアエンジニアを目指す前に知ってほしいこと

キジです。この記事を読んでいる方は、いろいろな事情を持って、ソフトウェアエンジニアへ転職したいと思っているのではないでしょうか。例えば、こんな理由で目指していないでしょうか。 手に職をつけたい! 給料が良いって聞いた! 時間を気にせず自由に...
プログラミング

【セキュリティ】個人情報データを暗号化して管理する

キジです。今回は、個人情報データを暗号化することについて調べたため、まとめていきます。本記事でわかること今回は個人情報を観点に必要な部分を記載します。本記事で、個人情報の暗号化に使うアルゴリズムや暗号化方式が理解できます。以下の用語を抑えて...