SMARTCAMP Engineer Blog

https://tech.smartcamp.co.jp/

スマートキャンプ株式会社(SMARTCAMP Co., Ltd.)のエンジニアブログです。業務で取り入れた新しい技術や試行錯誤を知見として共有していきます。

フィード

記事のアイキャッチ画像
Vue3に完全移行した話 〜移行ビルドからの脱却〜
SMARTCAMP Engineer Blog
何をしたのか? やったこと 前提 0. ねんのためステップ1〜10を確認 1. braking changes x eslint 1-1. eslint-plugin-vueの導入 1-2. 自動修正 1-3. ルールの一時緩和 1-4. 残りを手動修正 2. Vue依存パッケージのアップグレード Nodeをアップグレードしておこう 3. Migrate Buildを除去 4. 動作確認 5. リリース おまけ: どれだけかかったの? おまけ: vue-i18nについて 〆 毎度どうも。BALES CLOUD(以下BC)エンジニアのてぃがです。 Vue2のEOLが昨年末に過ぎ去りましたね。 B…
1ヶ月前
記事のアイキャッチ画像
マネーフォワードからこんにちは!ジョインして感じたスマートキャンプの魅力と、入社直後の取り組み7個
SMARTCAMP Engineer Blog
ご挨拶 これまでの経歴と出向に至るまで 新卒でSIerへ マネーフォワードへ転職 そして、スマートキャンプへ出向! スマートキャンプにジョインしてみて ユーモア溢れる開発チーム オンボーディングでの有り難いサポート 2ヶ月半でYATTEKITAこと チームジョイン後に意識して取り組んだ7つのこと 1. レスポンスのスピード感 2. Slackでのリアクション・スタンプ、ピアボーナスの活用 3. チームメンバーとの1on1 4. ドキュメントづくり 5. 気づきの丁寧な共有と、仕組み化の提案・実行 6. マネーフォワードとの積極的な連携、グループ知見の有効活用 7. なんでもござれの姿勢 チーム…
1ヶ月前
記事のアイキャッチ画像
新卒で入社したエンジニアの半年の振り返り
SMARTCAMP Engineer Blog
はじめに 私の仕事内容 新卒入社から半年間の振り返り キャッチアップが追いつかず、タスクが遅れる 心がけたこと 年齢差による意見の遠慮 心がけたこと ドキュメントによるコミュニケーションの難しさ 心がけたこと 成果 まとめ はじめに こんにちは!開発エンジニアの小宮です! 私は入社エントリで、述べたとおり、 23年新卒でスマートキャンプに入社し、早いもので半年が経過しました。今回は、半年間の振り返りを書く機会をいただいたので新卒ならではの 挑戦や困難などについて書いていきたいと思います。あまりテックな話は少ないかもしれませんが、 最後までお読みいただけると幸いです! 私の仕事内容 私は、入社し…
2ヶ月前
記事のアイキャッチ画像
バージョンアップしんどい!!って思ったから仕組み化した話
SMARTCAMP Engineer Blog
どうも、職人です! バージョンアップ?なにそれおいしいの? バージョンアップの何が辛い? メインタスクとの兼ね合い そのライブラリがどこで使用されているか バージョンアップをして問題ないだろうか バージョンアップするときの面倒な作業 どこを効率化できるだろうか Dependabot Dependabotを導入した結果 あれ、このライブラリ既視感あるな... GitHub Actionsで過去のPRを漁る その結果 まとめ どうも、職人です! スマートキャンプでBOXIL SaaSのエンジニアをやってます職人こと袴田です! 最近は趣味のサウナが好きすぎて、熱波とアウフグースに目覚めました。 気が…
2ヶ月前
記事のアイキャッチ画像
エンジニアからデータアナリストへ転職したぼくの1年半のふりかえり
SMARTCAMP Engineer Blog
まえがきのまえがき まえがき 入社半年編 期待と不安の滑り出し BIへの不信感を払拭 既存を大事にしすぎた問題 各部署からのお使いクエスト 転職を機に新しくはじめたこと 半年のふりかえり SMARTCAMP AWARD 入社1年編 淡々とお仕事をこなす生活 エースの喪失 1年編をふりかえる SMARTCAMP AWARD 入社1年半まで さらに淡々とお仕事をこなす生活 業務幅の広がり 入社1年半ふりかえり SMARTCAMP AWARD 最後に まえがきのまえがき 駅そばなどでよく見かけるコロッケがのった酔狂なメニュー、コロッケそば。 ジャガイモのホクホク感や肉の旨み、玉ねぎの甘み。そういった…
3ヶ月前
記事のアイキャッチ画像
FourKeysを横へ広げる
SMARTCAMP Engineer Blog
はじめに 前提 FourKeysとは FourKeysを横に広げるとは 横に広げるために必要な要素 橋を作ってくれる協力者 FourKeysの目的を明確にする FourKeysが与える身近な効果を伝える FourKeysへの取り組みをしやすくし習慣化する 今後目指したいところ はじめに こんにちは!スマートキャンプ開発エンジニアの井上です。 スマートキャンプでは少しずつFourKeysを活用し始めており、その中でも今回はプロダクト間の横の連携でFourKeysを広げた話をしていきます。 eyecatchの画像は生成AIにキャンプ✖️FourKeys✖️横へ広げる✖️テックブログで生成したらブロ…
4ヶ月前
記事のアイキャッチ画像
React Hook Form と Zod で非同期バリデーションがしたいの!!
SMARTCAMP Engineer Blog
遭遇してしまった問題 解決策 おわりに こんにちは!! BOXIL SaaSのエンジニア兼テックブログチームの平社員をしているブラーバです。最近は働きが認められ、テックブログチームで確固たる地位を築きつつあるとかないとか...。 今回は以前公開したReact Hook Form、Zod、Recoilを組み合わせたフォームを作る!にならい、React Hook FormとZodを使ったフロントエンド開発の第二弾です!! 本記事では、APIリクエストが必要なバリデーションをReact Hook FormとZodを使って実装しようとした際に、遭遇した問題とその解決策について話します。 同じような問題…
4ヶ月前
記事のアイキャッチ画像
Mojo🔥でllama2を実行してPythonと速度比較するモジョよ
SMARTCAMP Engineer Blog
挨拶 初めに 対象読者 実行環境 Mojoとは 現状のMojoの導入方法 MojoとPythonの実行時間の比較 Pythonのコード Mojoのコード 結果 Local LLMの実行 llama2.py llama2.c llama.mojoの実行時間の比較 llama2.py(Python) 実行コマンド 生成された文章 llama2.c(C) 実行コマンド 生成された文章 llama2.mojo(Mojo) 実行コマンド 生成された文章 結果 結論 挨拶 京都開発拠点でインターンをしてるぱんちです(a.k.a 田中 大貴) 拙い文章ですが初めて記事を書かせてもらいました! 業務でAIの調…
4ヶ月前
記事のアイキャッチ画像
RSpecの実行時間を短縮した話
SMARTCAMP Engineer Blog
RSpecの実行時間が長くなってきており、開発に少し支障をきたすようになってきました。そこで開発の生産性を上げるべく、RSpecの実行時間短縮を試みたので、今回は、こちらの件についてお話ししたいと思います!
5ヶ月前
記事のアイキャッチ画像
最適なRailsアプリケーションのディレクトリ構造を目指して
SMARTCAMP Engineer Blog
はじめに 対象読者 理想のディレクトリ構成 取り組んだこと リファクタリングに至った背景 チームで決めたこと、行ったこと 現状把握 理想の構成 トライ 結局シンプルがいい デザインパターンを積極的に取り入れた結果 取り除いたもの Interactor Facade Query View Component Service リファクタリングしてどうなった? 小 ~ 中規模であれば おわりに はじめに こんにちは。 イベントプラットフォーム「BOXIL EVENT CLOUD(以下、BECといいます)」開発エンジニアの石井です。 今回はRuby on Rails(以下、Railsといいます)アプリ…
6ヶ月前
記事のアイキャッチ画像
React Hook Form、Zod、Recoil を組み合わせたフォームを作る!
SMARTCAMP Engineer Blog
スマートキャンプでBOXIL SaaSのエンジニアをやってます職人こと袴田です!今回は新規会員登録の画面に関してUI/UXの向上のための施策を対応したことについて紹介します。
6ヶ月前
記事のアイキャッチ画像
フロントエンドテストのはじめかた
SMARTCAMP Engineer Blog
はじめまして、もしくはまたお会いしましたね。BALES CLOUD(以下BC)エンジニアのてぃがです。 BCでは、最近フロントエンドのテストを始めました。 また、個人としても社内でフロントエンドのテストの普及啓蒙活動をやっております。 今回はこれらについてお話ししたいと思います。 ※注意※ はじめに 補記 BCはフロントエンドのユニットテストをどう始めたのか 1. 各種決め事 2. 手段の決定・詳細化 3. やってみる とはいえ、各ステップをどう流したのか? そうしてどうなった? おわりに ※注意※ この記事で取り扱う「フロントエンドテスト」は主に「フロントエンドのユニットテスト」です。 ご了…
6ヶ月前
記事のアイキャッチ画像
Rails+ReactプロジェクトでWebpackからViteに乗り換えたら、開発が劇的に快適になった話
SMARTCAMP Engineer Blog
はじめに なぜViteに移行したか 導入方針 開発環境に導入 vite側の作業 詰まったところ vite自体に付属するmanifestオプションを使用すると、manifest.jsonの形式が大幅に変わってしまう 同じスタイルを複数のエントリーポイントで読み込むとファイル名が変わってしまう Rails側の作業 ビルドの設定 Staging、Pre環境へのデプロイ検証 リリース 結果 今後 最後に はじめに こんにちは!スマートキャンプ開発エンジニアの林(ぱずー)です。 BOXIL SaaSのフロントエンドは歴史的経緯からjQuery、CoffeeScript、Vue、Reactが混在した環境で…
7ヶ月前
記事のアイキャッチ画像
共通ID基盤開発の裏側:OIDCとビジネス要望のギャップ
SMARTCAMP Engineer Blog
はじめに 対象読者 主なキーワード 共通ID基盤プロジェクトについて なぜプロジェクトを開始したのか? 共通ID基盤構築の要件 共通ID基盤の技術選定 認証基盤に関連する技術群 どの技術を使うべきか? アーキテクチャの検討 隠れたサービス要件の発覚 サービスに求められる要件について OIDCで必須のOPへのリダイレクト OIDCとサービス要件の不一致 別の方法を探る 1. 主力プロダクトをOPとする案 2. サービスのドメインを統合する 3. サービスをコードレベルで統合する 終わりに はじめに スマートキャンプ株式会社京都開発拠点では、自社開発プロダクトであるSaaSマッチングプラットフォー…
7ヶ月前
記事のアイキャッチ画像
プロダクトバックログをNotionで管理して生産性が爆上がりしたかもしれない話
SMARTCAMP Engineer Blog
弊社テックブログチームのスクラム月間(勝手に言ってる)ということで、プロダクトバックログの管理をNotionで行っているお話をしようかと思います。
8ヶ月前
記事のアイキャッチ画像
最近のスプリントプランニング事情 -ちょっとした改善事例集-
SMARTCAMP Engineer Blog
スプリントプランニングとは 最近のBOXIL SaaS開発について 先に結論 施策 1.ポモドーロ・プランニング ポモドーロ・テクニックとは やってみた感想 おまけ(ChatGPTのプロンプト) 2.ファシリテーター・書記の順番交代制 ルーレット 3.内職を我慢する 4.おやつを食べる まとめ スマートキャンプでBOXIL SaaSのエンジニアをやっております永井です。 猛暑のみぎりでございますが、皆さまいかがお過ごしでしょうか。 今回はスクラム開発におけるスプリントプランニングに関してブログを書きました。 というのも正直スプリントプランニングって結構大変じゃないですか? そこで今回は最近のス…
9ヶ月前
記事のアイキャッチ画像
新卒エンジニアが経験した研修とスクラムの世界 | 2023年度新卒入社エントリ
SMARTCAMP Engineer Blog
ご挨拶 はじめまして! 2023年4月よりスマートキャンプに23卒として入社しました小宮です。 社内ではリーブスと呼ばれています。学生時代のインターンでもジェネシスと呼ばれていたので、なんかカタカナ系のあだ名が多いです。 自分について文章を書くのは苦手ですが、とりあえず書いていきたいと思います。 自己紹介 出身地は東京の蒲田で、東京の住みたくない街ランキングではいつも上位を守っています。 ネットの口コミを見ていたら、「昼間はスラム街のような雰囲気」と書かれていて、笑ってしまいました。 ですが交通の便も良く、自分的には住みやすい街だと思っています。 趣味は筋トレ(ダイエット)とサウナで、仕事が終…
9ヶ月前
記事のアイキャッチ画像
ド田舎の高専生が気づいたらWebエンジニアになっていた話
SMARTCAMP Engineer Blog
社内では**マリ緒**と呼ばれていますがもはや面影すら残ってないですね。あまつさえ最近は「マリ緒っち」や「マリリン」という派生形で呼ばれるようになってきたのでもう訳がわかりません。今回は自分語りする機会を頂けたので、思う存分語りたいと思います。
9ヶ月前
記事のアイキャッチ画像
リモートHQでリモートワークの生産性とQOLが爆上がりした話
SMARTCAMP Engineer Blog
※タイトルとアイキャッチはAIに考えてもらいました。 はじめに こんにちは。VPoEの米元です。 スマートキャンプでは2023年3月に「リモートHQ」というサービスを導入しました。 リモートHQは、在宅勤務の環境を始めとしたリモートワーク支援のためのサービスです。 hq-hq.co.jp 本稿では、スマートキャンプの働き方とその課題、リモートHQの紹介、導入後の効果、メンバーの声について紹介したいと思います。 対象読者 リモートワークでの在宅環境に課題がある方 社員のリモートワーク環境を整えたいエンジニアのマネジメント職または人事の方 導入の背景 スマートキャンプ開発組織の働き方 当社では創業…
10ヶ月前
記事のアイキャッチ画像
プロトタイピング開発でハッピーになった話をする feat. Zoom Phone
SMARTCAMP Engineer Blog
今回、BALES CLOUDとZoom Phoneの連携をすることになりました。調査・実装等々行いましたので、この件についてお話ししたいと思います。
10ヶ月前
記事のアイキャッチ画像
「BOXIL SaaS」のChatGPTプラグイン開発の裏側を紹介します!
SMARTCAMP Engineer Blog
はじめに BOXIL SaaSのChatGPTプラグインとは システム概要 開発にあたっての主な意思決定項目 開発の進め方 開発者申請 法務周りの対応 インフラ構成 カテゴリ検索APIの開発 ChatGPTプラグインのここがすごい3選 プラグインの使用を促してくれる 用意したAPI同士の連携ができる 申請から承認まで最短1日!? さいごに はじめに こんにちは。スマートキャンプでエンジニアをしている佐々木(社内ではピーターと呼ばれています)です。 2023年6月20日のプレスリリースの通り、スマートキャンプの新たな取り組みとして2023年6月15日にChatGPTプラグインの提供を開始しました…
10ヶ月前
記事のアイキャッチ画像
後任者を救うための究極引き継ぎドキュメント
SMARTCAMP Engineer Blog
ドキュメントを残さないといけないことはなんとなくわかる。なのでNotionなりkibelaなり社内で使うツールにちょこちょこドキュメントを残していたりもする。だけどさ、残したドキュメント見られてます?使われてます?本当に大事なことは自分が理解できるドキュメントではなく、読者が理解できるドキュメントを残すことなんじゃないか・・・!?
10ヶ月前
記事のアイキャッチ画像
「仕様」のレビューをPRでしていませんか? 〜Design Documentが解決したスパゲッティコードとの向き合い方〜
SMARTCAMP Engineer Blog
はじめに プロダクトの概要と開発背景 BOXIL EVENT CLOUD について イベクラの開発背景 最初の課題 Design Documentとは GoogleのDesign Doc イベクラチームにおけるDesign Document フォーマット Design Documentがチームにもたらすもの 手戻りが発生しない 問題認識の差が埋まる 考えが整理される 応用が効く Design Documentのポイント7選 問題背景を書くことに99%の労力を割く(つもりで書く) 読者が知っているであろうことから始める 過去のPRを読みに行く PRから辿れるようにする 議論の足跡を残しておく 実…
1年前
記事のアイキャッチ画像
Ruby 2.7に飽きたから秋田からRuby 3移行した話
SMARTCAMP Engineer Blog
Ruby のロゴについて 自己紹介 Ruby 3への移行 脱Refile 過去の先駆者 開戦 問題その1 画像のURLがS3のエンドポイントになっている問題 問題その2 移行対象のレコードが大量問題 問題その3 画像が荒くなる問題 幾多の障害を乗り越え その他gemの更新 ついにRuby3へアップデート 1番の影響 Ruby 3へのバージョンアップを終えて 最後に 自己紹介 2023年1月1日付け入社のはかまたです。 BOXILカンパニープロダクト本部配属でBOXIL SaaSの開発エンジニアとして働いています。 スマートキャンプはニックネーム文化があり、私は「職人(しょくにん)」になりました…
1年前
記事のアイキャッチ画像
そうだ、京都開発拠点に行こう!
SMARTCAMP Engineer Blog
はじめまして! 2023年1月付でスマートキャンプ株式会社に中途入社した松下大祐です。 京都にオフィスを構える京都開発部に所属し、ソフトウェアエンジニアとして働いています。 今回は私の入社エントリとして、スマートキャンプへの入社理由や仕事内容について説明したいと思います。 自己紹介 職務経歴 スマートキャンプに入社した理由 社会に大きな影響を与えるプロダクトを開発したい 将来的なキャリアを自分の中で見つけたい 企業理念への共感 技術スタックについて 京都で働くことについて 京都開発拠点について 京都開発拠点とは 出社について 取り組んできた仕事 BOXIL SaaSの機能開発 共通ID基盤の開…
1年前
記事のアイキャッチ画像
後で楽できるTerraformの書き方(※ただし書くときは辛い)
SMARTCAMP Engineer Blog
はじめに ざっくりしたシステム構成の紹介 全体の構造 設計のポイント コーディング規約 上の階層を見に行かない 変数名は全体でユニークにする 変数のデフォルト値は設定しない main, outputs, variables 以外のファイルを原則置かない ポリシードキュメントはJSONファイルのまま管理する 変数で処理を変える仕組みを極力使わない 値のハードコードをためらわない コードが冗長であることをためらわない 残っている課題 AWSアカウント単位でしか用意しないものの扱い ECSのタスク定義の扱い 最後に はじめに はじめまして。スマートキャンプのおにまるです。 2022年10月に入社し、…
1年前
記事のアイキャッチ画像
SES企業出身者が競技プログラミングで転職して頑張ってる話
SMARTCAMP Engineer Blog
はじめまして。ビジネス向けのSaaS比較サイト『BOXIL SaaS』のエンジニアをしていますJinJin(三浦)です。昨年12月にSESをメインで行っている企業からスマートキャンプに転職しました。 この度、テックブログの執筆を担当させていただけることになりましたので、競技プログラミングの成績をアピールポイントにして転職活動を行なった経験や、スマートキャンプに入社してみて気付いたことなどをメインに、入社エントリを書いていこうと思います。 スマートキャンプのエンジニアポジションに興味がある方だけでなく、競技プログラミングに興味がある方や、SES企業・SIerからWeb系への転職を考えている方にと…
1年前
記事のアイキャッチ画像
Vue3にアップグレードしてフロントエンドを改善した話
SMARTCAMP Engineer Blog
vue3-migration-improve-frontend はじめまして! BALES CLOUDエンジニアのえーす(井上)です。この度、BALES CLOUDで長年使ってきたVue2から卒業し、Vue3を導入した状態でリリースできました。今日はこれについてお話できればと思います。 やったこと なぜVue3移行をしたか TypeScriptサポート 各ライブラリが古い Vue2のEOLが近い 具体的なVue3移行ステップ Vuetify卒業 Vue3導入 Vue3完全移行 移行にあたって問題だったこと ライブラリのアップグレード Vuetify卒業 ElementUI -> Element…
1年前
記事のアイキャッチ画像
WebのOSを目指す新しい体験のWebブラウザ「Arc」を紹介したい
SMARTCAMP Engineer Blog
こんにちは!スマートキャンプエンジニアの中田です。 みなさんWebブラウザには何を使われてますか? Chrome, Firefox, SafariにEdgeなど多くの選択肢があるWebブラウザですが、私は2ヶ月ほど前に長らく使ってきたChromeから移行し、現在は Arc というbeta版が公開されている新しいWebブラウザを使ってみています。 この Arc がとても便利で楽しいものだったので、本記事ではそんな Arc の紹介 (※普及活動) をしていきます! Arcとは 概要 インストール方法 ※ 公式から情報を辿りたい方向けの補足 特徴 機能 1. タブ/ブックマークの管理 2. Note…
1年前
記事のアイキャッチ画像
エンジニア採用サイトをリニューアルした話
SMARTCAMP Engineer Blog
挨拶 こんにちは!私はBOXIL SaaS開発エンジニアのハヤシ(ぱずー)です。 前回、私がスマートキャンプで成長したエピソードを紹介しましたが、今回はエンジニア採用サイトのリニューアルに携わったので、それについて紹介します。 最後まで読んでいただけると嬉しいです! 今回、リニューアルした採用サイトです。こちらも見ていただけると嬉しいです! https://engineer.smartcamp.co.jp/ 想定読者 これから採用サイトをリニューアルしたい人 エンジニアでスマートキャンプに興味がある人 目次 挨拶 想定読者 目次 TL;DR なぜ採用サイトをリニューアルしたか どう実装したか …
1年前