JavaScript– tag –
-
Column
statusCode / 100 != 2は賢いのか読みにくいのか?HTTPステータスコード判定の書き方を考える
AIが書いた「割り算でステータス判定」が話題に Claude Opus 4.7が生成したJavaのコードに、こんな一行がありました。 if (response.statusCode() / 100 != 2) { // エラー処理 } これを見た開発者の反応は真っ二つに分かれました。「賢い、自分もよく使う... -
Column
週5,300万DLのVitestに深刻な脆弱性! CVSS 9.8のリモートコード実行、今すぐアップデートを
テストフレームワーク経由で開発マシンが乗っ取られる 2026年6月5日、JavaScriptテストフレームワークVitestに複数の深刻な脆弱性が公開されました。最高でCVSSスコア9.8。攻撃者が開発者のローカル環境やCI/CDでリモートコード実行(RCE)できる致命的な... -
Column
EJSとは? LaravelのBladeを知ってる人向けに30秒で理解するNode.jsテンプレートエンジン
「Node.jsでBladeみたいにHTML書きたいんだけど」 LaravelでBlade(.blade.php)を使っていた人がNode.jsに来ると、「HTMLにサーバー側の変数を埋め込むやつ、Node.jsだと何使うの?」と迷いますよね。 答えの一つがEJS(Embedded JavaScript)です。やっ... -
Column
.trim()で空白だけの入力を弾く! フォームバリデーションの地味だけど重要な基本
「名前が空白だけのユーザーが登録されてるんだけど…」 ある日、管理画面のユーザー一覧を見ていたら、名前欄が「 」(全角スペース3つ)のユーザーがいる。メールアドレスも「 」(半角スペース1つ)で通っている。バリデーションは入れたはずなのに... -
Column
フォームのプレフィルって何?URLパラメータで入力欄を自動セットする仕組みと実装方法
「また同じ情報を入力するの…?」フォーム入力のストレスを消す方法 名前、メールアドレス、会社名、部署名…。Webフォームに何度も同じ情報を入力するのって、地味にストレスですよね。特にイベント申込やアンケートで「あなたの情報を入力してください」... -
Column
npm と npx って何が違うの?新人エンジニアが最初につまずくポイントを3分で解決
「npm install って書いてあるけど、なんで npx なの?」問題 プログラミングを始めたばかりの頃、READMEやチュートリアルを見ながら手を動かしていて、こんな疑問を持ったことはありませんか? 「さっきまで npm install って打ってたのに、急に npx crea... -
Product Research
Ably Chat – リアルタイムメッセージング機能を簡単実装できる開発者向けChat API
Ably Chatは、大規模なリアルタイムメッセージング機能を簡単に実装できる開発者向けChat APIプラットフォーム。HubSpotや17Liveが信頼するインフラで、99.999%の稼働率とグローバルエッジネットワークを提供。JS、React、Swift、Kotlinに対応したSDKを搭載。 -
Product Research
TypeScript 6.0 – Go言語移行前最終版、ネイティブ速度実現への架け橋
TypeScript 6.0はJavaScriptベース最終版として、次期7.0(Go言語実装)への移行を支援。厳格モード標準化、ESMファーストアプローチ、Temporal API対応など、モダンな開発環境を整備し、ネイティブ速度時代への準備期間を提供します。 -
Column
Google認証だけ実装したら「ログインできない」と言われた!アプリ内ブラウザのOAuthブロック問題と対策まとめ
「ログインできないんですが…」個人開発でやりがちな落とし穴 個人開発でWebアプリを作り、ログイン機能に Google 認証だけを実装した。設定も完了、動作確認もバッチリ。いざ X(Twitter)でシェアして広めてみたら…… 「ログインできないんですが?」 実... -
Product Research
WebMCP – AIエージェントとWebアプリを連携させるJavaScriptインターフェース
WebMCPは、Webアプリケーションの機能をAIエージェントが利用可能な「ツール」として公開するJavaScriptインターフェース。自然言語記述と構造化スキーマを活用し、ユーザーとAIが同一インターフェース上で協調作業できる新しい開発手法を提供します。