ナマケモノになりたいishiducaが書いてます : node.jsで画像ダウンローダ
2011年01月29日15:56 node.jsで画像ダウンローダ カテゴリ mirror関数を作って、コマンドライン引数で指定した画像URLの画像を保存します。 mirror.js （モジュール） var fs = require('fs'), sys = require('sys'), http = require('http'); function parser (url) { var urlparse = /^(?:(http|https):\/\/)([0-9.\-A-Za-z]+)(?::(\d+))?(\/.*)?$/; if (! url.match(urlparse)) return false; var results = urlparse.exec(url); return { "scheme" : results[1] === 'https' ? true : fa
Javascriptでいい感じにプロトタイプを継承する - ひよこ3分07秒のはてなブログ
Javascriptでプロトタイプを継承するには function newClass(){ superClass.apply(this, arguments); } newClass.prototype = new superClass(); // superClassを継承 var newObject = new newClass(); console.log(newObject instanceof superClass); // true こんなコードを書けばいいわけだけど、 これだとsuperClassオブジェクトを作っているところがスマートじゃない。 newClass.prototype = superClass.prototype; // superClassを継承 これだと余計なオブジェクトはつくらないけど、 newClassのprototypeを拡張するとsuperClas
Learning Advanced JavaScript のメモ - フリーフォーム フリークアウト
移転しました http://please-sleep.cou929.nu/20100716.html
【JavaScript】 createEventとinitMouseEventを覚えた 【メモ】 - nplll
JavaScriptの演習がてら、Greasemonkeyをいじったんですが、createEventとinitMouseEventを使ったらめちゃくちゃ簡単になることが分かって凄く嬉しくなった。createEventはDOM2にあるけどinitMouseEventはGeckoのDOMメソッドぽい。でもまぁ、Greasemonkeyをいじるぶんにはそれで十二分。 document.createEvent – MDC event.initMouseEvent – MDC 以下、自分用のちょっとしたメモ。 document.createEvent 「document.createEvent」は、指定されたタイプのイベントを生成するメソッド。 var evt = document.createEvent("MouseEvents"); 生成したイベントは「element.dispatchEvent
ko-ketsuブログ: JavaScript版 Google Data APIを使ってみる。
2010年2月28日日曜日 JavaScript版 Google Data APIを使ってみる。 とあるチーム全体の一日の行動予定表を自動生成させたくなったので、Google Data APIを使ってGoogle Calendarの情報を取得して一覧表示するWebアプリを作ってみました。 試作品はこちら http://ko-ketsu.sakura.ne.jp/labs/calendar/ 使い方 まず、loginボタンを押して、遷移先の画面でサイト認証を行います。 サイト認証が終わると、もとの画面に戻ってWebアプリが使えるようになっています。 loadCalendarsボタンを押すとテキストエリアに自分のGoogle Calendarのアカウントに登録されているカレンダーのFeedの一覧が表示されます。 Date欄に行動予定表を作成したい日付を指定してloadEvents
jQueryとjavascriptの書き方を比較してみる。|明日のために生きたふり
この記事は 「明日からjQueryがもっと好きになる。jQueryセミナー」をwebでやってみる の連載記事の一つです。 はじめから読みたい方は、以下の目次からたどってください！ 全体の目次 jQuery事始め jQueryとjavascriptの書き方を比較してみる。 jQueryとjavascriptの書き方を比較してみる。 前回、jqueryはjavascriptで書かれていて、 javascriptだけで書くより楽になると言うことを、お話しました。 じゃあ実際どれくらい楽なのかを 少しコードを書いて示してみようと思います。 別にコードの内容を理解する必要は全くありません。 コードの意味がわからなくても、雰囲気が伝われば、今回は問題なしです！ たとえば、 クリックしたら、特定の動作をする。 隠れている要素を表示したり、スライドショーを動かしたり、 非同期にデータ
jQueryを利用する場合のグローバル変数の範囲について - OKWAVE
jqueryでscrollTopの値をとりたい 貴重な場をお借りして、ぜひとも教えていただきたいことがございます。 今、スクロールをすると要素がフェイドインするようなjqueryを書いています。 下記をご覧ください。 $(window).on("scroll", function(){}の中に入っているscrollTop,scrollVolを このfunctionの外でも使用したいのですが、方法はございますでしょうか。 つまり、if文のscrollVolに値を入れたいのですがunderfindとなってしまいます。 $(window).on("scroll", function(){}の中でif文を実行すれば取得はもちろんできるのですが、この外側で使用したい場合どうすればよろしいでしょうか。 お手数ですが、お力を貸していただけませんでしょうか。 よろしくお願いいたします。 function
人や動物のシルエット
Design Your Way is a brand owned by SBC Design Net SRL Str. Caminului 30, Bl D3, Sc A Bucharest, Romania Registration number RO32743054 But you’ll also find us on Blvd. Ion Mihalache 15-17 at Mindspace Victoriei contact@designyourway.net You came here for some really cool CSS text effects that will help you make amazing web typography for your websites. In order to successfully give a website a lo
13 jQuery SelectBox/Drop-down Plugins — SitePoint
There are several ways to define a block of JavaScript functionality. Learn which is the most appropriate one for your particular use case.
SpiderMonkeyのgetterとsetter - hogehoge @teramako
Where's Walden? ≫ More SpiderMonkey changes: ancient, esoteric, very rarely used syntax for creating getters and setters is being removed 2010-04-16の記事で知ったのは今日という、自分の情報収集能力のダメさを感じている。 MozillaのJavaScript実装であるSpiderMonkeyは昔から、getter,setterを独自にサポートしていたけど、ECMAScript 5th の実装に合わせて一部の実装を廃止しましたよって話。 ECMAScript 5th のgetterとsetter Object.definePropertyの話はES5, Property Descriptor解説 - 枕を欹てて聴くが詳しいので省略。 まあともかく、
SNBinderに目からウロコ 小さなMVCが今現実に - When it’s ready.
タイトルはちょっと大げさすぎですね。もうブカブカです。 WebアプリのMVCネタで、毎度同意しまくりのsatoshiさんが、JSのライブラリSNBinderを公開されています。 Life is beautiful: JavaScript HTMLテンプレートエンジン SNBinder 公開 BODYタグオンリー大好きっ子なので、これは使わずには居られないと思い早速やってみました。 ついでに、恐れ多くもgithubでForkしてreadmeの和訳などしています。 コードサンプルを元に動かしてみたんですが色々と動かない・・・ 私の理解ミスな気がするのですが、ツッコミもらおうとコード晒します。オリジナルのまま動いてる人いたらどこが違うか教えてくださいませ。 SNBinderの使い方として、READMEに書かれているやり方は、４種類あります。 変数一つをテンプレートに埋め込む SNBinder.b
GingerBreadでFeliCaのPush送信機能を使う - _development,
Push送信機能とは？ FeliCaのPush送信機能を使うとタッチした端末にコマンドを送り込める。 この機能は、IS03、Lynx3Dなどのおサイフケータイ対応Android端末で利用でき、 そのためのライブラリがフェリカネットワークスの配布ページからダウンロードできる。 Push送信機能は、三者間通信と呼ばれる方式を使って実現されている。 三者間通信とは、リーダーライター（またはリーダーライターモードで動作している端末）から、 カードエミュレーションモードで動作している端末にデータを送り込み、端末が送り込まれたコマンドを解釈して実行する方式である。 GingerBreadでカードエミュレーションを有効にする方法は今のところ確認されていないので、ここでは送信側として対応端末であるLynx3DにPush送信を試みた記録を記す。 結果はこんな感じ。 Push送信機能を使うには？ Arduin
写真を効果的に魅せる6つのjQueryギャラリー | designaholic
どんな情報を見せるにしても欠かせない画像を効果的に見せられるjQueryのプラグインをまとめてみました。 FancyMoves 商品写真などを見せる時に役立ちそうなプラグインです。
[JS]Canvasを使って本のページめくりを実装するチュートリアル | Web活メモ帳
本のページをめくるエフェクトを実装したい。 そんな方におすすめなのがCanvasを使用した本のページめくりの実装方法を記載した「Case Study: Page Flip Effect from 20thingsilearned.com」という記事のご紹介。 このHTML5RocksというサイトはGoogleが作成したサイトで、 HTML5に関する文書やチュートリアル、APIの使い方をまとめたサイトです。 記事を書いている方もGoogleの中の人のようで非常に勉強になります。 動作デモ ページめくりの動作は ドラッグする事でめくる動作と、クリックでページがふわふわ舞う動きの２パターンがありました。 実際の動作はこちらから見てみてください。 HTMLは非常に単純に出来ており、sectionタグに各ページの本文を記載しているだけのようです。 JavaScriptは本のサイズ取得からアニメーショ
![[JS]Canvasを使って本のページめくりを実装するチュートリアル | Web活メモ帳](https://cdn-ak-scissors.b.st-hatena.com/image/square/2f4d007dc1e974900c1f4157179c9d526578938a/height=288;version=1;width=512/https%3A%2F%2Fblog.verygoodtown.com%2Fwordpress%2Fwp-content%2Fuploads%2F2011%2F02%2F20110206-02.png)
マニアックながら面白い。JSON/JSONPでDNS情報を取得できる·JSON DNS MOONGIFT
JSON DNSはDNS情報をWeb API化し、JSON/JSONPフォーマットで取得できるソフトウェア。 JSON DNSはRuby/Sinatra製のオープンソース・ソフトウェア。ITエンジニアやプロデューサなどをやっていると、ドメインに関する情報を調べる機会が多々ある。whoisで調べることもできるが、Webサービスとして提供している所も多い。 サンプル ドメイン有効期限などはもちろん、ネームサーバやAレコードに関する設定を調べたい時もあるだろう。そしてそれをWebサービスとして提供するならば使ってみたいのがJSON DNSだ。一風変わったDNSサービスだ。 JSON DNSはその名の通り、DNS情報をJSONフォーマットに変換して取得できるソフトウェアだ。Web APIとして使ってみると面白いだろう。A/MXレコードに対応し、ネームサーバの取得もできるようになっている。アクセスす
「WordPressのfunctions.phpを使って出来るカスタマイズ」をまとめたスレ・Best Collection of Code for your functions.php file
いつかやろうと思っていたWPの functions.phpで出来ることのま とめが、海外のWP専門質問サ イトにあったのでこちらをご紹介。 個人的にもかなり役に立ちました。 Q&Aサイトは色々助かりますよね。 WordPressのテーマファイルで使えるfunctions.phpは色々とテーマの機能を拡張するのに大いに貢献してくれます。 このfunctions.phpを使って何が出来るのかは、WebデザインレシピさんのWordPressのfunctions.phpに書いておくといいかもしれないコードいろいろという記事をご覧になってみてください。 今日ご紹介するBest Collection of Code for your functions.php fileというスレッドには79個の回答があります。 WordPressの情報専門のQ&Aサイト・WordPress Answersでのスレッド
認可のためのプロトコルのOAuthが認証に使えることの説明
最近、「Facebookのことが分からないので教えてください」とよく頼まれます。ごめんなさい、嘘を言いました。よく、は頼まれません。よくある、とか、しばしばある、は実体以上に良く見せようとする時に使う常套句です。気をつけて使おうと思います。 それはともかくとして。 Facebookは確かに難しいです。REST API(名前がRESTですがまったくRESTfulではないWeb API)からGraph APIへの変遷、FBMLからXFBML(参照)への変遷、そしてXFBMLの存在を隠蔽するプラグインへの変遷、更に今をときめくLikeボタンからDislikeボタン()への変遷、など諸々まとめて、「Facebook vs. OpenSocial」のお題で社内勉強会をしようと思っています。 しかし内容が多すぎるので、これらの技術の中で基盤となるOAuth 2.0(まだドラフト段階です)を取り出して、
WordPress導入後にまずやる最低限の設定と必ず入れるプラグインのメモ » とりあえず9JP
個人的には、リビジョンから記事を復旧したい場面はほぼ皆無なので…。 リビジョン機能はオフにしている。 《設定方法》 wp-config.phpに以下の設定を追記。 define('WP_POST_REVISIONS', false); ※別にインストール直後で無くとも構わないのだけれど、少し使った後だと、後々この設定を有効にしても既に保存されているリビジョンについては自動削除されず、削除する手間が面倒なので。 テーマ次第だけれど、確か3.x系の標準テーマであるTwentyTenも含めて多くのテーマで、既に削除済みの記事でも404ヘッダを返してないらしい。 何となく検索エンジンに嫌われそうな気がするので、存在しないページにアクセスした場合もステータス200を返している場合は、使用中のテーマの404.phpの最上部に <?php header("HTTP/1.1 404 Not Found")
node.js開発者必携。異なるバージョンのnode.jsをインストール、管理する·nave MOONGIFT
naveは複数バージョンのnode.jsを管理、切り替えるためのソフトウェア。 naveはBash製のフリーウェア（ソースコードは公開されている）。今、node.jsが熱い。動作も高速で、その先進性もあってHTML5やWebSocketなどの新しい技術を率先的に試されている。今はまだマイナーかもしれないが、今から取り組んでおいて損はないはずだ。 リモートのバージョン一覧 そんなnode.jsは開発がとても盛んであるためにどんどんバージョンアップが続いている。そのため最新版をインストールしようと思うとソースからしかできず、そのために異なるバージョンが使えなくなったりする。それを防ぐためにもnaveを使おう。 naveはRubyでいうrvm、Pythonでいうvirtualenvのように異なるバージョンのnode.jsを一つのPC上で使えるようにする。リモートにあるバージョンを一覧し、そこから
GAE/PythonでOAuth « python練習帳
GoogleAppEngine / Python環境で、TwitterのOAuthを使ってみた。 1. TwitterのAPI利用申請 Twitterのアカウントを取得し、API利用申請をします。 Twitterのアカウントを取得します Twitterにログインします 以下のアドレスにアクセスします https://twitter.com/apps 新しいアプリケーションを追加をクリックします アプリケーションの情報を入力して登録します ※コールバックURLは、GAEのIDがXXXの場合は、http://XXX.appspot.com/oauth/twitter/callback とします。 以下の２つの値をメモします Consumer key pQcelwAEib60BhEoE52*** Consumer secret ******* 2. サンプルアプリをデプロイ すぐ動作するサンプル
PHP 用ベンチマーキングフレームワーク Joshimane というのを作った | Born Too Late
あくまでもプロトタイプですが. gist: 813246 - Joshimane: A Tiny PHP Benchmarking Framework... But it's just a prototype yet.- GitHub プロトタイプなので, API は大幅に変わると思います. 使用イメージ 以下のようにして使用します. これを実行すると, 以下のような結果が得られます. $ php example.php Job A: 0.52975106 Job B: 0.26065207 一応補足すると, Job A ではループ時に毎回 (つまり 100 回) count($range) が実行されるのに対して, Job B ではループの開始前に一度だけしか count($range) が実行されないので, これだけの差が出ます. 名前について 女子マネです. なんかこう... 陸上部
node.jsに関する基礎や開発・チュートリアルのまとめ:phpspot開発日誌
node.jsに関する基礎やチュートリアルのまとめ。 リアルタイムなWEBを実現するには必須のサーバサイドJS、node.jsについて色々とまとめてみました。 node.js node.jsについて node.js なんとなく凄そうだけどよく分からないという方も多いかもしれないので簡単に解説。 一番最初見た時は何かのJavaScript ライブラリかと思ったのですが、全く違って、V8というChromeにものっている高速JavaScriptエンジン上で動くサーバを動かせる仕組み。 サーバ自体を具体的に言うと次のようなコードで実現します。 var http = require('http'); http.createServer(function (request, response) { response.writeHead(200, {'Content-Type': 'text/plain
yebo blog: Safari拡張の作り方
2011/02/06 Safari拡張の作り方 PCWorldにSafari拡張の作り方が掲載されている。Safari拡張に関して、詳しくはAppleのドキュメントを参照する必要はあるが、Apple独自のプログラミング言語ではなく、CSSやJavaScriptのコードが書ける人であれば誰でも作ることができる。認証を得る: まず、Apleから開発者の認証を得る必要がある。Safari Developer Programにサインアップして開発者の登録し、Developer Certificate Utilityを起動すれば登録が行われるSafariの環境設定を開いて、詳細からメニューバーに開発者メニューを表示させるSafariの開発メニューから「機能拡張ビルダーを表示」を選択し、機能拡張ビルダーを起動し、左下の+ボタンをクリックして、「新規機能拡張...」を選択し、名前を入力し保存する表示名、
超カッコいい確認ダイアログをjQueryで実装するチュートリアル:phpspot開発日誌
How to Create a jQuery Confirm Dialog Replacement | Tutorialzine 超カッコいい確認ダイアログをjQueryで実装するチュートリアル 普通、ダイアログというと javascript の confirm とか、その他 jquery プラグインを使って実装されるものが多いですが、これまで見たなかでもかなりのカッコよさのダイアログ実装チュートリアルです。 サンプルのダウンロードも可能。 一見全て画像のようにも見えますが、CSS3を使って綺麗にデザインされています。 ここら辺もこだわりたいという方は参考にしてみるとよさそう。 関連エントリ 効果音付きでアニメーションするクールなダイアログ実装jQueryプラグイン「Float Dialog」 その場でポップアップするクールな確認ダイアログ実装用jQueryプラグイン「jConfirmAc
)
超カッコいい確認ダイアログをjQueryで実装するチュートリアル:phpspot開発日誌
How to Create a jQuery Confirm Dialog Replacement | Tutorialzine 超カッコいい確認ダイアログをjQueryで実装するチュートリアル 普通、ダイアログというと javascript の confirm とか、その他 jquery プラグインを使って実装されるものが多いですが、これまで見たなかでもかなりのカッコよさのダイアログ実装チュートリアルです。 サンプルのダウンロードも可能。 一見全て画像のようにも見えますが、CSS3を使って綺麗にデザインされています。 ここら辺もこだわりたいという方は参考にしてみるとよさそう。 関連エントリ 効果音付きでアニメーションするクールなダイアログ実装jQueryプラグイン「Float Dialog」 その場でポップアップするクールな確認ダイアログ実装用jQueryプラグイン「jConfirmAc
SQL Performance Explained - buy directly from the author with free delivery
A Book For DevelopersSQL performance books are tomes. Hundreds of pages filled with knowledge… …not relevant to developers. SQL Performance Explained focuses on what developers need to know. Just 200 pages… …yet covering all major databases. (PayPal, global free shipping) Remove Paperback also available at Amazon.com. (paperback only, paid link) “This is the best book on indexes that currently exi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
NameBright - Domain Expired
IDEA * IDEA
iPhoneデザインボックス
PC
GREE Engineering
