カテゴリー：Web技術
-
Data URL Schema 「data:」で始まるURL imgタグのsrcに埋め込める。 仕組み Blob URL Schemaと異なり直接バイナリデータをURLに埋め込める。 メリット …
-
【Web開発】フロントで扱える「ファイルの種類」
09.17
ファイルにまつわるオブジェクトやエンコード形式など Blob(バイナリ・ラージ・オブジェクト) HTML5のFile APIで定義されたインターフェイス 生のバイナリデータが格納されている。 プロパティはsizeとt…
-
【Web開発】「push通知」について
09.12
対応端末 スマホ iPhone ブラウザ Chrome 対応しています。 Safari まだ対応してくれないです。 ユースケース LINEでメッセージが届いた時 メルカリで出品が売れた時 yahoo天気…
-
そもそもイミュータブルとは？ オブジェクトや配列の状態が変わらないことです。 なぜ、昨今のフロント開発ではイミュータブルなことが推奨されているか 動的に画面を再描画させるため 昨今のWeb開発では、時間経過やユーザーのインタラクショ…
-
【Web】「CORS」を使わないSOPの緩和方法
07.31
技術的な制約があるためにCORSがどうしても使えない場面はあります。その場合はいくつかの回避策があります。 JSONP(JSON with Padding)を用いた方法 予め用意したコールバック関数の名前をCross-Originのエン…
-
【Web】同一生成元ポリシー(SOP)について
07.31
オリジンとは？ URLのことです。具体的には、スキーム（httpなど）、ホスト名、ポート番号という3つの値の組み合わせのことです。 オリジン間のアクセス方法の種類 リソースのブラウザ内アクセス Fetch APIなどでリソースの中身…
-
【Web】基本コンポーネント
07.31
ユーザーエージェント ユーザーが使用するクライアントです。様々な形態があります。 Webブラウザ curlコマンド wgetコマンド Webブラウザ JavaScriptエンジン ブラウザの中で特に重要な機…
-
【Web】「CORS」について
07.30
CORSとは？ 「オリジン間リソース共有」のことです。これでは何のことかわかりませんよね？ Webブラウザには「同一生成元ポリシー（Same-Origin Policy）」というポリシーがあって通常は別オリジンにはアクセスできないよ…
-
【Web】HTTPについて
06.16
HTTPのバージョン HTTP/1.1 ブラウザから同一のサーバへの接続数の推奨値は2ですが、主要なブラウザはWebページの表示速度を上げるために最大で6のTCPコネクションを同時に確立し、並列ダウンロードする実装を行っています。一つの…