document.referrerとは
クロスオリジンでiframeを使用する際に、子のページから親ページのURL（ドメイン）を取得する際に、document.referrerが使用できる（parent.location.href などは同一オリジンしか使用で …
JavaScript
Node.jsやクライアントサイドJavaScriptについて
別ドメインの iframe の情報を取得する方法
別ドメインの iframe 内の情報はクロスドメインのセキュリティ制約によりブラウザでエラーが発生してしまうため、通常は閲覧できないが読み込み先で postMessage を送信し、読み込み元でそのメッセージを受け取るプ …
JSの遅延読み込み属性について
上記より基本deferを使うのが、コードの書き直しの必要がなく、楽に非同期できていい。 WPでは通常では対応していないため、フックを使う必要がある。こんなかんじ。 これを説明している、いい図があった。 https://q …
続・帰ってきたシェーダー男
シェーダー学習周りについてのメモ。 開発環境 VSCode の Shader Toy（必須） Shader Toy VSCode で GLSL 開発を補助する機能拡張。リアルタイムプレビューしてくれる。 グラフ電卓 De …
帰ってきたシェーダー男
久々のシェーダーのため、復習をば。 シェーダー 3DCGレンダリングをするプログラムのこと。shade は「次第に変化させる」「陰影・グラデーションをつける」などの意味があり、「shader」は頂点色やピクセル色などを次 …
Instagram Graph API v9.0に激おこぷんぷん丸
最近v9.0試したら、v6.0くらいのときに作成した手順書通りに動かなかった。埋め込むだけなのにマジで面倒。 マニュアルとしてやったことをここにメモしておく。 まずはクライアントに下記を操作していただく必要がある。 In …
記号プログラミング基礎
記号プログラミングは、[]（配列）を多用して、文字列を取り出し、その文字列で地道にプログラムを組み立てることで成立する。 引用：https://qiita.com/acid_chicken/items/eeb0b42a1 …
PJAXのデフォルトはBarba.jsらしい
使ってみたいメモ。 昔はPJAX（ピージャックス、ページャックス）と呼ばれていた、ページ全体をAJAXで非同期に見せかけるアレ、SPAが流行っている中で、どうしてもその仕組みが実現できないサイトで簡易導入できるものとして …
Node.js CLIアプリでコマンドライン引数処理を自前で実行
processオブジェクトについて コマンドライン引数を扱う上で最も重要なのが、Node.js実行環境のグローバル変数のひとつで、実行プロセスの情報の取得・操作を行う process オブジェクトである。コマンドライン引 …
WebRTCについて
コロナ禍でZoomなどのビデオチャットツールが通常業務で使用される機会が増えているが、その技術の中核といえるWebRTCについて簡単にまとめてみる。 WebRTC（Web Real-Time Communication） …