IT戦記 - Prototype.js を使った JavaScript OOP 講座 #02
社内の勉強会の資料をここに公開していきます。社内の人も社外の人も読んでください。 ※ターゲットは JavaScript は書いたことない、オブジェクト指向言語プログラマ。 ※信念は「教わるのではなく、必死に着いていきませう」 今週はかなりハードボイルドで全身タイツのような忙しさなので、みんなが春を分けて楽しんでいたり、香港に行って楽しんでいる間にせこせこ資料を作っています。 はぁ。 Section 00 Prototype.js の前に JavaScript と DOM とイベントの概要 HTML は読み込まれた後、すべての情報が JavaScript のオブジェクトに変換される。 イメージ的にはこんな感じ <html> <head> <title>タイトル</title> </head> <body> ： ： </body> </html>↓↓↓ var document = { doc
Using prototype.js v1.3.1
What is that? In case you haven't already used it, prototype.js is a JavaScript library initially written by Sam Stephenson. This amazingly well thought and well written piece of standards-compliant code takes a lot of the burden associated with creating rich, highly interactive web pages that characterize the Web 2.0 off your back. When I first started trying to use this library, a few years ago,
Extending Dreamweaver CS4 - Part 1: The TNC Lightbox
Residential real estate agency services; Real estate consultancy; Real estate listing; Real estate agent services
[Ajax]fladdict.net blog: コンポーネント指向Ajaxのサンプル カラーピッカー
コンポーネント指向Ajaxの実験として、FlashからDOMを操作してみた。。効果音やスライダーでは、AJAX構成要素をコンポーネント化する利点を説明しきれない気がしたので、もうちょっと凝ったものを作ってみました。ブログの背景色を直接コントロールできます（画面を広くしないとわからないかも）。 ここでは実装速度の関係上、JSをswf内にハードコードしているけど、動的にflashとDOMノードバリューをバインディングするようにすれば、背景や文字の色からフォームの値まで柔軟に対応できるでしょう。 Ajax用コンポーネント設計のコツは、できるだけ両者に相手のことを意識させないように書くことみたいですね。JavaScriptはflashから直接イベントを受け取るのではなく、ＤＯＭの値の変化をフックする形が簡単かと。ここではやっていなけど、Flash側へ情報を送る場合はswfのリロードをトリガーにする
PukiWiki 【FrontPage】
なんだかやけに長い説明ばかり検索に引っかかったので書きました。 Linuxのローカル環境でDockerコンテナ内のXアプリ（GUIアプリ）を利用するには $ xhost localhost + を実行した後に $ docker run --rm --net host -e "DISPLAY" container_image_name x_app_binary_path とすれば良いです。 もっと読む SSHなどよく知られたサービスポートで何も対策せずにいると数えきらないくらいの攻撃リクエストが来ます。不必要なログを増やしてリソースを無駄にし、もし不用意なユーザーやシステムがあると攻撃に成功する場合もあります。 SshguardはC作られており、flex/bisonのパーサールールを足せば拡張できますがカスタム版をメンテナンスするのも面倒です。必要なルールを足してプルリクエストを送ってもマー
video blog ãã¼ã ãã¼ã¸ å¶ä½ it at pj-blog.net
Video Blogãã¼ã ãã¼ã¸ å¶ä½It æ±äººãã¼ã Pcã¦ã§ã ãã¶ã¤ã³ãã½ã³ã³ 販売ãã¼ã ãã½ã³ã³ãã½ã³ã³è³æ ¼ Itãã¼ã ãã¼ã¸ 製ä½ãã½ã³ã³ é販 ãã¹ãã£ã³ã° ãµã¼ãã¹Pc ã»ãã¥ãªãã£It ã¹ã¯ã¼ã«ãã¡ã¤ã³ãã¼ã ãã¼ã¸ å¶ä½ ä¼ç¤¾Web ãã¶ã¤ã³
AS2HTML - ActionScriptをHTMLに変換する
ActionScriptをカラーシンタックスの適用されたHTMLに変換するツール「AS2HTML」をご紹介致します。 AS2HTMLは、Flashに組み込まれているカラーリング設定ファイル(AsColorSyntax.xml)を利用し、Flashのコードエディタとほぼ同等のカラーシンタックスを施したHTMLを生成するWEBツールです。 使い方は簡単で、変換したいActionScriptソースを貼り付け、変換ボタンを押すだけでカラフルなHTMLを生成出来ます。 また、行番号を付加したり、出力するタグ形式を設定する事も可能です。 ブログやフォーラムにActionScriptソースを投稿する際にお役立て下さい :-p → AS2HTML Flash版 → AS2HTML JavaScript版 この記事にコメントを書く 記事に対するテクニカルな質問はご遠慮ください（利用規約）。 名前（必須）：
秋元@サイボウズラボ・プログラマー・ブログ: Flashによる複数ファイルアップロードライブラリSWFUpload
via Ajaxian SWFUploadというFlashのライブラリがAjaxianで紹介されているが、これけっこういいのではないか。 ファイルダイアログで表示される拡張子を指定できる 複数ファイルを、CtrlやShiftで選択できる イベント毎にJavascriptのハンドラを呼べる アップロード開始前にファイルの情報がわかる プログレスバーが表示できる ページ全体のリロード無しにアップロードされたファイルを表示できる Flashの動く環境すべてで動く FlashやJavascriptが使えない環境でも、通常のフォームアップロードになる 最後の項目は重要だろう。 リンク先でデモを試せる。”Try it out!”ボタンを押して、適当なファイルを複数選び、アップロードすると、ファイルサイズやプログレスバーが表示される。 複数アップロードは、Webアプリでよく要望されて困るところだし、プロ
ブログで好きなフォントを使う、SIFR
SIFRはHTML内の文字をjsとFlashを使ってアンチエイリアスに表示する技術です。このサイトを見てみるとわかるように、非常に自然にページ内の見出しをアンチエイリアス文字にすることができます。 ABCニュースやレッドハットといった有名サイト、なによりMTの開発元であるsix aprtですら採用しているとなると、メモ程度じゃなくてちょっと真面目にチェックする必要がありそう。 技術的にはajaxと同様に、jsがDOMを捜査しマーカーとなるcssタグを発見するとそれを同じ内容を表示するflashで覆うみたいです。なのでJavaScriptがoffでは普通にテキスト表示されるし、googleでも文字列は拾われるという寸法。 投稿者 Taka : 2005年04月04日 23:42 book bookmark はてなブックマークに追加 del.icio.usに追加 trackbacks this
Javascriptで三角形を動かす | 秋元@サイボウズラボ・プログラマー・ブログ
Javascriptだけでぐるぐる回る三角推というデモを見つけた。IE6では動かないがIE7やそれ以外のブラウザで動く。 borderを使ってHTML+CSSだけで三角形を書くテクニックは、前にどこかのブログでやってたと思うけど、それを応用して、これだけ複雑な立体を描き、さらに動かすことに成功している。大きな三角形は、水平や垂直線で小さな三角形(実際にはborderをいじったdivタグ)に分割している。 デモでは、Q,W,E,A,S,Dの6つのキーで、回転の方向を自由に変化させることもできる。 この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の内容が古くて役に立たなくなっている、という場合にはコメントやツイッターでご指摘いただければ幸いです。最新の状況を調べて新しい記事を書くかもしれ
Asual » SWFAddress
SWFAddress is a small but powerful library that provides deep linking for Flash and Ajax. It's a developer tool, allowing creation of unique virtual URLs that can point to a website section or an application state. SWFAddress enables a number of important capabilities which are missing in today's rich web technologies including: Bookmarking in a browser or social website Sending links via email or
我的春秋: JavaScript ソースが HTML から消える日
［2006-06-10 付記］このエントリーは、2006-01-05 時点のもので情報が古くなってます。現時点で把握している最新情報を「続 JavaScript ソースが HTML から消える日」にアップしましたので、あわせてご参照ください。 Behaviour.js ― JavaScript ソースを (X)HTML から完全分離できるライブラリ 昨日、職場の同僚の人がたまたま見つけた JavaScript ライブラリを教えていただたんですけど、これがもうびっくり！なんと、このライブラリがあれば、イベントハンドラーも含めて JavaScript ソースが (X)HTML の body 内から、ほぼ完全に分離できてしまいます！ しかも、HTML 内で JavaScript 関数を適用する場所は、なんと JavaScript ソース内に CSS セレクタを書き込むことで指定！あまり日本では取
XML を JSON に変換するサービス - ベータ版を公開 :: Drk7jp
JavaScript 2.0 支援ツール「XML 2 JSON service」って何？ XML を JSON に変換するサービスです。この技術を用いることで、 クロスドメイン制限を超えて JSON 形式で XML 形式のデータを利用することが可能となります。 JSON は XML と比較して JavaScript 上で非常に扱いやすいため、コツを掴めば簡単に自分のサイトで利用できます。 既に幾つかのサイトで実装されていますが、不特定多数の方にサービス提供するために負荷対策を施し、XML 2 JSON service ベータサービスを公開することにしました。 最近良く聞く Ajax とは何が違うの？ 最近、流行りまくっている Web 2.0 と呼ばれるものの基礎技術の１つとして Ajax があげられます。Ajax は大変便利な技術なのですが、セキュリティの観点から自ドメインへのアクセスしか
JavaScript ガイド - JavaScript | MDN
この JavaScript ガイドでは、JavaScript の使い方を紹介し、この言語の概要を説明します。言語機能についてもっと知りたい場合は、JavaScript リファレンスを参照してください。 このガイドは、いくつかの章に分かれています。
出雲/Release/e
Release Programs 以下，私の作ったプログラムを公開します．ほとんど全て，UNIX 上のソフト です．これらのプログラムはフリーソフトであり，全く無保証です． 再配布・利用は自由に行なっても構いませんが、いかなるトラブルがおきようと、 私は一切の責任を取りません。 バグ，意見，質問，などございましたら，私(iz@onicos.co.jp) 宛までお願いします．また、こんなの作って欲しいっていう 要望があれば、相談にのります。暇とやる気さえ起これば作りましょう。 最近更新したプログラム： zlib.js (随時更新中...) httpget (Version 5.2.2, 2000 10/1) html-edit-mode (Version 1.5.0, 2002 9/13) pg-view-table.el (Version 1.1.2, 2002 8/3) mi-arcfs
Ajax Ajaxで基本認証+SSL - ［JavaScript］All About
JavaScript ガイド：高橋 登史朗 Ajaxなど、何かと最近騒がれているJavaScriptの最新情報とその活用方法を解説します。 掲示板 取材依頼 問合せ Ajaxで基本認証+SSL 前回は、Ajax+PHPでの動的なテーブル書き換えを行いました。 つまり、Ajaxを利用したページ構築と動的書き換えについての話題でした。今回は、ページに入る前の話題です。 ユーザーを限定した基本認証ページをAjaxで利用してみます。 AjaxをいじっていてXMLHttpRquestのopen()メソッドに「ユーザー名」「パスワード」という引数があることに気づかれた方も多いと思います。これで、基本認証ページを利用することができます。 Webサービスなどの実際の業務の中で生まれてきたAjaxにとって、ユーザー限定のサービスは大切です。XMLHttpRquestオブジェクトに仕込まれ
レイヤーを使用したFull Flash
最近PopUpに変わって需要の出てきたレイヤー。写真を載せるのはよくありますが、そのFlash版を誰でも簡単に使用できるスクリプトを組んでみました。 最近写真をレイヤーで見せるのが流行ってますよね。（POPUPブロックの影響によるPOPUP代わりみたいなものでしょうが。） そういうものはJavaScriptが結構公開されているのですが、FLASHはないですよね。（使用したもの自体、見ることもまだあまりないですね。） そういうわけで組んでみました。 まずは下記URLをご覧ください。 http://www.muraken.biz/overlay/overlayflash.html（”ここをクリック"のところをクリックしてみると、実行されます。） 今回、これを簡単に作れるスクリプトを組みました。 JavaScriptに関しては文末にてソースを置いておきますが、説明するとかなり長くなるので割愛いた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site Temporarily Unavailable
night.nu
ブラウザのスクロール量を取得するには？ | Diaspar Journal