はじめに Q. LLM Week中の開発効率は普段よりも高かったですか? Q. 「自分で書いた方が早い」と思ったコードの変更行数の割合はどのくらいですか? Q. LLM Weekで一番使ったコーディングエージェントを教えてください Q. コーディングエージェントでの開発に向いている・向いていないと思った開発内容を教えてください 向いている領域 向いていない領域 LLM Firstな開発にするために 最後に はじめに こんにちは。クロスマートで開発部部長をしている上田です。 前回の佐藤さんの記事に書かれていたとおり、7月末にクロスマート社内でLLM Weekが開催されました。 フロントエンド・バ…

はじめに 自分のAI活用レベル 事前準備 1. 公式ドキュメントの読み込みとAnthropic Academyの受講 2. 社内メンバーとの情報交換 実装 1. カスタムコマンドで前処理を自動化 2. Claude Code のプランモードで実装計画を立てる 3. プランを承認して実装開始 最後に はじめに こんにちは！クロスマートでフロントエンドエンジニアをしている佐藤です。 クロスマートでは日頃から生成AIの積極的な活用が推奨されており、開発業務の中でも生成AIを取り入れる文化が根づいています。その取り組みの一環として、社内で開催されたのが「LLM WEEK」です。 LLM WEEKとは、…

近年、PythonのWebフレームワークとしてFastAPIの注目度が飛躍的に高まっています。弊社でもFastAPIの導入事例が増えており、私自身も初期の導入に携わった一人として、その真価を皆さまにお伝えしたいと考えています。単に「新しいから」という理由だけで採用したわけではなく、FastAPIがもたらす主にビジネス面のメリットを、旧来のWSGIとの比較や高負荷実験の結果を交えて深く掘り下げていきます。

こんにちは！請求書チームのバックエンドエンジニアの中松です。クロスマートに入社してはや2年、入社したときにバックエンドに転向しました。日々テーブルを作成したり、コードを書いてAPIを作成したり・・・を行っているのですが、データベースのデータについていじることがあまりなく、先日データベースのデータを大量削除するミッションを行ったのでその学びについて書いてみます！とっても初歩的な内容です。 また、今回のミッションにあたってはチームメンバーにも助けられました。う〜ん、ちょっと不安かもしれないです、というと、Gatherでささっと集まってくださり、一緒に考えてくれるメンバーにはいつも助けられています。…

はじめに こんにちは。 バックエンドエンジニアの石垣です！ 定期注文機能と聞くと、Amazonの「定期おトク便」が頭に思い浮かぶかもしれません。確かに、個人向けサービスでは同じ商品を毎月自動で受け取るだけのシンプルな仕組みになっており、消費者にとっては手軽かつ便利です。 しかし、卸売業者と飲食店をつなぐBtoBシステムでは、扱う商品数や納品先が多岐にわたり、数量や納品スケジュールを柔軟に変更できる必要があります。さらに、リードタイムや休業日の取り込み、締め時間の違いなど、小売向けとはまったく異なる複雑さがあります。 今回は、Amazonの定期便とは一線を画すBtoBならではの難しさをひたすら語…

はじめに 本記事では書かないこと（前提とする知識） 本記事で書くこと 対象読者 Devinがメンションされ出した組織に向けて Devinがあなたと同じだけの開発知識を得るために Devin Knowlege Playbooks Devinがあなたをどのようにサポートするか Devin Machine Devin Wiki Devin Search Interactive Planning Interactive Browser Jira Integration 開発組織で使いこなすために Devinに与えている権限 Devinへの仕事の頼み方 非エンジニアメンバーがDevinの恩恵を受けること…

こんにちは、クロスオーダー請求書チームでフロントエンドエンジニアをしている大田です！ 今回は、iOSのGoogleアプリ特有のPDF表示問題とその解決策について共有したいと思います 課題の発見🕵🏼‍♂️ ある日、iOS環境のGoogleアプリにおけるPDF表示機能の安定性に関するお問い合わせがあり調査と対応を行うことになりました 興味深いことに同様の問題がAndroidデバイスでは発生しておらず、iOS特有の現象でした AndroidとiOSの違い Android: GoogleアプリはChromiumベースのWebViewを使用 iOS: GoogleアプリはWebKit（Safariエンジ…

こんにちは！フロントエンドエンジニアの朝井です！ モーダルコンポーネントをなんとなく実装していませんか？ React や Vue では「開閉フラグを渡して <Modal> をレンダリングするだけ」で動作しますが、その内部に API 呼び出しやステートフルなロジックをべた書きすると、非表示状態でも副作用が走り続け、パフォーマンスや意図しないネストしたAPIリクエストを招きます。 この記事では、 アンチパターンの問題点 モーダル内部のコンテンツを切り出して必要時にだけマウントする方法 を解説します。 1. よくあるアンチパターン（React） // 問題：モーダル内部に API や useEffe…

評価制度はどんな組織でも頭を悩ませるテーマだと思います。 現在クロスマートではエンジニア職種向けの評価制度を設計中です。そのことについてツラツラと記載していきます。 はじめに クロスマートは飲食業界向けのVertical SaaSの開発・提供を行っている会社です。 「開発会社ってことは開発者が多いんでしょ？」と思われるかもしれませんが、サービスを作るエンジニア以外にもPdM（プロダクトマネージャー）、営業職、CS職（カスタマーサービス職）、デザイナー、総務…と、多種多様な職種の人がより良いシステムを提供するために働いています。 そして、2025年4月現在。職域に関係なく"全社共通の評価基準/制…

はじめに お疲れ様です！ クロスマート株式会社では主にフロントエンドのタスクを勉強させていただきつつ、チームリーダーを務めつつ、開発チーム内で最年少（※ インターンメンバーを除く）の立場を活かして、日々新しい挑戦に取り組んでいます。ナイスガイの福留です。 以下から弊社のエンジニアチームによって投稿している記事一覧が閲覧可能です。 xmart-techblog.hatenablog.com xmart-techblog.hatenablog.com xmart-techblog.hatenablog.com xmart-techblog.hatenablog.com Click!! Me!! さ…

こんにちは、UI/UXデザイナーの大島です。 テックブログの順番がやってきました。 さて、何を書こうか…と悩んでいたところ、弊社PMより「大島さん、私の写真を銀髪にして！」とのリクエストが。 Photoshopでササッと加工するか〜と思ったものの、 ふとAdobeの「Firefly」という生成AI機能があることを思い出し、 せっかくなので写真から生成する一連の流れを体験しつつ記事にしてみることにしました。 💡Adobe Fireflyとは、画像やデザインをAIで生成・編集できるツールです 日本語対応でAdobe製品と連携可能 テキストから画像作成やベクターイラストの生成が可能 商用利用も可能な…

社会人としての壁にぶつかった 読解力強化方法 具体的に実施した方法 実感した効果と変化 まとめ 最後に こんにちは、バックエンドエンジニアの田村です。 仕事などのコミュニケーションなどで感じた読解力不足、自分が伝える際の表現力不足という仕事の成果に直結する課題の解決に向けて自分が実践中の方法、現時点での効果を紹介していきます。 社会人としての壁にぶつかった 最近、自分の読解力、表現力の不足に悩むことがあります。 具体的にはこんな場面で問題を感じていました。 伝えたいことを表現するのに何度も反芻してしまう チームでの共有時や生成AIで軽いプロンプト作成でうまくいかない 抽象度が高い文献（心理学、…

はじめに ご覧いただきありがとうございます。クロスマート株式会社の杉原(@sugihara_xmart)です。毎度のことながらテックブログといいつつ技術なことではないですが、今回は年末年始に自分の自由研究として実施した「プロダクトで実現したい世界観を小説風にまとめてみる取り組み」に関してご紹介したいと思います。 なんでそんなことをやろうと思ったのか クロスマートはありがたいことに事業成長にともない、複数のプロダクト・サービス群を提供するようになり、伴ってプロダクトチームの世帯も過去に比べて大きくなってきました。（今では4チーム + 横断チーム1チームで日々プロダクト開発を行っています） 組織が…

はじめに はじめまして! 今年クロスマートに入社したエンジニアのうえだと申します。 弊社の提供するクロスオーダーはユーザーの皆様にご愛顧いただいているおかげで日々データが増え続け、1億レコードを超えるテーブルも出始めています。 その結果、今まで問題にならなかったSQLクエリも徐々に時間がかかるようになりました。 そのためユーザー体験を損ねないようにクエリの速度改善が必要になってきています。 EXPLAIN ANALYZE を使おう MySQLのクエリ改善は、昔は EXPLAIN の結果を見ながらインデックスをはったりクエリを書き換えて試行錯誤するのが定番でした。 しかし MySQL 8.0.1…

はじめに そもそもSREとは？ クロスマートの現状 信頼性 vs 素早いリリース(変更) SLO(Service Level Objective)とは？ エラーバジェットのうれしいところ まとめ さいごに はじめに はじめまして。昨年10月にクロスマートにSREとしてジョインした長野(ながの)と申します。 クロスマートは昨年、月間利用店舗数100,000店舗を突破し食品流通のインフラとなりつつあります。 xmart.co.jp そんな重要なサービスを支えるために、SREとしてはより信頼性を意識していかなければなりません。 今回の記事ではそのために必要になることやこれから私がやっていこうと考えて…

はじめに 新年、あけましておめでとうございます！エンジニアのおおくらです！ 我々クロスマートの開発チームでは、毎日のように新機能や機能の改善がリリースされています！ 2024年に行われた顧客影響のあるリリースの数 私の所属する請求書チームでも、お客様に影響があるリリースが2024年の１年間で127件もありました！おおよそ、三日に一回のペースで機能のリリースが行われている計算になります。 この記事では、このような高い頻度でのリリースを行うために、チームで普段どのようなフローで開発しているのかについて、紹介したいと思います！ 目次 私について 開発チームの体制について 開発のフローについて うまく…

はじめに みなさんこんにちは！今年8月にクロスマートに入社した佐藤と申します。 普段は React をメインに書いているのですが、クロスマートに入社して初めて Vue を触る機会がありました。React ではReact.memo、useMemo、useCallbackといったAPIを使ってレンダリングの最適化を行うのが一般的ですが、Vue では明示的にそのようなコードを書かずとも最適化が行われていることに気づきどのように実現しているのか疑問でした。慣れている方なら当たり前の内容かもしれないですが、良い機会なのでVue における再レンダリングの仕組みや最適化について調べてみることにしました。 な…

はじめに お疲れ様です！ クロスマート株式会社では主にフロントエンドのタスクを勉強させていただきつつ、チームリーダー役割 & 開発チーム内での最年少（※ インターンメンバーを除く）の立場を利用してやっちゃいけないことやる担当とかしてます。ナイスガイの福留です。 以下から弊社のエンジニアチームによって投稿している記事一覧が閲覧可能です。 xmart-techblog.hatenablog.com xmart-techblog.hatenablog.com xmart-techblog.hatenablog.com Click!! Me!! この記事は何ですか 私は組織が好きです。 弊社の組織が、…

はじめましてこんにちは！😄 クロスマート株式会社でプロダクトマネージャー（以下、PM）を務めております羽部です。 クロスマートに入社して2年3ヶ月。CS（カスタマーサクセス）からスタートし、1年2ヶ月の産育休を経てPMとして復帰しました。まだ7ヶ月の新米PMです🥚 今回Tech Blogの担当になりまして、そんなテクいことを書けるスキルもないので 私自身のちょっと特殊？な経歴も踏まえつつ、今の視点だからこそより強く実感しているバリュー”共に”の価値についてお話ししたいと思います。 弊社バリューはこちらの3つ はじめに 前述した通り、クロスマートにはCSとして入社しましたがその前はなんと”利用者…

こんにちは、クロスオーダー請求書チームでバックエンドエンジニアをしている中松です。今回は、最近挑戦している「PMへの道」についてお話しします。 はじめに 約1年前にバックエンドエンジニアへと転向しましたが、今もキャリアについて悩んでいます。技術者としてさらに専門性を高めるべきか、マネジメント方向に進むべきか…まだ答えは見つかっていません。私のチームにはPM（プロダクトマネージャー）が1人しかおらず、小さな案件がたくさんあるので、少しでも力になれないかとPMに興味を持ちました。以前の職場ではエンジニアとデザイナーの橋渡し役をしていたこともあり、コミュニケーションが好きな自分には多少向いているので…

老若男女の皆様、いかがお過ごしでしょうか？ 私は元気です。 前回の記事が10ヶ月前になりますので久々の登場となります xmart-techblog.hatenablog.com そんな、バックエンドエンジニアの宮崎が書くテックブログ第二弾のですが 今回は 「内部で開催している10分勉強会の内容がすごくよかったのでお裾分けしてみる話」 となっております。 10分勉強会？？？という方は是非こちらをご覧ください。 www.wantedly.com 肝心の内容ですが 2024/10/07 に正式リリースされましたPython 3.13.0を使った速度検証実験になります。 ご興味のある方は是非最後までご…

クロスマートのプロダクトマネージャー田邊が、toBプロダクトとtoCプロダクト開発における違いと、同社の「現場主義」を中心とした文化について解説します。特に、toBプロダクトにおける顧客理解の重要性や、購入意思決定者とサービス利用ユーザーが異なる点、そしてクロスマートの独自の取り組み（現場を重視した顧客フィードバックの収集や月例会での表彰制度など）を紹介します。プロダクトの成功には、機能ではなく顧客が求める体験を探求することが鍵となり、クロスマートではそのプロセスを徹底しています。

1. はじめに 2. 具体的な監視ツール NewRelic Amazon RDS Performance Insights 3. データ増加に伴う対応 パフォーマンス最適化のプロセス 1. トレース分析 2. SQLクエリの検証 具体的な改善 4. まとめ 最後に 1. はじめに ｺﾝﾁｱ~！バックエンドエンジニアの石垣です。 2024年7月、弊社サービス「クロスオーダー」は、当月利用店舗数が90,000店舗を突破しました。 (※)当月利用店舗数：これまでの累計ではなく、当月でクロスオーダーを利用し発注してくださっている店舗数を指します。 xmart.co.jp 過去、弊社テックリードたけじい…

はじめに こんにちは！クロスマートのフロントエンドエンジニアの大田です👩🏻‍💻 今年の4月からクロスマートに入社してフルリモートで沖縄から参画しております🏝️ 弊社ではデザインツールとしてFigmaを使用しておりますが、今年の2月に正式機能としてリリースされたFigmaの Dev Mode(開発モード)を知り、触り始めてフロントエンド開発で活用できるなと感じた機能を紹介したいと思います。 Dev Mode（開発モード）とは？ Dev Modeとは、デザインと開発者の連携を強化するツールで、デザイナーが作成したデザインを開発者がより簡単に理解し、正確に実装できるようサポートします。 これにより、…

はじめに ご覧いただきありがとうございます。 クロスマートに2024年4月に入社し、4ヶ月目でこの記事を書いている、PM（プロダクトマネージャー）の久保田です。私は新卒から14年間同じ会社に勤め、この度3x歳※で人生初めての転職でクロスマートに入社しました。 ※年齢とはただの数字とは思いつつも省略。厄年です。 この記事は、テックブログと言いつつ、タイトルの通りテック系の記事ではありません。 クロスマートに興味がある 開発環境や職場環境が気になる リモートでの職場どうよ タイトル胡散臭いな という関心のある方向けの記事となっている点、ご承知おきの上お進みください。 まいばっくぼーん 簡単に自身の…

1. はじめに こんにちは！クロスマートのフロントエンドエンジニアの朝井です。 今年5月にクロスマートに入社してから早くも3ヶ月が経ちました。新しい環境での挑戦の中で特に注目しているのがフロントエンドのテスト環境です。テストはこれまで得意ではありませんでしたが、日々新しいことを学びながら取り組んでいます。 私自身、テストを書くときに「本当に必要なのか？」「何をテストすればいいの？」といった疑問を抱えていました。また、技術の進化が早いフロントエンドの世界では、せっかく書いたテストがすぐに無駄になってしまうのではないかという不安もありました。 本記事では、それを乗り越えるためのヒントを共有していき…

社内の別部署の方がCSVファイルの文字化けで悩まれていました。それをFlutterのMacアプリをサクッと解決してとても喜ばれたので、今回はその動機や使ったFlutterの技術などについてご紹介します。

こんにちは。 UIUXデザイナーの大島です。 入社して1年ちょっとが過ぎ、だいぶ組織にも馴染んできたフェーズかな〜？ということで、今回は「これって良い意味で普通じゃないよな？」と思えたクロスマートの組織力について紹介したいと思います！ 💛 弊社、ビジネスチームと開発チームの距離感がほぼ０説👏 これ、多くのメンバーが発信してきた内容かもしれませんが、デザイナーとしていろいろな場に顔を出す私からみても納得の近さなんです。 距離感の例として、当社の定例会議「Flyle定例」が挙げられます。ビジネス側が顧客からのフィードバックを開発チームに伝え、PMやエンジニアが背景を考慮しながら実装の可否を判断して…

クロスマートプロダクト開発チームには、価値を提供し続けられることを可能にする素敵な仕組みがたくさんあります。今回はその中で私がとても気に入っていて、効果はバツグン！な仕組みを何と7つも！ご紹介したいと思います。

Pydanticとは？ Pydanticの基本的な使い方 1. 基本的なモデル定義 2. Pydanticの高度な機能 2-1.カスタムバリデーション 2-2.ネストされたモデル Pydanticと他のライブラリの連携 まとめ：Pydanticがもたらす変革 最後に こんにちは、バックエンドエンジニアの田村です。 今回はPythonの動的型付けの柔軟性を活かしつつ、型の安全性を両立させる強力なツールであるPydanticに関して解説していきます。 自分が初めてPydanticに触れた時、型定義に対して馴染みがなく正直なところとても大変でした。しかし、このデータの型チェックやバリデーションがどれ…