読者です 読者をやめる 読者になる 読者になる

やまろぐはてな

yamanokuの技術メモ。Qiitaは怖くて書けない。

モーダルでyoutube動画流すことへの所感

結論 から述べるとこうした方がいいと思います。 PC時はモーダルで表示して流す SP、タブレットは埋め込みプレイヤーで流す 理由 モーダルで表示するそもそもの目的は縮小されたものを拡大したり別レイヤーで表示することであり、スマートフォンなどでの携帯…

cookieとかを使ってjsで云々

仕事とか実験で色々試してみたので雑まとめ。 js-cookie便利 github.com jsでのCookie処理が楽なので是非導入してみよう。以下はそれを使った処理になります。 ページ固有のcookieを記録したい http://xxxxx.xxx/xxxxx/xxxx/001/ みたいなアドレスがあったと…

XSS対策のセキュアJSについて(基本編)

社内ブログでまとめた内容をこっちでも書いてみる。ただ、フレームワーク使ったりしている中級者以上にはあんま参考にならないと思いますが基本編みたいなノリで御覧ください。 エスケープをする すぐできる対策であり、割と効果的なものがエスケープ処理で…

colorbox - iframeでyoutube使う時の諸注意

経緯 colorboxでyoutube動画をモーダルギャラリーで見せるみたいな流れになった。 やり方は以下の感じ。 <p> <a href="https://www.youtube.com/embed/00000000" class="colorBox"> <img src="~~" alt=""> </a> </p> // jquery (事前にjquery.jsとcolorbox.js読み込んでおく) $(".colorBox").colorbox({rel:'colorBox', iframe: true, width: 640, height: 480, …

jQuery - スクロールバーも入れて幅検知する

背景 レスポンシブさせるときにサブカラムの幅は維持してメインカラムの幅を縮めようとしたかった。そしてある幅になったらカラム落ちさせて1カラムにさせる。 やりたいこととして、リサイズ&ロードさせて、全体分の幅からサブカラム+横のmargin分を引いた…