読者です 読者をやめる 読者になる 読者になる

Perlのローカルプロキシ紹介と見せかけてJS開発環境紹介

齢27にしてNirvanaをまともに聴き出したtaiyohです。 最近、ベースの他にギターも始めてみたのですが、本当に難しい… (個人の方含め)ブログ書くの本当に久しぶりです。 ちょうど今JavaScriptをがっつり使った案件に関わっているので、開発周りで小ネタを一…

javascriptでカンタン経路検索

数え切れないほどのYUREXと一緒に住んでいた渡邊です。 今の時代、ブラウザさえあれば経路情報をカンタンに取得することができます。 今回はGoogleの経路検索APIとjavascriptとブラウザを使います。 1. 結果を見る 弊社、自由が丘オフィスから鎌倉本社までの…

tech.kayac.comで公開されたjQuery関連記事まとめ(?2009年版)

最近、このブログの方向性に危機感を抱いています。agoです。 そろそろあちこちで「2009まとめ」的な記事が見られるようになってきましたが、tech.kayac.comでもjQueryに特化してまとめてみたいと思います。 jQueryを使ってphpで言うところのstrip_tagsとかh…

jQuery.liveをfirefoxで使うときの注意点

夢で医者にギブスくらい自分ではずせよと言われました。agoです。 昨日若手IT勉強会に参加させていただき、jQuery.live周辺とjsdeferredを読んできました。 そのとき気づいたのですが、Firefoxはdocument objectに対するclick eventが右クリック(event.butt…

mixiアプリで日記に書くリンクの作り方

360度評価真っ最中のagoです。 今日はmixiアプリで「日記に書く」リンクの作り方を紹介したいと思います。 mixiでは非公式ながら外部から日記の入力ページに対して初期値を渡す事が可能になっており、その機能を使ってmixiアプリ内に「日記に書く」リンクを…

JavaScriptで画像のオフラインキャッシュを実装する

もうすぐクリスマスシーズンなんですかね?本間です。 巷で話題のイケメンホイホイ(以下イケホイ)ですが、このたびiPhone用サイトがオープンしました。 それにあわせて新機能も搭載!イケメン写真にタグを付ける機能と、iPhoneでぼんやり眺めているだけで…

JS制作に欠かせない3つのツール

週末始めて通報しました。agoです。 弊社FDがflashに関する情報をお届けしている_level0.KAYACというサイトがあるのですが、先月そこで「Flash制作に欠かせない3つのツール」というタイトルで各人がお気に入りのツールを紹介していたようです。 Flash制作に…

使ってはいけないjQueryの機能 5個

3 days ago的な時間表記をするサービスは全部嫌いです。agoです。 週末若手IT勉強会に参加させていただきjQuery 1.3.2のイベント周りを読んできたので、それを踏まえて使用すると問題の発生する可能性の高い機能を紹介します。 0 jQuery.browser 1.3からサポ…

javascript test framework Sweets.jsを作成しました

最近ミクシイアプリ作ってます。(むだづかい告白帳、マイミクイズ) agoです。 このたびjavascript test framework Sweets.jsを作成したのでご紹介したいと思います。 Documents Download JSのtest frameworkはすでに各種ありますが、以下の点を満たすもの…

javascriptで名前空間を有効活用する方法

社内の煎り大豆ブームの火付け役。agoです。 今日はjavascriptで名前空間を有効活用する方法をご紹介したいと思います。 1 無名関数の即実行 無名関数をその場で実行することで名前空間を閉じることができます。 (function () { // hogeはこのfunction内のみ…

jQuery時代に生きるクロスブラウザ対応の知恵 8選

Auto Copyが移植されたらchromeへの移行を検討します。agoです。 var $j = $.noConflict(); jQueryを使用するようになってクロスブラウザを意識することは少なくなりましたが、それでもjQueryではカバーしきれない差異はそれなりにあります。 そこでjQueryを…

jQuery的なarray like objectの作り方

twitterはじめました。 agoです。 前回の記事(jQueryを読むために知っておきたい6つの知識)で「jQueryのthisはArray」と書いたところ、「正しくはArray likeではないか?」とのご指摘を頂きその点調査したのでご紹介したいと思います。 まず、通常javascri…

jQueryを読むために知っておきたい6つの知識

夏休みはタイ古式マッサージセミナーに参加してきました。agoです。 先週日曜日若手IT勉強会に参加させていただき、jQueryのコードリーディングを行ってきました。 そこでjQueryのコードを読むときの基礎知識に関して簡単にまとめてみたいと思います。 1 変…

jQueryを使い始めたときに感じる13の疑問

来週は私が夏休みなので更新はない予定です。agoです。 最近、人にjQueryを解説する機会があったので、昔を思い出してjQueryを使い始めた頃に感じる疑問を書いてみたいと思います。 1 そもそも何で使うの?いまでも困ってないよ 作成する内容にもよりますが…

jQuery言語入門

先月の社員PVランキングは91番目でした。agoです。 たまに他言語開発者から「JSは何となくわかるけど、jQueryが特殊すぎてよくわからない」という声を聞きます。 個人的にjQueryを使う場合、「JSの中でjQueryを使う」と言うより、「jQueryの中でJSを使う」と…

細かすぎて伝わらないjQueryの機能5選

実は技術部ではなく、演出部所属のagoです。 先日jQuery 1.3.2のソースを読む機会があり、そのときいくつか気づいたことがあったのでまとめてみました。 1 .addClass, removeClassはスペース区切りで複数のclassを渡せる .addClass, removeClassにはスペース…

イメージマップでhoverを実現する

Fxの拡張ではAutoCopyがお気に入りです。agoです。 今回はリニューアルしたwww.kayac.comからKAYACスタイルのページをご紹介したいとおもいます。 このページはぱっと見特殊な処理はないんですが、よく見ると画面下部の画像が斜めに切れており、それぞれ切れ…

リニューアル後のsitemapとjQuery-visitedとオチ

週末キーボードを水洗いしました。agoです。 すでにだいぶ時間が経ってしまいましたが、7/7にwww.kayac.comがリニューアルしました。 リニューアルに伴いtech.kayac.comでご紹介したい点がいくつかあるのですが、今日はその中からsitemapで使用しているjQuer…

jQuery使いが陥りやすい罠

肩こり歴20年のagoです。 社内でもjQueryを使う人間が増えてきたので、jQueryを使う人が陥りやすい罠をいくつかあげてみたいと思います。 (私が過去にはまったり、今はまっている罠です) 1 グローバルの名前空間を使わない jQueryはwindow objectの汚染が…

jQuery.jsとprototype.jsのロジックの組み方に関して

会社から駅まで2分を切れるようになりました。agoです。 先日社内で行った勉強会の資料を公開したいと思います。 Prototyperに贈るjQuerystからの手紙 内容は以下の通りです。 Prototype.jsとjQueryの差異 jQueryの考え方 よりよいjQueryの使い方 カヤックで…

jQuery、script.aculo.us、JSTweenerのアニメーションfps比較

スカイダイビングしてきました。agoです。 ちょっと気になったのでいくつかのアニメーションライブラリのFPSを調べてみました。 jQuery jQuery.fx.custom内でsetInterval(fn, 13);と定義されていました(4064行目) 1000 / 13で大体77FPSのようです。 script…

OSDE(OpenSocial Development Environment)を使った開発環境Tips

こないだ初めてバンジージャンプ飛びました。agoです。 先ごろmixiアプリが一般開発者公開されましたが、皆様開発環境どうしてるでしょうか? 私はmixiの開発環境では認識されるマイミクが少なかったり、キャッシュが効きすぎたりで開発しづらいため、OSDEで…

javascript libraryを作るときに便利な3つのfunction

社内で唯一(?)の8 tab派。agoです。 suzunari.js、sisso.jsと、最近いくつかJSのライブラリを公開する機会があったので、そのとき使ったライブラリを作るときに便利なコードを紹介したいと思います。 1 script tagからのパラメータ読み込み 外部からの指…

blogparts framework suzunariを作成しました。

ようやく会社のブラインドを閉める方法を発見しました。agoです。 弊社ではブログデコというブログパーツのポータルサイトを運営しており、かなりの数のブログパーツを作成しています。 このたび、そこで得られた様々なノウハウを集めて、ブログパーツフレー…

マイスペースアプリの開発tips

社内で唯一の野狐禅ファン agoです。 最近ようやくいくつかマイスペースアプリを公開することができたので、マイスペースアプリの開発過程で気づいたことを書いてみたいと思います。 (ちなみに、マイスペースのプロフィールはデザイン担当の内容です) aler…

IEのデバッグツール

最近記憶力の低下が著しいkusagayaです。 最近は専らJavaScriptを書くことが多いんですが、皆さんどのようなデバッグツールを使っていますか? FirefoxであればFirebugというのが一般的だと思いますが、 IEで一般的なデバッグツールと言えば?と言われると、…

?FireFox3でFlashの動作がおかしくなる

初めまして、自由が丘でプログラマーをさせて頂いてますkusagayaと申します。 以前、アトランティカの風ブログパーツを作成していた時に遭遇した現象について書かせて頂きたいと思います。 現象 FireFox3でwmodeがtransparentになっているブログパーツで全画…

jQuery Plugin作成時の3つの注意点

実家に帰ったら犬に威嚇されました。agoです。 jQuery Pluginに関しては、以前jQuery Pluginの書き方として基本的な部分をまとめたのですが、もう少し細かい部分に関して再度まとめてみようと思います。 1 $.dataの活用 以前jQuery.dataの使い方でも紹介した…

pngfix & rollover library sisso.jsを作成しました。

通販で自転車のスポーク買いました。agoです。 社内から「yuga.jsみたいに呼べば使えて、環境に依存しないpngfixとrolloverライブラリがほしい」とリクエストを受けたので作成してみました。 使い方はファイルをダウンロードし、以下のようにマークアップす…

Google AJAX Feed APIを使った場合の細かい利点

pQueryに期待してます。agoです。 なぜか"Google AJAX Feed API"で検索しても本家のドキュメントがトップに来ないGoogle AJAX Feed APIのドキュメントを眺めていてちょっとした利点に気付いたのでご紹介したいと思います。 1 文字コードのUTF-8統合 encoding…

jQuery.opensocial_simple Pluginを作成しました。

昨日OpenSocial Hackathonに参加させていただきました。agoです。 Hackathonは終わってしまいましたが、jQueryからOpenSocialを簡単に扱うためのPluginを作成したので、jQuery.opensocial_simpleとして公開したいと思います。 opensocial、gadgetsのすべての…

jQueryを使うときに気をつけるべき8のポイント

DAHONのBoardwalkを修理しようとしておもいっきり壊してしまいました。agoです。 普段はjQueryをメインで使用しているのですが、使っていていくつか注意すべき点があったのでまとめてみました。 (一部jQueryではなく、DOMの仕様上の制限も含まれています) …

jQuery.ime_external Pluginを作成しました。

Microsoft Trackball Opticalの復活を切に希望中のagoです。 今年旅する支社として行ったイタリアで、Flash経由でJSからIMEを操作するプラグインを作成したのでjQuery.ime_externalとして公開したいと思います。 同種のJSは過去にもいくつかあったんですが、…

jQuery.autouploader Pluginを作成しました。

AutoHotKeyの設定ファイルが意味不明で困ってます。agoです。 このたび弊社ではにおい部 - においフェチに捧げるコミュニティとして、におい部をOPENしました。 今回はこのサイトで使用している、ファイル選択時の自動プレビューjavascriptをjQuery.autouplo…

jQuery.brbr Pluginを作成しました。

高知から帰ったら席がのっとられていたagoです。 このたび弊社ではYUREX™ - ビンボーゆすりを科学したコラボ・プロダクトを開発として、YUREX製品サイトをOPENしました。 今回はこのサイトで使用している、文字や画像のリンク部分を揺らすjavascriptをjQuery…

Wii向けフラッシュコンテンツでユーザビリティを高めるコツ

初めまして、現在静岡支社勤務のtaiyohと言います。 codereposでもtaiyohの名前で登録させて頂いております。宜しくお願いします。 さて早速ですが、今更ですが、Wiiネタを書かせていただきます。 ミュージシャンがたまに言う「つくって半年ほど放置してた曲…

全画面ジャック型のblogpartsを1ファイルで作成する方法

手違いにより社員紹介ページから消滅中のagoです。 今日は全画面ジャック型のblogpartsを一つのswfのみで実装する方法を紹介したいと思います。 まず、一般的な全画面ジャック型blogpartsの場合、最初に表示されているsidebar swf(記事内に貼り付けるタイプ…

jQuery.dataの使い方

最近気づいたんですが、jQuery.dataが結構便利だと思うので紹介してみたいと思います。 (function($) { var name_space = 'name_space'; $.fn[name_space] = function(options) { var elements = this; var settings = $.extend({ }, options); elements.eac…

Vista Sidebar gadgetを作る際のTips

今日はJSでVista Sidebar gadgetを作る際のTipsを紹介したいと思います ライブラリは遠慮なく使う 規模も小さく、隔離された環境なので影響範囲の大きいライブラリ等を使っても問題が少ないです。過去にPrototype.jsやjQueryを使用しましたが、問題は起きま…

blogpartsでjQueryを使うときの読み込み方

最近blogpartsでもjQueryを使うようになったので、blogpartsでjQueryを使うときのコードをまとめてみました。 (function () { //script tagのsrcの先頭部分を記述(自分のscript tagを取得するのに使用) var domain = 'http://example.com/bp/'; //asから呼…

最後のscript tagの取得方法

ブログパーツを作成する場合自身のscript tagを取得したい場合が多く、そのときの手法としては次の手法が使われることが多いと思います。IT戦記 とてもシンプルに自分自身が属する script 要素を取得 ただ、この手法は読み込んでいる別script内でappendChild…

jQueryのイベントネームスペース

先日社内のPGに教えてもらったのですが、jQuery(1.2.0以降)ではイベントに名前空間を指定できるようです。 $('a').mouseover(function () { console.log('over!'); }); // -> a tagにカーソルを乗せるとconsoleに'over!'を出力 $('a').bind('mouseover.tmp',…

FirebugのLog Eventsに関して

こないだfirebugをいじってたら面白いものを見つけました。 ちょっと試してみたところ対象の要素に起こっているイベントを全てコンソールタブへ表示させることが出来るようです。 基本的には良くあるイベントが表示されるだけなんですが、IMEをONにした状態…

event式autoKana.jsの紹介

すでに若干乗り遅れてる感じもしますが、読み仮名の自動入力がはやっているようなので乗っかってみます。 サンプル (IE7,FF2,safari3.1で動作確認) お気づきの方もいるかもしれませんが、これまでの記事(1,2,3)はこのライブラリを作る過程で発見し…

jQuery Pluginの書き方

最近いくつかjQueryPluginを書く機会があったのでちょっとまとめてみようと思います。 (function($) { //このPluginの名前 var name_space = 'basePlugin'; $.fn[name_space] = function(options) { //いったん退避 var elements = this; //設定情報の構築 v…

FFのtext eventに関して

前回firebugのLog Event機能に関して紹介したんですが、そのとき見つけたちょっと面白いイベントに関して紹介したいと思います。 そのイベントは「text」 私もLog Eventで見るまで知らなかったんですが、これはIMEがONの時にkeypressの代わりに呼ばれるよう…

ExternalInterfaceのはまりどころを再検証

ExternalInterfaceがはまることに関しては周知の事実なんですが、その内容に関しては又聞きの部分も多かったので改めて検証してみました(windows vista IE7,FF2,safari3.1、windows xp IE6で確認しています) form tagの中にswfを書き出すとIEでelementが取…