さむらいさんソフトバンク・au・ドコモの方は、公式のオンラインショップを利用すれば頭金不要で通常のショップよりお得に購入できます。au公式ショップを見るどうも、さむらいです。今回の記事はブックマークレットでhtml2canvas読み込み編。みんなご存知ブックマークレットの処理内容なので、少々短めです。ユーザーがウェブブラウザのブックマークなどから起動し、ウェブブラウザで簡単な処理を行う簡易的なプログラムのことである。携帯電話のウェブブラウザで足りない機能を補ったり、ウェブアプリケーションの処理を起動する為に使われることが多い。(wikipediaより)なんか難しそうに書いてるけど、要は誰かが書いたJavaScriptを、どこかの誰かのページ上で実行できる機能です。書くと結構危ないことをやろうとしているのでは?と思うかも知れませんが、どんなツールも使いようです。それにそんな危ないことはこのブログでは紹介しませんよ。(ΦωΦ)フフフ...早速ブックマークレットでhtml2canvasライブラリを読み込むブックマークレットは短く記述しないとあかんので、基本的な処理は外のJSに書くとして、ブックマークレット自体は、以下のように記載します。Date()));s.type=”text/javascript”;s.charset=”UTF-8′′;document.getElementsByTagName(“head”)[0].appendChild(s);})();[/js]一応説明しておくと以下は、JSをキャッシュ化しないようURLの最後にユニークな情報(ここではタイムスタンプ)を入れる記述です。[/js]また上記のブックマークレットの実行によって、指定されたサーバ上にあるJSファイルを、タグの最後に追加することになります。ここからは、上記のブックマークレットを実施することでページに追加されるJSファイル内の記述。ライブラリの読み込みライブラリを読み込むのは通常のscriptタグを追加するのと一緒なので、JSの中で以下の記述をします。‘//ライブラリを設置したサーバのURL/html2canvas.js’;document.body.appendChild(e);[/js]でもこれをこのまま実行しても、html2canvas.jsがおいてあるサーバと、ブックマークレットを実行した時のドメインが違うとAccess-Control-Allow-Originのエラーが出ます(だめじゃん!)ということで、別ドメインのページをキャプチャしたいときは、このエラーが消えるようサーバ側の.htaccessなどに以下の記述が必要です。*[/js]サーバの設定によっては、上記の記述が許されないケースもあるので、サーバ管理者と相談しましょう。このエラーがクリアできれば、任意のページでhtml2canvasライブラリを読み込むことができるようになりました。UTF-8’);//html2canvasはphpと同じフォルダに設置する。file_get_contents(‘./html2canvas.js’);[/js]これでhtml2canvasを実行できるようになりましたぞ!次回の記事では取得したページの画像をサーバにアップするところまで紹介・・・・できたらいいな。ソフトバンク・au・ドコモの方は、公式のオンラインショップを利用すれば頭金不要で通常のショップよりお得に購入できます。au公式ショップを見る【週刊bitWave】(メルマガ)始めました!登録はこちらからメールアドレスを入力してお申込みください。【週刊bitWave】の更新情報の配信にのみ使用します。個人情報の取扱いに関しては、「プライバシーポリシー」をご確認ください。解除はいつでもこちらから行うことが可能です。最近、サーバ構築を実施する必要がありました。今回は記事閲覧数が期待できそうなキーワードを用いて、ブログを書いてみようかと思います。