FileAPIとは? HTML5関連のAPIです。これ。 http://www.w3.org/TR/FileAPI/ こんなことが出来る バイナリーで読み込める 文字列としても読み込める ただしローカルのファイルには保存が出来ない フローの変化 1)今まで ファイルをサーバに上げる サーバで処理する クライアントに表示 サーバを更新 2)FileAPIを使うと? クライアントでファイルを処理 サーバを更新 シンプルなフローを実現することが可能になりますね。 サンプル サンプルは、ソースファイルをただ表示するだけというシンプルなものです。 File APIでソースコードを表示するサンプル ※文字コードはUTF-8限定。 実はこのスクリプト、1秒おきに表示を更新しています。 書いている人が保存をするたびに表示が更新されるので、同じファイルを読み込める環境であればチームメンバーのコードの進捗
ページへの設置方法は簡単で、スクリプトを外部スクリプトで記述し、数行のスタイルシートを記述するだけです。 ※「Installation」の2と3をコピペ。 使用方法も簡単で、設置済みのページで、[Alt]+Gで一時表示、[Alt]+G+[Enter]で固定表示、となっています。
Firefox拡張機能(extension)の作り方 Firefox拡張機能(extension)の作り方を説明します。 Firefox 拡張機能とは Firefox add-onの一種です。 add-onは次のように分類できます。 plugin ...実体はexeやdll。C++で作成。素人にはお勧めしません 検索バー ...実体はXMLの設定ファイルのみ。見れば分かるので説明はしません スペルチェッカ ...日本語には無縁なので未調査(たぶんファイルを作るだけ) 拡張機能 ...実体はXML、JavaScriptとCSS。必要なら、C++で書くXPCOM。これから説明します テーマ ...拡張機能のサブセット。CSSのみの場合をテーマと呼びます
var canvas=document.createElement("canvas"); canvas.width=160; canvas.height=120; var ctx=canvas.getContext("2d"); var img=new Image(); img.src="data:image/png;base64,(略)"; ctx.drawImage(img,0,0); var imageElem=document.createElement("img"); imageElem.src=canvas.toDataURL("image/png"); document.body.appendChild(imageElem); var canvas=document.createElement("canvas"); canvas.width=160; canvas.heigh
qooxdoo is a comprehensive and innovative framework for creating desktop-style web applications, often called rich internet applications (RIAs). 17日(ドイツ時間)、qooxdooの初のメジャーバージョンとなるqooxdoo 1.0が公開された。qooxdoo(クークスドゥーと発音)はJavaScriptで開発されたフルフィーチャJavaScript Ajaxアプリケーションフレームワーク。デスクトップアプリケーションと同じエクスペリエンスをWebアプリケーションとして提供する。 Showcase テーブル- qooxdooデモンストレーション実行例 Showcase ツリービュー- qooxdooデモンストレーション実行例 Showcase ド
週末料理をしていて足を切ってしまいました。agoです。 以前Perlは書いていたんですが、その頃以下の記事を読んで非常に感銘を受けました。 Perlプログラマのレベル10 - Perlプログラミング救命病棟より - naoyaのはてなダイアリー 当時あまりコミュニティとのつきあいがなかったので、「自分のスキルの絶対位置」、「次のレベルへ行くために必要なもの」を知ることで非常に安心感を感じた記憶があります。 いま確認したところ、「JavaScriptプログラマのレベル10」はないようなので書いてみました。 Perlプログラマ Schemeプログラマ Rubyプログラマ (本家に直接リンクできるURLが無かったため、参照ページへリンクしています) haskellプログラマ 堕落したCプログラマ HTML知識レベル プログラマレベル 企業法務 JavaScriptの業務スキルレベル 判別表 (5
In response to this article at ajaxian.com, and just for the sheer fun of it, here's a small-footprint object-encapsulated unobtrusive javascript crossfader. Download Crossfader v1.3 At 1.7Kb it's one hundredth of the size of the scriptaculous library used in the other example. (Woohoo.) The constructor takes three variables: an array containing the ids of the divs to be faded, the fade time (in m
あらすじ 僕は本無しにJavaScriptを覚え、その後も全く本を読まなかったため(今もまだJavaScript関連の本を持っていない)、友人の変態C++プログラマにJavaScriptを覚えるための本を聞かれて、答えることが出来ませんでした。しかし、そんな中、颯爽と助けてくれた某JavaScriptコーダーがおり、そんなことがあって、世間のJavaScriptコーダーってどういう人たちなんだろうと気になって、とある勉強会に参加して、なぜか最後、指名手配されて、いや、僕はそんな知られるほどのことはしていないと思っていたのだけど、まぁ、何かやり遂げてはいたのかもしれないと思ったので、JavaScript界隈の有名人を調べてみることにしました。 まとめ方 多くのJavaScript界隈の有名人はJavaScriptで有名なブログを持っているに違いないという発想の元でTopHatenarのJav
オンラインとリアル。現代のエンジニア・コミュニティには、2つの活動領域が存在する。その境界線を越えて活動する人たちにフォーカスを当て、これからのコミュニティ像を探る。 第2回|1 2|次のページ エンジニアが開く数々の技術勉強会。その開催場所を見ると、やはり東京を中心とした関東圏が多い。そんな中で一時期、不思議な「場所」で開かれる勉強会が存在した。名前は「Roppongi.JS」、場所は「オンライン」。 オンラインで勉強会、というユニークな試みは、試行錯誤の連続だったようだ。2008年3月にスタートしたこの勉強会は、同年7月に「一時凍結」を宣言した。 なぜオンラインだったのか。リアルな勉強会との違いは。そして「凍結」の意図とは。主催者である「HolyGrail」氏に伺った。 ■初心者にもJavaScriptを使ってほしい Web上ではHolyGrailという名前で通っている、堀邦明氏。某W
活躍の舞台をどんどん広げているJavaScript。本連載では、JavaScript関連書の執筆でおなじみの古籏一浩氏が、最新の活用Tipsから今後注目のAjax/JavaScriptライブラリーの解説まで、“楽しくできて役立つネタ”をお届けします。
EVER:CLOCK is a fun, themeable, online digital clock that can be loaded straight into your modern Web browser. Several different clock types are available, and there are thousands upon thousands of interesting clock themes to choose from. Each clock type offers its own unique qualities and theming options. The EVER:CLOCK Web app and its supporting Web site is built entirely using the UIZE JavaScri
数え切れないほどのYUREXと一緒に住んでいた渡邊です。 今の時代、ブラウザさえあれば経路情報をカンタンに取得することができます。 今回はGoogleの経路検索APIとjavascriptとブラウザを使います。 1. 結果を見る 弊社、自由が丘オフィスから鎌倉本社までの経路についての、 APIレスポンスをまとめたものは下記の通りです。 route.json 2. 確認する 出発地名と到着地名を入力して経路検索ボタンを押すと、 Firefoxのconsoleに経路検索結果をまとめたオブジェクトが表示されます。 consoleオブジェクトが無いブラウザの場合は、アラートで簡潔にお知らせします。 ※都道府県名を含めない場合、結果が出ないことがあります。 出発地名: 到着地名: 3. 主要なクラスのリファレンス クラス GDirections - Google Maps API リファレンス クラ
業務システムでAjaxを使う際の「JavaScript問題」とは:TERASOLUNAでAjaxもラクラク開発(前編)(1/2 ページ) オープンソース「TERASOLUNA」の業務用Ajaxとは Ajaxは、Webブラウザ上で使いやすく表現力の豊かなUI(ユーザーインターフェイス)を実現するための技術です。そのメリットは、インターネット上の先進的なWebサイトだけではなく、企業内の業務アプリケーションでも活用が進んできました。NTTデータがオープンソースで公開しているTERASOLUNAフレームワークにもAjax開発に対応した「TERASOLUNA Client Framework for Ajax」(以下、TERASOLUNA Ajax)がラインアップに含まれています。 TERASOLUNA Ajaxは、サーバ側の実装方法を特に規定していないので、Javaや.NET、PHP、Rubyな
私が作ったわけではなく海外の記事です。自分も学習してみました。 phpスポーツ啓発日誌や、コカトリスさんや、アイスクレアームパラダイスさんのような、品質の良い訳は私にはできませんので見出しは意訳もしくは誤訳、文章は無視して訳してません。かつ、私がいろいろコードや文章つけたしてます。内容的にはほとんどズレてはないと思いますが、適当なのでおかしいところがあるかもしれません。 うっとうしい場合は原文をどうぞ。 24 JavaScript Best Practices for Beginners 1. 等価演算子で==使うなよボケ===だろナスチン野郎 ひぃぃぃ。 ==|!= だとねー、型は自動に変換されるんすよねー。ねー。 s = '1'; i = 1; alert(s == i); // true alert(s === i); //false えーと、==は「わし、数値も文字列も中身が一緒だ
IE6以下をWeb標準に準拠させるライブラリ『IE7.js』 多くの人が待ちに待ち望んだライブラリ。やはりすごい人はすごいものを作るんですね。 このライブラリを読み込むことによりIE6以下でもIE7と同じようなXHTM/CSSの解釈を行ってくれます。 ただし完全にIE7と同じような形にするのではなく、より近い形ということです。 現在公開されているバージョンはversion 2.0 (beta)ということで、まだ実務で使うのは難しいかもしれませんが、MITライセンスで公開されておりますので正式にリリースされればweb制作の現場を変えてしまうライブラリです。 設置方法 Google コードのie7-jsより直接読み込むことが可能です。 以下の要素をhead要素内などに記述します。 <!--[if lt IE 7]> <script src="http://ie7-js.googlecode.c
This plugin will fix the missing PNG-Transparency in Windows Internet Explorer 5.5 & 6. Features unobtrusive script, simple to setup works now also with CSS-Backgrounds (but scaling backgrounds) works with PNG-Images within Links TITLE, ALT, CLASS and STYLE-Attributes are considered This page uses jQuery Version Version 1.1, 2007-09-11 Tested on Windows XP SP2 with - IE 5.5 + 6 + 7 E x
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン! 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く