フロントorバック！？迷えるあなたに導きを…
「ラジオネームアリスさんからのお便りですありがとうございますいつも楽しく聞かせていただいてます現在3年目のエンジニアかっこ女です男子高かよ男子高業務では自社プロジェクトフロントエンドリアクトタイプスクリフトバックエンドルビーもまんべんなくタスクとして振り分けられており自分的にどちらもできるようになりたいと思うもののどちらかを極めていきたいというのが決められず悩んでますと」
「ひまプロの皆さんはエンジニアの知識を広く深く学んでいる印象がありますがフロントエンドバックエンドどっちエンジニアですかどっちエンジニアだまたいつ頃どうやって決めたんでしょうかよろしければ皆さんのご意見伺いたいですよろしくお願いしますだそうですありがとうございますありがとうございますどっちエンジニアですかバックエンドですバックエンドですバックエンドです3人合わせてバックエンドです」
「すいませんねなんかそうですね非常に偏ってるんですけどよく答えましたね今3人合わせて急に言ったんですけどね急でしたねすいませんちょっと笑っちゃいました笑っちゃいけないですけどねまあでも」
「決め方はあるなと思っててその辺の話しましょうか僕いいですか?はいじゃあカイチが最初喋りますね僕爆炎のエンジニアですと業務でどっちも喋ったことが喋ったこと?違うどっちもやったことがあります一応ただフロントの礼儀は短いですけどねでどうやって決めたかいつ頃」
「そうですねまず知識を深く学んでいるかで言うとそうではないです僕はフロントエンドほんとにほぼ触ってないだからコンテストとか自分で遊びるアプリ作るとかそういう時に頑張ってやってる感じですそれ以外はゼロ間違えてコードレビューする時あるかも」
「間違えってこと?ああミスった本当だったごめんそうじゃなくてなんか浅いされちゃう時というかああ見えざるを得ないみたいな時はあるんですけどそんな見れないですよだからでどうやって決めたかはなりたい自分を想像して逆算してバックエンドエンジンなんですよで」
「ここからは1個人の意見なので全くそんなことないことがありえますという注意書きをしつつ僕フロントエンドの方が大変そうだなと思ってるんですよ僕はエンジニアをやりたいなと思う一つの魅力として実力が上がれば上がるほど生産性が上がるというのがエンジニアの素晴らしいところだなと思ってるんですよで」
「そのメリットを享受する上で僕はフロントエンドよりもバックエンドの方が享受できるなと思ってますというのもフロントエンドで開発した経験とバックエンド開発した経験どっちも並べた時にバックエンドの方が簡単というか軽い」
「軽いなと思ったんですよ僕開発する時って多分大体半分開発して半分テストやってるんですけどフロントのテスト大変なんですよねどんなテストしたの?自動テスト普通に書いたんですけどセレニウムとかで重いワンシナリオを実行するのが重いバックエンドの方がテスト早いし」
「よくわからんエラーいっぱい出るフロントエンドブラウザのバージョンアップとかにも引っ張られる最近ないかもしれないですけどあとIEが嫌い今はないけど4年前ぐらい4年前ぐらいはもう本当にはぁ?と思ってなんでこんなの付き合ってなきゃいけないんだよって思いながら返したんですけどはいはいはい」
「そういう外の変数みたいなのが多いなというのを個人的には感じてて別にどっちも嫌いじゃなかったんですけどどっちかっていうとバックエンドの方が効率よく仕事できるようになりそうだなと思っていうので僕はバックエンドをやってますねというのが簡単ですけどざっくりそんな感じです」
「なるほどねどう思うその件についてそう思うそう思いますヤバすぎ一人でラジオやってるあれですよね実際に開発フロントもやったっていうと3人で言うとカイチさんしかいないですからね」
「ノリさん勉強で触ったらいいかもしれないですけどねフロントは実務でやったフロントってちなみにあれがっつりSPA的なやつそうそうそう本当にSPA流行ってる時ぐらいに一度もやるぞってその中の一部の画面というか一部の機能というか」
「3人で1つのやつ作って3分の1くらいやりましたねそのタイプの開発はやったことないなマークアップくらいならあるんですけどテストとかなかったらとか今割とねのりさんの噂を聞いてて俺の噂?例えばさとどろいてる?そっちまでいや違うそうじゃないです」
「最近の話ですかフロントエンドの開発もちょっとずつ便利になってるなというのは感じるんですよねブラウザごとに対応するじゃなくてなんだろうなiOSとブラウザどっちも同時に作れたりねそういうなんだろうなデザインの調整とかもめちゃくちゃめんどくさくて当時それもちょっとずつ便利になってんだろうなというのは聞いてはいるんですけどめんどくさそうって思ってます」
「確かにそれに僕付随させていただくとですね大変そうっていうのはめっちゃ思って共感する部分がありまして技術の移り変わりが早すぎます早いですね早いなるほど」
「メジャーバージョンアップよりちょっと早いペースでいろんなライブラリ出ません?出る同じことしてるのに違うビルドツール使ってたりするし気づいたらそれゆえ競争率低いとかあるのかもしれないですけどね新しく出てきた技術が多いから今からでも戦えるぜみたいなそうそうその絶対的王者みたいなのがまだ君臨してない状態というか戦国時代だからねそれはあるかも以上なるほどうん」
「次どうぞノリさん僕はですねまずなんでバックエンドエンジニアをやってるかっていうと選択肢がありませんでした」
「そもそもいつ選んだんですか5年前です何のタイミングですか入社の時ですバックエンドで入社あれかプログラミングの留学の時点ですでにもうバックエンドでしたプログラミング留学した時に扱ってたのがもうバックエンドかiOSコースしかなくてウェブコースか」
「ほぼPHP書いてたのでそのまんま就活したらそれはバックエンドの会社に行くよねっていうまあ確かに帰結ですPHPで留学の時はフロント作んなかったんですか?HTMLとかは触ったんですけど性的なページだったんですねなるほど海外留学の」
「まあコースはそうだったかもしれないですけど他にそのなんていうんですか」
「他の会社がやってるプログラミング留学みたいなとこでフロントのコースとかも探せばありましたよね当時とりあえずここでいいやそこがバックエンドだったってことですかそうです結構勢いあるっすね勢いがすごいその結果バックエンドになったんですけど今やってみてバックエンドの方が合ってるかなと思っててほう」
「僕フロントエンド特にhtmlcssについてすごく難しいなと思う部分があるんですけどあれ正しく書いてぶっ壊れるじゃないですかと言いますとバックエンドって間違えると動かなくなると思うんですよエラーメッセージとか出てくると思うんですけどcssって書き方が間違っててもその文法が合ってたら動いちゃうじゃないですか」
「ちゃんとそれで動いた上でしっかり見た目崩れるじゃないですかあれがちょっとね大変なんですよねちゃんと開発者ツールとかでどこだどこだここじゃないみたいなのこの隙間何?みたいなバックエンドでもそれがないかっていうとあるっちゃうんですけど圧倒的にHTML、CSSの方が多いですねそうなんだよね」
「っていうのでやっぱりバックエンドの方がちょっと向いてるなっていうのもありますねなるほど手っ取り早く何が間違ってるのか言ってほしいっていうっていう感じでしたかねわかるはい」
「その辺なんかフロントの人どんな気持ちなのかちょっと聞いてみたいですよねでも多分わかるんでしょうねきっと知識があるとこう崩れるってことはここのこれやなって多分わかるってことなんでしょうね確かに僕らは文字からじゃないと学べないけどフロントエンジニアの人は多分崩れ方でメッセージ受け取るんでしょうねきっと」
「そうだよねでもなんかたまにさすごい上の方の要素が少しだけ空持ちしたことによってそれ以降全部ぶち壊れるみたいなことがあったりしてあれとかもね原因どうやって見つけるんだろうと思いますね答えられません残念ながらそうなんですまあでも慣れなんでしょうね見つけられるはずでしょうからね突き詰めるとJavaScript書くところとかは逆に全然大丈夫なんですけど」
「それでいうとじゃあのりさんは今後もじゃあバックエンドなんですかですかね選んだきっかけはないなんかなってたなってたのりさんの生徒研修生が悩んでたらなんていうんですか」
「バックにしとけ問答無用でそんなことはないですよちゃんと情報を与えますよこういう人はフロント向いてるよこういう人はバック向いてるよっていう情報を与えるんですけどそれで言ってることとしてはまずフロントエンドやる人は新しい技術のキャッチアップとか好きとかそういう人は向いてんじゃないっていうのを言いますね嫌いな人いるんですか次々と出てくるんで」
「ずっと同じものを使ってると飽きちゃうよみたいな人は逆にフロントの方が向いてるかもねっていう感じで話してますね逆にバックエンドはRDBとか考えると分かりやすいんですけどRDBってもう50年じゃないですか登場してっていうような技術も使われてるから1個のものを極めるのが好きとかだったらバックエンドの方がいいんじゃないみたいな」
「その観点あるんですねなるほど特性的な部分だとその辺を推してますかねいいですね逆にそれ聞かれたらどっちテンション上がるっていうことしか聞かないかもしれない画面で動いてるの見たいっていう人だったらフロントやればいいしカール見ても別に楽しいって人はバックエンドやればいいしなるほどねのりさんのやつはそう思いますって感じうん」
「フロントもなぁ最近のフロントってでも結構JSがっつり書く系の多いじゃないですかあれあんまこう見た目に出てきにくい時あるなと思うんですよね結局サーバー側で動いてるかクライアント側で動いてるかだけでやってることはプログラミングみたいなまあまあまあでも誰に見てもそうじゃないですかなんか例えばですよ友達に俺スラック作ったんだぜって言って」
「うわーすごいこのボタンめっちゃ見やすいって言うじゃないですか多分ユーザーってっていうところで多分フロントエンドの方が分かりやすい成果物だと思うんですよねまあ確かにうわーめっちゃすぐメッセージ返ってくるっていう人もいるかもしれないまあいるかでもまあそれフロントの工夫もあるかもしれないしなんかそれエンジニアっぽいな感想がうわこれすごいレスポンス早いバックエンドの人のちょっとなんていうか」
「成果物よくわかんないけどAPIのレスポンスめっちゃ綺麗ってならんやんやっぱ影の盾役者みたいなところなのでバックエンドはお客さん向けではあるけどどっちかっていうと未来の同僚に向けたサービスなんかもしいね」
「めっちゃ拡張性いいこのシステムみたいなところじゃないですかAPIエンジニアの出のミスのところだって考えられてる将来の設計なんて柔軟な設計なんだ変更率良いまあないですけどねそんなことなるほど最後準備僕ですかはいじゃあ僕いきますね個人的にですね」
「アリスさん女ということでですねちょっと最近バイオハザード見てたんで完全にミラジョボビッチさんが思い浮かんでるんですから多分ミラジョボビッチですミラジョボビッチですか」
「そうするとまずは格闘術を一番学ぶのがいいかなと思ってるんですがその心は?その心はバイオハザードのザ・ファイナルでちょっと強そうな中国人みたいなやつに格闘術で負けてたんでそこを勝てないとどっかのタイミングで死んじゃうかなと思うんで分かったいきますまず僕バックエンドでなんで選んだかっていうと」
「調べてて楽しそうだなっていうのをまず思ったとフロントも画面が変わるからすぐ成果が分かるから楽しいなとも思ったんですけどどっちかというと性格的な話になっちゃうことなんですけど裏で頑張ってる方が好きみたいなところがあるんですよ伝わりますかね表に立ちたくないみたいな」
「そうですね表よりも円の下の力持ち的な方が好きなんですよっていう性格的な部分もありつつ調べた時にあとは普通にお金的給料的なところも確かバックエンドの方が高いみたいなところもありましたし最近逆転しなかったっけそうなんですか全然チェックしてないなんか広告バーって見ててフロントエンドエンジニア68万円」
「バックエンドエンジニア63万円みたいな感じあれ?フロントの方が高いと思った記憶ある広告だからわからんけど確かに当時はそんな感じ僕が調べた感じはそんなのもあったりでバックエンドJavaとして入社を決めましたというところですそれ入ってからフロントはほぼ触ったことなくてなんでHTMLCSSJavaScriptぐらいですね」
「リアクトタイプスクリプトとかは全くないですと今後ちょっとは触りたいなと思ってますただ結局データ持ってくるとか裏のバックエンドの方が今は楽しく感じれてるんでこのままバックエンドがいいかなと思ってる感じですなんでアリスさん的にはマジでどっちもやってるなら楽しいなと思った方まずいったらいいんじゃないかなって思いますね別にどっちかしかできないとかっていうのはないと思うんで今後」
「やりたい時に別に他の方もできると思うんでって感じですね今言った楽しい方をやった方がいいんじゃないかなっていうのはめっちゃ思いますねどっちに楽しさを感じてるかどっちもやりたいならどっちもやっちゃえばって思うしフルスタックエンジニアってやつですねフルスタックエンジニアってやつですすごい我々の私の会社で業界でもやれてるのかなフルスタックエンジニアはなんか」
「すごい素晴らしいスケールを持ってるんですけど悲しみを全員背負ってるっていうどういうことですか自分はフルスタックエンジニアになるしかないっていう強い」
「出来事があったからこそ生み出される最強のモンスターと言われてるフルスタックエンジニアなんすかそれこっからここまで全部俺がやるしかないっていうそっち?結構あれだよこれからプログラミングやりたいぜって人たちはだいたいフルスタックエンジニアかプロダクトマネージャーか」
「どっちかでそれはそうですけど実際にそれってキャリアを描く上で進化していくっていうのは幅を広げる方って想像がつきやすいからフルスタックエンジニアって言ってるんですよ僕はそうだったんですけど多分ねそう思います実際にフルスタックエンジニアの人はいるんですけどたまにみんなそういうイメージあります過去に」
「もう生き残りが一人しかいないみたいなこのプロジェクター俺がどうにかするしかない持ってくれ俺の体」
「それによってフルスタックエンジニアが誕生するそうそう都市伝説として聞いてほしいです本当かどうか分からないですけどありえるんじゃない僕は今まで会った人はそうですそうなんだちなみにフルスタックエンジニアってフロントとバックが大体できる人ってイメージですかインフラもネットワークもじゃないやっぱりそうなんですね一人でサービス作れる人大体10年20年やってる人みんなフルスタックエンジニア説あるけどね俺の中で」
「その長い変遷の中で一個しかやってない人あんまりいなくない?まあまあまあそうですね大体何でもできてその中でも一個特に化け物できるみたいなイメージある大体やりたくないものを作ってる例は多いですねそういう人って全部やっちゃう人はそういうモンスターですフルスタックエンジニアは悪くないと思っててやっぱサービス作る時代になるんじゃないですか僕らも僕らというかみんなうん」
「ちっちゃく個人でというかそうなってくるとねどっちもいりますから僕今バックエンドが得意ですけどフロントエンドが得意じゃないんでハードル高いですもんAPIを副業でAPI作ろうじゃなくてなんだろうな趣味というかサービス作りたいと思ってAPI設計してAPI作るのは正直そんな大変じゃないと思ってるんですけどフロントはハードル高いなと思ってます高い知らないからねやりたいんですけどね」
「でもなんかそういうの人生も100年時代なんでね自分でサービス立てるしかっていうのは大事になってくるんですけど確かにそれをやる上で一人で何でもできるままいいと思います確かにでもマークアップはいつかデザインツールの変換にとって変わられると思いますあー言ってますねうんうん」
「マックアップはそうかもしれないですねむしろなんであれがチャットGPTよりも先に出てこないのかが気になってしょうがないむずいんじゃないですか一応むずいんかな一応むずいんじゃないですか個性出さなきゃいけないけど出しきれないとかなんですかねちょっとわからないです使ったことないからそういうことかありそうもしくはものすごい業界団体にすごく押さえつけられてるかどっちかするなるほどねそれもあり得るなIT業界でそんなことしたらダメですけどね確かに退社していかないといけないからね」
「というのでバックエンドエンジニア3人のバックエンドへの誘いでしたフロントの人の話聞きたいですけどねフロントの人は確かになんでフロント目指したんだろうねやっぱでもユーザーが触る部分だからっていうのはあるかそうですねもしくはデザインやりたいから派生してる人もいるのかないねえかさすがにデザインやりたいはデザインやった方がいいんじゃないと思っちゃうけどHTML、CSSまでは染み出しますよね染み出すね」
「勢い余ってうわこのボタンこうやって動いてほしいってJavaScript言っちゃうみたいなそれはあるか聞いたことないですけどねそんな人いやいそうかもデザイナーはマークアップまではできるみたいなイメージあるわそうですよね勝手に出してくれますからねちょっといいものが出てくるか置いといてJavaScriptなぁ今一緒にフロントの開発やってる人フロントエンドもっぱら得意としてる人ですけどなんでフロントやったかは聞いたことないな」
「聞いてみようかな今度なんとなくって言われそうだけどまあでもそういうもんだよね結構なんとなくな人多いんじゃないですか歩んできた道がこっちだったっていうパターンかもしれないですねノリさんパターン振り返ればみたいな振り返るまでもなかった僕はちょっとブロックしてるんですけどいやバックエンドでって言ってるんでまあでも別にフロントエンドやれって言われてもやるけどねそれは確かに」
「やらなきゃいけないと思ってるしねなんかアリスさんのヒントになったら幸いです幸いですぜひ他のフロントエンドエンジニアやってるポッドキャストにも同じこと言ってみてください送ったらここに聞いてみましたって教えてください聞きに行きたいポッドキャストやってる人ってバックエンド触ってそうっていうイメージ強いどういうこと?喋り方からってことですか?なんとなくなんか多そうじゃない?フロントの人よりバックの人多そうじゃない?なんか」
「いやどっちもいいんじゃないですかどうなんでしょうねフロントの人は多分YouTubeやってるあーもう分からんけどおのずとちょっとグラフィカルに行っちゃうんですねそうそっち行っちゃう本当かよ多分じゃあYouTubeに行けるからYouTubeならいっぱいあるかものりさんの観点新しかったなって思いますね一つのことにやり極めるのが得意なのか新しい技術キャッチアップするのが好きなのか」
「それも一ついいですね参考になりそうですあとあれだわ今更補足するけどユーザーの使い勝手考えていろいろ提案したいならフロントの方がいいだろうし将来的に設計とかやりたいならバックエンドいいなと思ってますね設計っていうのは何の設計ですかアプリケーションですチームによるという前置きで」
「めっちゃ綺麗に回ってるところだとユーザーの動線考えるのってフロントエンドエンジニアというよりデザイナーかプロダクトマネージャーじゃないかな多分ただそれに対して文句言うのはフロントエンドなんですけどねアーキテクチャ考えるのは言われてみると確かにバックエンドかもフロントってさ」
「俗に言うがっちりしたフロントエンドエンジニアって多分SPAでしっかりAPIとクライアントが分離してる現場にしかいないイメージなんだけどあれ分離してるとマジでバックエンド側のこと何も知らないけど開発してますみたいな時ないですかあるAPIの叩き方さえ知ってればいいですもんねそうそうそうそうだからきっとバックエンドの方が設計に携わりやすいのかなと思ってましたねそれは確かにデータベース設計とかあと今時」
「サーバーレスなものもありますからねフロントはパフォーマンス設計とかしなくていいしそれやるのは結局バックエンド確かにどうなんだろうあんま知らないかもなフロント好きって言ってるシステムアーキテクトそもそもフロントやってる次第もあんまいないけどなぜか割と新しい触手じゃない?そうなのかもしれない元々はバックエンドの人がそのままやってなかった確かに」
「そりゃそうだじゃんモバイル触りたいモバイル触りたいはフロント行った方がいいかもしれないですねモバイル触って多いしねはい締まりが悪い最後にフロントのちょっといいとこ行って終わる回締まりが悪いんですけどはい」
「まあ考え続けなきゃいけないことではあるんでね別にフロントかバックエンドかっていう二択じゃないと思うんですよ僕は確かにインフラエンジニアもあるしねインフラもあるさすがにネットワークエンジニア行きたいはないと思うんですけどこのケースからは絶対行きたくないもんいや別に楽しいですよ楽しいか楽しいより技術の進歩はないです多分まあ確かにねまあでもそうだなハードウェア」
「レイヤーの話には関わりたくないな確かにインクラエンジニアはあるかもしれないじゃないですかインクラエンジニアっていう手は別に僕はありだなと思ってます楽しそうじゃないですかクラウドのインクラエンジニアクラウドは楽しそう時給良さそうめっちゃ知ってれば一瞬で仕事終わるし知らなかったらめっちゃ時間かかるけどいろんなところで同じCICDとかサーバーレス構成とか求められそうな気がしてるとかね」
「そんなもんかネットワークがいくらぐらいあるとノントバックエンドデータベースエンジニアあんまりないねまあ専門性高すぎるけどだいたいサーバーから発生してる気がするそうですよねサーバーからにおきって入りますよねじゃあそんなもんかテスターはいないテスターってテスターですよねテスター超えてQAエンジニアみたいな人いるけどねあーなるほど確かにそれはいるかもQAエンジニア見たことねーいるんだろうなー見たことない」
「研修ではいましたねQAエンジニアクラスがありましたそうなんだすごそう最初からそこに興味持つってやばくないすごいですよねテストしてーって作りたくないけどテストしてーっているんかな」
「性格上ちょっと細かいとか別にいい意味ですよ細かいとかきっちりしてる人は向いてそうですよね確かにカバーしなきゃいけない知識の範囲めっちゃ広そうだなと思ってバックエンドもフロントもある程度のこと知ってないとテストができない実はそうじゃない気がしてるよそうなんですか」
「言うてテストの範囲によるんですけどエンドとエンドのテストだったら絶対ブラウザじゃないですかChromeから叩くだけだしAPIのテストだとしてもHTTPクライアント使えればいいだけあとは性能テストとかがガトリングみたいなツールが使えればいいだけってところですねそんなにめちゃめちゃバラバラなわけではない気はするブラックボックステストなんでしょうから多分うんうんうん」
「中身よう知らんけど外から叩いたら全通りやってみるみたいないろいろあるので探りながらいきましょうって感じですねじゃあ終わりますかお便りありがとうございましたありがとうございましたまたいつでもご相談くださいお待ちしてます納得いかなかったら怒りのメール返信してくださいお願いしますある夜ねいつものようにラジオのお便りのチェックをしていたんですよ」
「そしたらね夜なのにねお便りの通知がねポーンってなってねこんな時間におかしいなぁおかしいなぁおかしいなぁと思ってリスナーも寝てる時間なのになぁって思ってメールフォルダー上げたらねうわぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁ」
