プログラムdeタマゴ

nodamushiの著作物は、文章、画像、プログラムにかかわらず全てUnlicenseです

JavaScript

KeySnailのKillLineをEmacs風に改良してみた

KeySnailネタ。moozさんのアイコンかわいいよね。 というわけで、なんか、Firefoxがバージョンアップしたら.keysnail.jsの「以前にコピーしたテキスト一覧から選択して貼り付け」のletでエラーが出るらしく、久しぶりに.keysnail.jsを編集しました。 すでに…

JavaScriptで作ったちょっとしたスクリプトからファイルを保存したい

JavaScriptはちょこっと何かを作ろうと思うと、一番使いやすいと思っている。なんせ特に何もいらない。エディタとブラウザがあればGUIを持った簡単なスクリプトなんかすぐ作れる。最近は簡単な物ならブラウザ内で全部完結して、エディタすらいらない。 Excel…

日にち、時刻によって処理を変えるJavaScriptライブラリー書いてみた

よくある、時間帯によって処理内容を変えるJavaScriptは… var today = new Date(); var $img = $("#test");//画像のurlを変えてみます hour = today.getHours(); var url; if (hour >= 0){url = "1.jpg";} else if (hour > 5){url = "2.jpg";} else if (hour…

JavaScriptのuse strict遂にキタアアアア!

Firefox 4はECMAScript 5のstrictモードに対応、ブラウザ初の実装キタキタキターーー(・∀・) ようやく来たようです。use strictモード。Perlerなら入れておくだけでプログラミングが簡単になる魔法のコマンドuse strict。JSにも遂に来ちゃったようです。 話だ…

Canvasの状態を複数扱えたらウマー(´・∀・`)じゃない?

HTML5のキャンバスというのはどうも扱いにくい。コンテクストの状態が一つしか持てない。 ある状態から別の座標系に変換して、また元の状態を使いたいときはsaveしてrestoreする。面倒くさいね。 JavaのGraphicsみたく Grahpics gg = g.clone() gg.……… g.…………

CoffeeScript入門

この記事が対応するCoffeeScriptのバージョンは1.7です。 基本的には本家サイトCoffeeScriptの内容と同じです。わかりやすいように色々と私が勝手に再構築、追加してはありますが。(日本語訳と紹介されるとちょっと心外ですな(´Д⊂ヽ ) なお、JavaScriptの…

一文字ずつHTML文法文字を出力する

新年明けましておめでとうございます。 <span style="color:red">ほげ<br />ほげ</span>ほげ? こんな文字列を一文字ずつ画面に表示したいけど、普通にやったら<span style="color:red"まで普通に文字として表示されてしまう。その次に突然これらが消えて以降の文字が真っ赤っか。。。改行文字が出力できない、という知人からの話を聞き、取りあえず作ってみました。 siterator.js 使用例 var t = "テストテスト 改行します\n<span style=\"color:red\">色つき<b>文字です</span>\n終わり</b>ます。"; …

Harmony

こんな記事がありました Harmony スケッチ風のお絵描きができるオンラインペイントHarmonyというHTML5のCanvasを利用したペイントソフトです。 ちょっと変わった書き味のペイントソフト。線を引いた近くにそれまでに引いた線があると、そことの間にラインを…

JavaScriptでオブジェクト指向プログラム〜関数電卓を実装してみる〜

Webをやっている人なら一度くらいはJavaScriptに触ったことがあるのではないだろうか?私もJavaScriptを知ってからかれこれ3,4年ぐらいはたった。そんな身近なスクリプト言語のJavaScriptだが、ひょんな事から実は「オブジェクト指向プログラム」がつくれる…