生涯未熟

生涯未熟

プログラミングをちょこちょこと。

JavaScript

文字列を要素の横幅に合うようにフォントサイズを自動調節する

注意:この記事は2014-08-21に作成されました。現在、FlowType.jsはメンテナンスされていませんので参考にする際にはご注意下さい。久々にガリゴリとHTMLのフロント部分を触った中で意外と苦戦したとこのメモ。 イメージ的にはこんな感じ。

パーフェクトJavaScriptのためにSpidermonkey大冒険を入れてみる

その昔、スーパーモンキー大冒険なんてクソゲーありましたね。 そんなことを思い出させてくれたパーフェクトJavaScript。 そんなパーフェクトJavascriptのためにspidermonkeyを導入する。 やることはこれだけ。 sudo port install spidermonkey 最初にsudo p…

HTML5×Javascriptでブロック崩しっぽいものを作ってみた

職場でコンパイル言語にフルボッコにされてる恨みをJavascriptにぶつけてみた。 と言っても前回のテトリスに比べたら、 物凄く簡単なブロック崩しっぽいものを作ることに。 今回の肝は、60FPSでcanvas上に描画してみたらどうなるだろー?というところ。 ・概…

「アマゾンで99%オフの商品だけを見つける方法」のブックマークレット

アマゾンで99%オフの商品だけを見つける方法なんていうお決まりのネタ記事をブックマークレットでやってみる。ソースは以下 javascript:(function(){s=window.prompt("検索キーワードを入力して下さい", "");f='http://www.amazon.co.jp/s?ie=UTF8&rh=n:,k:…

iPhone版ニコ動検索ブックマークレット

iPhoneに対応できないかなーと思って作ってみた。ソースは以下 javascript:(function(){s=window.prompt("検索キーワードを入力して下さい", "");f='http://www.nicovideo.jp/search/'+encodeURIComponent(s)+'?track=videotop_search_keyword';a=function()…

ニコ動検索ブックマークレット

暇つぶしにニコ動検索ブックマークレット作ってみた。ソースは以下 javascript:(function(){f='http://www.nicovideo.jp/search/'+encodeURIComponent(document.getSelection())+'?track=videotop_search_keyword';a=function(){if(!window.open(f,'_blank')…

フォームに値を入れた瞬間反映されるようにする

先ほどまとめたイベントハンドラの中の一つ、onkeyup()を使ってタイトル通りのコードを書いてみる。

JavaScriptのイベントハンドラの実行タイミング

私的なまとめ。 JavaScriptで使われるイベントハンドラがどんだけあるのか調べてみた。

Twitter公式ブックマークレットに好きな言葉を潜り込ませる方法

Twitter公式ブックマークレットなんてのがあるのを知らなかったのでいじくってみた。 Twitter公式ブックマークレットはこちらでGETだ!

canvas上での画像にリンクを貼る方法

結構探したけどどこにもあまり書いてなかったので備忘録としてまとめることに。

JavaScriptでテトリスっぽいもの#7

前の記事から物凄く時間が経ちましたが、勉強卒研からの現実逃避のためまた少しずつテトリスをいじっていきたいと思います。

jQueryUI実践サンプル集勉強!#2

次回に引き続いて今回はjQueryUIを実際に触っていきます。

jQueryUI実践サンプル集勉強#1

卒研をやってる内に「jQuery便利すぐる!」ということに気付いてしまったので研究室にてjQuery本を借りてきました。

JavaScriptでのsubmitとnameの備忘録

JavaScriptでdocument.フォーム名.submit();でsubmitした場合にname情報をどう送ればいいかという問題。解決法は、HTMLでのForm内にてとすればいいとのこと。 調べてたらdocument.〜.〜.nameとかいうのもあるみたいですが、〜の部分が何を指定すればいいのか…

次回から入力を省略の備忘録

前に紹介した「Twitter風ドロップダウンログイン画面を体験してみた」で、「次回から入力を省略」のチェックがあるのに正常に動いていないのではと気付きました。

Twitter風ドロップダウンログイン画面を体験してみた

ところでこのソースをみてくれ、こいつをどう思う?

JavaScriptでテトリスっぽいもの#6

今回で最終回です。 最後にランダムにブロックを表示させるようにしましょう。

JavaScriptでテトリスっぽいもの#5

今回はブロックの回転操作から始めます。

JavaScriptでテトリスっぽいもの#4

前回はブロックを操作するところまで作成しました。 今回はそのブロックを自動に動くところから始めましょう。

JavaScriptでテトリスっぽいもの#2

では、前回の続きから進めていきましょう。次に作成するのは足し算を行うプログラムです。

JavaScriptでテトリスっぽいもの#3

今回は前回のプログラムを改変して、変化をつけてみます。

JavaScriptでテトリスっぽいもの#1

今回はJavaScriptでテトリスっぽいものを作ってみたいと思います。

プログラミング備忘録

・Rhino:javaScriptのコードをjavaのクラスへ変換 ・AWT>Swing?