はてなキーワード:jsとは
大昔のPerlの時代は、バックエンドでHTMLとjsを返していた
なんでフロントエンドとバックエンドに分かれたかっていうと、全部やろうとするとバックエンドが複雑になりすぎたからなんだよね
「フロントエンド不要論」は、最近の開発現場やサーバーレス、クラウド技術の進化に関わっている人たちの間でリアルに実感されている問題です。
• React,Vue, Angular などのフレームワークがどんどん複雑化
•フロントエンドとバックエンドの分離が、**「本当に効率的か?」**という疑問が生じている
• 「最終的にHTMLを描画するだけなら、サーバーでやればよくない?」
•フロントエンドから直接APIを叩く構成では、「APIを守る」ことが難しい
•XSS,CSRF, CORSといった脆弱性に対処し続けるコストが無駄
🚩 3.サーバーレス・クラウド技術が進化し、APIの負担を減らす方向に
•AWSLambda,APIGateway, Cognitoなどのサーバーレス技術が進化
•フロントエンドがAPIを叩くより、サーバー側で直接処理する方が効率的
• 以前はReactを使用 → ReactをやめてHTMLベースに戻した
• React,Vue, Angularを全廃
•JavaScriptなしで動的なページを実現
3. Laravel(Livewire)
4. Shopify(GraphQLでデータを直接取得)
•フロントエンドを完全分離する構成から、「バックエンドがHTMLを返せばいい」 というシンプルな構成へ移行
✅サーバーレス時代の最適解:「フロントエンド不要アーキテクチャ」
「フロントエンドを捨てて、サーバーがすべての処理を担う」方向に移行するのが最適解になりつつある。
📌 最適なアーキテクチャ
ブラウザ →サーバー(PHP,Node.js,Go) →APIGateway(Cognito認証)
📌 具体的な実装例(PHP + Cognito +APIGateway)
require 'vendor/autoload.php';
useAws\CognitoIdentityProvider\CognitoIdentityProviderClient;
useAws\Exception\AwsException;
$client = new CognitoIdentityProviderClient([
'credentials' => [
'key' => getenv('AWS_ACCESS_KEY_ID'),
'secret' => getenv('AWS_SECRET_ACCESS_KEY'),
],
]);
$email = $_POST['email'];
$password = $_POST['password'];
try {
$result = $client->initiateAuth([
'AuthFlow' => 'USER_PASSWORD_AUTH',
'ClientId' => 'XXXXXXXXXX',
'USERNAME' => $email,
],
]);
setcookie("accessToken", $result['AuthenticationResult']['AccessToken'], [
'samesite' => 'Strict'
]);
header("Location:dashboard.php");
}
?>
🚀 **「フロントエンドはもう不要」**という流れは、最新のクラウド/サーバーレス開発に携わる人たちが実感していること。
☑セキュリティが大幅に向上する
👉結論:「フロントエンドは不要」クラウド×サーバーレスでバックエンドが主役になる!
身体を壊して先日ちょっと入院していたのだが、病院内ではWiFiが提供されていたので、消灯時間外の日常生活アクセスはそれのお世話になっていた。消灯時間は夜9時から朝6時までだ。
事前に「入院生活にそぐわないサイトには接続できません」という告知が為されていたので、覚悟の上で使ったのだが、Webアプリ開発者としての業務に必要なサイトとかも禁止されていたので、ここにメモしておく。
通信が禁止されていると思われるサイトに接続すると、ブラウザ側ではタイムアウトのエラーとして表示される。もちろん、それなりに待たされる。ブラウザの開発ツールの様子を見るに、おそらくTCP handshake に失敗していそう。
正常に接続できるサイトの様子を見た範囲では、HTTPS接続の証明書改ざんは行われていないようだったことから、HTTPSの暗号を解読してどうのこうの、という処理をしていない可能性が非常に高い。つまり、通信制限は接続先ドメインまたはIPアドレスによる判断で実施している可能性が高い。
また、中間的なサイトも存在する。通常2秒以内で表示できるようなサイトの表示に10秒(体感)かかるところがある。稀にタイムアウトする。
謎なのは、通信が禁止されていそうなサイトでも「待たされた挙句、つながることが非常に稀にある」ということと、curl等ではすんなりと接続できることである。
DNS設定と一緒にproxy設定が落ちてきているのであればこの挙動も理解できるのだが、手元のOSのネットワーク設定にはproxy情報が何も出てこない。ちょっとよくわからない。
もしもDNSに対するAレコード(AAAAも?)問い合わせに対してニセモノを返すという仕組みで通信制限しているのだとしたら、「非常に稀につながる」挙動にはならないはずなので、透過型proxyによって頑張っているのではないかと想像するところである。
なお、消灯時間中は全てのリクエストがタイムアウトになる。消灯時間開始直前にHTTP Request を送出して、応答が来る頃には消灯時間に入っている場合にはどういう挙動をするのか、というテストをやる暇は無かった。スマソ
業務で使う全部のサイトを検証できた訳じゃなくてゴメンね。結局のところ仕事は携帯回線でやっちゃったから。
ドメイン | サイトの概要 | 接続の様子 |
---|---|---|
hatelabo.jp | はてなの実験的サービス置き場 | すんなり |
anond.hatelabo.jp | 増田 | 禁止 |
??????.hatenablog.jp | はてなブログのドメインの一つ、そして増田の中の人のブログ | 遅い |
console.aws.amazon.com | AWSの管理コンソール | 禁止 |
www.amazon.co.jp | ショッピング | めちゃくちゃ遅いけどつながる |
www.amazon.com | ショッピング | めちゃくちゃ遅いけどつながる |
ja.wikipedia.org | 百科事典 | 禁止 |
www.php.net | プログラミング言語PHP | 禁止 |
www.typescriptlang.org | プログラミング言語TypeScript | すんなり |
stackoverflow.com | プログラミング質問サイト(英語) | すんなり |
qiita.com | プログラミング質問サイト(日本語) | 禁止 |
packagist.org | PHPのパッケージ管理 | 遅い(通常通り?w) |
www.npmjs.com | JSのパッケージ管理 | すんなり |
なお、自分のドメインのサブドメインに禁止ドメインを入れたようなもの、例えばanond.hatelabo.jp.example.com のようなドメインに対する接続可否は検証していない(面倒だったw)
サーバ目線で見えるclientIP をwhois等で調べると、某F社さんだった。AWS管理コンソールへの接続を禁止するあたり「あっ…!」と思ったり…w
nodejsの求人でnodejs使ってるところはあんまないと思う
フロントエンドでビルドに使ってるだけとかでnodejsで動くコードは書いてないとかでもキーワードにnodejs入れてるし
最近だとnext.jsとかreactでしかないのにnodejs書いてたり
BEとしてlaravelとかrailsみたいな用途で使ってるのを期待してたら全然違ったとか
稀に見てもかなり古いexpressだったりとか
https://xn--pckua2a7gp15o89zb.com/
技術 | 1月3日 | 3月12日 |
rails | 22,891 | 27,570 |
node.js | 12,829 | 16,178 |
Django | 13,348 | 17,054 |
Flask | 1,589 | 1,907 |
FastAPI | 1,210 | 1,509 |
Laravel | 26,879 | 32,624 |
spring | 16,380 | 23,965 |
spring boot | 5,110 | 7,002 |
React | 49,465 | 65,273 |
Next.js | 7,382 | 10,288 |
Vue | 34,322 | 45,354 |
言語 | 1月3日 | 3月12日 |
Ruby | 61,479 | 94,975 |
Python | 98,527 | 179,183 |
PHP | 92,129 | 142,628 |
JAVA | 124,840 | 232,585 |
Javascript | 99,212 | 237,094 |
Typescript | 65,828 | 91,348 |
Rust | 3,807 | 21,921 |
Go | 48,000 | 183,352 |
おっけーじゃあ一番最近のを
アクティブユーザー数千程度ただし一件最低数百万円から数千万円の案件
すっごく低い
かなり高い
Java+Spring,JS+Node, .NET,SQL Server,AWS, Postgresあたり
インハウスなのでなし
グローバル展開まで
既存のClassicASPベースの300k LOC ストアドプロシージャー1kテーブル1kを統合しつつリプレースメント
こんな感じ君のは?
追記:
詰めてみ?って言った以上君のを聞くのはずるいか
最後には聞くけどね
次の質問どうぞ?
ウェブのフロントエンドエンジニアがHTMLとかJS/TSを使って画面作ることでは
ウェブは結局「ページ」だしな
エクセルやSNSみたいな1ページのみで完結するものだってページだ
呼び方なんて色々あるし好きにすればいい
Adobe FlashBuilder使ってた頃とかの方が、今より色々楽しかった気もする…😟
haXeでミニゲーム作ったりしてた時期もあったけど、ActionScriptって、初期の単純な仕様だったJavaみたいにシンプルなんで、
TypeScriptで書くときも似たように書いちゃうけど、C++もBetter Cっぽく書いたりしちゃうし、
新しい機能とか仕様とかめんどくさいんだよね、同じこと書けるなら古い仕様で書いてしまう…😟
ジョブズにFlash潰されたのは悔しいけど、JavaScriptで十分というか、Flash軽く凌駕する世界になったよなぁ
そういえば、Webアプリのビジュアルな機能をFlashにするか、まだWebブラウザに標準実装されてないCanvasにするかで争ったことがあって、
自分はFlash推しで、Flash本当に死んでからCanvas移行すればいいんでは?(その頃はThree.jsなんてないし、そんなの夢のまた夢の時代なんで)
上司にFlashなら3Dバリバリ使えますよ、って言ったんだけど、却下されたんだよね…😟
でも、Canvasで2D実装した方が、現状でもまだ動いてるし、上司とCanvas推しした人の判断は正しかった、俺は間違ってたんだな…
モテる小学生男子の条件で足が速いというのがあるが、成人男子になっても足が速い男性はモテるらしい
お金といい、生命力といい、なんだかんだ女性は男性に守ってもらうことばかり考えているんだな…😟
しかし、モテるといえば、京アニ青葉の父親も凄いモテたらしいよな
保育園バスの運転手やってるときに、保育士の女性と不倫してすぐ離婚したりしたんだよな
そのあと、タクシー運転手やっても家に金を入れないで、女遊びしたり、女性の家に泊まったりして、
青葉たち子供を完全に育児放棄して、タクシーで事故起こして、自殺したんだったけ、うろ覚え
そう考えると、女性にモテるというのは、意外と先見性がないというか、表面的なものなのだろうか
イケメンというのも、なんかよく分からんが、生命力とかとも関係があるのかもしれんけど、
顔よりは筋肉だし、筋肉よりは自己管理というか合理的禁欲が求められるのだろう、青葉の父親みたいにならないためには
しかし、節制とかストイックさが、JSやJCやJKやギャルに評価されるとも思えない
うーん、女性は見る目がないな…😟
https://www.pixiv.net/users/${USER_ID}/bookmarks/artworks
jsが狂ってるほど遅い
2570ms、4900msのクソデカTaskがある
なお私のブックマーク数は6万です
「未経験からIT業界に!3ヶ月でフリーランスエンジニアになれる!」みたいなアレなプログラミングスクールってつまり何を教えてて何で稼げるようになるって言ってるのかっつーと
良くて企業自体はまともだが低予算な企画・イベントの告知ページやディザーページ、悪けりゃ怪しい会社の怪しい商材の怪しい宣伝ページなんだよね
クライアントからもらった素材(画像)をペタペタ並べて目新しくない枯れたCSSやJSが書ければいいやつ。
(3ヶ月でフリーランスのWebデザイナーに!でこの画像側を作るサイドになるパターンもある)
それで一体何人が本当に食っていけるものになるのかはご想像の通りなんで、動画編集の練習がてらキラキラノマド/在宅ワーカーVlogを撮ってプラットフォームから副収入を狙いつつ、
イケイケなエンジニアがだいたいMacbookとイケイケコーヒーかイケイケ社内カフェのイケイケ無料ドリンクを手に社内の色んな場所を巡りつつ
つべとかで見れる。
ならない。なるわけがない、どうでもいい
VSCodeのルートディレクトリに配置されてるからおそらく実コードだと思うんだが、鼻で笑ってしまったのね。JSかよと
割愛するけどこれだけで最高に間抜けで、オブラートに包むと性格が悪い寄りの人種であることがある程度推測できる。
そこで気がつくんだが、俺はこのイケイケたちを見て羨ましがりながら、粗探しをしていたわけだ。
そうして目的がかなって、嬉しくなった。
ああ、俺はこんなにもダサくなったのか。
元からかもしれないが、そんなことはどうでもいい。
今この瞬間俺はダサい。それが少し悲しくなった。
そうだ。
課題かイシューかソリューションかタスクかわからん、いやなんでもいい。
とにかくそういったものがあればそれを解決するために動く、ないなら作る。
イケてないカフェでイケてないノートPCを広げてイケてないエディタとイケてないターミナルを開いて