ある日 XML::Simple がいきなりこけて泣かないために - 酒日記 はてな支店
ちゃんと PREFERRED_PARSER を指定すること。 $XML::Simple::PREFERRED_PARSER = 'XML::Parser'; なにかこう、2005年ぐらいにみた感じの話題で恐縮なのですが。 XML::SAX をインストールしたら、いきなり XML::Simple を使ってたコードが Cannot decode string with wide charactersって言ってコケ始めた。しかし、アプリケーションを再起動してみたらなぜか再現しない。 結論としては、XML::SAX::PurePerl が使われる状態で、XMLin() に utf8 flagged な文字列を渡すと死ぬ。 use XML::Simple; use utf8; $XML::Simple::PREFERRED_PARSER = 'XML::SAX::PurePerl'; $xml =
WebKitを使ったHTML2PDF·wkhtmltopdf MOONGIFT
Safariではレンダリングエンジンとして、WebKitが採用されている。iPhoneやAndroid、Palmといったモバイル機器やAdobe AIRでもWebKitをレンダリングエンジンとしており、そのシェアは拡大中だ。高速なレンダリングが可能であり、何よりオープンソースだ。 WebKitを使ったHTML2PDF そんなWebKitを使ってWebページをPDFに変換してくれるのがwkhtmltopdfだ。 今回紹介するオープンソース・ソフトウェアはwkhtmltopdf、Windowsで使えるHTML2PDFだ。 wkhtmltopdfはコマンドラインで使うソフトウェアで、URLやHTMLファイルを渡すと、それをWebKitでレンダリングした結果をPDFファイルとして保存する。日本語も利用可能だ。オプションがとにかく多彩に用意されている。 オプションが多彩 表示に関するオプションの他、
Firebug の使い方：(X)HTML と CSS の確認・修正方法のまとめ
Firefox アドオンの「Firefbug」はご存知の方も多いと思いますが、Firefbug を使って表示しているページの(X)HTMLマークアップや CSS を確認・修正する方法のまとめを紹介します。 特に３項に記した、(X)HTMLとCSSを一発で確認する方法はおすすめです。 動作は Firefox 3.5 + Firebug 1.4.0b7 で確認しています。 １．基本：(X)HTML マークアップと CSS を表示する 確認したいページを表示した状態で、メニューバーの「表示」→「Firebug」を選択します。または F12 を押下します。 これでページ下半分に Firebug のウィンドウが表示され、左側に(X)HTMLマークアップ、右側にそのページで使われている左側のウィンドウで選択状態になっている要素の CSS が表示されます。この手順で Firebug の画面を開くと、bo
セマンティックHTML? KISS!
Keep It Simple, Stupid ウェブの文書とデータ 人間が読むためのウェブ文書にはさまざまな情報が詰まっている コンピュータ（エージェント／処理ソフト）はHTMLから文書構造の大枠を把握して提示できるが、内容（データの意味）は基本的に関知しない コンピュータ処理用のデータは別途用意する？ 両方まとめて、シンプルにしよう！ HTML文書中のデータをコンピュータ処理も可能にする HTMLのシンプルさを生かすことが大切 しかしコンピュータにとっても明快でシンプルであること だからセマンティックHTML ウェブリソースの型と関係 ウェブ文書中のデータを明示するためには 文脈によらない識別（名前付け）：何が同じで何が異なるかを明確にする データはどんなタイプ（型）か：文書について？ あるいは文中の映画について？ データどうしの関係：この日付は映画の封切り日？ 映画を観た日？ ウェブ文
オブジェクト指向CSS、HTML複雑だがパフォーマンスと再利用性向上 | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Kevin Yank氏がSitePointにFirst Look: Object Oriented CSSのタイトルのもと、オブジェクト指向CSS (Object Oriented CSS: OOCSS)に関する概要をまとめている。同文書ではオブジェクト指向CSSに関してはYahoo!のエンジニアであるNicole Sullivan氏が有名であるとし、Nicole Sullivan氏の発表資料をとりあげてOOCSSについて説明している。 説明によればOOCSSはなにか実体のあるフレームワークではなく、CSSの使い方に対する視点変更を求めるものだという。結論からまとめれば、ロケーションを特定してCSSを適用する方法をやめて、そのかわりより複雑なHT
[セキュリティ]XMLをparseするアプリのセキュリティ|2009-06-21 - T.Teradaの日記
「XML」「セキュリティ」という単語でWeb検索すると、多くヒットするのはXMLデジタル署名やXML暗号などを説明したWebページです。 本日の日記では、それとはちょっと違うテーマ（XXEと呼ばれる攻撃）について書きます。 脆弱なコードと攻撃方法 さっそく脆弱性があるサンプルプログラムです。 import java.io.*; import javax.servlet.*; import javax.servlet.http.*; import org.w3c.dom.*; import org.apache.xerces.parsers.*; import org.xml.sax.*; public class Test1 extends HttpServlet { public void service(HttpServletRequest request, HttpServletRe
![[セキュリティ]XMLをparseするアプリのセキュリティ|2009-06-21 - T.Teradaの日記](https://cdn-ak-scissors.b.st-hatena.com/image/square/06a15c64ba0ceec233d86d71001ebb29a9dcbf5d/height=288;version=1;width=512/https%3A%2F%2Fcdn.blog.st-hatena.com%2Fimages%2Ftheme%2Fog-image-1500.png)
正しいXHTMLマークアップとは？ | umbrella_process blog
XHTMLのマークアップでどうしても許せないというか、気になるやり方をよく見かける。 企業サイトではトップページに最新ニュースの一覧が表示されていることがよくあるが、その部分がかなりの確率でこのように書かれている。 <dl id="news"> <dt>2009.06.02<dt> <dd><a href="~">ニュースのタイトル</a></dd> <dt>2009.06.01<dt> <dd><a href="~">ニュースのタイトル</a></dd> </dl> 要は定義リストを使っているわけだが、これが「正しいコーディングである」と誰かが提唱しているのだろうか、ほんとによく見るんですが、定義リストの本来の意味からは大きく外れているのが気になるんです。 DTDではdl要素について「definition lists – dt for term, dd for its definitio
OperaのCEO：「HTML 5でFlashは不要になりつつある」
ウェブブラウザ企業Opera Softwareの最高経営責任者（CEO）であるJon von Tetzchner氏は、「HyperText Markup Language」（HTML）のバージョン5（HTML 5）が、Adobe Systemsの「Flash」技術を大部分において不要なものにするだろうと予想している。 von Tetzchner氏は現地時間5月20日、ZDNet UKの取材に応じ、「オープンなウェブ標準技術は、HTML 5を含め、リッチメディアウェブコンテンツを配信するAdobeのプロプライエタリ技術であるFlashの有効な代替になる」と述べた。 Operaは、AppleやMozillaとともに、2004年よりHTML 5の開発に関わっているウェブブラウザ企業だ。HTML 5の開発作業は、Web Hypertext Application Technology Workin
Google I/O、ウェブの勝利宣言で開幕--HTML 5とAndroid 2のデモ披露
米国時間の5月27日、カリフォルニア州サンフランシスコでGoogleの開発者カンファレンス「Google I/O)」が始まった。 景気低迷や新型インフルエンザの影響が心配されたが、Googleにとっては「どこ吹く風」である。Appleのイベントでもよく利用されるモスコーニセンターが世界45カ国以上から集まった約4000人の開発者で埋めつくされた。 そんな参加者の活気を代弁するように、オープニングに登場したGoogleのCEO、Eric Schmidt氏は「われわれの前に広がる素晴らしいチャンスを活かす時がやってきた」と宣言。「ウェブのプログラミングモデルが主流となる時を迎えた」と続けた。 なぜ今が、その時なのか？ 基調講演のスピーカーを務めたエンジニアリング担当バイスプレジデントのVic Gundotra氏は、以前MicrosoftでWindowsの採用を促すチームを率いていた。当時はウェ
Firefox HTML5 Audio Demo Test
From MozTW.org !!! Created for the purpose of test and demo HTML5 audio tag in Firefox 3.5 by WM & Littlebtc. Safari Users may need to install this plugin for OGG playing. All used Music Tracks are from Jamendo. Features Used： APNG HTML5 <audio> opacity text-shadow -moz-box-shadow -moz-border-radius @font-face outline
いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0
日本が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け（制作者に関係する要件）と、Webブラウザを作る人向け（実装要件についての要件）ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLはHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ
JavaScriptを呼び出しまくるFlash(AS3)の内側 （「HTMLの暴走」解説 ActionScript編） - KAZUMiX memo
「HTMLの暴走(meltdown3)」における、Flash(ActionScript 3.0)側の解説です。 Flash側は次の様な流れになっています。 iframeや埋め込みFlashなど、動かせなかったり綺麗に動かそうとすると面倒な要素をJavaScriptから取得 上記要素がある場合、JavaScriptにその要素を非表示にするように指示すると同時にその位置にノイズのアニメーションを設置し、フェードアウトのアニメーションを開始させる 初音ミクなど、事前に用意した画像からランダムに画像を選択 選択された画像のピクセル数を計算（完全に透過の部分は除外） アニメーション対象のHTML要素数をJavaScriptから取得 画像化に必要なピクセル数とアニメーション対象要素数を比較し、画像化に必要な要素数に達していた場合は画像化演出に分岐 画像化演出の場合 画像化に不要な余り要素をまず画面外に
HTMLの暴走 (meltdown3) - KAZUMiX memo
javascript:(function(d,s){s=d.createElement('script');s.type='text/javascript';s.src='http://www.rr.iij4u.or.jp/~kazumix/d/javascript/meltdown3.js?'+(new Date).getTime();s.charset='UTF-8';s.id='KM3';d.body.appendChild(s);})(document) 上記のコードをアドレスバーに貼り付けて実行すると、そのページが暴走を開始します。 ページによってはアニメーションが始まるまでちょっと待たされることがあるかもしれません。 色んなページで遊んでみてください。 アドレスバー貼り付けではなく、リンク動作の実験版 (実験)ブックマークレットをリンク先のページで発動させてみる - KAZUM
汎用的なXMLSocketサーバを書いた - download_takeshi’s diary
FlashのXMLSocketサーバ「Hoppy」をリリースしました。 Hoppy - Flash XMLSocket Server http://github.com/miki/Hoppy/tree/master githubにあげてあります。そのうちCPANにも反映されると思います。 HoppyはFlashのXMLSocketサーバのperl実装です。いわゆるプッシュ型のwebアプリケーションを簡単に実装することを目標としたTCPサーバです。 内部はperlのPOEによるイベントドリブンな実装なので、POEの知識がある方であれば、かなり柔軟にサーバの振る舞い自体を変更したり拡張したりすることができます。逆にPOEを知らない人でも、いくつかの決めごとに従うだけで、簡単に機能を搭載していく事ができます。 基本的な決めごと Hoppyはある程度の「決めごと」を前提とした、汎用的で拡張可能なX
IE8で修正されたCSSとHTMLおよびXHTML関連のバグ - builder by ZDNet Japan
今回はIE8で修正されたCSSのfloat関連以外のバグについてまとめていく。また、HTMLおよびXHTML関連で修正されたバグについても紹介する。 なお、サンプルではIE8の互換表示ボタンを利用して、IE8とIE7のStandardsモード（標準準拠モード）で表示を比較していく。Standardsモードや互換表示ボタンについては第2回の記事「IE8のレンダリングモードと互換表示」を参照してほしい。 1. 横幅の指定でマージンが消える問題 IE8では、横幅の指定で要素の上下マージンが消えるという問題が修正された。たとえば、サンプル01では でマークアップしたテキスト部分の上下にデフォルトスタイルシートで約1.33emのマージンが挿入されるため、IE8のように緑色のテキストと青色の枠線の間に余白が入る。 しかし、古いIEでは横幅を指定するとマージンが消えてしまうという問題が発生していた。サン
いま HTML5::Canvas って使えるの? (HTML::Canvas のサポート状況) - latest log
Opera の getContext("opera-2dgame") について追記しました。 fillText(strokeText) + pattern, + linerGrad, radialGrag について追記しました。 uupaa-excanvas.js ver 0.3 リリース版に基づき表を更新しました。 uupaa-excanvas.js ver 0.31で、drawImage(canvas, ...) をサポートしました。 先ほど Windows XP 上で調べました。Mac や Linux だとちょっと違うかもしれません。 # レンダリングの実例はhttp://uupaa-js-spinoff.googlecode.com/svn/trunk/uupaa-excanvas.js/DEMO.htmで見れます。 凡例 5: 実装されており他のブラウザの描画結果と互換性がある(
「HTMLやってる」人を何と呼ぶ？ | スラド デベロッパー
人々がウェブページのマークアップ書きを生業とするようになってから10年以上経つが、その肩書き（とその役割）はいまだ定まっていないように思う。インテグレーションのタスクとして取り組む人、全体のUIデザインの一部として見る人など、マークアップを書く人のタイプは異なる。仕事場における「グラフィック・デザイナー」や「インフォメーション・アーキテクト」といった役割の存在によって、その状況はより複雑化している。このことは人材募集を行うにあたって頭痛の種となる。 皆のまわりの「HTMLやっている」人（HTMLに加え、CSSとJavaScriptやグラフィックをいじるのも少々含まれるだろうか）はどんな肩書きで呼ばれているだろうか？ 今まで目にした肩書きには「デザイン・テクノロジスト」、「ウェブ・デベロッパー」、「フロントエンド・デベロッパー」、「HTML/CSSデベロッパー」、「クライアントサイド・デベロ
HTML Entities
This page contains the 252 allowed entities in HTML 4 and XHTML 1.0, as outlined in section 24 of the official HTML 4 specifications, published by the W3C. If you find it helpful we'd really appreciate a social share! Each entity is contained within a small box that contains four lines: The first line shows how the entity will be displayed on your webpage. The second line contains the entity refer
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML ASCII Reference
HTMLをPDFに変換するサービスいろいろ:phpspot開発日誌