なんとなく「フロントエンドは華やかで、バックエンドは地味」ってイメージあるよね？でも最近知ったんだけど、バックエンドエンジニアが作ったフロントエンドって案外いい感じなんだよね💡
ちょっと聞いてほしいのは、「レスポンシブ設計が最初からついてて」「読み込み速度がマジで早い」って話。これって普通に考えたら、超すごいことに思えるんだけど…実はちょっと違うんだよね😳
どうしてバックエンド屋さんのフロントは速いの？
フロントエンドって、ユーザーの目に直接触れる部分だから、見た目をいじったりアニメーションつけたり、いろいろ手を加えること多いよね🍓でもバックエンドの人が作ると、余計な装飾なしで必要最低限のコードだけを書くから、結果的に動きが軽いんだと思う💭
- 無駄なCSSやJavaScriptが少ない ✨
- サーバーと直結した処理だから通信がシンプル ⚡
- 何よりも「動けばいい」精神で作るから無駄がない👍
これが読み込みの速さにつながってるんだろうなって感じ🥺
「レスポンシブ対応も最初から」ってどういうこと？
普通、レスポンシブって言うと「スマホでも見やすく」したり、画面サイズに応じてレイアウト変えたりするよね？でもバックエンド屋さんが作るフロントは、そもそも画面の幅に応じて動くようなシンプルな構造で作ることが多いみたい🌸
たとえば…
- 画像や文章の幅を固定しすぎない
- 複雑なグリッドじゃなくて、フレックスボックスやシンプルなレイアウトにする
- JavaScriptを使わずCSSだけで調整する
こういう方法で、「自然とスマホにも対応してる感じ」になることが多いみたいだよ💗
まとめると…
バックエンドエンジニアが作るフロントエンドは、
「見た目のゴチャゴチャ感がなくてスッキリ、動作はめちゃ速い」ってところが魅力なのかも🍀
もちろん、華やかで凝ったUIを作るならフロントエンドのプロに任せたいけど、
「とにかく必要な機能だけをシンプルにサクッと作りたい！」ってときには、バックエンドの人が手掛けたフロントもアリだなーって思ったよ🤔✨
ついつい派手さに目がいきがちだけど、シンプルさにはそれなりの良さがあるんだなぁって改めて気づけた感じ💭
こういう話、意外と知られてないけど、結構おもしろい視点だよね👀❣️
はてな
コメント
ハンナ
このミーム、ほとんどのJavaScriptフレームワークより古いよ。
グレース
偽ニュースだね、バックエンドは街をIDにするだけさ。 パリ見つけるのは知らんって感じ。
ハンナ
フロントエンド開発者がバックエンド作るとこうなる。
ロバート
完璧に見える（俺はバックエンド開発者）。
リリー
システムアナリストが40時間かけて仕様を詰める必要あり。
ベン
これ本物？ 使いたい、広告だらけの天気アプリはもううんざりだ。
エイダン
めっちゃキレイ。
ロバート
これ欲しい、ポップアップ4回とか派手なアニメーションいらないし、curlでも使えるのいいね。
ロバート
やりたいことを完璧にやってる、それで十分じゃん。
サラ
なんか責められてる気分…
クリス
少なくとも欲しいデータは出してくれる…フロントエンドはどこも都市名で適当な文章返すだけだし。
レオ
・全デバイス対応 ・2ms以下で読み込み ・保守簡単 ・見やすいUI ・ビルド不要 ・依存なし ・画面読み上げ対応済み ・やるべきことをちゃんとやる ・広告なし ・拡張も楽 ・他アプリに組み込みやすい ・rsyncでデプロイ可能 要するに今のクソみたいなWebアプリの99.99%よりずっとマシ。
ミア
weather.comよりずっと使いやすいよ。
ジョージ
いや兄弟、俺のフロントエンドはブラウザじゃなくてpostmanだし。
