<h1 id="%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" aria-hidden="true"></a> はじめに</h1>
<p data-line="1" class="code-line">会社のウェブサイトを見ると、「私たちのミッション」「ビジョン」「カルチャー」なんて素晴らしい言葉が並んでいる。でも正直なところ、エンジニアにとって一番気になるのは 「技術スタック」 じゃないですか？ 今までさんざん<strong>カジュアル面談</strong>を繰り返したが、はっきり言ってどの会社のMVVも覚えていない。</p>
<details><summary>カジュアル面談とは</summary><div class="details-content">
<aside class="msg message"><span class="msg-symbol">!</span><div class="msg-content">
<p data-line="4" class="code-line">別名：お互い様子見タイム<br>
採用する気があるのかないのか、応募する気があるのかないのか、お互い探り合う微妙な時間。仕事の話をしつつも、何となく雑談っぽい空気を装う場。面接とは言わないけど、失敗したら次はないやつ。</p>
</div></aside>
</div></details>
<p data-line="8" class="code-line">大作と言えるほどの「エンジニア向け採用デッキ」を見せられては、「技術スタック」という1ページだけでその会社の格付けを一瞬のうちに脳内で行っている自分に気が付いた2024年の末。<br>
この記事では、そんなことを考えている筆者の頭の中を、徒然なるままにChatGPTと共に文字に言語化した記事になります。</p>
<aside class="msg alert"><span class="msg-symbol">!</span><div class="msg-content">
<p data-line="12" class="code-line">以降、完全なる筆者の主観です。</p>
</div></aside>
<h1 id="1.-%E3%83%9F%E3%83%83%E3%82%B7%E3%83%A7%E3%83%B3%EF%BC%9F%E3%81%9D%E3%82%8C%E3%82%88%E3%82%8A%E6%8A%80%E8%A1%93%E3%82%B9%E3%82%BF%E3%83%83%E3%82%AF%E3%82%92%E8%A6%8B%E3%81%9B%E3%82%8D" data-line="15" class="code-line">
<a class="header-anchor-link" href="#1.-%E3%83%9F%E3%83%83%E3%82%B7%E3%83%A7%E3%83%B3%EF%BC%9F%E3%81%9D%E3%82%8C%E3%82%88%E3%82%8A%E6%8A%80%E8%A1%93%E3%82%B9%E3%82%BF%E3%83%83%E3%82%AF%E3%82%92%E8%A6%8B%E3%81%9B%E3%82%8D" aria-hidden="true"></a> 1. ミッション？それより技術スタックを見せろ</h1>
<p data-line="16" class="code-line">会社のミッションが社会貢献でも、DX推進でも、環境保護でも構わない。でもその前に知りたいのは、 「その目標を達成するためにどんな技術を使っているのか？」 だ。</p>
<p data-line="18" class="code-line">例えば:</p>
<ul data-line="19" class="code-line">
<li data-line="19" class="code-line">フロントエンドは何？ React？Vue？ まさかのjQuery？
<ul data-line="20" class="code-line">
<li data-line="20" class="code-line">今はReact一強だ。もっというとAppRouterかRemixなら許す。</li>
</ul>
</li>
<li data-line="21" class="code-line">バックエンドは？ TSかGoでしょ？</li>
<li data-line="22" class="code-line">インフラは？ AWS？GCP？もしかしてオンプレ？
<ul data-line="23" class="code-line">
<li data-line="23" class="code-line">オンプレだとしても、せめて納得できる理由を聞かせてくれ</li>
</ul>
</li>
</ul>
<h1 id="2.-%E3%80%8C%E5%83%8D%E3%81%8D%E3%82%84%E3%81%99%E3%81%84%E7%92%B0%E5%A2%83%E3%80%8D%E3%82%88%E3%82%8Aci%2Fcd%E3%81%AE%E3%83%95%E3%83%AD%E3%83%BC%E3%81%8C%E9%87%8D%E8%A6%81" data-line="25" class="code-line">
<a class="header-anchor-link" href="#2.-%E3%80%8C%E5%83%8D%E3%81%8D%E3%82%84%E3%81%99%E3%81%84%E7%92%B0%E5%A2%83%E3%80%8D%E3%82%88%E3%82%8Aci%2Fcd%E3%81%AE%E3%83%95%E3%83%AD%E3%83%BC%E3%81%8C%E9%87%8D%E8%A6%81" aria-hidden="true"></a> 2. 「働きやすい環境」よりCI/CDのフローが重要</h1>
<p data-line="26" class="code-line">「働きやすい環境」とは、オフィスの綺麗さや福利厚生だけじゃない。</p>
<p data-line="28" class="code-line">エンジニアにとっての「働きやすさ」とは：</p>
<ul data-line="30" class="code-line">
<li data-line="30" class="code-line">CI/CD環境が整備されているか？
<ul data-line="31" class="code-line">
<li data-line="31" class="code-line">今はGithub Actionsしか勝たん</li>
</ul>
</li>
<li data-line="32" class="code-line">コードレビュー文化があるか？人間誰しも間違えるんだから、世に出すものは慎重に</li>
<li data-line="33" class="code-line">デプロイは自動？それとも深夜に手動リリース？まさかそんな原始的なことしてないよね！</li>
</ul>
<h1 id="3.-%E3%83%81%E3%83%BC%E3%83%A0%E3%81%AE%E9%9B%B0%E5%9B%B2%E6%B0%97%E3%82%88%E3%82%8A%E3%83%AA%E3%83%9D%E3%82%B8%E3%83%88%E3%83%AA%E6%A7%8B%E6%88%90%E3%81%8C%E7%9F%A5%E3%82%8A%E3%81%9F%E3%81%84" data-line="35" class="code-line">
<a class="header-anchor-link" href="#3.-%E3%83%81%E3%83%BC%E3%83%A0%E3%81%AE%E9%9B%B0%E5%9B%B2%E6%B0%97%E3%82%88%E3%82%8A%E3%83%AA%E3%83%9D%E3%82%B8%E3%83%88%E3%83%AA%E6%A7%8B%E6%88%90%E3%81%8C%E7%9F%A5%E3%82%8A%E3%81%9F%E3%81%84" aria-hidden="true"></a> 3. チームの雰囲気よりリポジトリ構成が知りたい</h1>
<p data-line="36" class="code-line">「チームはフレンドリーで開放的です！」と言われても、実際に気になるのは次のような点。</p>
<ul data-line="38" class="code-line">
<li data-line="38" class="code-line">モノリシック？マイクロサービス？</li>
<li data-line="39" class="code-line">APIはREST？GraphQL？</li>
<li data-line="40" class="code-line">テストカバレッジは？そもそもテスト書いてる？</li>
</ul>
<h1 id="4.-%E3%80%8C%E6%88%90%E9%95%B7%E6%A9%9F%E4%BC%9A%E3%80%8D%E3%82%88%E3%82%8A%E3%82%82%E6%9C%80%E6%96%B0%E6%8A%80%E8%A1%93%E3%81%AE%E5%B0%8E%E5%85%A5%E9%A0%BB%E5%BA%A6" data-line="42" class="code-line">
<a class="header-anchor-link" href="#4.-%E3%80%8C%E6%88%90%E9%95%B7%E6%A9%9F%E4%BC%9A%E3%80%8D%E3%82%88%E3%82%8A%E3%82%82%E6%9C%80%E6%96%B0%E6%8A%80%E8%A1%93%E3%81%AE%E5%B0%8E%E5%85%A5%E9%A0%BB%E5%BA%A6" aria-hidden="true"></a> 4. 「成長機会」よりも最新技術の導入頻度</h1>
<p data-line="43" class="code-line">「成長できる環境！」はどこでも言うセリフ。でも、導入される技術が5年前の枯れた技術なら成長どころじゃない。</p>
<p data-line="45" class="code-line">理想の成長環境とは：</p>
<ul data-line="46" class="code-line">
<li data-line="46" class="code-line">新しい技術導入への柔軟性
<ul data-line="47" class="code-line">
<li data-line="47" class="code-line">全部の提案が通るなんて思ってない。せめて話だけでも聞いてほしい</li>
</ul>
</li>
<li data-line="48" class="code-line">レガシーコードからの脱却を本気で考えているか？
<ul data-line="49" class="code-line">
<li data-line="49" class="code-line">「今までのコードに感謝」とか辞めてくれ。俺はラッパーじゃない！</li>
</ul>
</li>
<li data-line="50" class="code-line">技術負債を返済するカルチャーがあるか？
<ul data-line="51" class="code-line">
<li data-line="51" class="code-line">借りたものは返せって、小さい子でもわかるよ？</li>
</ul>
</li>
</ul>
<h1 id="%E7%B5%90%E8%AB%96%EF%BC%9A%E6%8A%80%E8%A1%93%E3%82%B9%E3%82%BF%E3%83%83%E3%82%AF%E3%81%AF%E3%81%99%E3%81%B9%E3%81%A6%E3%82%92%E7%89%A9%E8%AA%9E%E3%82%8B" data-line="53" class="code-line">
<a class="header-anchor-link" href="#%E7%B5%90%E8%AB%96%EF%BC%9A%E6%8A%80%E8%A1%93%E3%82%B9%E3%82%BF%E3%83%83%E3%82%AF%E3%81%AF%E3%81%99%E3%81%B9%E3%81%A6%E3%82%92%E7%89%A9%E8%AA%9E%E3%82%8B" aria-hidden="true"></a> 結論：技術スタックはすべてを物語る</h1>
<p data-line="54" class="code-line">会社紹介の文章で大事なのは、技術的な透明性。 エンジニアは「社会貢献」や「企業理念」よりも、「コードベースの現実」を知りたいのだ。</p>
<p data-line="56" class="code-line">もしもエンジニア採用を本気で考えているなら、「技術スタック」をドーンと前面に出してほしい（それしか見てないといっても過言じゃない）。結局それが一番の会社の魅力紹介なのだから。</p>
<h1 id="%E3%81%8A%E3%81%BE%E3%81%91%EF%BC%9A%E5%BC%8A%E7%A4%BE%E3%81%AE%E6%8A%80%E8%A1%93%E3%82%B9%E3%82%BF%E3%83%83%E3%82%AF" data-line="58" class="code-line">
<a class="header-anchor-link" href="#%E3%81%8A%E3%81%BE%E3%81%91%EF%BC%9A%E5%BC%8A%E7%A4%BE%E3%81%AE%E6%8A%80%E8%A1%93%E3%82%B9%E3%82%BF%E3%83%83%E3%82%AF" aria-hidden="true"></a> おまけ：弊社の技術スタック</h1>
<p data-line="59" class="code-line">以前インターン生に、技術スタックの一覧をスライドに詰め込むといいですよとおすすめされて、なるほどと思って作成しました。</p>
<h2 id="mmm-saas%E3%80%8Cnex-ray%E3%80%8D" data-line="61" class="code-line">
<a class="header-anchor-link" href="#mmm-saas%E3%80%8Cnex-ray%E3%80%8D" aria-hidden="true"></a> MMM SaaS「NeX-Ray」</h2>
<p data-line="62" class="code-line">サービス<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__85c72ca4265be" src="https://embed.zenn.studio/card#zenn-embedded__85c72ca4265be" data-content="https%3A%2F%2Fwww.nex-ray.net%2Fja" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://www.nex-ray.net/ja" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://www.nex-ray.net/ja</a><br style="display:none">
技術スタック<br>
<img src="https://res.cloudinary.com/zenn/image/fetch/s--AjLsBCFy--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/8ca11655b0eca52f617ea6ac.png%3Fsha%3D9c03f262fcf0199392c54af5fbd4d9a342919a12" loading="lazy" class="md-img"></p>
<h2 id="%E6%96%B0%E8%A6%8F%E9%96%8B%E7%99%BA" data-line="68" class="code-line">
<a class="header-anchor-link" href="#%E6%96%B0%E8%A6%8F%E9%96%8B%E7%99%BA" aria-hidden="true"></a> 新規開発</h2>
<p data-line="69" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__ecae30f4d1e92" src="https://embed.zenn.studio/card#zenn-embedded__ecae30f4d1e92" data-content="https%3A%2F%2Fzenn.dev%2Fficilcom%2Farticles%2Ft3-turbo-domain-cqrs" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://zenn.dev/ficilcom/articles/t3-turbo-domain-cqrs" style="display:none" target="_blank">https://zenn.dev/ficilcom/articles/t3-turbo-domain-cqrs</a><br style="display:none">
このT3-Turboの記事の新規開発での技術スタックがこちら<br>
<img src="https://res.cloudinary.com/zenn/image/fetch/s--QnOSREim--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/7d92a437ec87dededac95e0c.png%3Fsha%3D49c762093feaa04776c07b5dce4c55069d2fc394" loading="lazy" class="md-img"></p>
<hr data-line="73" class="code-line">
<p data-line="74" class="code-line">多くは語らない。上の技術スタックを見て、ピンと来た方は<br>
<strong>ぜひ僕とカジュアル面談を</strong>←</p>


会社紹介の中でも技術スタックしか気にしてないんだろ？

1. ミッション？それより技術スタックを見せろ

2. 「働きやすい環境」よりCI/CDのフローが重要

3. チームの雰囲気よりリポジトリ構成が知りたい

4. 「成長機会」よりも最新技術の導入頻度

結論：技術スタックはすべてを物語る

graphql

Discussion