あまりに暑いので工場扇を買ってきた 6月とは思えない猛暑に遭遇し、7月を待たずして早くも熱中症(疑)と睡眠不足に陥った2025年の夏。 去年までは8月頃から水風呂に飛び込んでビール飲みながら野球を見るという自宅避暑をやっていたけれど、今年は既に家中がもうどうにもならない不快感で包まれている。 …

あまりに暑いので工場扇を買ってきた 6月とは思えない猛暑に遭遇し、7月を待たずして早くも熱中症(疑)と睡眠不足に陥った2025年の夏。 去年までは8月頃から水風呂に飛び込んでビール飲みながら野球を見るという自宅避暑をやっていたけれど、今年は既に家中がもうどうにもならない不快感で包まれている。 …
って、日本のギークならそういうんだろうなー みなさんCoffeeScript使ってますか?ちょっとjsわかる人ならすぐ覚えられて、文法が平易で、かつRubyやPythonぽく拡張されてるので非常にストレスが少ないです しかも、元のJSの特性をほとんど妨げないようになってるので、jsでできてcoffeeでできないことはほとんどない。(まったくない、かはちゃんと確かめてませんが… ないと思います) 雰囲気、インデントブロックのRuby記法のような印象。 というわけで元ネタは 10 CoffeeScript One Liners to Impress Your Friends | ricardo.cc です CoffeeScriptインストール済なら、$ coffee -i、もしくは $ coffee で対話インタプリタ起動します 1. リストに含まれるアイテムを2倍に coffeescript
こんにちは。毎年花粉症になりかけている飯塚です。 最近のNode.jsの普及などによってサーバサイドJavaScript界隈が盛り上がっています。 そんなホットなJavaScriptをラクにかつエレガントに書くためのCoffeeScriptという言語をチュートリアル風に紹介します。 何かしらのライブラリを自分で書く程度にJavaScriptで開発している人は絶対に使ったほうがいいと思います。 JavaScriptを知っていれば1-2時間程度で十分駆使できるようになります。 (2011/6/28:@m_satyr様にご指摘頂いた箇所を修正しました。) 目次 CoffeeScriptとは? インストール Hello World 構文 関数 変数展開 Objectの生成 ループ 存在チェック ヒアドキュメント thisのバインド クラス 無名関数 {var} Tips ?の使い分け 存在チェック
2011年12月07日03:30 カテゴリLightweight Languages javascript - 関数名の取得とtypeof()の再々発明 な、なんだってー!? はてなブックマーク - kamisetoのブックマーク constructor.nameを見ればいいんじゃなの?違うのかな? そんなおいしいプロパティなんて、あったっけ? MDNの中で逢った、ような… constructor.name?そんなのJavaScript: The Good Partsどころかサイ本でも見たことねーぞ。でもconsoleつついたら確かに使える… 見つけました。 Function - MDN name Non-standard The name of the function. Non-standard, Non-standard, Non-standard、だと!? 実際いろいろ嗅ぎ回ってみ
この記事は賞味期限切れです。(更新から1年が経過しています) RSSフィードを消化していると、 URLに「utm_campaign」などのパラメータが付加されている事がよくあります。 これはGoogleAnalytics(Urchin)の解析用パラメータらしいのですが、 ブックマークしたりツイートしたりする時に残ってると邪魔。 そこで、これを除去するブックマークレットを書いてみるなど。 書いてみた物 Remove utm parameters 上のリンクをブックマークバーに登録したりして使います。 “utm_” で始まるパラメータを削除してリダイレクトするだけのシンプルな物です。 元のコード utmのパラメータをURLから取り除くブックマークレット — Gist /** * Remove utm parameters from url * ( Use this as bookmarklet
BWで再開してからずっとポケモン徹底攻略のポケモン図鑑を愛用しているのですが、これをLaunchBarから使えるようにします。 問題点として、 ポケモン図鑑側がパラメータをPOSTでしか受け取ってくれない(実はGET対応してました) LaunchBarのPOSTは日本語が通らない というのがあるので、AppleScriptで検索キーワードを受け取る→JavaScriptでフォームを作ってsubmit、という感じで強引にやります。 JavaScript (function(){ var form = document.createElement('form'); var input = document.createElement('input'); form.setAttribute('action', 'http://bw.yakkun.com/zukan/'); //HGSSやDPtの
以下のやり方でsleepしてると、その間はsetIntervalで回している処理が実行されなかった。(Firefox8、Chrome15) setInterval('a()',100); for(var i = 0; i < 1000; i++){ b(i); sleep(100); } c(); // 指定ミリ秒待つ function sleep(t){ var d1 = new Date().getTime(); var d2 = new Date().getTime(); while(d2 < d1+t){ d2 = new Date().getTime(); } return; } 以下のやり方に変えたら、うまくいった。 しかし、考え方自体が変わっている。何となく、頭悪い感じがする。 間に「sleep(100)」とか入れればその間その処理だけ待ってくれてsetIntervalも実行
「sleep sort」については以下のリンクを見てもらうとして 4chan BBS - Genius sorting algorithm: Sleep sort常識を覆すソートアルゴリズム!その名も"sleep sort"! - Islands in the byte streamはてなブログBig Sky :: Sleep sort in Go まず本題のコード function sleepSort(array, callback, f){ var l = array.length, result = []; var i = l; if(f == null) f = Number; while(i--) (function(value){ setTimeout(function(){ result.push(value); if(--l === 0) callback(result);
sparrow.jsは既存のガラケー向けWebサイトをスマートフォン向けサイトに変換してくれるJavaScriptです。 sparrow.jsを使うと既存のガラケー向けWebサイトをスマートフォン向けサイトに変身させてくれます。それもたった一行のJavaScriptタグを追加するのみです。 ガラケー向けサイトをiPhoneで表示したところです。いわゆる普通の携帯電話向けサイトとしての表示です。テンプレートは「携帯専用無料テンプレート配布中 : フリースタイル 携帯無料レンタルサーバー」よりお借りしました。 sparrow.jsを適用した表示です。デフォルトではフォントサイズや画像の表示が最適化されるのみとなっています。 sparrow.jsではその他、Viewportの自動挿入、スマートフォン向けのCSS定義、半角仮名を全角に変換、ページ内リンクをアニメーションに、絵文字を絵文字画像に変換
2011年12月06日14:30 カテゴリLightweight Languages javascript - typeof()を再発明する まてよ、ということは… underscore.js の _.isRegExp について - ”><xmp>TokuLog 改メ tokuhirom’s blog multiple frames のときにハマるということらしい。 Perfection kills ≫ `instanceof` considered harmful (or how to write a robust `isArray`) This means that creating isArray function could not be simpler than: これを応用すればまっとうなtypeofを作れるってこと? JavaScriptのtypeofは役立たず よく知られて
JavaScriptJavaScript Advent Calendar 2011 (Node.js/WebSocketsコース)の6日目。初参加です、緊張します。WebSocketネタということで、ChromeのWebKit Remote Debugging Protocolを使ってWebSocketでGoogle Chromeを操作する小ネタ。手順1.リモートデバッグを有効にしてChromeを起動Chromeの起動オプションに--remmote-debugging-portを付加してリモートデバッグを有効にする。 $ chrome --remote-debugging-port=9222 2.タブ一覧を取得今回はコントロールする側(Chrome)とされる側(node)が同一ホストで動いてるものとします。http://localhost:9222/jsonをGETで叩くとChromeのタ
V8とは、Googleが開発しているJavaScriptの実行エンジンです。 Google ChromeやAndroid Browserで使われています。 Google Chromeのコンソールからも使えますが、あえてコマンドラインからやりたい場合があります。 Fire Foxなどで採用されているRhinoをコマンドで使う方法は、MacのターミナルでJavaScriptを実行するよ(Rhino)を見てください。 前準備 Terminalを起動します。 /Applications/Utilities/Terminal.app もしくは、 アプリケーションフォルダ内のユーティリティフォルダの中にTerminalというソフトがあるので、コイツをクリックします。 python版make(?)の「Scons」インストール。 ソースをダウンロードしてきます。 http://www.scons.org/
先日公開された、プログラム言語学習サイト「Codecademy」。チュートリアル形式で、実際に操作をしながら学習することができる面白いツールで、JavaScriptの基本的な知識を学ぶことができます。 ブラウザ内に準備されたエディタに実際にプログラムを打ち込んで、間違えるときちんとエラーが表示されるので、理解度を確かめたり、腕試しができたりとオンライン学習には非常に良いのではないでしょうか。 しかし、残念ながら現在は英語しかないため、英語が苦手でプログラム学習も初心者という方にはなかなか壁が高い。そこで、つたないながらすべてのメッセージを日本語訳してみましたので、参考にしてください。 Googleドキュメントに取り込む チュートリアル作成者も募集しているようなので、今後、さらに言語が増えるかも知れませんね。ぜひ、学習してみてください! Codecademy
Javascriptの実行はWebブラウザ上に限定されたものではない。ターミナル上でもスクリプト言語として実行可能だし、構文チェックも可能。今日はあまり知られていない非ブラウザでのJavascriptの話。SpiderMonkeyをターミナル上で動かすことを中心にまとめる。 SpiderMonkeyとは 世界初のJavascriptエンジンのコード名。 Mozilla Foundationによって保守運用。 C言語で開発され、インタプリタ、コンパイラ/逆コンパイラ、ガーベージコレクション、標準クラス群を提供。 LinuxやMacにinstallするとコマンドラインからJavascriptが操作可能。構文チェックも可能。 install Macにinstallする方法を挙げる。以下2つのどちらかの方法を採用すれば良い。 ※sourceからのbuildはmacの場合色々と設定が大変だったのでp
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
ここ1~2年の間にDynamic HTMLが多くの場所で利用されるようになりました。 Dynamic HTMLは、ページをリロードすることなく要素の外観を変えたり中身の文字を 変えたりすることが出来ますが、変更したい要素を取得しないと始まりません。 そこで、まず最初は、要素(HTML内のタグ)を取得する方法について書きたいと思います。 1.IDを指定して取得する HTML内の要素にはIDを付けることが出来ますが、そのIDを指定して要素を取得する方法です。 まず、以下のようにタグにIDを付けます。 <div id="test">DIVタグです</div> そして、このDIV要素を取り出すJavaScriptは、以下のようになります。
前回からGreasemonkeyによるアプリケーション開発の題材としてカレンダアプリケーションを挙げ、キー押し下げにより表示・非表示を切り替えできるカレンダアプリケーションを作成しました。 今回はさらに二つの機能を追加したいと思います。 (1) 異なる月も表示する (2) 予定情報を登録/表示できるようにする 異なる月の表示機能 異なる月に移動できるようにするため、カレンダ生成用の関数に手を加えます。 「現在の月」を表す変数を用意して、その値が示す月に対応するカレンダ生成を行うように変更すればうまくいきそうです。異なる月に移動するときは、その月の値を増減した上でカレンダ生成用関数を呼び出せばよいわけです。 カレンダに追加する機能の検討 早速その実装をはじめようと思うところですが、その前に少しだけ先のステップのことも考えてみます。最終的には予定情報の管理機能も追加したいので、その操作方法も先
Greasemonkeyによるアプリケーション開発 第2回Greasemonkeyでカレンダアプリを作ってみる:まずはシンプルに。 前回はGreasemonkeyの基本的な使い方について解説しました。今回からは本題の通りGreasemonkeyによるアプリケーション開発の話を進めていきたいと思います。 どのページを開いていても、ちらっとカレンダを見ることができたら便利ですよね?(「ちょっと首傾けるだけで本物の紙のカレンダを見ることができてすでに便利だ、これ以上カレンダなんていらないよ」という方、今すぐそのカレンダもしくはあたなの席を移すか、そのカレンダを捨てさってください)(←これは冗談ですよ。念のため) 少なくとも私は便利に思いました。そこでページ内にカレンダを表示する機能をGreasemonkeyによるアプリケーションとして実現することとします。具体的には図1のような
今回は、「元の文字列」+「追加文字列」に置き換えたかったので、 とりあえず要素を取得してみようとすると...。 var elem = document.getElementsByTagName("title"); で、タグは拾える。 が、 alert(elem[0].firstChild); とすると、IEではundefinedとなる。 IE8の開発者ツールで構造を見ると、 titleタグとタイトルの文字列は、 同じ要素として扱われているみたい。 (IE8の開発者ツールでは、HTMLのツリー構造の表示は、要素ノードとテキストノードが別になっているんだよなあ?) どうしたものかと思って調べてみると、titleタグの文字列を拾う方法として、 document.title というのがある。 ただし、ほかの要素にid="title"というのがあると、そちらが拾われるらしい。 (title要素の後に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く