JavaScript

RingoJSのチュートリアルをやってみる - データストアの設定

久しぶりにRingoJSを触ってみます。チュートリアルのConfiguring a Storeっていうところ。いよいよデータストアでしょうか。楽しみです。RingoJSでは「model.js」というファイルにモデルの定義を書いていきます。データベース定義みたいなものですきっと。た…

RingoJSのチュートリアルをやってみる 3日め

久しぶりにRingoJSのチュートリアルの続きをやってみます。今日はMVCの「M」にあたるモデル部分の実装がテーマです。Tutorial - RingoJS Configuring a Store モデルの実装は「model.js」という名前のファイルに書くのが慣習になっているようです。 // model…

RingoJSのチュートリアルをやってみる 2日め

今日もRingoJSのチュートリアルをやってみます。あんまり時間がとれないので少しずつやってます。 JavaScript Modules 自分で書いたJavaScriptファイルを、他のプロジェクトから使うときのやり方が書いていました。 Tutorial - RingoJS モジュールを輸出する…

RingoJSのチュートリアルをやってみる

チュートリアルを見ながら、今日もRingoJSを触ってみます。 Webapp Scaffolding Webアプリーションのひな型を作成するコマンドがあります。 $ bin/ringo-admin create apps/demoblog上のコマンドを叩くと、「apps」ディレクトリの下に「demoblog」というディ…

RingoJS 触ってみた

RingoJSというプロジェクトが個人的に話題になっています。 JavaScriptでWebアプリケーションのサーバー側のプログラムを書くことができるみたいです。 特徴 RingoJSのトップページに書いてたことを泣きながら読んでいますが、上手く読めていません。英語爆…

最初の一回だけtrueを返して二回目以降はfalseを返す関数

職場で一時間考えてもできなかったのに自宅でやると5分でできるから不思議だ var trueOnlyFirstTime = (function() { var b = true; return function() { if (b) { b = false; return true; } return false; }; })();

headタグに要素を追加できない。

JavaScriptでheadタグの中にscriptタグを追加しようとしたのですが、jQueryを使うとなぜか上手くいかないみたいです。 こんな感じでscript要素を作って var script = document.createElement("script"); script.setAttribute("type", "text/javascript"); sc…

Greasemonkeyメモ

いつの間にかgreasemonkeyの中でjQueryとかのライブラリが使えるようになってました。 他にも色々と知らないことがあったのでメモしておきます。 @require スクリプトの先頭に色々書くあそこに「@require」って書くと、外部JavaScriptをincludeして使うこと…

Amazonの書籍ページにGoogleブックのリンクをはるぐりもん

会社の人からGoogleブック検索がいろんな意味ですごいっていうページを教えてもらい、「これはすごいなあ」と思い、勢いにまかせてAmazonの書籍ページにプレビューページへのリンクをはるGreaseMonkeyを作りました。 ダウンロード google_books_on_amazon.us…

JQueryでプレースホルダつき入力欄その2

先日、JavaScriptでプレースホルダつき入力欄を作る(JQuery実装)というのを作ったのですが、不具合が見つかったので修正しました。 JQueryでプレースホルダつき入力欄 修正する時に色々と新しいことを覚えたり物思いにふけったりしたのでメモしておきます。 …

はてなダイアリーからMyはてなのお気に入りに追加するぐりもん

http://d.hatena.ne.jp/hatenadiary/20090305/1236236788Myはてながリニューアルされて、他のユーザーをお気に入りにする機能が追加されました。 「おー、これは素敵な機能だ。使おう使おう」と思ったのですが、はてなダイアリーとか読んでいて「この人をお…

JavaScriptでプレースホルダつき入力欄を作る(JQuery実装)

JavaScript でプレースホルダつき入力欄を作る - blog.8-p.infoこれは素晴らしい。 JQuery版もあったらいいなー。と思ったので作りました。 ダウンロード JQueryでプレースホルダつき入力欄 使い方 こんな感じです。 <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript" src="jquery.placeholder.js"></script> <script type="text/javascript"> //

繰り返しジェネレータ

お仕事でプログラムを書いてると、似たようなコードの繰り返しで一部だけ書き換えるような場面があります。 HTMLでテーブルの行を延々と繰り返したり、テストデータのためのインサート文が大量に欲しくなったりとかですね。 そんな時には、コピーペーストで…

ニコニコ動画をデュアルディスプレイみたいに見るぐりもん

ニコニコ動画で、複数の動画を並べて同時に鑑賞するためのぐりもんを作ってみました。 動作が不安定すぎて泣きそうです。もう少しがんばりたいです。 スクリーンショット こんな感じになります。 リズム天国 Hot knows... ダウンロード http://svn.coderepos…

JavaScriptの文字列型で悩んだ記録

JavaScriptで文字列をいじっていたら、何だか不可解な動きをしたので気になって色々調べてみました。 文字列リテラルとStringオブジェクトは何かが違う 文字列リテラル var str = "文字列"; Stringオブジェクト var str = new String( "文字列" ); 上の2つは…

ブコメにレスつけるぐりもん

ブコメにブコメするぐりもん - syttruの日記「はてなブックマークのコメントにお返事が書けるようになったら面白いんじゃないかしら」と思って、こないだ思いつきと勢いだけで作成したGreaseMonkey をちょっと修正しました。 スクリーンショット 「B!」って…

パスワードを勝手に暗号化するぐりもん

パスワードをハッシュ化(暗号化)保存することを法律で義務化するくらいのことが必要だと思う 一番最初に「パスワードを第三者に漏らしてはいけない」という厳守すべき一般常識を破ったのはユーザー自身に他ならないのだから、ここはきちんと認識しておくべ…

ブコメにブコメするぐりもん

先日同僚と話していて、はてなブックマークの話になりました。 「はてなブックマークのコメント欄がひどい」 「なんであんなにひどいのかね」 「ブックマークのコメントって、それに対してお返事が書けないんだよね」 「反論されることがないから安全な場所…

JavaScriptの怖さを垣間見た。

すべてのオブジェクトをキーにできるハッシュの様なもの - IT戦記 こないだ、よくわかんないまま書いて恥をかいたので、ちゃんとサイの本を読みながらプログラムの動きを追ってみました。 イメージ図 関数1はDictinaryっていう名前で宣言された一番外側の関…

Java的な発想

すべてのオブジェクトをキーにできるハッシュの様なもの - IT戦記 こんなんじゃダメかな。 function Dictionary() { this.initialize.apply(this, arguments); } Dictionary.prototype = { initialize: function() { this.hash = {}; }, put: function(k, v)…

行末のセミコロン

JavaScriptでこんなソースを書いた。 function hoge() { return "タピオカ" + "パーン"; } 実行したら undefined が返ってきた。 調べてみたところ、JavaScriptの文法では、行末の「;」(セミコロン)を省略することができるらしい。 つまり function hoge(…