82017 Bookmarklets! Create Hatena::Let でブックマークレットをかんたんに作成・公開しよう！ 現在閲覧しているサイトのスクリーンショットをクリップボードに入れます javascript:(async()=>{if(!window.html2canvas){await new Promise(((res,rej)=>{const s=document.cre...
Hatena::Let
82017 Bookmarklets! Create Hatena::Let でブックマークレットをかんたんに作成・公開しよう！ 現在閲覧しているサイトのスクリーンショットをクリップボードに入れます javascript:(async()=>{if(!window.html2canvas){await new Promise(((res,rej)=>{const s=document.cre...
Making a Simple Tweet to Download System
Twitter is undoubtedly a hugely popular social network. One of the keys to its success is its simple and powerful API, which opens the doors to countless novel ways for you to use the service. One of these uses is allowing your visitors to "pay with a tweet". Namely you take something that you would otherwise offer for free (like an ebook, mp3 or other kind of digital media), and make it available
Better Javascript Indentation - Vastly improved javascript indentation : vim online
This is based off of the indentation script for ruby which is well written and fast. It is nearly perfect but will sometimes miss edge cases. It usually recovers those errors at the end of a block though, so overall even very long files will be largely correct. Please fork this project at http://github.com/pangloss/vim-javascript to help make it even better. This script includes Yi Zhao's javascri
Closure Compiler - Google Code
How do I start? Work through the UI Hello World. Work through the API Hello World. Download the application. Work through the Application Hello World. Read about Advanced compilation. Use the Closure Inspector to debug. Explore the project's source code. What is the Closure Compiler? The Closure Compiler is a tool for making JavaScript download and run faster. It is a true compiler for JavaScript.
Closure Library - Google Code
How do I start? Download Closure. Read Finding Your Way around Closure. Do the Closure Hello World exercise. Work through the Building an Application with the Closure Library tutorial. Explore the project's source code. What is the Closure Library? The Closure Library is a broad, well-tested, modular, and cross-browser JavaScript library. You can pull just what you need from a large set of reusabl
モテるJS系女子力を磨くための4つの心得 - KAYAC Engineers' Blog
1. あえてECMAScript3.0以前の実行環境を使う あえてECMAScript3.0の実行環境を使うようにしましょう。そしてATNDで好みの男がいたらLT参加を告知し、わざとらしく発表準備段階でコンソールを出していじってみましょう。そして「あ～ん！ この実行環境本当にマジでチョームカつくんですけどぉぉお～！」と言って、男に「どうしたの？」と言わせましょう。言わせたらもう大成功。「ECMAScriptとか詳しくなくてぇ～！ ずっとコレ使ってるんですけどぉ～！ Object.keysが使えないんですぅ～！ ぷんぷくり～ん（怒）」と言いましょう。だいたいの男は新しい実行環境を持ちたがる習性があるので、ECMAScript5の実行環境を使っているはずです。 そこで男が「新しい実行環境にしないの？」と言ってくるはず（Object.prototypeの拡張を勧める男はその時点でガン無視OK）。
Node.jsとは何か、開発者ライアン・ダール氏が語る（前編）～ノンブロッキングとはどういうことか？
いま注目されているサーバサイドJavaScriptの火付け役となったNode.js。その開発者であるライアン・ダール（Ryan Dahl）氏自身がNode.jsを紹介した講演「Introduction to Node.js with Ryan Dahl 」のビデオが公開されています。 この講演は、サンフランシスコのPHP開発者の集まりであるThe SF PHP Meetup Groupが2月にダール氏を招待して行われたもの。 そのため、Node.jsを知らないデベロッパーに向けて、Node.jsがどのような特徴を持つプログラミング言語なのか、分かりやすく解説しています。内容を紹介しましょう。 Node.jsとPHPとの本質的な違いとは何か Node.jsを触ってみよう。今日は特にスライドは用意してなくて、タイプしてどんなものかを動かしながら紹介していくつもりだ（注：ダール氏はここで最初に「
Underscore.js
Table of Contents Collections each, map, inject, detect, select, reject, all, any, include, invoke, pluck, max, min, sortBy, sortedIndex, toArray, size Arrays first, last, compact, flatten, without, uniq, intersect, zip, indexOf Functions bind, bindAll, delay, defer, wrap Objects keys, values, extend, clone, isEqual, isElement, isArray, isFunction, isUndefined Utility uniqueId, template Collection
YUI Theater — Douglas Crockford: "The State and Future of ECMAScript"
YUI Blog YUI Theater YUI Theater — Douglas Crockford: "The State and Future of ECMAScript" YUI Theater — Douglas Crockford: "The State and Future of ECMAScript" Yahoo!'s JavaScript architect Douglas Crockford gave the closing keynote at YUICONF 2009 last week. His talk, "The State and Future of ECMAScript," was a detailed take on the events that Brendan Eich discussed the night before. Douglas add
とあるjavascriptの画像生成
元ネタ：とある櫻花の画像生成、とある画像の自動生成<ジェネレータ> HTML5のcanvasを使ってやっつけ仕事。グラデーションは面倒なのでやめた。SilverLightやサーバーサイドは、もはや過去の遺物である。これからはクライアントサイドのみで、これぐらいやるのが当たり前になるべきだ。フィード経由で閲覧している人は、ご面倒ではございますが、直接見ていただいくようお願いいたします。 主要ブラウザでテストしてみた結果。 Chrome, Safari: 完璧 Firefox: なぜか@ＭＳ ゴシックが意図通りに描画されない。 Opera: canvasの文字列描画をサポートしていない。 IE: えーと……とりあえずお前はカエレ。 グラデーションは、思いのほか簡単だった。 Anonymous said... 私はWindowsでSafari 4を使っていますが、振り仮名（インデックス）の部分が
[javascript][greasemonkey] ユーザーがページをリロードしたのか新規に開いたのかを検出する方法（の続き） - 生活。
前回の続き。 id:brazilさんのアドバイスに基づいて、window.nameを使う方法。 window.nameにurlを代入しておき、reloadした際にwindow.nameと開いた（reload）したurlが一致したらreload判定。window.nameはwindowの名前を示すものでページ遷移してもnameは変化しないことを利用している。ただ、通常はwindow.nameはリンクのターゲットなんかに使われるのでuserscriptで使用する際には、対応するサイトがwindow.nameを使用してごにょごにょやってないのか調べておく必要があるかなぁと思います。 あんまり使われてないと思うけど…。
![[javascript][greasemonkey] ユーザーがページをリロードしたのか新規に開いたのかを検出する方法（の続き） - 生活。](https://cdn-ak-scissors.b.st-hatena.com/image/square/03d45e7e6109e2f2cf8a291377eb3f3246c8fc34/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F13208692334729896483%2F12704591929883951267%2F1338491093)
クロージャとメモリリークについてのコピペ - こんにちはこんにちはmonmonです！
前に見た時に理解できずにいた2chスレを備忘録としてコピペ。 時間あったら整形する。 + JavaScript の質問用スレッド vol.52 + 元々のスレ：http://pc8.2ch.net/test/read.cgi/hp/1161422792/ 過去スレ保管庫：http://wing2.jp/~mirrorhenkan/2ch/javascript/read.php/1161422792/ 670 名前：Name_Not_Found[sage] 投稿日：2006/11/24(金) 11:42:28 ID:??? >>666 自分でそういう関数を1行で定義して使うのはいいんじゃねの？ >>669 setAttributeダサイ! >>667 ホレ。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html><head><tit
SVG 出力できるドローツールコンポーネント「Closure Draw」を公開しました - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 先々週、 Python Hackathon #3 でのハンズオンの題材として 簡易ドローツールを公開しましたが、せっかくなのでもう少し実用的なものに発展させて、 Closure Draw というライブラリとして公開しました。特徴・機能は以下のとおりです。 長方形、楕円、テキスト、画像、直線パスを描画。 図形の移動、回転、削除、重なりの順序変更。 パスの頂点の編集。
難読化された読みづらいコードも一発で整形·JSBeautify For Chrome MOONGIFT
JSBeautify For ChromeはWebブラウザ上でJavaScriptを整形して表示するGoogle Chrome拡張。 JSBeautify For ChromeはGoogle Chrome用のフリーウェア（ライセンスはWTFPL）。本格的なWebアプリケーションが普及するにつれて、JavaScriptの利用範囲が拡大している。そんな中ではJavaScriptのファイル自体もサイズが大きくなっている。 Clippyあり版（整形前） そのためJavaScriptを多用するサイトでは余計なスペースや改行を消すなどしてサイズを減らすのが一般的になっている。しかしそれはコードが全て1行で書かれる、とても見づらいものになる。そこでJavaScriptの表示に際して使ってみたいのがJSBeautify For Chromeだ。 JSBeautify For ChromeはGoogle C
PHP、Perl、Ruby、C、C++等40以上の言語をブラウザで実行できるようになるjQueryプラグイン「Run This」:phpspot開発日誌
PHP、Perl、Ruby、C、C++等40以上の言語をブラウザで実行できるようになるjQueryプラグイン「Run This」 2010年03月11日- Run This! PHP、Perl、Ruby、C、C++等40以上の言語をブラウザで実行できるようになるjQueryプラグイン「Run This」。 ブラウザ内の<pre>コードで記述した部分を、その場でそのまま動かすことができ、うまくサイトに組み込めばより訪問者にとってわかりやすいページを作ることが出来そうです。 例えば、PHPの入門サイトなんかでは挙動を一瞬で確認できてしまいます。 具体的には以下の言語に対応しています。 Ada, Assembler, AWK, Bash, bc, Brainf**k, C, C#, C++, CLIPS, Clojure, COBOL, Common Lisp, D, Erlang, Forth
livedoor Techブログ : やれば出来るJavaScript
こんにちは、情報環境技術研究室のsyuuと申します。 GoogleがMapsなどのサービスでFlashを使わずにHTMLとJavaScriptだけでここまで出来るのだ、という事を実証してみせ、Ajaxという言葉が流行ったのも一昔前、今ではすっかり定着した感がありますが、実際の所、ブラウザ上のJavaScriptでどこまでのプログラミングが可能なのでしょうか。 この記事では、私はまだまだJavaScriptを甘く見ていた、シバキ倒せばもっと色々出来るんだ！と感じさせてくれた幾つかのJavaScriptプログラムをご紹介したいと思います。 ■Concurrent.Thread - 標準的なJavaScriptだけで書かれたスレッドライブラリ まずは、「Concurrent.Thread（http://jsthread.sourceforge.net/cgi-bin/wiki/wiki.cgi?
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.av-jyo.com/2011-07/how-to-develop-porn-website-with-nodejs.html
GitHub - defunkt/dotjs: ~/.js
JsDoc Toolkitを使う！
svg-edit - Project Hosting on Google Code