こんにちは、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に触れた時、型定義に対して馴染みがなく正直なところとても大変でした。しかし、このデータの型チェックやバリデーションがどれ…

新米PMが生成AIを活用し、プロダクトマネジメントの効率化に挑戦。実際にやってみてわかった、活用方法や留意点を紹介します。「現場主義」のバリューがAI活用の土台に。

Kotlinでモダンなアプリケーションを開発するためのシンプルで性能が良い強力なフレームワークMicronautのご紹介。

はじめましての方ははじめまして。そうでない方もごきげんよう。 バックエンドエンジニアの@mobojisan と申します。 月日の流れは早いもので、僕がクロスマートTech Blogに記事を書くのも5回目となり、さまざまな人がブログを書いてくださるようになったことで、 間隔がだんだんと空いてきていることに、事業とプロダクトの成長をひしひしと身にしみて感じています。 そして月日の流れよりも早いものがありますよね！ ChatGPTなどでおなじみ、LLM（大規模言語モデル）の進歩です！もはや数分ごとに新しい何かしらが出ているといっても過言ではありません。 Metaが擁するLlamaがついこないだ3にな…

クロスマートでエンジニアマネージャー（EM）、バックエンド開発を担当している山田です。 私事ですが2023年12月に第二子が誕生しました🎉🎉🎉 それに合わせて育休を取ることにしたので、その体験記をお話します。 なぜ育休を取る決断をしたのか？ 1. 妻や子供、家族を大切にするため 妊娠が分かったタイミングから、育休どうしようか？と考えていた際に妻と相談した所、「1人目の子供を産んだ時は実家に戻ってたし意外とどうにかなったけど、2人目は肉体的にも精神的にも1人では耐えられない。」という結論が出ました。 前提として自分は在宅勤務を行っているので、育児に参加出来る時は積極的に参加していたのですが、それ…

クロスマートでインフラを担当している川口(@kawasystem)です。 いきなりですが、皆さんのプロジェクト（会社）では、非エンジニアの人が分析や調査で本番データをアクセスするときに、 Redash, Metabase等のBIツールを利用している思いますが、データベースはどこにあるデータベースに接続していますか？ たぶん、以下のどれかのデータベースにアクセスしているかと思います。 同じクラスタのレプリカDB 別クラスタのレプリカDB RedShift、BiqQuery等のBI環境のDB クロスマートも例にもれず、上記の1から始まり、サービスが大きくなるにつれて、2 → 3と進化しました。 今…

Django上でのREST API開発フレームワークで、最近盛り上がってきている新たなフレームワーク「Django Ninja」の紹介とその使い方をご紹介します。

はじめに ご覧いただきありがとうございます。クロスマート株式会社で執行役員VPoPを務めている杉原(@sugihara_xmart)です。 ※今回も例によって、テックブログと言いつつ、テック系の記事ではありません。あらかじめご承知おきください🙏 この前はかっぱ寿司で回転寿司のレーンを手配してオフィスで寿司を回しましたコンセントを刺そうとしている真ん中右が杉原です。 ビジネスサイドとプロダクトサイドが近い距離であり続けることを期待して、1~2ヶ月に一回は銀のさらとカクヤス、ピザハットに注文し、オフィスで懇親会を企画し続けております。こちらの記事もご参考に...。 www.wantedly.com…

今回はpytestを並列実行してCIを倍速にしてきましたので動機ややり方などを紹介させていただきます。10分かかっていたテスト実行を半分の5分程度に短縮することができました。

はじめに 前提 ダッシュボード Nuxt3 移行 Nuxt3 実施前 package.json nuxt.config.js ブランチ戦略 Nuxt3 移行手順 Nuxt 本体のアップデート @nuxt/devtools の無効化制御 API 通信用の composable の作成 環境変数の設定 バリデーションライブラリの追加 認証系の実装 Sentry 実装 Bootstrap, BootstrapVue 導入 Chart.js 追加 DatePicker 対応 G タグ埋め込み 最後に はじめに お久しぶりです！ クロスマート株式会社では主にフロントエンドのタスクを勉強させていただきつつ…

こんにちは。クロスマートで請求書を始めとした帳票サービスの開発を行っているDev2 テックリードのたけじい(@pouhiroshi)です。 このテックブログは持ち回りで担当を決めているのですが、もっとクロスマートのエンジニアがどのような仕事をしているのか、技術的にはどのようなことにチャレンジしているのか等を対外的にアピールしていきたいという（個人的な）想いから、今年は月1本は記事を書いていきたいと思っています。ぜひ今後もご期待ください。 もしこの記事を見て、興味が湧いた方はぜひ採用ページもご覧ください。（絶賛採用強化中です！） xorder.notion.site さて、ここから本題です。 2…