クロスマート Tech Blog

https://xmart-techblog.hatenablog.com/

食品流通のDXを推進するスタートアップ企業、クロスマート株式会社のテックブログ。開発メンバーが、BtoB SaaSのプロダクト開発における学びを発信しています。

フィード

記事のアイキャッチ画像
Django資産を活用できる!Django Ninjaのススメ
はてなブックマークアイコン 2
クロスマート Tech Blog
Django上でのREST API開発フレームワークで、最近盛り上がってきている新たなフレームワーク「Django Ninja」の紹介とその使い方をご紹介します。
13日前
記事のアイキャッチ画像
「ビジネスとプロダクトの距離が近い」 は本当に実現できているのか
クロスマート Tech Blog
はじめに ご覧いただきありがとうございます。クロスマート株式会社で執行役員VPoPを務めている杉原(@sugihara_xmart)です。 ※今回も例によって、テックブログと言いつつ、テック系の記事ではありません。あらかじめご承知おきください🙏 この前はかっぱ寿司で回転寿司のレーンを手配してオフィスで寿司を回しましたコンセントを刺そうとしている真ん中右が杉原です。 ビジネスサイドとプロダクトサイドが近い距離であり続けることを期待して、1~2ヶ月に一回は銀のさらとカクヤス、ピザハットに注文し、オフィスで懇親会を企画し続けております。こちらの記事もご参考に...。 www.wantedly.com…
1ヶ月前
記事のアイキャッチ画像
pytestを並列実行してCIを倍速にした話
クロスマート Tech Blog
今回はpytestを並列実行してCIを倍速にしてきましたので動機ややり方などを紹介させていただきます。10分かかっていたテスト実行を半分の5分程度に短縮することができました。
1ヶ月前
記事のアイキャッチ画像
クロスマートで実施したNuxtBridgeからNuxt3へのマイグレーション詳細手順(SPA)
クロスマート Tech Blog
はじめに 前提 ダッシュボード Nuxt3 移行 Nuxt3 実施前 package.json nuxt.config.js ブランチ戦略 Nuxt3 移行手順 Nuxt 本体のアップデート @nuxt/devtools の無効化制御 API 通信用の composable の作成 環境変数の設定 バリデーションライブラリの追加 認証系の実装 Sentry 実装 Bootstrap, BootstrapVue 導入 Chart.js 追加 DatePicker 対応 G タグ埋め込み 最後に はじめに お久しぶりです! クロスマート株式会社では主にフロントエンドのタスクを勉強させていただきつつ…
1ヶ月前
記事のアイキャッチ画像
Webサービス開発に導入して良かった ツール・ライブラリ6選(2023年度版)
クロスマート Tech Blog
こんにちは。クロスマートで請求書を始めとした帳票サービスの開発を行っているDev2 テックリードのたけじい(@pouhiroshi)です。 このテックブログは持ち回りで担当を決めているのですが、もっとクロスマートのエンジニアがどのような仕事をしているのか、技術的にはどのようなことにチャレンジしているのか等を対外的にアピールしていきたいという(個人的な)想いから、今年は月1本は記事を書いていきたいと思っています。ぜひ今後もご期待ください。 もしこの記事を見て、興味が湧いた方はぜひ採用ページもご覧ください。(絶賛採用強化中です!) xorder.notion.site さて、ここから本題です。 2…
2ヶ月前
記事のアイキャッチ画像
「厳密な」テスト駆動開発サンプルと現場でのテストの書き方紹介
クロスマート Tech Blog
TDDはテストからコードを書いていき、下記のサイクルを高速で回していくことがキモです。* Red - 失敗するテストを書く* Green - 最速で雑にテストを通す* Refactor - テストOKを維持したままリファクタ
2ヶ月前
記事のアイキャッチ画像
クロスマートエンジニアメンバーにeNPS調査してみた
クロスマート Tech Blog
はじめに はじめましてこんにちは!😄 クロスマート株式会社でプロダクトマネージャー(以下、PM)を務めております神山です。 クロスマート歴は1年10ヶ月でして、入社して1年はCSMGR、その後4ヶ月産育休をいただきPMとして復帰しました。プロダクトチームにjoinするのは長い社会人歴でも実は初めてで、まだ6ヶ月の新米PMです🥚 今回Tech Blogの担当になりまして、そんなテクいことを語れるスキルもないので 【😄クロスマートエンジニア組織ってぶっちゃけどうなの??😄】 といった内容を一緒に働くエンジニアさんにeNPSアンケート*1を実施いたしましたのでご紹介させていただきます🥳 日本企業のe…
3ヶ月前
記事のアイキャッチ画像
クロスオーダー請求書で実際に使っているpandasのご紹介
クロスマート Tech Blog
2023年8月よりクロスマートのバックエンドエンジニアとして入社しました中松です。 フルリモートで大阪から参画させていただいてます。 オフィスに一度も行かないまま入社したのが衝撃的でした! 違う業界からのジョブチェンジになるので、Python以外の実務経験はほぼなく、 しかも息子がまだ0歳という状態からクロスマートで働かせていただいており、 チャンスやご縁をくださった方々には感謝です。 小さなお子さんがいらっしゃる方も多く、非常に家族を大切にしていらっしゃる方が多いのがとても印象的です。 今更だけどpandasすごい Python歴はそこそこあるもののpandasを知りませんでした(恥) cs…
3ヶ月前
記事のアイキャッチ画像
コードレビューを依頼するときに意識している2つのこと
クロスマート Tech Blog
こんにちは!2023年10月よりクロスマートでバックエンドエンジニアとして参画している石垣です。 クロスマートに入社して早3ヶ月、爆速で過ぎていった毎日・・・サービス・仕様理解の最中だったため、レビュイーに徹することが多かった私ですが、今回は、この3ヶ月間、コードレビューを依頼する際に特に意識していたことについてご紹介したいと思います! 1. できるだけ詳細な概要を記載する 私は常々思うのです、コードレビューをしていただきありがとうございます!と。それと同時に、レビューにかける時間を減らしてレビュアーの開発時間を確保してあげたい!と。レビュアーが必要な情報を素早くキャッチし、効率的にレビューを…
4ヶ月前
記事のアイキャッチ画像
非公式GUIアプリをひっそり作って社内公開してる話
クロスマート Tech Blog
メリークリスマス(こんにちは) 2023年10月よりクロスマートでバックエンドエンジニアとして参画している宮崎です。 今回はクリスマスにぴったりのElectron+Sveltekit+Skeleton+TypeScriptでデスクトップアプリを作った際の話をさせていただこうかと思います。 アーキテクト選定理由、環境構築、ポイントや詰まった箇所など冗長かつ乱文となっていますがご容赦いただければ幸甚です。 What for? (背景) Why this?(選定理由) バックエンド(というかGUIフレームワーク) フロントエンド 環境構築 SvelteKit + Skeletonのインストール El…
4ヶ月前
記事のアイキャッチ画像
プロジェクトで活きた!効果的なUXリサーチ
クロスマート Tech Blog
こんにちは。 3ヶ月ぶりの投稿になります、UI/UXデザイナー大島です。 今回はプロジェクトの仕様策定にUXリサーチが効果的に効いた事例をお話できればと思います。 UXリサーチとは、ユーザーの行動やその行動に至る心理、感情を調査することです。 UX を向上させるためにはユーザーを知ることが欠かせませんが、そのための活動が UXリサーチなのです。 UXリサーチの手法には、インタビューや製品・サービスを使ったテストなどさまざまな方法があり、目的によって使い分けます。 UXリサーチとは?メリットや必要とされるケースをわかりやすく解説|スパイスファクトリー株式会社 仕様策定とUXリサーチの絡め方 扱う…
5ヶ月前
記事のアイキャッチ画像
「SUQL」による構造化・非構造化データ融合の可能性
クロスマート Tech Blog
こんにちは、新卒入社してもう年末が迫ってきており焦っている田村慎です。いきなりですが、今年からデータベース、SQLを学び始め、日々業務で使っております。そして、学生の間は非構造化データを扱う研究領域でした。これらを踏まえて構造化データ、非構造化データを扱う経験がある自分にとって非常に魅力的な研究、論文を見つけましたので、今回取り上げさせていただきます。 今回取り上げさせて頂いた論文 「SUQL: Conversational Search over Structured and Unstructured Data with Large Language Models」 目次 今回取り上げさせて…
5ヶ月前
記事のアイキャッチ画像
PM視点で「ナイスガイ/ナイスガール」の大切さについて考えてみた
クロスマート Tech Blog
1. 前段 ご覧いただきありがとうございます。クロスマート株式会社でプロダクトマネージャー(以下、PM)を務めております森(@monroo12)です。 PMとして公開されている記事で、会社のバリューである「現場」「共に」についてはプロダクトマネージャー視点で大事にしていることを書かせていただきました。 弊社にはあと一つ「ナイスガイ/ナイスガール」というバリューがあるので、そのバリューについてもPM視点でどのように開発体験に影響を与えているか?を考えてみました。 想定読者 クロスマートに少しでも興味があるかた PMってなんなのさ?って思っているかた 優しいまなざしで記事を見てくださる方 今回の流…
5ヶ月前
記事のアイキャッチ画像
DjangoのマイグレーションとMySQL 5.6~でのオンラインDDLの副作用について
クロスマート Tech Blog
まえがき ちょっと待った。オンラインDDLって何よ? DDLについて オンラインDDL オンラインDDL実行で起こりかけた問題 ロックを取得する じゃあどうすればいいのさ DDLを流す時にメンテを入れる TO値を設定する あとがき まえがき こんにちは。バックエンドエンジニアの@mobojisan と申します。 この時期は本当にカンファレンスが多いですね! 個人用GitHub上にSSGを利用したブログ基盤があるのですが、それが使いにくかったので、今流行りのsupabaseでブログ基盤をおっ立て、カンファレンスに参加した時の感想記事でも載っけようかと画策していました。 しかし、作業がカンファレン…
6ヶ月前
記事のアイキャッチ画像
エンジニアチームの目標設定で自分なりの色をつけた話
クロスマート Tech Blog
エンジニアマネージャー(EM)の山田です。今回は弊社エンジニアチームの目標設定について語ります。 自分。色を出していいっすか? 少し前にひょんな事からエンジニアマネージャーに就任した山田は悩みました。 チーム目標設定を設定するタイミングが来たのです。アレでもないコレでもない…と悩みに悩みました。 これまで僕らに掲げられていた*1目標は所謂「プロダクトの目標」でした。エンジニアもプロダクトの開発に関わるメンバーです。よってこの目標が設定される事は何も間違ってはいないのですが…「エンジニアにフォーカスされた目標」ではなかった事から、少々モヤモヤとしながらも毎日の開発を行っていました。 今回、現場エ…
6ヶ月前
記事のアイキャッチ画像
プロダクトチームで新しい取り組みをするときにどうしているか
クロスマート Tech Blog
ご覧いただきありがとうございます。クロスマート株式会社で執行役員VPoPを務めている杉原(@sugihara_xmart)です。 2023年9月1日より執行役員に就任しました(左側) プロダクト領域の管掌でマルチプロダクトの企画・推進なのでそのあたりの思いを記載しようかなと思っていたのですが、既に弊社広報の手によって素敵なnoteにまとめていただいておりました。 顧客にも「このプロダクトは自分が育てた」と感じてほしい。VPoPが語るクロスマートのプロダクト構想|クロスマート株式会社 今回は未来プロダクトチームの仲間になってくださる候補の方へのメッセージも兼ねてプロダクトチームで新しい取り組みを…
7ヶ月前
記事のアイキャッチ画像
22歳のエンジニアが、フロントエンジニアの面接に開発メンバーの一人として参加するようになってみての所感
クロスマート Tech Blog
はじめに この記事について 対象とする読者 書くこと 書かないこと 面接に参加するようになってみて どんな立場から候補者を見るべきか 面接官をやるようになった背景 そもそも面接官とは何か 面接官として私が面接に参加する上で、会社から求められることは何か "会社の求める人材" "フロントエンジニアとしての評価基準" 自社のフロント技術と被る・近しい技術に対する知識や経験がどの程度あるか 自走力(主体的に開発をある程度進められるという意味) 自走力(技術研鑽の意味) 軟技能(コミュニケーション能力、問題解決能力等) 参考書籍 最後に はじめに お久しぶりです! クロスマート株式会社では主にフロント…
7ヶ月前
記事のアイキャッチ画像
データ型検証ライブラリ Pydantic v2の紹介
クロスマート Tech Blog
最近Pydantic version2がリリースされ、FastAPIも正式にv2対応されたとのアナウンスがありました。今回はPydantic作者のSamuel Colvinさんが2023 PyCON USで発表された Pydantic v2の新機能に沿って、ご紹介していきたいと思います。
8ヶ月前
記事のアイキャッチ画像
フルリモート子持ちエンジニアが体得すべき筋トレ習慣と継続のコツ
クロスマート Tech Blog
本当にそう https://t.co/RvKD69zC1k — わいへい(yhei) (@yhei_hei) 2023年8月9日 どうもこんにちは。バックエンドエンジニアの小久保です。 今回はリモートで仕事しているエンジニアが長きに渡ってその技術を発揮し続けるためにはどうするか的なお話をします。 単刀直入に言います。 筋トレしてください。 特に、「フルリモート」かつ「フルフレックスタイム制」のエンジニアが安定した成果を出し続けるためには、運動習慣が不可欠です。 筋トレと言うと 「はいはい出ましたよ。脳筋脳筋。筋肉が何でも解決するとか無根拠に言うんでしょう? 聞き飽きたが?」 と嫌悪する方もいら…
8ヶ月前
記事のアイキャッチ画像
一人目デザイナーとしてぬるっと組織に入り込むためのすゝめ
クロスマート Tech Blog
こんにちは。 2023年5月よりクロスマートでUIUXデザイナーとして参画している大島です。正社員デザイナー1号として弊社をどんどんPRしたいところではありますが、社歴としては3ヶ月程度の新参者のため、今回は一人目デザイナーとして組織に馴染むための立ち回りで効果的だったな〜と感じたことを発信したいと思います。 組織に馴染むために意識したこと 海外ドラマ「SUITS」の個人的名シーン(というか金言)をお借りしました。このあと、ごちゃごちゃと書いておりますが今日言いたいことはこれが全てです。 デザイナーというのは、他職種からみて生態の分かりづらい存在だと思っています。実際、どう絡んで、どんな依頼を…
9ヶ月前
記事のアイキャッチ画像
新卒3ヶ月エンジニアの体験記
クロスマート Tech Blog
はじめに こんにちは、自分は2023年04月に新卒のエンジニアとして入社した田村です。 今回の投稿で自分が入社前インターンとして参加していた数ヶ月から現在までに行なってきたことや、それを踏まえて今後の業務について考えていることについてまとめてみました。 目次 はじめに 目次 3ヶ月の振り返り 入社前インターン Django、SQLの学習 4月 新卒研修 5月 GW 6月 本格的にAPIの勉強会スタート Fast API学習に着手 タスク周り 社会人になって感じたこと 仕事に対してネガティブな気持ちが少ない お客さんの役に立っているという実感 皆さんのお子さんがめちゃくちゃ可愛い 全てのスピード…
9ヶ月前
記事のアイキャッチ画像
PM視点でひとつの機能が世に出るまで ”要求の整理〜要件定義〜リリースまで”
クロスマート Tech Blog
前段 ご覧いただきありがとうございます。クロスマート株式会社でプロダクトマネージャー(以下、PM)を務めております森(@monroo12)です。 これまで、開発チームや開発に対する大枠のフローについては、PM横断していくつか記事を書かせていただきました。 xmart-techblog.hatenablog.com xmart-techblog.hatenablog.com などなど。 今回はさらに具体的に、ある機能の”構想から世に出るまで”を執筆しました。(といっても、マスクしている部分が多くて分かりにくさあるかもしれないです、、、気になる部分や掘り下げたい部分あったら語る会しましょう) もち…
10ヶ月前
記事のアイキャッチ画像
クロスマートのプロダクトマネージャー(PM)の期待役割や働き方
クロスマート Tech Blog
ご覧いただきありがとうございます。クロスマート株式会社でプロダクトマネージャー(以下、PM)を務めております杉原(@sugihara_xmart)です。 弊社PM2名で撮影した写真です。弾ける笑顔(左)が杉原です。 前回の自身が執筆した記事(3ヶ月前)では『「現場」を大事に顧客の一次情報を取りに行くために実施していること』と題して、現場にインタビューを行く際のパターンをわけて記載しました。 最近ビジネスサイド・プロダクトサイド問わず組織が大きくなりつつありますが、 このスタンスは絶やさぬよう意識しています。ご興味ある方はぜひこちらもご覧ください。 xmart-techblog.hatenabl…
1年前
記事のアイキャッチ画像
Django+DRFで新卒初月から業務開発!?どんな1年を過ごしたか新卒の視点から振り返る編
クロスマート Tech Blog
まえがき 記事の対象者 1年間何やったの? スキル感について 環境について 個人的に意識したこと あとがき まえがき こんにちは。バックエンドエンジニアの@mobojisan と申します。 ティアキン発売記念におやすみをいただいて以来、こころが完全にハイラルに持ってかれておりました。異変解決のひとつが一段落してやっと現実に戻ってきた系エンジニアです。はやくリンクくんをゲルド衣装にしたいぞ。 2年目に突入してはや2ヶ月、もはや新卒ではないのですが、今回は昨年度新卒だった僕の目線から、 1年間の過ごし方と意識していたことについて書いていきます。 前回の記事は下から見られます。 xmart-tech…
1年前
記事のアイキャッチ画像
GitHub Copilot はどこまでやれるのか確認する
クロスマート Tech Blog
クロスマートのエンジニア、山田です。 プログラミング界隈では今更説明するまでもないGitHub Copilot。弊社でも絶賛利用中です。 github.com 詳細や導入記事は探せばいくらでもあるので割愛して、今回は「どのくらい補佐してくれるのか?」を簡単に確認してみました。 いざ検証 今回は(おそらく)Webエンジニアの悩みの種、CSVの各種操作を行う処理を題材に試してみます。 ここまで入力した状態からスタートしてCopilot君を動かして見ます。 __init__ の候補が出てきましたね。確定します。 CSVの読み込みをするメソッドの候補… …からの一気に書き込みをするメソッドまで作られま…
1年前
記事のアイキャッチ画像
vue-cropperjsで遊ぼう【画像切り抜き / Vue.js / Composition API】
クロスマート Tech Blog
はじめに vue-cropperjsの概要 調査 README バージョンについて Props コールバック 実装編 応用編 円形切り取り 画像サイズの自動調整 最後に はじめに お久しぶりです! クロスマート株式会社でフロントエンドのタスクを主に担当しております。ナイスガイの福留です。 大腿骨頸部骨折して緊急搬送されたエンジニアが3ヶ月半の入院中でも仕事が出来た訳の執筆後、特に大腿骨周りに異常はなく健康に過ごせております。 日々の散歩とカルシウムは大事ですね。 本日は、弊社プロダクトでも使用しているライブラリであるvue-cropperjsを色々調べてみる記事になります。 また以下から弊社の…
1年前
記事のアイキャッチ画像
Django ORMに苦しむ諸氏に贈る「Aldjemy」のススメ
クロスマート Tech Blog
クロスマート バックエンドエンジニアの武(@pouhiroshi)です。弊社のプロダクトはPythonのDjangoフレームワークを使っており、 OR Mapper(以下ORM)という機能を備えています。ORMとはわかりやすく言うと、データベースとアプリケーションの橋渡しをしてくれる機能です。データベースからデータを取り出したり書き込んだりする際は、SQLというデータベース操作をするためのプログラム言語を使う必要があるのですが、これを書かずにサーバーサイドのプログラムでデータベース操作を行えるようにできる、便利な機能です。ある程度は便利なのですが、欠点もあります。 DjangoORMで困ること…
1年前
記事のアイキャッチ画像
テストコードを書くときに気をつけていること4選
クロスマート Tech Blog
テストコードを書くときに気をつけていること、それは・ドキュメントだと思って書く・1テスト1assertion(できるだけ)・他のテストに依存するテストを書かない・あえてDRY原則を無視して愚直に書く
1年前
記事のアイキャッチ画像
開発チームとしてバリューの一つ「共に」を実現、実感するために取り組んでいること
クロスマート Tech Blog
前置き 自己紹介 ご覧いただきありがとうございます。 クロスマート株式会社でプロダクトマネージャー(以下、PM)を務めております。 森(@monroo12)です。 前回の記事が2022/10/3のPM就任直後に「クロスマートにおける開発フローを赤裸々に書く」という内容でした。 xmart-techblog.hatenablog.com 一人目PMの杉原くん(@sugihara_xmart)が、「現場」の話をたくさん書いてくれているので、今回はクロスマートのもう一つのバリューでもある「共に」という言葉を実現するために、どのように「開発・運営が、本当にお客様の価値提供」に向き合っているか?について…
1年前
記事のアイキャッチ画像
「現場」を大事に顧客の一次情報を取りに行くために実施していること
クロスマート Tech Blog
ご覧いただきありがとうございます。クロスマート株式会社でプロダクトマネージャー(以下、PM)を務めております杉原(@sugihara_xmart)です。 前回の自身が執筆した記事(と言ってももう半年ほど前になりますが)で「ビジネスサイドが聞いた要望を説明する会」を通じて、顧客の声をプロダクトに反映させていく仕組み、流れに関して記事にしました。 xmart-techblog.hatenablog.com クロスマート社は半年ほど前にミッション、ビジョン、バリューの見直しを行い、これらを刷新しましたが、新バリューの中に「現場」という力強い2文字があります。 3つのバリュー。最初は「独特な感じになっ…
1年前