iframeを使うことでドメインをまたいでクッキーを書き込む方法です これはサードパーティクッキーと呼ばれているものです。 例えて言えば、parent.com にアクセスしただけで、外部ドメイン child.com のクッキーをセットしてしまうという黒魔術です。 完全なクロスドメインのSSO(シングルサインオン)を実現するために研究しました。 参考にしたのはGoogleのSSOです。 Googleは一度ログインすると、google.comだけでなく、youtube.com, google.co.jpも別のドメインであるにも関わらず全てログインしておいてくれます。 これをGoogleは、ユーザがログインすると https://accounts.google.com/CheckCookie に一度リダイレクトさせることで実現しています。 このページを反射神経でCtrl+Uソースを表示して参考に

あるサイトから別ドメインのクッキーを書き込む。こういうクッキーは、サードパーティクッキーと呼ばれる。FirefoxとChromeはデフォルトでサードパーティクッキーが書き込めるようになっているが、IEとSafariが問題になる。IEはコンパクトポリシーというものを設定すればいけるが、Safariは出来ない。Safariはデフォルトで”知らないとサイトや広告のみCookieをブロック”となっている。でも、GoogleAdsenseとかは書き込めている。なので調べた。 目的 localhostにアクセスしたときsample.comのクッキーを書き込みたい。 もちろんクロスブラウザで。 (sample.comはhosts書き換えやるといい) ポリシーの設定 (P3P) (以下IE対策用) webサイトで個人情報などを取り扱う場合、ブラウザで設定されたポリシー設定とアクセスしているサイトのポリシー

みなさんはじめまして。 シーブレイン、Webデザイナーの Latin です。 今回が初ブログとなります（汗）今後ともどうぞ宜しくお願いいたします。 早速何を書こうか非常に悩みましたが、まずは基本に立ち返り、"画像処理作業"などの日常のルーティンワークを格段に早く、効率的にする事ができる Photoshop のアクションコマンドをまとめてみました。 え？そんなもん既に使ってるって？ そうおっしゃらず･･･まだ使ってない方はぜひ一度試してみてくださいね！ 今回は私が個人的によく使っているアクションコマンドと、有用性の高そうなものをご紹介させていただきます。 その前に Photoshop アクションコマンドの簡単な説明を。 【 Photoshop のアクション】とは？ 例えば、写真のリサイズや色調変換などの作業を10回･･･100回と繰り返しやってると嫌気が差してきますよね＾＾； アクションはそ

ゴールデンウィークは、ディズニーランドに連れていくと娘に約束してしまった ishida です。いったいどのくらい混雑するんだろう、どうせオイラはパレードの席取りでひたすら待つのさ。 さてさてweb高速化においてサーバー側ではなくフロントエンド側で対応できることもかなりあります。 CSSのセレクタ構文の最適化やCSSスプライトによる画像リクエスト数の削減であったり。 今回は、ファイル容量を削減に焦点を当てて圧縮ツール・サービスをまとめてみます。 Javascriptの圧縮 /packer/ http://dean.edwards.name/packer/ とってもシンプルな圧縮サービス。オプションで難読化することもできます。 JavascriptとCSSの圧縮 Compress javascript and css http://compressor.ebiene.de/ こちらもシンプルな

New office / Phillie Casablanca 誰でも仕事で落ち込むことはあるでしょう。リセットする間もなく、次々と降りかかる無理難題をクリアし続ける必要がある現代のビジネスシーンでは、うつ病はどんなに強そうな人でもある日突然かかる病気です。人の心は弱くて脆いのです。 「うつ」とよりそう仕事術 二度のうつ病からの復職を経験し、現在もうつと付き合いながら職場へ向かっている著者によって書かれた本です。うつから復職することを目的とした他の関連本とは一線を画し、復職後も継続してしっかり仕事できることを目指した内容になっています。 うつはちょっとした不安がきっかけで再発します。著者の日々の工夫から得た、うつを未然に防止する、ストレスを極力貯めない合理的な仕事術が紹介されています。健常者にとっても理想的な仕事の進め方になっています。 本書で紹介されている42の工夫のうち、特に意識したい

意外と多い!? Web フォントに対応していない環境 ～2012 年の Web フォント事情の最後でアイコン・フォントが意味不明な文字になってしまうことに対して警鐘を鳴らしている。僕もDingbatのWebフォントというタイトルで似たようなことは書いたが、最近はU+E000からU+F8FFのPrivate Use Area (私用領域または外字領域)へアイコンをマッピングするもの増えてきており、そういった問題については一部解決しつつある。ただしフォールバックできない問題は依然として残るので、JavaScriptの力を借りつつCSS側で対応してやる必要がある。 私用領域にマッピングしたとしても解決するのは意味不明な文字列が表示されてしまうことだけなので、依存する使い方、例えば画像置換のような形でアイコンと文字列を置き換えるような使い方はそのままでは問題がある。そうしてしまうとWebフォントが

Visual organization for people with things to do Dropmark is the smart way for teams and individuals to collect, organize, and discuss anything on the web. Get on the same page Elisabeth saves Tattly’s social media to analyze and share with her team. Find out more

紅茶に興味があるけど、紅茶教室に行く時間がないあなた。 紅茶を入れることに興味はないけど、店で手軽においしい紅茶を飲みたいあなた。 そんな時、ネットで「ここだけを見ておけば、おいしい紅茶が飲める！」なんてリンク集があったら便利だよね。 というわけで、私の経験から「最低限ここだけを見ておけば、おいしい紅茶が飲める」なサイトをまとめてみた。 これで、今日からあなたにも楽しい紅茶生活が！ ●紅茶はどうやって入れたらいいの？ 以下がまとまっていておすすめ。 意外と手順がすくないけど、書かれていないことが実はたくさんあったりする。 ・日本紅茶協会による紅茶（リーフティー）の入れ方 （上記で書かれていないことについて、私が補足したものがこちら） ・ティーバッグでいつもより美味しい紅茶をいれるためのゴールデン・ルール ●必要な道具は何？ 全部持っていればそれに越したことはないけど、最初はティーポット（鉄

pico-player.jsはWeb Audio API、Audio Data API、HTMLAudioElementに対応したJavaScriptサウンドライブラリです。 pico-player.jsはJavaScriptを使ってリアルタイムに音を出力する際に便利なライブラリです。 音が流れますが、マウスの動きによって音程が変化します。 こちらは風車の回転によって音が変化しています。 コマンドを随時送ってサウンドを作り出します。 デモのコードです。 ONE-LINER-ORCHESTRAのデモ動画。 関西電気保安協会リズムマシーンのデモ動画。 pico-player.jsはWeb Audio API、Audio Data API、HTMLAudioElementの3つに対応し、Google Chrome/Firefox/Operaでサウンドを奏でられます。複数の音を重ねたり、サンプリン

5/3 17:45追記：t_komuraさんに指摘いただいた関数と、さらに僕が調べ直したものを含め、「ロケール設定に従う関数一覧」に25個ほど追加しました。かなり見落としがありましたね…。 PHPのロケール*1まわりについて調査したので、これをまとめてみます。 この記事は「ロケールの影響を受ける関数 - Sarabande.jp」を掘り下げたものです。masakielasticさん、ナイスな記事をありがとうございます。 PHPの文字列型と文字エンコーディング 他のモダンなLL言語と異なり、PHPは文字列の文字エンコーディングに関して何も仮定せず、単なるバイト列として管理しています。つまり、文字エンコーディングの取り扱いは各関数の実装に委ねられています。 下記の通り、これはマニュアルにも記述があるのですが、実に残念なことです。 残念ながら、PHP の各関数が文字列のエンコーディングを判断する