アラフィフでも関数型をあきらめない！「関数型ドメインモデリング」で再入門してみた話 - iimon TECH BLOG

2024/12/20 6 users アラフィフ 関数型ドメインモデリング 関数型 再入門

はじめに まずは戦う相手を見定めよう 戦術はいかに まずは関数を知る しゅ、しゅ、出力がないだってぇ！？ 型＝値の集合とはなんぞや？ まとめ おわりに 参考 はじめに 本記事はｉｉｍｏｎ Advent Calendar 2024　21日目の記事となります！ こんにちは！DDDとTDDには熱心だけど、推し活はDD（誰でも大好き）ではなく、... 続きを読む

JavaScript配列の重複削除でつまづかない！Set・Mapを徹底比較（Lodash・Ramdaも少し紹介） - iimon TECH BLOG

2024/12/20 14 users パシ ライブラリ 徹底比較 エンジニア 株式会社iimon

こんにちは！株式会社ｉｉｍｏｎでエンジニアをしている、Javascript勉強中の「まるお」です。 本記事はアドベントカレンダー20日目の記事になります！ 📚 本記事の内容 filter・Set・Mapを使った重複削除の方法 オブジェクト配列の重複削除の実装方法 パフォーマンス比較と便利なライブラリの紹介 📚 本記事の内容 はじ... 続きを読む

歴史を感じつつ、クロージャで遊んでみた（JavaScript編） - iimon TECH BLOG

2024/12/19 12 users クロージャ 歴史 JavaScript編

こんにちは！株式会社iimonでフロントエンジニアをしている「ひが」です！ 本記事はアドベントカレンダー19日目の記事になります！ 先日夢で「メリークロージャマス！！！」と叫んでスベる夢を見ました。 冬だからか、みなさん冷たかったです（現実では暖かいです） そのようなこともあり、思い切って記事にしてみようと... 続きを読む

typescriptシングルトンパターン設計について - iimon TECH BLOG

2024/12/18 19 users

こんにちは。iimonでエンジニアをしているhayashiと申します。 普段は主に拡張機能を開発しております。 今回はTypeScriptでのシングルトーンパターンについて解説したいと思います。 シングルトン（singleton）とは、オブジェクト指向プログラミングにおけるクラスのデザインパターンの一つで、実行時にそのクラスのイ... 続きを読む

GASでOpen Weather MapAPIとMesasging APIを使って、日々の天気情報をLINEに通知させる - iimon TECH BLOG

2024/12/17 16 users GAS line 日々 天気情報

APIを利用するにあたっての準備 Messaging APIの設定準備 OpenWeatherMapAPIの設定準備 GASでスクリプトを組む まとめ 参考 こんにちは！ ｉｉｍｏｎでフロントエンドエンジニアを担当しているたくふぉんです！ だんだんとクリスマスが近づいてきましたね🎄🎅⭐️ 本記事はアドベントカレンダー17日目の記事になります。 ... 続きを読む

MySQLで全文検索機能を試したら実行速度が遅かったので調査してみた - iimon TECH BLOG

2024/12/16 17 users MySQL 実行速度 全文検索機能

◼️ はじめに ◼️ 前提条件 マシン環境 データベースについて ◼️ データ挿入に関して ◼️ 100万レコードでLIKE検索(前後の部分一致)と全文検索の比較 LIKE検索 全文検索 ◼️ EXPLAINで実行計画を確認 LIKE検索のEXPLAIN結果 全文検索のEXPLAIN結果 ◼️ EXPLAIN ANALYZEを確認 LIKE検索のEXPLAIN ANALYZE結果 全文検索のEXPLAIN ANAL... 続きを読む

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

2024/12/14 15 users ヘッダー

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

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

2024/12/13 12 users エンコード レスポンス 文字

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

TypeScriptのUtilityTypesについて調べてみた - iimon TECH BLOG

2024/12/12 12 users TypeScript

■はじめに ■ユーティリティ型とは？ ■Partial< Type >型 ◆説明 ◆どんなときに使えそう？ ■Required< Type > 型 ◆説明 ◆どんなときに使えそう？ ■Readonly< Type >型 ◆説明 ◆どんなときに使えそう？ ■Record< Keys, Type >型 ◆説明 ◆どんなときに使えそう？ ■Pick< Type, Keys >型 ◆説明 ◆どんなときに使えそう？ ■Omit< ... 続きを読む

React でTodoListを作ってみた！ - iimon TECH BLOG

2024/12/11 10 users React ToDoList

はじめに コンポーネントの構成について 準備 Headerの実装 Itemのスタイル実装 Itemの実装 Footerの実装（チェックボックスに状態を持たせる） Footerのチェック機能 Footerの削除機能 まとめ 参考文献 はじめに こんにちは、ｉｉｍｏｎ新卒エンジニアの「ばんり」です。 本記事はアドベントカレンダー11日目の記事にな... 続きを読む

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

2024/12/10 21 users Svelte ゲームチェンジャー WEB業界

はじめに こんにちは、株式会社iimonでフロントエンドエンジニアをしている「みよちゃん」です。 本記事はアドベントカレンダー10日目の記事になります！ 自分が参画しているプロダクトでは普段FWを使っていないのですが、せっかくのアドベントカレンダーなので普段やらないことをやりたい！ということで、少し(?)前から... 続きを読む

Webサーバの仕組みについて入門してみた（Python実装） - iimon TECH BLOG

2024/12/09 164 users Python実装 Webサーバ Django Hoge 棚卸し

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

ローカル（仮想環境）にBINDをたててdigコマンドを投げてみた - iimon TECH BLOG

2024/12/07 20 users 木暮 BIND 百聞 クエリ digコマンド

はじめに 環境構築編 インストール 設定 設定の反映 確認編 digコマンドの実行 終わりに はじめに 株式会社iimonの木暮です。 今回は実際に構築した権威サーバへクエリを送ってレスポンスを確認するところまで行います。 今回の記事は、調べれば類似の記事がたくさん見つかるような内容ですが、「百聞は一見に如かず」と... 続きを読む

Panda CSSの基本的な使い方と導入手順 - iimon TECH BLOG

2024/12/06 11 users Panda CSS CSSフレームワーク 導入手順 利点

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

フロントエンドのテストを書きたい！ - iimon TECH BLOG

2024/12/05 21 users フロントエンド テスト Mui redux React

はじめに テストの種類 テストレベル テストタイプ テスト戦略 Reactのテストで個人的に躓いたところ UIコンポーネントのテスト Reduxを使っている場合 @mui/x-date-pickerを使用している場合 MUIのコンポーネントでテーマを使用している場合 カスタムフックのテスト まとめ 参考記事 はじめに こんにちは、株式会社iimo... 続きを読む

師走だしそろそろ自宅サーバを構築した話をしてもいいんじゃないかな - iimon TECH BLOG

2024/12/03 24 users 自宅サーバ

nkmさんよりバトンを受け取りました！ 株式会社iimonにてフロントエンドエンジニアをしております、まつむらです！エンジニア人生で初めてのアドベントカレンダー参加です！ いつもの勉強会とは違って、変なことを書いても良いと言われたような気がしたので、今回は完全に趣味に振り切ろうかなと思います！ 本記事はiimo... 続きを読む

開発スピードを早めるDeveloperToolでのデバッグ - iimon tech blog

2023/12/21 11 users デバッグ click watch さい 監視

こんにちは、iimonフロントエンジニアのさいとーです。本記事はiimonアドベントカレンダー21日目の記事となります。 はじめに devtoolでデバッグをしてみる watch(監視) 条件付きブレークポイント Eventlistenerブレークポイント(click) Break on まとめ 最後に 参考 はじめに みなさんはdeveloper toolをつかってデバッ... 続きを読む

CloudFrontのログを使って機械学習で異常検知を試してみた - iimon tech blog

2023/12/16 5 users CloudFront ログデータ ＣＴＯ 異常検知 フィールド

こんにちは、CTOの森です。 本記事はiimonアドベントカレンダー16日目の記事となります。 普段機械学習を使うことは無いのですが、勉強も兼ねてCloudFrontのログを機械学習させてみたらどうなるのか試してみました。 検証した環境 ログデータの形式 使用したログデータのフィールド 分析までの手順 正しくデータを読み込... 続きを読む

TypeScriptのジェネリクス型を使って型に柔軟性を持たせる - iimon tech blog

2023/12/13 16 users TypeScript extends required 制約

■はじめに ■ジェネリクス型とは？ ■ジェネリクス関数を作る ■extendsで制約を付与したジェネリクス型 ■keyofで制約を付与したジェネリクス型 ■ジェネリクスクラスを作る ■ユーティリティのジェネリクス型 ◆Required < Type > ◆Readonly< Type > ◆Pick< Type, Keys > ■最後に ■参考記事 ■はじめに こんにちは、株式会社ii... 続きを読む

MySQLで全文検索機能を使う際のパフォーマンスについて調査してみた - iimon tech blog

2023/12/01 21 users MySQL パフォーマンス Mecab insert ＣＴＯ

こんにちは、CTOの森です。iimonは今回が初のアドベントカレンダー参加です！ 本記事はiimonアドベントカレンダー1日目の記事となります。 はじめに 検証した環境 MySQL/mecabのインストール 大量のデータを入れる 1レコードのINSERTにかかった時間 検索してみる 検索文字列が「出来事」の場合 インデックスなし N-gram(... 続きを読む