ドットインストール代表のライフハックブログ
![IDEA * IDEA](https://cdn-ak-scissors.b.st-hatena.com/image/square/ec52598347a590011767893da7b1f42085d2ccde/height=288;version=1;width=512/http%3A%2F%2Fwww.ideaxidea.com%2Fwp-content%2Fuploads%2F2009%2F01%2Fgapi1.gif)
JavaScript を書くのに普通のエディタでは厳しいなぁ。すぐに書き間違えてしまう。くだらないミスでイライラ… (+_+) Firebug のコンソールで試すのも限界があるし。やはり、補完機能付きの IDE を利用することにしよう。 以前、 JavaScript の開発環境を整えようと思ったときに試した中で、動作が軽かったのは Spket IDE 。 これを使うことにした。 構成 JavaScript は独立したファイルとして作成。 HTML ファイルでは、外部の JavaScript ファイルを読み込む。ただし、HTML , JavaScript 両ファイルのエンコーディングは UTF-8 。 動作の確認は Firefox 。 デバッグは Firebug を使う。 Spket IDE の設定 ファイルを保存するときに、UTF-8 になるようにする。 メニューより、Windows >
Recently I was having a little bit of fun and decided to go about writing a pure JavaScript HTML parser. Some might remember my one project, env.js, which ported the native browser JavaScript features to the server-side (powered by Rhino). One thing that was lacking from that project was an HTML parser (it parsed strict XML only). I’ve been toying with the ability to port env.js to other platforms
JavaScript Library Archiveについて JavaScriptライブラリをまとめたサイトです。用途別に探すことができ、配布元、使用方法、ライセンスなどについて解説をしております。 新着JavaScriptライブラリ プログラムのコードに色を付ける「google-code-prettify」 角丸を表現する「jQuery Corners 0.3」 jQueryベースのカラーピッカー 「Farbtastic」 水平方向のアコーディオンメニュー「horizontal accordion」 セレクトボックスをカスタマイズする「Script.aculo.us Select Box」 IE6でhover,active,focus擬似要素を使う為の「csshover」 画像に光沢を与えるjsライブラリ『Glossy.js』 IE6以下をIE7と同じようにするライブラリ『IE7.js』
出張Shibuya.js 24 Lightning Talks ustreamのJSONP APIを勝手に作ってustreamerを改造するネタを話すつもりだったけど マッシュアップネタは大して面白くないので別の話でもするか 最速インターフェース研究会 主任研究員 ma.la あらすじ 空前のustream.tvブームがあって 同時に見れるやつをmiyagawaさんが作って クエリ渡して任意チャンネル同時に見れる奴を作った わりと好評ですぐに飽きた
2007年08月17日01:15 カテゴリ翻訳/紹介Lightweight Languages 怠翻 - JavaScriptでありがちな9つのシマッタ 私自身結構シマッタしちゃうので。 Nine Javascript Gotchas 尻カンマ注意 以下のコードはFireFoxでは動きますが、Internet Explorer (以下IE)では問題になります。 var theObj = { city : "Boston", state : "MA", } 最後にカンマが入らないよう注意しましょう。 浮気なthisは何を見てるやら 以下のコードで、thisは何を指しているでしょうか。 <input type="button" value="Gotcha!" id="MyButton" > <script> var MyObject = function () { this.alertMess
ローカルアプリケーションのシェアがWebアプリケーションによって大幅に侵食されている。大抵のWebアプリケーションは無償で提供され、インターネットの特性を活かして簡単に共有できる。 ドロー系ソフトウェアの牙城もまた、崩れ去るのだろうか。脅かすのはオープンソースだ。 今回紹介するオープンソース・ソフトウェアはOpen-jACOB Draw2D、JavaScriptでVisioライクなドローを実現するJavaScriptライブラリだ。 サンプルが数多く登録されているので、ぜひ試してみて欲しい。現時点では簡易的な機能のみだが、高い可能性を感じさせられる事請け合いだ。 四角や丸といったオブジェクトの描画や、その大きさ/色の変更ができる。各オブジェクトを線でつなげば、オブジェクトを移動しても連結したままだ。また、コンテクストメニュー(右クリックメニュー)を変更する事もできる。 他にもタイマーでオブジ
Design Works - デザインワークス姉妹ブログ・DesignDevelopのデザインをリニューアルいたしました。 Designworksの新ドメインでの運用・リニューアルのご報告はさせて頂きましたが、Designworksのリニューアルとともに、姉妹ブログとして運用しているDesignDevelopのデザインも、大幅にリニューアルいたしました!!! Design Worksは、様々な商品やインスピレーションから生まれた新しいデザインを発信し、販売促進に繋げる広告やデザインを作り出しています。大幅にリニューアルしたDesign Worksでは、オンラインカジノ 日本語対応のデザインなど、オンラインの新たな分野にも活動を広げています。最新のH P新デザインとなった姉妹サイトブログのDesign Developと共に、今後もウェブデザインに関する様々な情報をお届けしていきます。 今回、
2007年04月25日12:00 カテゴリLightweight LanguagesBlogosphere Digest - 今日にでも使うべきJavaScriptの7つのテクニック 良質の記事だけに全訳したかったのだけど、時間もないので紹介と抄録。 Digital Web Magazine - Seven JavaScript Techniques You Should Be Using Today サンプルコードは、適宜書き換えてあります。 1. Branch when possible - 分岐はなるはやで これは実例を見た方が早いでしょう。クロスブラウザー対応のaddListener()を考える。機能だけを考えれば、以下でOK。 function addListener(el, type, fn) { if ( window.addEventListener ) { el.addE
WebCodr.com Blog Archive 15 Javascript Snippets You Can’t Live Without Please Note: We have moved to our new home WebCodr.com - please update your links and bookmarks! 押さえておきたい15のJavaScriptスニペット。 画像読み込み&フェーディング 動的テーブル カレンダー選択ウィジェット タブバー ドラッグできるWindow ズームできるイメージサムネイル LightBox2 ドラッグ&ドロップなショッピングカート ドラッグ&ドロップなソート可能リスト JavaScriptのロギング&デバッギング フォントリサイズの検出 地図上にポインタとテキストを置く フォトアルバム&スライドショー スライドダウン&アップアニメーシ
Program Island へようこそ! このサイトでは、プログラムに関する様々な情報を載せています。 Android (2010/12/25) Limy Eclipse Plugin (2012/02/25) Check! Ruby on Rails (2009/04/01) Limyweb (2010/01/27) Limy Articles (2009/02/14) Eclipse簡易マニュアル (2008/12/23) / Eclipseプラグイン開発 (2008/12/23) Java (2012/03/10) New! Tomcat (2007/06/29) Linux (2010/04/14) Git (2012/02/26) New! / Subversion (2007/01/11) J2EE , JBoss (2007/01/13) / JBoss + EJB3 (2
サイト更新情報 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ベース機能の構築完了 過去のサイト更新情報
bytefxデモンストレーション – アルファ効果が有効になっており、背景が透けて表示されていることがわかる bytefxデモンストレーション – この要素は逆三角形の道順を反時計回りに回転しつづけている。移動やリサイズが実行されている様子がわかる bytefxデモンストレーション – 表示する背景やフォントの色もエフェクトしながら変わることができる 図.4 bytefxデモンストレーション – デモンストレーションで表示されているのはdiv要素で作成したボックスと、spanで指定したテキストのみ 図.5 bytefxデモンストレーション – エフェクトはbytefxを使ってJavaScriptで実行されていることがわかる 図.6 bytefxデモンストレーション – ページが読み込まれると作成した関数を読んで動作を開始している bytefxが興味深いのは、こうした効果を数キロバイトという
Ajax開発支援ツールをまとめておきます。 | コーディング | ブラウザ | テスト | デザイン | JSツール | 画像 | リファレンス | | チートシート | JSお勉強 | リンク | 編集履歴 | ・コーディング支援ツール ↑TOP aptana eclipseのプラグインのJS,CSS,HTML,XML,PHP,AIR等のエディタ コード補完機能やJavaScriptのクラスの階層表示もサポート 解説記事1 ,解説記事2,正式版情報 JSEclipse Adobe提供のecliseプラグイン。こちらも参照 コード補完機能や、オープンソースライブラリもサポート Spket IDE eclipseプラグインのJavaScript,XMLエディタ XUL/XBL,SVG,Lzszlo,Yahoo! Widgetをサポート Googlipse Google Web Tookit用
ファイルサイズわずか10キロバイト、CSSの1から3、XPathをサポートし、Internet Explorer、Firefox、Safari、Operaで動作します。「JavaScriptのコードを書くのが楽しくなる」というのがモットーらしい。 ダウンロードや実際の例、使い方などの各種取り扱い説明は以下の通り。 jQuery: New Wave Javascript http://jquery.com/ 上記ページの「Run」をクリックするとその機能の一端を垣間見ることができます。面白い効果です。 その他のデモとしてはこんな感じでいろいろなところに使えます。特に一番下の「Example G」のボタンをクリックしてから本文の上にマウスを乗せると色が変わり、フェードしながら元に戻るというのはシンプルながら面白い。 JQuery http://codylindley.com/blogstuff
■「10年。 渋谷がJavaScript の真の実力を発見するのに要した時間である。」 とかはともかく。ついに立ち上がった国内のJavaScriptプログラマコミュニティ「Shibuya.js」の記念すべき第1回テクニカルトークを聴いてきました。会場は渋谷ではなくお茶の水のデジタルハリウッド東京本校のホール。 Shibuya.js Technical Talk #1 http://shibuyajs.org/articles/2006/03/27/shibuya-js-technical-talk-1 デジハリ東京本校(御茶ノ水) http://www.dhw.co.jp/school/location/tokyo/location_tokyo.html JavaScriptには自分自身かなり関心が大きいうえ、ふだんあまりこういった技術系イベントに参加してないこともあって、どの発表も楽しく
このページは毎日コミュニケーションズから発売中の書籍「Ajax逆引きクイックリファレンス」のサンプルを掲載しています。 この書籍の元になっているサイト(Ajaxを勉強しよう)も参照してみてください。 ミスや間違い、リンクエラーなどがありましたらopenspc@alpha.ocn.ne.jpまでお願いします。 第一章 Ajaxとは Ajaxとは DHTMLとFlash Ajaxに必要な知識と技術 Ajaxの弱点/難点 通信上の制約 XMLの処理 スタイルシートの注意点 第二章 非同期通信処理 サーバーと通信を行う サーバーからテキストデータを読み込む サーバーからXMLデータを読み込む サーバーにgetメソッドでデータを送信する サーバーにpostメソッドでデータを送信する 読み込みを中断する タイムアウト処理を行う サーバーからの応答を調べる ファイルが読み込めない、存在しない場合の処理を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く