iimon TECH BLOG

iimonエンジニアが得られた経験や知識を共有して世の中をイイモンにしていくためのブログです

Webpackを使ってバンドルしてみる

■はじめに ■環境構築 ■前提 ■TypeScriptコンパイラーとESModuleを使ってコンパイルと実行してみる ■Webpackを使って、バンドルしてみる ◆Webpackで必要なライブラリのインストール ◆Webpackの設定 ■まとめ ■はじめに こんにちは。 株式会社iimonでフロントエ…

やっと触ってみるDeno

こんにちは。 エンジニアのタクシです。 今日はDenoについて。 Denoとは? 公式から抜粋 Deno (/ˈdiːnoʊ/, pronounced dee-no) is an open source JavaScript, TypeScript, and WebAssembly runtime with secure defaults and a great developer experience.…

目指せ!mockマスター!!!!!~jestのMockテストについて~

こんにちは。iimonでエンジニアをしている林と申します。 本記事はiimonアドベントカレンダ11日目の記事の続きで前回は基本のjestテストの方法を記載しましたが今回はその続きでmockテストについて記載していこうと思います。 mockの概要 mockとはソフトウェ…

SPAサイトをS3 + Cloudfrontにデプロイする方手順を解説する

はじめに こんにちは、インフラエンジニアのhogeです。 この記事では、AWSを使用してSPAアプリケーションを公開する手順を解説します。 はじめに 構成 使用しているサービスのざっくりとした説明 クライアントがアクセスし、レスポンスが返されるまでの流れ …

Nuxt2からReactに移行を決めた話

以下の理由でReactに移行を踏み切りました。 Nuxt3への移行とReactへの移行を比較したがNuxt3への移行コストが思った以上に高い 今後を考えた際の運用のし易さ(情報量の多さ、ライブラリ等)

列指向ストレージについて調べてみた

こんにちは、iimonでエンジニアをしている須藤です。 今回は、redshiftのdocを読んでいて、列指向ストレージという記述があり、行指向との違いが気になったので調べてみることにしました。 行指向と列指向(columnar)の比較 データの格納方式の違い(定義) デ…

シャローコピーとディープコピーの違い

はじめに 結論 オブジェクトのメモリ参照イメージ シャローコピー シャローコピーの使用方法 ディープコピー ディープコピーの使用方法 最後に 参考記事 はじめに こんにちは、株式会社iimonでエンジニアをしている中村です。 業務では、主にフロントエンド…

クラス継承とどう付き合えばよいかわからなくなったので、Goを書いてみた(Composition over inheritance)

はじめに iimonでエンジニアをしています。腰丸です。 突然ですが、Go言語がクラス継承をサポートしていないことをご存知でしょうか?(結構有名かもしれません) 言語として、意図的にクラス継承をサポートしていないって大丈夫なのか?という疑問もあります…

CSSの:has()疑似クラスの使い方

はじめに こんにちは。株式会社iimonでエンジニアをしている保田です。 今回は各ブラウザにサポートされたCSSの:has()疑似クラスについて解説をしていきます。 :has() :has()疑似クラスとは、セレクタ内に指定した要素が存在する場合にのみスタイルを適用す…

ターミナルでCSVを触ってみる

はじめに こんにちは。バックエンドエンジニアの木暮です。 前職では運用業務でサーバに入ってCUI環境で作業を行うことがありましたが、 現職はローカルでの開発業務がメインであまりそういったことを行う機会がありません。 しばらく触っていないと忘れてし…