Life, Education, Death

プログラミング以外でも思ったことをつらつらと書きたい

javascript

円形のぼかし処理をcssでいれる

色のついた●にぼかし処理を入れたいと思ったのでCSS3でフィルターを探していたところ。フィルターというとIEの拡張のフィルタぐらいしか見つからなかったのでそれっぽい処理を検討しました。 1. box-shadowを使う HugeDomains.com - MonodEz.com is for Sale…

goog.debug.Loggerの使い方

Loggerの使い方を調べた。 (function(){ goog.require('goog.debug.Logger'); var logger = goog.debug.Logger.getLogger('HogeClass'); logger.info('info'); logger.warning('warning'); })();1クラス1ファイルにしてるので、クラス名でLoggerを作ってし…

Aptana3でjqueryの補完が効くように

Aptana2系の情報ばかりでイマイチ情報がひっかからなかったのでメモ。 http://wiki.appcelerator.org/display/tis/JavaScript+Library+Support にbuldleってのをインストールしてねって書いてあった。 "Commands" -> "Bundle Development" -> "Install Bundl…

PATHを通したい。ただしCUIからに限る

修正 前回のスクリプトだと、addした際に;が余分につくので修正した。 Windowsの環境変数をコマンドから編集したい とある事情により、ちょろっとコマンドから編集する機会があったので、調べてみたら @IT:Windows TIPS -- Tips:WSHで環境変数を設定する …

reply list. Twitterのlistに返信したいの巻

Operaで日本語URLを変換するブックマークレット

更新 Firefoxで動かなかったのでコードを修正しました。 動機 Amazonとかのサイトではよく日本語URLでアドレスバーに表示されるようになってきていて、 Operaでも日本語URLで表示される。 わかりやすくていいんだけども、 そうすると、メッセンジャーとかに…

iGoogleガジェットを作ってる

外部のサイトをクリッピングしたいのです gadgets.io.makeRequestを使うと任意のサイトの一部を持ってこれる。 var params = {}; params[gadgets.io.RequestParameters.CONTENT_TYPE] = gadgets.io.ContentType.DOM; var url = "取得元URL"; gadgets.io.make…

<input type='reset' />で作られるリセットボタンはフォーム内のinputタグやselectタグの値をvalueに戻してくれる。 valueに入ってる値を無視して、とりあえず空にして欲しかったので、関数を書いた。 /** * 指定したフォームの入力を空の設定する * * @method resetFormValues * @…

YUI LoaderのaddModuleの使い方

自作のスクリプトファイルをYUILoaderでロードする - うなの日記とかが使い方の説明がしっかり書いてあって参考になった。 var loader = new YAHOO.util.YUILoader(params); loader.addModule(XXX);としたときの読み込むJSファイル内でYUI Loaderを呼び出し…

Yahoo UI Library Dom.getElementsByClassNameを使ってはまること

CSSクラス指向Javascriptingをしている 例えば、CSSのクラス名'button'があるエレメントにはButtonウィジェットの機能をつけて、加えて'toggle'というクラス名も持っていたらトグルボタンウィジェットにする。 みたいなことを頻繁にやっている。 CSSのクラス…

HTMLElement.onXXXを使うときに起こる問題

onXXXを使って起こる問題 onLoadやonClickを使っているときにそのエレメントのinnerHTMLを操作すると初期化?が起こりonXXXの中身がなくなるようだ。 前述の通り、YUIではonXXXを使っているので、この問題に衝突。なんかムダにハマっている一日。しょうがな…

IEでデバッグしたいとき

firebugぐらいあってもいいじゃないか だがしかしない! Visual studioで簡単にデバッグする方法がここにdebugger;と書くとそこでブレークしてくれるのは知らなかった。ちなみにFirebugもブレークする。

YUIのバグか!?Yahoo.util.Eventを使っている

YUIの仕様らしい 結論から言って早とちり>< javascriptのブラウザ間の互換性を取り持ってくれるライブラリはたくさんあってprototype.jsがお気に入りだった。UIもまとめて作ることになってのでアニメーションとかが出来るのがまとめっているYUI Libraryに…

Panelを使っていてハマったよ

Yahoo! UI Libraryは便利でいいんだけど、やっぱりJavascriptは型の弱い言語なのでエラーが多々わかりづらい。Panelを使っているときに this.beforeRenderEvent is undefinedこんなエラーが出たら、コンストラクタの第一引数の値が存在しないエレメントをさ…

Prototype.jsが好きなのに・・・

jQueryに浮気しそうになる。かゆいところに届かなくなってきたような・・・ onload以前(ドキュメントが完全に読み込まれる前)のイベントを捕まえたい http://www.metareal.org/2007/08/22/prototype-1-6-0-features-dom-content-loaded-event/ ここにある…

Firefoxのバグかも(自分メモ)

<form> <label>Hello <select><option>World</option></select> <textarea></texarea> <button>click!!!</button> <label> </form> なんて書いたときにtextareaをクリックするとセレクトボックスにフォーカスを取られる。 挙動としては正しいかもしれないが、そもそも変なラベルの書き方をした自分がいけない。それはい</textarea></label></form>…

Yahoo! UI Uploaderを使ってみた

http://developer.yahoo.com/yui/uploader/Flashを使って、ファイルを複数同時に送ることの出来るライブラリ。ここが詳しかったhttp://phpspot.org/blog/archives/2008/02/yui250flickrphp.html ちょっとハマったのでメモを残す。 uploadCompleteDataという…

YUIを使いながら思い出した

JSは簡単に空間汚染が広がる。例えば、prototype.jsを使ったらAjaxってキーワードは抑えられちゃう。YUIのサンプルの初期化コードでは (function(){ 初期化処理 })() なんてことをしている。無名関数を作って、即起動している。出来るだけ名前の干渉がないよ…

YUIをインストールした

RichText Editorが欲しくてダウンロードしてきた。簡単そうなサンプルを選んで(http://developer.yahoo.com/yui/examples/editor/simple_editor.html) 設置してみた。http://developer.yahoo.com/yui/editor/#startによると

電車に乗っていると50は越えたであろうおじさんが、GWTの本を持って座っていた。

ずっと観察してみたところ、流し読みのようであった。 しかも、市営図書館の蔵書・・・ GWTって流行ってるの??? 好きだけど、信じられない。 前々からExtというJavascriptのライブラリを注目していたものの、重いしなーとか言いながら全然試してこなかっ…

PHP ウィジェットフレームワークを妄想してみた

そもそもGWTが好きであぁJavascriptレスで色々簡単に出来るなんてステキなんて;;; *1 そんなことをPHPで出来たらなぁーってことです。 基本コンセプト WidgetのPHPコードからコンパイルしてtemplateのHTMLと混ぜてうまいHTML+JSになっているファイルを出…

以前のユーザースクリプトを頑張って直した

Operaのユーザースクリプトのクセがまだまだよくわからないですが、なんとなくOpera用に改修が完了 var testWindow = typeof unsafeWindow != 'undefined' ? unsafeWindow : window; なんて書いてunsafeWindowとの互換性を維持するところで結構戸惑ってしま…

greasemonkeyのセキュリティーホール

仕様がおかしいんじゃないかと思うけども、こんな問題があるらしぃ。http://d.hatena.ne.jp/sawat/20070423/1177345938そこで、考えたのが関数の上書き作戦 unsafeWindow.eval = function(code){ alert("cannt use eval. \nparam ="); }; とかしてやれば、ev…

mixiもやっているわけですが、とっても使いづらい。 特にキーボードから手を離さないと絵文字が打てないあたりとかとか。javascript書きであるものの、未だにgreasemonkey*1を使ったことがなかったので ちょっとやってみた。greasemonkeyのインストールはこ…