JavaScript対応のIDEをまとめてみた
JavaScriptに対応してるIDEのメモまとめ。 Aptana 有名どころでEclipseのプラグインとしても使えます。 IDEらしくちょっと重たいけど、整形やデバッグやスニペットなど大抵の機能が入ってる。 IDE内でブラウザプレビューができて便利。 最近のバージョンだとFirefoxのプレビュー機能がデフォルトで入ってないので別途プラグインを入れる必要がある。 Aptana Studio 2.0.3－Firefoxプレビュータブ – ゆちの備忘録 WebStorm JavaScript EditorにJavaScript関係の対応について書いてある。 HTMLとかまぜこぜでも補完ができてる。 追記:ちょっと触ってみたら実は凄かった 追記2:使い勝手などをまとめて見ました。 最強のJavaScript IDE 「WebStorm」を使ってみた Komodo IDE デバッグ系機能がない
ブログの記事をTwitter/Tumblrに投稿するボタンを設置する方法 - ネタフル
「Twitterにポスト」「Tumblrにポスト」という文言がイケているのかどうか分かりませんが、とりあえず分かりやすかろうということで、これにしています。 実際のソースが掲載されているのは以下のエントリーです。 ▼見ているページをTwitterに投稿するBookmarkletとブログ用ボタン [C!] ▼mellow_blog: 自分のブログに「Tumblrに追加するボタン」を設置する それぞれにソースがあるので、それをコピー＆ペーストすれば良いのですが、いちおうネタフルでは以下のようなものを貼り付けています。 Twitter <a href=”javascript:var%20d=document,w=window,l=location,e=encodeURIComponent,t=(d.selection)?d.selection.createRange().text:(w.getS
エントリーをTwitterで簡単につぶやけるボタンを追加しました
ソーシャルブクマークのボタンに加え、本サイトのブログエントリー(記事)をTwitterで簡単につぶやくことができるボタンを追加しました。 エントリー上部にあるグリーンのボタンをクリックすると、記事のタイトルと短縮されたURLを含んだTwitterのページが開きます。 必要に応じてコメントやツッコミなどを”RT“の前に追加してください。Twitterのアカウントお持ちの方は、ぜひこのエントリー右上のボタンを押して試してみてください。 このボタンはTweetMemeが提供(*1)しているもので、横に表示されている数字は、これまでにその記事がTwitterでつぶやかれた回数を表しています。 被ブックマーク数と同様に、Twitter上でどのくらい話題になっているかの目安にもなります。 iPhone・iPod touchでの使い方 このボタンはTwitterの「モバイル版」では動作しないようなので、
[JS]複雑なグラフも簡単に描けるCanvasを使ったスクリプト -Protovis
棒グラフ、折れ線グラフ、エリアグラフ、パイチャート、インラインに配置できるグラフなど単純なものから複雑なものまで簡単に描けるスクリプト「Protovis」を紹介します。
Mozilla、ブラウザ上で動くコードエディタ発表 － ＠IT
Mozillaファウンデーションは2月12日、Webブラウザ上で実行できるコード・エディタ「Bespin 0.1」（ベスピン）を発表した。実験的なソフトウェア・サービスの開発を行うMozillaラボのアルファ版として、Mozilla Public Licenseの元にオープンソースで公開している。サーバ上に置いたファイルを直接編集でき、そのままWebブラウザでプレビューも可能。ほかに、複数人による共同編集や、同じくMozillaラボが取り組むコマンドラインツール「Ubiquity」を統合して、プラグインの作成や取り込みを容易にするなど斬新な試みだ。ちなみに、Bespinは映画スターウォーズに登場する巨大ガス惑星の名称。 Bespinのフロントエンドはファイル・ディレクトリを階層状に閲覧する“ダッシュボード”と、コードエディタから成る。フロントエンドはJavaScriptとHTMLで作成され
いま見ているページを認証不要でTwitterに投稿するブックマークレット
何で認証不要かというと 本家のサイトから直接投稿するから。 Twitter はいつの間にか http://twitter.com/home?status=[文字列] で投稿欄にその文字列を入れられるようになってた。 いつの間にかじゃなくて最初からできたのかな。 ともかく以前はAPI を通じて認証してたんだけど、 そんなことしなくても これならものすごく簡単に投稿できる。 というわけで いま見ているページのタイトルと URL を投稿するブックマークレット。 このページをTwitterに このリンクを右クリックして ブックマークだかお気に入りだかに保存してから 投稿したいページが開いた状態で そのブックマークレットをクリックね。 要するに Twitter の投稿画面に飛ばすだけなので ID やパスワードをどこかに預ける必要はない。 ログインしていれば [ページタイトル] [ページ URL] が
サーバサイドJavaScript、標準化の動き | エンタープライズ | マイコミジャーナル
Server Side JavaScript Google Groupsに新しいグループserverjsが登場した。まだ登場して間もないがすでに参加人数が260を越え、議論も活発におこなわれている。serverjsはサーバサイドJavaScriptに関する一般的な議論をするための場所。議論の成果はServerJS - MozillaWikiに随時まとめられるとみられる。すでにJavaScriptを使ったWebアプリケーションフレームワークの著名な開発者が参加するなど、活発な様子を見せている。 Aptana Jaxerが代表的なプロダクトのひとつだが、サーバサイドもJavaScriptで開発したいという声があり、今後この要望はさらに広がることになるとみられる。しかし現状ではサーバサイドにおけるJavaScriptにはファイルアクセスやHTTPリクエスト、データベースとの連携などの共有のAPI
[JS]カラフルな折れ線・棒グラフやパイチャートを描くスクリプト -JS charts
画像を使用しないで、折れ線グラフや棒グラフ、パイチャートを作成するスクリプト「JS charts」を紹介します。 JS charts demo JS chartsはjQueryなど他のスクリプトに依存せずに動作し、対応ブラウザは下記のようになっています。 Windows IE 6/7 Fx1.5+ Op 9+ Safari 3.1+ Mac Fx 1.5+ Safari 2+ iPhone 1+ 折れ線グラフや棒グラフ、パイチャートを描くには、スクリプトを外部ファイルとして記述し、書式に合わせて記述します。 JS Charts | How to use グラフはCanvasで描かれており、数値はXMLによって管理します。 XMLのサンプル <textarea name="code" class="html" cols="60" rows="5"> <?xml version="1.0"?>
Re: はてなブックマークのコンテンツの JavaScript を高速化する - つれずれなるままに…
Reply to はてなブックマークのコンテンツの JavaScript を高速化する - IT戦記 「重い箇所２：HatenaStar.js 1738 行目」で取り上げられていた Hatena.Star.Button.reateButton ですが、Flyweight パターンのアイデアと Element.cloneNode() を利用したところ、手元の環境（WinXP,Fx3.0）で7.7倍速くなったのでお伝えしておきます。 修正コード /* Hatena.Star.Button */ Hatena.Star.Button = new Ten.Class({ createdButton: {}, createButton: function(args) { var src = args["src"]; if (!this.createdButton[src]) { var newimg
オライリーJavaScript 13章 「WEBブラウザに組み込まれたJavaScript」要約 - 西岡Blog
オライリーJavaScript 13章 「WEBブラウザに組み込まれたJavaScript」要約 現在、私は若手IT勉強会でJavaScriptを勉強しています。11/22の第六回若手IT勉強会で、 13章を担当することになりました。なので、ブログ記事として簡単にまとめてみます。注意点は以下のとおり。 詳細は追いかけず、「13章には何が書いてあるかを把握できるようにする」ことを目的とする。 僕自身は組込みSEで、JavaScript業務経験無し。よって、要約に間違いが混入する可能性は高いです。 Firefox1.5/IE6.0/Opera8.5が最新であった頃に書かれたもの よろしくお願いいたします。 13章 WEBブラウザに組み込まれたJavaScript 本章よりコアJavaScriptの学習からクライアントサイドJavaScriptの学習に。 （Webブラウザで使用するJavaScr
絵をプログラムする言語「Processing 1.0」が正式リリース | パソコン | マイコミジャーナル
絵をプログラムする言語「Processing」が正式リリース Processing開発プロジェクトは24日 (米国時間)、グラフィックデザイン用プログラミング言語「Processing 1.0」をリリースした。動作環境はWindowsとMac OS X、およびLinux。ライセンスにはGNU GPL / LGPLを適用、オープンソースソフトウェアとして無償公開される。 Processingは、電子アートおよびグラフィックデザインを目的としたプログラミング言語。Ben Fry氏とCasey Reas氏が在籍していたMITメディアラボで2001年に開発を開始、Javaベースの実行環境と簡易IDE (sketchbook) によるプログラミング環境として整備された。変数や制御構造など言語としての基礎はJavaに準じるが、プログラミング言語の文法やAPIの用法に精通していなくても、高機能かつ高速な
高木浩光＠自宅の日記 - 新はてなブックマークの登録ブックマークレットは使ってはいけない
はてなブックマーク（以下「はてブ」）がリニューアルされ、ブラウザからブックマークレットでブックマーク登録（以下「ブクマ登録」）しようとすると、図1の画面が現れるようになった。「こちらから再設定をお願いします」と指示されているが、この指示に従ってはいけない。ここで提供されている新型ブックマークレットは使ってはいけない。（この指示には従わなくてもブクマ登録はできる。） 新型ブックマークレットを使用すると図2の画面となる。ブクマ登録しようとしているWebサイト（通常、はてな以外のサイト）上に、はてブの画面のウィンドウが現れている。これは、Ajaxと共に近年よく使われるようになった「ページ内JavaScriptウィンドウ」である。（ポップアップウィンドウとは違い、ウィンドウをドラッグしてもブラウザの外に出すことはできず、あくまでも表示中のページ上のコンテンツであることがわかる。）
JavaScript Samples フリーサンプル - eWeb
JavaScriptは、ホームページに様々な機能、効果を加えることができるプログラムです。 サンプル・プログラムはご自由にカスタマイズなどをしてお使いください。
ユーザスクリプトがロードされるタイミング - hogehoge @teramako
先日のGreasemonkeyのソースがかなりアレな件で id:poolmmjp さんから クロージャ不要の件もonload不要の件も、今の実装がそうってだけで、今後のバージョンもそうだっていうのはあるのかなあ？仕様書に書いてあるならそうなんだろうけど、コードがそうなってるだけなら、たまたまかも。 というブクマコメントを頂いたので回答。 仰るとおり。たまたまかもしれません。 ただ、クロージャに関してはGreasemonkey製作者の気まぐれで変更される可能性がありますが、DOMContentLoadedイベント発行時にユーザスクリプトが読み込まれる方は簡単には変わらないでしょう。 理由.1 読み込んだページのURLが確定していないといけない ユーザスクリプトは@includeにマッチし、かつ@excludeにマッチしないURLで読み込まれる必要がある 301とか302,307 のステータス
JavaScriptリファレンス
ウィンドウ名.alert() …… ［OK］ボタンのみの警告ダイアログを表示する ウィンドウ名.confirm() …… ［OK］と［キャンセル］ボタンを持つ確認ダイアログを表示する ウィンドウ名.prompt() …… 文字入力ダイアログを表示する ウィンドウ名.defaultStatus …… ステータスバーにデフォルトで文字列を表示する ウィンドウ名.status …… ステータスバーに（一時的に）文字列を表示する ウィンドウ名.length …… ウィンドウ内のフレーム数を参照する ウィンドウ名.open() …… 新しいウィンドウを開く ウィンドウ名.close() …… ウィンドウを閉じる ウィンドウ名.closed …… ウィンドウが閉じているかどうかを返す ウィンドウ名.name …… ウィンドウ名を参照する ウィンドウ名.opener …… オープン元の親ウィンドウを参照
クロスブラウザを制する Part 2 2-10 マウス座標XY取得 - ［JavaScript］All About
JavaScript ガイド：高橋 登史朗 Ajaxなど、何かと最近騒がれているJavaScriptの最新情報とその活用方法を解説します。 掲示板 取材依頼 問合せ
offsetTop/offsetLeft/offsetParentの闇 - Backstage of theater.js
簡単な定義 要素のoffsetLeftプロパティ 要素の左辺と、offset基準要素の左辺との距離(px) 要素のoffsetTopプロパティ 要素の上辺と、offset基準要素の上辺との距離(px) 要素のoffsetParentプロパティ 要素のoffset基準要素(これが何になるかが問題) ○結論から先に見たい方は＞＞こちら＜＜○ いままで、なんとなくoffsetTopやoffsetLeftを使っていました＾＾； これらは「ページ上の要素の位置」を格納してると思って。しかし、よくよく調べてみるとそれは誤りであり、かつかなり複雑でややこしいプロパティであることが分かってきました。*1 もともと、(ここでは述べませんが、offsetHeightとoffsetWidthも含め)offset〜のプロパティはIEがVer5で独自に実装したものらしく、その後他のブラウザが追随して実装したようです
日本野望の会－Yabooo.org 》 再入門JavaScript -目次- |
yabooo.org | Situs Judi Joker Slot Gacor Terpopuler Banyak Bonus yabooo.org Yaitu Agen Judi Joker Slot Mudah Jackpot Bonus Member Baru Games Slot Gacor, Taruhan Bola, Poker Online Pakai 1 Akun WSO Server Luar India Ingin menikmati pengalaman bermain slot yang mengasyikkan? Jika iya, Anda perlu mencari situs slot terbaru yang gacor! Game slot gacor terbaru dapat memberikan kesempatan bagi Anda untu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Twitter Friends Analyzer
Javascriptでの表示・非表示切り替え - Ogawa::Memoranda