Next.jsのRoute Handlerでレスポンスの型情報を推論するType Aliasを紹介します。ZodやValibotなどのスキーマバリデーションライブラリを使用するアプローチとの比較も。
Yjsは、リアルタイム共同編集を実現するためのアルゴリズムとデータ構造を提供するフレームワークです。Notion や Figma のように、1 つのコンテンツを複数人で同時に更新する体験を提供することができます。 Y.Map, Y.Array, Y.Text といった共有データ型を…
開発者がプロダクトマーケティング思考を知ることの意味や目的をLOVEDという書籍を引用しながら紹介します。
Tailwind CSSの手軽さを活かしながら、より柔軟なスタイリングを実現するためのライブラリClass Variance Authority(CVA)をコード例を交えて紹介します。
ROUTE06 でソフトウェアエンジニアをしている @MH4GF です。 GitHub のマージキュー(Merge Queue)を私のチームでの開発フローに取り入れてから数ヶ月経ちました。マージキューは非常に便利ですが、挙動の理解やセットアップに難しさがあると感じています。い…
こんにちは。ROUTE06 Tech Blogの編集チームです。ROUTE06のエンジニア対談を連載でお届けします。 第8回は、CTOの重岡 正さんと岩井 大志(さとし)さんです。Web開発から事業会社での自社開発まで、エンジニアとして幅広い経験を積んできた岩井さん。新し…
ハイサイ ROUTE06でエンジニアリングマネージャーをしている沖縄生まれ沖縄育ちの @tamaseyo です。 今回は沖縄で開催された RubyKaigi 2024 の様子をお届けします。 ゆたしくうにげーさびら!(沖縄の方言でよろしくおねがいします という意味です) RubyKa…
OpenAI Assistants APIのFile searchにWebサイトを追加する方法を紹介します。
こんにちは。ROUTE06の技術広報Bです。TSKaigi 2024の参加レポートをお届けします。 TSKaigi 2024とROUTE06協賛の背景 TSKaigi 2024とROUTE06が協賛した背景については以下の記事をご覧ください。 route06.co.jp ROUTE06のメンバーも現地&オンライン参加 RO…
CodiumAIが提供しているPR-AgentとAzure OpenAI、GitHub Actionを組み合わせて、AIコードレビューを実現する方法と、使ってみた感想を紹介します。
ROUTE06 でソフトウェアエンジニアをしている @MH4GF です。私が関わるプロダクトでは認証や認可に Amazon Cognito を使っており、 React で実装したフロントエンドアプリケーションから Amazon Cognito との接続には AWS Amplify が提供している Auth ライ…
私のチームでは Event Sourcing と Hybrid-CQRS を採用してプロダクトを開発しています。なぜ Event Sourcing、Hybrid-CQRS を採用したのか、実際に開発してみてどうだったのかを共有することで、なにか参考になるところがあればと思います。 なぜ Event Sou…
こんにちは。hiroppyです。2023年7月に技術顧問として参加させていただき、半年経ちましたので、今回は自分からみたROUTE06社の印象と何をしているかを話したいと思います。 一言でいうと、組織が大きくなっていることが実感できた半年でした。 最初の印象 …
はじめに: 弊社のとあるEDI(電子商取引)関連のプロダクトでは、Ruby on Railsを利用してGraphQL APIを提供しています。 その開発活動の中で最近、コードの品質と整合性を維持するためのツールとして rubocop-grep を利用し始めました。 この記事ではその具体…
チームでReactを使って開発していると、コードレビューをする際に、「この書き方はしない方がいいが、それを説明するには800文字くらい必要。図も描きたい。でもそれらを準備する時間はない。」ということが度々ありました。 また、フレームワークやライブラ…
こんにちは。ROUTE06 Tech Blogの編集チームです。ROUTE06のエンジニア対談を連載でお届けします。 第7回は、CTOの重岡 正さんと玉代勢 靖さんです。 前職で、マネジメントと開発の現場、両方の立場からシステム開発に関わってきた玉代勢さん。今後のキャリ…
ROUTE06 にて業務委託でフロントエンドエンジニアをしている 寺嶋 です。 先日、私が開発に参画している to B サービス(以下、本サービス)にて一部機能を Server-Driven UI へ移行しました。 本記事ではその移行事例について紹介します。 ※一般に公開して…
こんにちは、ROUTE06 でソフトウェアエンジニアをしている@MH4GFです。 この記事では、urqlの Document Caching における additionalTypenames についての説明と、実運用でどのように扱うべきかという私見を書きます。最後に、提案する方針を後押しするため…
Microsoft Azure上に閲覧制限をかけたフロントエンドのデプロイ環境を用意できるStatic Web Appsを紹介します。
ROUTE06でソフトウェアエンジニアをしている宮城です。 oisham.hatenablog.com 早速参照したこの記事は、Meta 社 relay.dev チームの Jordan Eldredge 氏のTweetで紹介された GraphQL 成熟度モデル (GraphQL maturity model) を、ブログ著者のjunyさんの個人…
Architectというフレームワークを使って、RemixをAWSにコマンド一つでデプロイする流れを紹介します。 VercelやCloudflareのような開発体験をAWSで実現できるのではないかと期待しています。
LangChainのPandas Dataframe Toolkitを使ってCSVファイルをチャットで分析するアプリケーションを作ります。
連載「3分プロトタイピング」 Streamlitを用いたAIチャットアプリ RAGを使ってAIチャットアプリケーションに知識を与える ベクトルデータベース超入門 ベクトルデータベースの登録内容を可視化してみる Jupyter Notebook, Google Colabの紹介(この記事です) …
連載「3分プロトタイピング」 Streamlitを用いたAIチャットアプリ RAGを使ってAIチャットアプリケーションに知識を与える ベクトルデータベース超入門 ベクトルデータベースの登録内容を可視化してみる(この記事です) 前回の投稿では、ベクトルデータベース…
連載「3分プロトタイピング」 Streamlitを用いたAIチャットアプリ RAGを使ってAIチャットアプリケーションに知識を与える ベクトルデータベース超入門(この記事です) 前回、前々回とAIアプリケーションのプロトタイプを作る時に便利な2つのフレームワーク: S…
連載「3分プロトタイピング」 Streamlitを用いたAIチャットアプリ RAGを使ってAIチャットアプリケーションに知識を与える(この記事です) ベクトルデータベース超入門 前回の投稿でStreamlitを使ったAIとチャットするアプリケーションの雛形を作成しました。 …
連載「3分プロトタイピング」 Streamlitを用いたAIチャットアプリ(この記事です) RAGを使ってAIチャットアプリケーションに知識を与える ベクトルデータベース超入門 大規模言語モデル(LLM: Large Language Model)を用いたアプリケーションを作る際、まずはC…
こんにちは。ROUTE06 Tech Blogの編集チームです。ROUTE06のエンジニア対談を連載でお届けします。 第6回は、CTOの重岡 正さんと青木 治人さんです。 2022年6月に、開発未経験からROUTE06に入社した青木さん。 独学でプログラミングを学んできたという主体性…
こんにちは。ROUTE06 データエンジニアの id:masutaka26 です。8/16 に入社したので、入社から 3 ヶ月経ち、会社にも慣れてきました。 初投稿である今回の記事では、ROUTE06 に入社して素直に変だと思った、会社の取り組みや習慣をまだフレッシュな気持ちが…
思いやりで動き始めたチームが、さらに成長し、高い成果を達成できるようになる方法を 『CARE TO DARE(邦訳「セキュアベース・リーダシップ」)』という本をヒントに考えました。