JSとcanvasで縦組みエンジンを作ろう（ ・∀・） その1 - Webと文字
○|￣|＿ ＜編集中に記事が消えました…サンプルのみです。 サンプル 青空文庫から宮沢賢治、「グスコーブドリの伝記」をサンプルに選びました（参考資料１）。IE、FireFox、Chrome、Safariで見れると思います。マウスホイールで拡大、縮小が出来ます。 サンプル：グスコーブドリの伝記 参考資料 宮沢賢治 グスコーブドリの伝記 追記：2010/5/17,24 縦組 文字を縦に組み上げることを縦組といいます。以下の資料が詳しいです。 日本語組版処理の要件（日本語版） この文書は，CSS，SVGおよびXSL-FOなどの技術で実現が求められる一般的な日本語組版の要件を記述したものです．この文書は，主としてJIS X 4051（日本語組版規則）に基づいていますが，一部，JIS X 4051に記載されていない事項にも言及しています． 日本語組版では文字は正方形の外枠を持ちます。 これはバウンデ
The Planetarium
Mercury is the first planet from the Sun and is also the smallest and densest planet of the Solar System. Mercury has yet to be entirely mapped, making it the least known planet in our system. Venus is the second planet from the Sun and is often called Earth's sister due to its many similarities with the Blue Planet. However, a strong greenhouse effect gives Venus the hottest climate in the Solar
Selenium 中級者になろう （変数＋XPath＋JavaScriptを，テストケース中で利用する方法） - 主に言語とシステム開発に関して
回帰テストツール「Selenium」の中級 Tips。 初級の使い方については 今から３分で selenium の使い方を身に付ける (回帰テスト自動化) http://language-and-engineering.hatenablog.jp/entry/20081016/1224080409 selenium 主なコマンド一覧 http://language-and-engineering.hatenablog.jp/entry/20081016/1224123118 で入門のこと。 Seleniumのより便利な使い方として，下記で （１）変数の使い方 （２）XPathの使い方 （３）テストケース中へのjavascriptの埋め込み （４）Ajaxアプリのテスト方法 を学ぶ。 まず，まとめを掲載。そのあとで，実際のテストでどう役立つのか詳しく解説する。 まとめ 要素の指定方法まとめ
selenium 主なコマンド一覧 - 主に言語とシステム開発に関して
よく使うコマンド集。 分類済み。 移動 open [url] [] : urlを開く submitAndWait [formのid] [] : 送信して結果を待つ click [id] [] : リンクやボタンをクリック clickAndWait [id] [] : リンクやボタンをクリックして，画面遷移を待つ 確認 verifyTitle [text] [] : titleを確認 assertTitle [text] [] : titleを確認。違えば停止。 verifyText [id] [text] : 要素の文字列を確認 assertText [id] [text] : 要素の文字列を確認。違えば停止。 verifyValue [id] [value] : フォーム要素の内容を確認。（セレクトボックス含む） assertValue [id] [value] : フォーム要素の内容を
Yahoo! ニュース Web サービスを用いたニュースカテゴリの取り込み方法
ここでは Yahoo! ニュース Web サービス を利用して、 Yahoo! ニュースカテゴリ一覧の取り込み方法を説明します。 それぞれのトピック名をクリックすると、Yahoo! ジャパンのニュースヘッドラインページへジャンプします。 まずは実行例を見てください。 Yahoo! Japan ニュース 上記ニュースカテゴリは、Yahoo! ニュース Web サービスを用いて取得しています。 アプリケーションの構築方法 ここでは上記のように、コンピュータカテゴリのニュースカテゴリを取得する方法を説明します。 全体的な構成 いろいろな方法があるのだと思いますが、私は下記のような構成にしています。 次のような順番になります。 Web クライアントの JavaScript から Ajax リクエストを自サーバーに対して行う。 この時、prototype.js の Ajax.Request を利用し
Learning JavaScript Design Patterns by Addy Osmani
Document has moved, if you aren't automatically redirected go here.
ブラウザを選ばずWebテストを自動化するSelenium
Webアプリケーションのファンクションテストを行うツールとして注目されている「Selenium」のバージョン1.0が6月20日にリリースされました。安定性が向上するとともに、Firefox 3.0、3.5（Selenium IDEは1.0.2から、Firefox 3.5に対応）や、Internat Explorer（以下、IE） 8などの最新のWebブラウザにも対応しました。 本稿では、Selenium 1.0をベースとしたSelenium IDEとSelenium RCを利用した効果的なSeleniumの利用方法を紹介します。 Webアプリのテストで誰もがイラつく大きな課題 Webアプリケーションテストを手で行うと、非常に煩雑です。Selenium登場以前の従来のやり方では、次のような問題がありました。 回帰テストに時間がかかる バグ修正や仕様変更などで、Webアプリケーションを変更した
サービス終了のお知らせ
平素より「PHPプロ！」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ！」ですが、サービスの利用状況を鑑みまして、2018年9月25日（火曜日）をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日（火曜日）を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。
HTML5Pattern
You can directly edit the above text, by clicking on it. To add a new case, you have to press Alt+Enter. For removing a case just press Alt+Backspace or Alt+Delete. You can save or send the pattern by just copying the link. Have fun! Privacy policy / Datenschutzerklärung Allgemeiner Hinweis und Pflichtinformationen Benennung der verantwortlichen Stelle Die verantwortliche Stelle für die Datenverar
次世代JavaScriptを“いま”実現するグーグルの「Traceur」
現在仕様策定中の次世代JavaScriptが備えるであろうクラスの継承やモジュール化機能を、いまのJavaScriptで実現するコンパイラ「Traceur」をグーグルが公開しました。 traceur-compiler - Google's vehicle for Javascript Language Design Experimentation - Google Project Hosting TraceurはJavaScriptで記述されたコンパイラとして実装されており、オンザフライでTraceur対応JavaScriptを現在のJavaScriptに変換、実行します。 具体的には、HTMLの先頭で「traceur.js」を読み込んでおくと、そのWebサイトではそれ以後、Traceur対応のクラスやモジュール化機能を備えた次世代JavaScriptをそのまま実行できる、ということになり
HTMLベースのプレゼンツールまとめ | Blog.37to.net
home blog labs about contact Web・コンピュータ > HTMLベースのプレゼンツールまとめ (X)HTML プレゼンテーション 作成： 2008-06-15T21:24:33+09:00 更新： 2009-04-29T01:01:46+09:00 Kanasan.JSの資料作成にHTMLベースのプレゼンツールを調べていたので、簡単にまとめておきます。 Slidy W3C謹製のプレゼンツール。綺麗なHTMLで書けます W3C Slide show Tools MT & HTML Slidy でスライドを作る | WWW WATCH 作成方法紹介 Slidyのページ＜桑原政則 使いかたの紹介。この方が作成したのかな？ HTML Slidyのプレゼン資料 色々まとめ[to-R] Slidyの資料まとめ script.aculo.usでHTML Slidyを改造[to
JavaScript基礎文法最速マスター - gifnksmの雑多なメモ
続々と増え続ける基礎文法最速マスターシリーズ(あまりにも増えてきたので他の言語記事へのリンクは別の記事に移しました)。 JavaScript 版は誰も書いていなかったようなので書いてみます。こういう解説記事的なものを書くのは初めてなので変なところがあったら指摘して頂けるとありがたいです。 JavaScriptの基礎概念についての解説はこちら：JavaScript基本概念最速マスター - TechTalkManiacs 1/31 23:58追記 コメント欄のos0xさんのご指摘を基に一部追記・修正を行いました。 2/2 2:52追記 switch文・正規表現・例外処理について追加しました。 2/2 6:44追記 コメントでfavrilさんにご指摘頂いた点(typo & コメント・サンプル追加)を修正・加筆しました。 2/2 7:15追記 トラックバックでLiosKさんにご指摘頂いた点(cal
Firebug
Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of
キャンセルイベントフロー（cancelBubbleとstopPropagation） - 小池啓仁 ヒロヒト応援ブログ By はてな
前回は、イベントキャンセルのreturnValueとpreventDefaultでしたが、今回はイベントフローのキャンセルです。 イベントキャンセルがイベントのデフォルト処理をキャンセルするのに対して、イベントフローキャンセルは、イベントが要素の階層毎とにフローしてくのをキャンセルします。 以下は、たとえば、『短い』をクリックするとイベントがdanraku, midashi, bodyとフローしていくのが分かります。 そして、コメントにしてある、cancelBubble（IE) または stopPropagation（Firefox系） を生きにするとフローしなくなるのが確認できます。 <html> <body onclick="bodyClicked(event.target || window.event.srcElement)"> <div onclick="midashiClick
JavaScriptでHTMLをダイナミックに書き換える 後編
まとめて更新を行う（DocumentFragment） これまで、HTMLの要素をDOMを使って自由に操る方法を学んできました。基本はすでに身についていますので、あとは応用で、いろいろなWebアプリケーションを作ることができるはずです。しかし、Webアプリケーションを作り込むうえで、パフォーマンスという問題から逃れることはできません。 サーバー上で動作するアプリケーションの場合は、サーバーの負荷を軽減するためにさまざまな工夫をしますが、JavaScriptといえども例外ではありません。近年のWebアプリケーションにおいては、ブラウザ側で実行されるJavaScriptの役割が重要になり、複雑な処理が求められるようになってきました。JavaScriptの書き方によって、表示速度が大きく変わってしまうことがあります。この処理時間とは、ブラウザのレンダリング時間のことです。この点を考慮に入れてJa
Web Kit DOM Programming Topics: JavaScriptからのObjective-Cの使用
ADC Home > Reference Library > Guides > Apple Applications > Safari > Web Kit DOM Programming Topics > Web KitのWebスクリプティング機能を使って、JavaScriptスクリプティング環境からObjective-CのプロパティにアクセスしたりObjective-Cのメソッドを呼び出したりできます。1つ、重要でありながら必ずしも明白ではない事実があります。それは、このブリッジがいかなるJavaScriptスクリプトも、Objective-Cにアクセスすることを許可していないということです。カスタムプラグインがインストールされていない限り、Objective-Cのプロパティとメソッドに、Webブラウザからアクセスすることはできません。ブリッジは、カスタムプラグインとWeb Kitオブジ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Layer Styles
http://nikebetterworld.jp/en;jsessionid=B7C1B17A4B1A973F709650321E31358C
Wonder-boys.net
Engadget | Technology News & Reviews
