フロントエンドのコードからの情報漏洩を防ぐための工夫 - BASEプロダクトチームブログ
基盤チームの右京です。 昨今はフロントエンドのアプリケーションもリッチになり、ブラウザ上で実行されるコードが行うことの範囲も増えてきました。一方で多くのことを実装できてしまうのはリスクでもあり、BASE でも問題となることがあります。 その中でも「開発環境の URL」や「デバッグ機能の存在」ような環境毎に異なる情報は、特に意図せずに漏れやすいものだと考えています。これらはコードを記述する際に、実装方法を知識として知っていればその多くが回避可能です。この記事ではその実装例を解説しています。 コードから漏れる情報 例えば、次のようなコードがあるとします。 function debug() { // 開発環境の host であればデバッグ機能を有効にする return location.host === 'dev.example.com'; } なんの変哲もないようなコードに見えますが、ブラウザ
モーダル要素の実装に便利なCSSの新機能「:modal疑似クラス」、主要ブラウザのすべてにサポートされました
先日リリースされたChrome 105, Edge 105でコンテナクエリ（@container）と:has()疑似クラスがサポートされ、モダンCSSの新機能がいよいよブラウザで使用できるようなりました。 そしてもう一つ、:modal疑似クラスもサポートされています。CSSでモーダル要素を検出できる新機能で、今までJavaScriptでしかできなかったことがCSSでできるようになります。 Is it :modal? by Jhey Tompkins コンテナクエリ（@container）と:has()疑似クラスについては、先日の記事をご覧ください。 レスポンシブの実装が今までと変わる！ CSSの新機能コンテナクエリと:has()疑似クラス、最初に理解しておきたい基礎知識を解説 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスの元、翻訳しています。 :modal疑似クラスがCh
Haskeller のための開発環境構築 on GitHub Codespaces - Qiita
Haskell の開発環境を GitHub Codespaces に構築するためのチュートリアル記事です。 Codespaces の Ubuntu 22.04 コンテナに ghcup, stack, Haskell Language Server, Haskell VSCode Extension がインストールされた状態で開発を始めることができます。 記事内で紹介する設定ファイルは次の repository にも置いてあります。 https://github.com/algas/codespaces-haskell-init 対象読者 オンラインで Haskell を使った開発をしたい Haskell の開発環境を構築するのが面倒 前提条件 VSCode を使ったことがある/使っている GitHub の基本的な使い方を知っている GitHub で Codespaces が使える状態になっ
世紀の謎「カーリングはなぜ曲がるか」を精密観測で解明 | 立教大学
OBJECTIVE. 立教大学（東京都豊島区、総長：西原廉太）の村田次郎理学部教授は、カーリング競技で用いられるカーリング石が「反時計回りに回転させると、進行方向に向かって左側に曲がっていくのはなぜか」という、98年間にわたって科学者の間で真っ向から対立する仮説に基づく議論が繰り広げられてきた「世紀の謎」を、精密な画像解析によって実験的に解決することに初めて成功しました。 私たちの4次元時空を超える5次元以上の「余剰次元」の探索実験の為に開発した画像処理型変位計測技術を応用する事で、ミクロン精度でカーリング石の運動を精密観測した結果、中心からずれた点での摩擦支点を中心に石の重心が振られる、旋廻現象によって偏向が起きる事、そして速さが遅いほど摩擦が強まるという、通常は一定と考える動摩擦係数が実際には速度依存性を持つ性質により、氷に対する速さが異なる左側と右側とで、非対称な頻度で旋廻が生じると
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
