マガジンのカバー画像

スペースマーケット ENGINEERING

138
スペースを簡単に貸し借りできるサービス「スペースマーケット」のエンジニアによる公式ブログです。
運営しているクリエイター

#フロントエンド

技術負債と向き合い生産性を向上する/MVP受賞エンジニアインタビュー

スペースマーケットでは、四半期ごとに社内表彰を行っています。多くの改善施策に挑戦し、プロダクトの成長を大きくリードした功績から、2022年2Q MVPを受賞したエンジニアの佐伯さん。受賞に至るまでのストーリーや想いをインタビューしてきました! 受賞のワケは、あくなき探究心と実行力 ーーMVP受賞おめでとうございます!受賞のお気持ちは? まずは率直にありがたいです。今回特に評価をいただいた、システムの速度改善施策。実は副次的にうまれた成果なんです。メインの施策は古くなった

Next.jsのAPI Routesを使ってフロントエンドで完結するAPI処理を実装する

こんにちは。 少し前に「ONEPIECE FILM RED」を見た影響でウタの歌を永遠にリピートしながら仕事をしているmizukiです。 ウタカタララバイという歌のラップパートは鳥肌モノなので、よければ聞いてみてください! (ちなみに僕はAdoさんのがなり声を真似しようと必死になっていたら喉を痛めました。。。) と、雑談はほどほどに、弊社ではフロントエンドのコードをNext.jsへと移行しており、日に日にNext.jsを扱う機会が増えています。 詳しいことは以下の記事で佐伯

CSS グリッドレイアウト チョットデキルようになった話

こんにちは。フロントエンドエンジニアの原口です。 さて、今回はCSS のグリッドレイアウトについてのお話です。 グリッドレイアウト使っていますか? 自分は勉強しなくてはなーと思いつつも使用場面がイマイチ思いつかなかったことや、flex使えれば良くない??という考えがあったため、なかなか手を付けられずにいました。 しかし、他の方が使用しているコードを見て、こんなことできるんだ!こういう使い方もできるのね!状態になったため、今回はそちらを紹介したいと思います! グリッドレ

チャレンジし続けられる環境がここにある。/フロンエンドエンジニア マネージャーインタビュー

こんにちは、スペースマーケット 採用担当の黒田です。今回はワイルドな見た目とマイルドなお人柄のギャップが魅力的な、フロントエンドチームマネージャーの成原さんにインタビューしてきました!スペースマーケットのエンジニアとして働くことの面白さや、マネージャーとして描く未来など、たっぷりとお届けします。 ーー普段はどんな業務をされていますか? フロントエンドチームのエンジニアマネージャーとして、技術的なマイルストーンを考えることとチームビルディングが主な業務です。 今後のスペー

フロントエンドチームの行っている取り組み

こんにちは!フロントエンドチームの原口です。 本日は、スペースマーケットのフロントエンドチーム(以下FEチーム)について知っていただくために、FEチームが普段行っている取り組みについてご紹介します。 所属メンバーまずはじめに所属しているメンバーについてですが、現在FEチームに所属しているメンバーは7名で、みなさんSIer、SES、事業会社、Web制作会社出身など様々なバックグラウンドを持っています。 取り組み続いて実際に行っている取り組みについてです。 朝会 毎日朝

標準UIでらくらくDatepicker生活

こんにちは、フロントエンドエンジニアの柴山です!突然ですがみなさん、Datepicker使ってますか? 日付入力に利用するカレンダーUIですが、曜日や閏年の考慮などかなり複雑なUIですよね。品質確保や工数削減のためUIライブラリを利用してるチームも多いのではないのでしょうか。 スペースマーケットでもDatepickerを含むUIはライブラリを利用していましたが、node_modulesの肥大化、レンダリング速度低下などの問題から、一部ページにおいてライブラリから脱却する方針に

【Next.js/Fargate...】シェアリングエコノミーを支えるアーキテクチャ

こんにちは。スペースマーケットの齋藤です。 突然ですがランサーズ様と合同でエンジニアイベントを開催することになりました! スペースマーケットは場所、ランサーズ様はスキルと、シェアリングエコノミーのプラットフォームを提供していますが、それを支えるアーキテクチャは大きく異なっています。 当イベントでは、両社のフロントエンドとバックエンドのアーキテクチャについて、それぞれどのような課題に向き合い、取り組みを進めているのかをご紹介します。 アプローチの違いを含めそれぞれの取り組み

react-hooks-testing-libraryでカスタムフックのテストを書いてみました

年末から2度目のnote投稿です。 スペースマーケットでフロントエンドエンジニアをしている和山と言います。 先日ようやくクリスマスツリーを片付けました。 クリスマスのロスタイムを長めにとってみたのですが結局サンタクロースはきてくれませんでした 。 前回弊社でのフロントエンドのアーキテクチャに関する話を書かせていただきました。 今回は先日カスタムフックのテストを黙々と書いたのでその話をしようと思います。 フックのテストについては触れられていることが少ないなと思ったので、参考

元Javaエンジニアが楽しく書けたReact+TypeScript+ファイル分割のススメ

はじめまして、今年の7月からスペースマーケットでフロントエンドエンジニアをしている和山と言います。 社内ではディズニーが好きな人みたいな感じで認知されている気がします! 今回何を書こうか、でも単純な入社ブログではつまらない!という思いで考えていたのですが、 「最近React書くの楽しい!じゃあその楽しくなった要因ってなんだろう」 というところを振り返ったところを書いていきたいと思います。 対象としては僕のようにサーバサイドからのスキルチェンジの方だったり、最近Reactエ

GraphQL Code Generator で型定義の安全性の高める

エンジニアの fujino です。 急に涼しくなりましたね。みなさま健康状態はいかがでしょうか? 美味しいものを食べて適度に運動する秋にしたいですね🍁 実は先日、巷で噂のリングフィットアドベンチャーの抽選に当選しました。届くだけで3kg痩せる気がしています。とても楽しみです。 さて今回は、GraphQL + TypeScript開発を快適にしてくれるライブラリ、GraphQL Code Generator を紹介したいと思います。 GraphQL + TypeScrip

つまみ食いエンジニアがフロント専任になった話

 こんにちは!エンジニア6年目にもかかわらずい技術のつまみ食いが落ち着かない柴山です。この度縁あって4月よりフロントエンジニアとしてスペースマーケットにジョインしました!  私は新卒でSIerに入社後※1、基幹システムのバックエンドやファームウェア、Windowsアプリの開発などなどを担当していました。業務内容と自分の将来に不安を感じてフロントエンドに転じたのが昨年の夏頃。WEB開発に携わってまだ一年も経っていません。これが技術のつまみ食いとなる一番の理由ですね。  趣味はパ