はてなブックマーク

弊社HiCustomerは、2021年のすごいベンチャー100に選ばれました。小田です。皆様今年もよろしくお願いいたします。直近の報告ですが、私はちょくちょくKafkaJSと遊んでおります。もうAWS SQSやCloud Pub/Subには戻れない身体になりそうで、タイミングをみてConfluent社の株を買っちゃいそうです。ギャンブラーとしてAll-inしちゃおうかな😜 最近のNode.jsのORM事情について 本題ですが、最近SaaSの新規案件を始める関係でORM周りライブラリの技術調査をしています。ちなみに環境と要件は以下です。 環境は以下: データストアはPostgreSQL 言語はTypeScript ラインタイムはNode.js 要件は以下: スキーマファーストで実装できる 可能であればスキーマを書いて型とコードが生成できる クエリに対応する関数をいい感じに型付けできる 複雑

こんにちは、エンジニアの尾島(@daikiojm)です。 最近は「社内にパリピ感が足りない」という課題感から Slack で「おじ卍ドレミ」を名乗っています。 最近開発を進めている新プロダクトで React と Vite の組み合わせを採用したので、技術選定の背景と使用している Vite プラグインについて簡単に紹介します。 これまでの HiCustomer のフロントエンド開発 これまで HiCustomer 社では HiCustomer のフロントエンドを Vue.js を用いて開発を進めてきました。 開発初期から現在まで、フロントエンドのコードベースは次のような変化をしてきました。 開発初期~ Vue 2 + JavaScript ~リリース 1 年 Vue 2 + TypeScript + Vue Class Component ~現在 Vue 2 + TypeScript + C

こんにちは、エンジニアの尾島(@daikiojm)です。 最近は HiCustomer のオフィスがある五反田周辺の飲食店の入れ替わりが激しく、開店/閉店に一喜一憂しております。 五反田、目黒周辺でおすすめのお店があったら教えてください。 React + Vite で新規プロダクトを開発している話で紹介した新プロダクトの開発では、GraphQL を採用しています。 今回はこの記事では紹介しきれなかった GraphQL Code Generator と React Query の活用について紹介します。 この記事で紹介する内容は次のとおりです。 GraphQL Code Generator + React Query の組み合わせを採用した理由 GraphQL Code Generator を使った型/React Query のクライントコード生成 Custom Hooks の実装例 Gra

はじめに こんにちは、フロントエンドエンジニアの尾島です。 2 年ほど前から副業という形で HiCustomer の開発にちょこちょこと関わっていましたが、今年の 7 月からはフルタイムで開発をしています。 入社以来、新機能の開発と並行してデザイナーと共に進めている HiCustomer のデザインシステムの作成、アプリケーションへの適用、また運用についてご紹介します! この記事で話すこと: デザインシステム、デザインガイドラインとは なぜデザインシステムが必要だったか どのようにデザインガイドラインをスモールスタートしたか 具体的な Tips など デザインシステム、デザインガイドラインとは デザインガイドラインやデザインシステムという言葉は、人や組織によって定義や解釈が微妙に異なりますが、 一般的に以下のような構成要素(一例)のフルセットとして認識されているのではないでしょうか。 デザ

こんにちは、エンジニアの肥前です。この記事は Serverless Advent Calendar 2018 の13日目です。 また、HiCustomer Tech Blog の最初の記事でもあります。今後もチームで継続して得られた知見を書き溜めていく場にしたいなと思います。 さて、いわゆる ”サーバーレスアーキテクチャ” を採用してスタートアップのプロダクト開発を開始しておおよそ一年が経過しました。もちろん恩恵に預かっている部分、省力化できた点は多々あるのですが、今改めて振り返るとアンチパターンを踏んでいたり、このまま放置すると負債化しそうな箇所が見えてきています。失敗した話というのはなかなか表に出しづらいものではあるのですが、少しでもこれから取り組む方の助けになればと思い記事に残してみようと思います。サーバーレス界隈の方々にはあるあるネタだと思うのでご笑納ください。 前提となる構成 事