iimon TECH BLOG

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

ヘッダーを固定した縦横スクロールを実装する

はじめに こんにちは、株式会社iimonでフロントエンドエンジニアをしている木村です。本記事はアドベントカレンダー14日目の記事になります!cssって奥が深いですよね。勉強した気になっても自分の思い通りに一発でなってくれたことがありません。そんな中で…

レスポンスが文字化けしたのでエンコードについて調べた

はじめに こんにちは!株式会社iimonでフロントエンジニアをしているかとうです! 本記事はiimonアドベントカレンダー13日目の記事となります!✨ サーバーから送信されたデータがShift_JISでエンコードされている場合、そのままだとJavaScriptで扱えないこと…

TypeScriptのUtilityTypesについて調べてみた

■はじめに ■ユーティリティ型とは? ■Partial< Type >型 ◆説明 ◆どんなときに使えそう? ■Required< Type > 型 ◆説明 ◆どんなときに使えそう? ■Readonly< Type >型 ◆説明 ◆どんなときに使えそう? ■Record< Keys, Type >型 ◆説明 ◆どんなときに使えそう? ■…

React でToDoListを作ってみた!

はじめに コンポーネントの構成について 準備 Headerの実装 Itemのスタイル実装 Itemの実装 Footerの実装(チェックボックスに状態を持たせる) Footerのチェック機能 Footerの削除機能 まとめ 参考文献 はじめに こんにちは、iimon新卒エンジニアの「…

Web業界のゲームチェンジャー!?今更だけどSvelteに入門してみた

はじめに こんにちは、株式会社iimonでフロントエンドエンジニアをしている「みよちゃん」です。 本記事はアドベントカレンダー10日目の記事になります! 自分が参画しているプロダクトでは普段FWを使っていないのですが、せっかくのアドベントカレンダーな…

Webサーバの仕組みについて入門してみた(Python実装)

はじめに 株式会社iimonでSREエンジニアをしているhogeです。 本記事はiimonアドベントカレンダー9日目の記事となります。 今回の記事は技術的な棚卸しとして、普段大変お世話になっているWebサーバがどういった仕組みで動いているのかを実装しながら深堀り…

FirestoreRestAPIをWebアプリケーションで楽に使えるようにしておきたい

はじめに iimonでエンジニアをしている腰丸です。 最近業務でFirestoreRestAPIを使用する機会があったので、使い方を考えてみました。 通常のSDKを用いたコーディングと比べて、そのまま使おうとすると実行したい操作ごとにリクエストやレスポンスの処理を記…

ローカル(仮想環境)にBINDをたててdigコマンドを投げてみた

はじめに 環境構築編 インストール 設定 設定の反映 確認編 digコマンドの実行 終わりに はじめに 株式会社iimonの木暮です。 今回は実際に構築した権威サーバへクエリを送ってレスポンスを確認するところまで行います。 今回の記事は、調べれば類似の記事が…

Panda CSSの基本的な使い方と導入手順

こんにちは! 株式会社iimonにてエンジニアをしております、分割マスターのほでぃです。 この記事はiimonアドベントカレンダー6日目の記事です。 今回はCSSフレームワーク「Panda CSS」を紹介します。 この記事ではPanda CSSの利点や基本的な使い方について…

フロントエンドのテストを書きたい!

はじめに テストの種類 テストレベル テストタイプ テスト戦略 Reactのテストで個人的に躓いたところ UIコンポーネントのテスト Reduxを使っている場合 @mui/x-date-pickerを使用している場合 MUIのコンポーネントでテーマを使用している場合 カスタムフック…