こんばんわ、二回連続で登場です。加藤です。ちょっと恥ずかしい。

さて、ネタもないので開発環境のお話を。

自分は普段書くコード類といったら
Javascript、PHP、SQLがほとんどです。
あとはCSSとかHTMLとかXMLとかそういうの。あとたまーにRuby
で、Win機でのメインエディタはEmEditorです。有料ですがなんとなく使いやすいし、Diffが標準で付いていてUIもすっきり、当然プラッガブルで正規表現検索のUIも自分好み。動作も軽い。なかなか良い奴です。使用歴2年くらい
ちなみにUbuntu上ではvim、Macではmiです。
ただ、AndroidとかiPhoneのアプリがWEB制作会社に流れてくるようになるとやはり統合環境が必要になるわけです。
AndroidはJavaなのとSDKの関係上Eclipse、iPhoneはMACでXCodeです。
これがもう慣れていない身としては重いし複雑で使い慣れないわけです。FlashのIDEすら苦手なくらい！
特に職業プログラマではなくコードを書く機会もそこまで多くはないのでよりシンプルで簡単なものしか使わなくなってしまうわけです。
困っちゃうね。いや、憶えますよ。頑張りますよ。

で、最近はWINDOWS上ではなく別途サーバ機を足元に置いてUbuntu上に開発環境を作ることが多くなりました。
構成としては
Ubuntuのホームディレクトリ以下をSAMBAでローカルディレクトリと同じ感覚で使えるようにしてしまってリアルタイムに書きながらブラウザで確認しております。
バージョン管理はまだGitに以降しきれていなくてSVNですがリポジトリは同じくUbuntu上に置いてTortoiseからコミット。らくちんです。
最近SVNやGitのメインリポジトリをDropbox上に配置するとどこでも開発できる！ってのを見かけてなぜ気付かなかったんだ！と思いました。まぁ情報管理上、個人的プロジェクトとか個人的フレームワークとかの作成でしか使えませんが・・・
個人的にはVMWareとか使うより別途サーバ機用意したほうが使いやすい気がします。
そのうち環境を整えてちゃんと図とか書いて管理しよう。（個人利用だと結構適当にやってしまいがち！）

こんばんわ、肩までどころかもうすぐ髪で胸を隠せそうな加藤です。伸びすぎです。

さて、こまったことに僕の目の前にはちょっとした事故によりブログ当番表が2個あります。
この場合はやはり二回連続で書くべきなのでしょうか。書くべきですよね。というわけで二回連続お目汚しします。失礼いたします。

で、タイトルの件ですが
弊社のあるビルはあまり大きなビルではないので男子トイレの中は小便器と個室一個づつしかありません。
男性社員だけでも結構な人数いるのでお腹痛い時に人が入っている。という率がなかなか高いのです。
そこで！提案したいのがトイレ個室状況監視APIです。
まだ構想止まりですが是非実現したいのでセンサーとマイコンボード買ってきてつくろうかなーとか思いつつ。
鍵の受けと攻めに電極をつけて接触すると通電→トイレ内に設置したLINUXサーバに信号が送られステータスをTRUEにする。電極が離れて通電しなくなるとFalseになる。
ただそれだけの機構さえ作れば、あとはApacheからPHPかなんかでその監視プログラムを叩いて状態を返せばいいのでは！と考えております。
最初はWEBカメラを使って画面認識とかして人がいるかいないかを解析するのが楽しそうだなーとか思っていたんですが、いかんせんトイレなのでモラルの問題がありますね。

上記APIが実現すればお腹痛い！と思ったときにAIRで作ったトイレ個室監視クライアントをチェックすればAPIを叩いて使用状況を確認でき、ストッパを飲む。等の対策をスムーズに行うことができます。また、滞在時間を同時に返すことでストッパを飲むか、我慢するかの判断もできるのです！これは画期的！
ということで誰か、そのマイコンボードだけでも作ってくれませんかね。小さい筐体のLINUXがあればサーバ側は作るんですが・・・
女子トイレは入ったことがないので状況は知りません。

ということで、VITALIFYではそんなしょうもないことにも本気で取り組んでくれる方々を絶賛募集中です！

お盆休みをいただいておりました。
今回のお盆は初日から制作部の守谷さんとテントと食料を担いで奥秩父へフラフラと歩いて行きました。
電車とバスをやたら乗り継いで向かったのは丸神の滝。
バス停からの道は若干の山道で、そこそこ急登とはいえ距離的にはそこまで大したものではないんですがテントと二日分の食料と水を40リットルのザックにパンパンに詰めた状態で歩く運動不足。これは辛い！20分くらい登って汗だくのすえたどり着いた滝はなかなか繊細で綺麗なものでした。沖縄でみたター滝のような迫力はありませんが一本一本が美しく細い水流で落ちてきていて眺めながら休憩。若干昼寝（朝早かったからね）

その後更に急登な反対側の出口を一生懸命上り、大雨の中雨宿りしながら汗だくで歩き。テントを張ってラーメン作って早めの就寝。
二日目は無意味に歩いたり、雨にぬれながら無意味にあるいたり、途中で諦めてバスに乗って両神温泉へ行ったりしながら浦山ダムへ行き鍾乳洞を見たりしながら河原のキャンプ場を見つけてテントを張る。
疲れはてたので早めに寝ようかなーと思いつつ飯をつくっていたら大量の蛍！凄い星空！流れ星を計5個！
後ろのバンガローでワーキャー騒ぐ子供たちの声と地面の石に悩まされつつ睡眠・・・

いやー非常に無意味な旅でした。たのしかったなー
最初三日をそれで過ごしあとの日は何もしてません！
これも積極的休養になるんでしょうか・・・？山登りよりも無意味に歩くことが好きみたいです。
とりあえず得たものは戻ってから目が真っ赤ですげー痛いことくらいです。バイキン入ったっぽい・・・

こんにちわ、カトウです。

このブログではありませんが。
個人的なブログのほうをMT4.22からMT5.01にバージョンアプしてみました。
とても簡単だったのでみんなするといいです。管理画面が数倍安定しています。（FirefoxでMT4の管理画面が安定していなすぎてつらい思いをしている方はぜひ）
このブログも・・・だれかがしてくれる。。。

さて、前回に引き続き物欲記で申し訳ありませんが今欲しい車があります。
それは「SUZUKI JIMNY JA11 」です。15年以上前の車なので既にボロボロでMTな中古車が50万円以下（それでも軽の15年物で数十万円て凄いですが）で買えます。
かなり気をつけなくてはいけないようですが・・・

元々汚れてもい傷ついてもいじってもいい自分用の車が自宅の車とは別に欲しいなぁと思っていたのですが維持費、購入資金、駐車スペースを考えると軽くらいしか選択肢がない。でも軽のデザインは好きになれない。と躊躇していたところに出会ったのがJA11でした。
元々ジープが欲しいなぁと思っていたのですがいかんせん高い！そこんとこJIMNYはジープもどきで軽ですし中古ならそこそこ。買えそうな値段で4WD(660馬力ですけど・・・)
いかんせんMTというのがひっかかるところですが、一応免許は腐ってもMT。法律上はOKです！腕前的にはNGですが！

安いとはいえ50万。諸々諸経費や手を入れるお金だったり維持費を考えるといつものように衝動買いはできないなぁ。と悩む日々はつづいているのですが弊社の某マネージャがステップワゴンの新車を衝動買いしたと聞き心が大きく揺さぶれております。

デジカメも欲しいしなぁ。。。
でもJIMNYの後ろにテントとか積んでキャンプにいきたいなぁ。ジムニーの屋根に物を載せられるようにしてそこからタープ張りたいなぁ。とか妄想は尽きません。

どなたか、良いディーラーをご存知の方がいらっしゃいましたら教えてください。

先週末の3連休に同僚たちとキャンプしたり山登ったりしてきました。（もう一人の加藤さんが書いてますね）
夜中出発～朝到着。すぐにテントはってタープ張って、社長にもらったハンモックを吊るして。（社長ありがとうございます！）
今回お世話になったのは長野県川上村川端下の"廻り目平キャンプ場"さん。標高1500mに位置する超広大な林間サイトなのですが今時珍しく直火OKです。
一応焚き火台も持っていったのですがさっそく岩を組んで焚き火を。。。

ってタイトルに書くともらえるとか、そういう機能はないんですかね。このブログに。そんな機能もなくて何がインタラクティブか！とかなんとか。加藤です。加藤ですが！

デジカメがほしいです。いや1万～2万とかのならすぐ買っちゃうんですけど、GR DIGITAL IIIがほしいのです。kakaku.comで調べても4万5千円...デジイチが4万で買える次代にコンデジで4万超え...ヨドバシで買ったら5万超えです。高すぎ。
しかしあのズームのない潔さとか、色合いとか、ノイズ感とか。いいじゃないですかさっぱりしてて。
F君の買っていたS90やMさんの買っていたNEXを見て思ったんですが最近はパッキリクッキリコントラスト高めな感じのデジカメが最近流行ですかね。
ぼんやりとしていきたいものです。
なんかこう、パシャパシャと。テクテク、パシャパシャみたいなノリが好きなので高機能は好きじゃありません。RICOHは操作系もシンプルで、現在CX1を持っていますがなかなかきれいで使いやすいです。

と、ここで思い出すのはそのCX1.人に貸してそのまま返してもらおうという気すら起こさずはや半年。とくに困る場面は少なかったりして。（この前の社員旅行くらい？）iPhoneのカメラで事足りる程度にしか写真を撮りませんのでね。趣味ですらないです。
ここで4万5千円は高いですねーどうしようかなー
とつぶやいていると弊社の物欲の塊なかたがたから買っちゃえ買っちゃえといわれるわけですが・・・

とりあえず3連休はお山へ遊びにいくのでそのときはCX1を返してもらって持っていこうかな...充電面倒くさいな...（過去3回くらい充電機から電池パックを改修せずに出かけてしまった経験有）


いや、しかし本当にデジカメは便利です。しかし、知り合いが写るんですで適当に撮った（本当に思いつきでパシャって撮った）写真が写真展でかのアラーキーにべた褒めされて入賞していたのを見ると、やっぱ道具じゃないんだな。とか思っちゃいますね。
はぁGDRIIIほしい。

誰かください！

DeNA様主催の勉強会というかセミナーへ参加してきました。
今回はMySQL特集ということで、

• Spider... 斯波健徳氏
• handlersocket plugin...DeNA 樋口証氏
• MySQL tips...奥野幹也氏

の3本立てでした。

18:30スタートだったのですが、道に迷ってしまい若干遅れてしまい斯波さんの講演の途中でしたので前半を若干聞き逃してしまい痛かった。。。
以下感想と思ったことなどをつらつら

3Gsを使っていてごにょごにょしていたのですがiOS4ブームに乗ってみました。
3G回線でインターネットにつながらない。というトラブルがありましたが
一度

1. iTunesへアプリなどの情報を同期
2. ツールを使ってダウングレード
3. OS3.1として工場出荷時状態に初期化
4. iOs4にアップグレード
5. iTunesから改めてアプリを同期

としたら直りました。
写真データを同期し忘れてほとんど消えてしまったのが地味にいたい。
一部はDropboxに入れていたので戦火を逃れましたが7割以上が燃え尽きました。

さて、iOS4の使い勝手ですが
これまでもただ惰性のままにアイコンをぶちまけていたので、ディレクトリ構造をためしがてら整理してみましたが
やはり1ディレクトリに入れられる数にも限りがあるのでほぼ使わないけどたまーに使うアプリ（ゲームとか）をドバドバーっと突っ込んでおくこととかもでき ず結局ぐちゃぐちゃです。
まぁ使えるからいいんだけど！
マルチタスクはただのメモリ食うアプリ起動履歴みたいなものなので期待しちゃだめですね。JBのBackgrounderのほうがはるかに高性能です。

あとはすごく小さいところですがうれしいのはバックグラウンドに自分の画像をセットできることでしょうか。
好きな画像をセットできるっていうのは何の機能もないですがいいですね。自分のもの感が強くなります。
ちなみに自分は某所で拾ったパックマン風の壁紙を使用しています。下部のページングのドットがパックマンに食べられる！

似たのでこんなのもありました。パックマン大人気ですね（自分が使ってるのは某掲示板で拾ったので別物ですが・・・）
http://www.madin.jp/diary/?date=20100622#p01

なにはともあれ一番予想外だったのは3Gsでも問題なくサクサク動いていること。そして明らかなバグが使っていて特に見当たらないこと。
まぁ3Gsでの動作に特に問題を感じないのでiPhone4は保留です。Android端末もほしいしなーでもiPhoneになれちゃったから移行も面倒 くさいなーどうしようかなー

先週末のお話

iOS4やらワールドカップやらで世の中お祭り騒ぎなのかどうかよくわかりませんがこんばんわ。
iOS4はまだそんなに調べ切れていないので他の開発してるスタッフに任せて僕は関係ないことを！

話題のCANVAS使ってみました。
Javascriptとしては昔と特に変わってないですねというのが印象ですが...（まぁWEB標準に正式に取り入れられたことが大事です！）
ProcessingやASで絵を描いたことがある人なら特に抵抗なく受け入れられると思います。

まぁ僕も触ったばっかりでまずは円を描いてみたりとかいうレベルですが。
ちゃんとやれば加工とかもできそうなのでちゃんとやりましょう。

ということでできたのがこれです。
たぶんIEの人は残念な結果です。SafariかFirefoxで。iPhoneでも見れることを確認しました。
せっかくなのでHTML5っぽくしときました

サンプルページ

本日、わたくしごとではございますが大事件です。大変テンションが下がっており残念なキモチです。
と、いいますのも社内で個人で使用していたメイン開発サーバが突如死亡、fsckなどをしたところでボリュームの認識不可、CD-Rから起動したkinoppixでfsckをかけてみたんですけどねぇ。fatalだなんだってうるさいんですよ赤い文字で。
現状動いている案件のコードなどはもちろんバックアップを取っているので問題はないのですが一番痛いのは手塩にかけて育て上げてきた開発環境の死亡と個人的なソースコード類（ライブラリとか）の管理をそのサーバをSVNリポジトリにしていたこと・・・
この土日で新しいサーバを0からセットアップしてきます。。。せっかくだからubuntuにしようかな・・・

まぁそこでのノウハウとかはよくわからなかったし結局復旧しなかったので役に立たないのでおいといて
去るものあれば出会うものありｔおいうことで、春ですし新しい仲間を紹介します。

プロジェクタと大画面TVです。僕の友達は基本的に機械ですね。

まず小会議室と呼ばれるキャパ四人の狭い方には42インチのTVモニタ。
なんか比率がおかしいですが、マジです。
TVモニタ側に座った人は首が痛くなること間違いなしです。是非この画面でゲームしたいので誰かPS3持ってきてください。


続いて大会議室と呼ばれるメイン会議室（こっちのキャパは10人ちょっと？）
はプロジェクタです。ちょっとビルの形がいびつなのでうまいこと写す壁がなくホワイトボードに写してみましたが反射が激しくて失明しそうです！会議中は皆でサングラスしましょう。
しかし今のプロジェクタって電気消さなくてもバッチリ見えるんですねーすごーい
これまたコレ使ってDVDとか見たいので是非だれかDVDを持ってきてください。個人的にはこれの鑑賞会がしたいです。

あ、もちろん購入した目的は
・会議の質の向上
・情報共有の効率化
です！

あさっぱらから新しいおもちゃにはしゃぐ大人たち。基本的にみんな新し物好きです。

とある事情によりユーザの一覧を作りたかったんだけどTwitterのユーザの画像名はttp://twitter.com/user/profile_image.jpgみたいなかっこいいものでなくてアップロードされたそのまんまの画像名でアップされているので取得したいときはAPIをわざわざ叩かなくてはいけませんね。しかもいPOSTじゃなきゃいけないうえに取れるのはXML! これは面倒くさい！ユーザリストくらいJavascriptだけでチョロチョロっとやってぽいっと置こうと思ってたのに。。。 と思っていたらTwitter Images - http://twitterimag.esというサービスを見つけました。これがすげー簡単です。

http://img.tweetimag.es/i/{username}_{size}

で画像が取得できます。画像のバイナリが帰ってくるのでそのままimgタグに書けばOKなのでJSだけで使用できていい感じですね。 {size}は

m -> 24x24
n -> 48x48
b -> 73x73
o -> original size, varies

で取れます。 中くらいの大きさの僕のアカウント画像であれば

http://img.tweetimag.es/i/slowbirds_n

って感じです。楽チン！ ということで取得するコードはこんな感じ。jQuery使っていて、ユーザリストはjsonで取得。 一応リストが多くて読み込み処理が重かったときのために埋め込みは一個ずつ非同期処理にしています。

こんばんわ、加藤です。

こんばんわ、加藤です。こんばんわ！
2010年もすでに15日が経過しました。鏡開きですね。

突然ですが先週末沖縄へ行ってまいりました。

本当に目的もなく、二泊三日で昼に行って昼には帰る感じです。

しかもメインの二日目は二日酔いで昼寝という感じで。

今回安いツアーだったので部屋はあまりよいくないハズだったんですがホテル側の都合により急遽ファミリースイートという普段だとなかなか良い値段するいい部屋に泊まらせていただいたので部屋を満喫いたしました。広い上に二間です。

初日にいった「南ぬ天」という沖縄料理屋さんが雰囲気もよく、安くておいしいのでよかったです。ホテルの近くだ！ってだけで適当に選んだのにもうけもんだ！飲みすぎた！

買ったばかりのトレッキングブーツで足が蒸れ蒸れです。早く足を慣らして山に行きたいですね。加藤です。

やっぱり3Gsになってから一気にiPhone人口が増殖している感じですね。
かくいう自分もミーハーなので流れに乗ってDoCoMoの二年しばりが九月いっぱいできれてすぐiPhoneにして一ヶ月ちょっと経ちました。
フリック入力に慣れてしまうと何回も押さなければいけない従来の携帯電話スタイルの入力方法はかなりストレスですね。。。
操作にも慣れてきて、そろそろなくては困るものになってまいりましたので役に立つかどうかは置いておいて、常用しているもの・インパクトのあったアプリをおさらい。

空気を読まずに月別カレンダーを生成するJavascriptを書いたのでご紹介です。
jQueryなどのライブラリは使ってないので好きなものと組み合わせて使えます。
sampleページにしてみました。

使い方は簡単

1.newしてやりつつコンストラクタに値を渡して

config.caption

キャプションの有無 (true | false),デフォルトはfalse

config.className

カレンダーのテーブルやセルに付くクラス名やIDの接頭値,デフォルトは'calender'

config.daynames

デフォルトは['日','月','火','水','木','金','土']曜日ラベルを配列で

config.dayclass

デフォルトは['sun','mon','tue','wed','thu','fri','sat']曜日のクラス名を配列で

2.メソッドを呼ぶ

• calenderClass.make_cal_today()：今日を基準に今月のカレンダー
• calenderClass.make_cal_today(-1,2)：今日を基準に引数1を年に、引数2を月に足したカレンダー（例:去年の再来月）
• calenderClass.make_cal_monthly(2009,12)：指定年,月のカレンダー

3.戻り値

戻り値はテーブルタグのHTMLオブジェクト形式です。なのでそのまま`innerHTMLはできません。appendChildとかでお願いします。

4.こんなんになる

• th、tdには曜日のクラス名とconfig.className+"Date"+${date}がIDにセットされる
• 当日のセルにはrel="today"がセットされる

本当になんの特徴もない普通のカレンダー生成ですが意外といいのない気がするんですよねー探してないだけない気がしますが。
デザインはCSSでやるからデザイン要素入れないで！っていうこういうシンプルなライブラリが好きです。
ソースコードは続きから。ご自由にどうぞ。不具合はご報告いただけると勉強になります！
（ただし、このコードを利用して起こったいかなることにも責任は持ちません。）

こんばんわ、加藤です。

最近はあまりプログラムも書いていないのでネタがありません。
今日は会社の自分用サーバにRubyOnRails環境を入れ替えようとして何度もフリーズさせて諦めたところです。なんかRubyとは相性がわるい。

やせたい。
それしか思い浮かばない毎日です。
お腹の！まわりが！プヨプヨで！
ボルダリングを始めよう始めようと思いつつ毎週待つ途中で心が折れてたどり着けずにビールを飲んでいるのですがせっかくの大型連休ですから！心置きなく筋肉痛になれるので今度こそ行きますよ！
連休は金沢の21世紀美術館へ行ってまいります。
来週は富士山の麓でキャンプです。
最近やたらアクティブといわれます。
しかしやせません。お腹の肉は二重三重に僕の内臓を守ってくれて安心です。安心感からくる甘えによりまぁ言い訳ばっかりして飲むわ食うわで増える体重、脂肪++。
食欲を抑えつつ、運動をいい感じにして、やせたいですね。
秋だもの。油断するとさらに太っちゃうもの。

もうすぐ皆既日食ですね。ぜひとも奄美大島のお祭りにいきたいものですが残念ながら平日なので頑張ってお仕事します。

最近はまわりの皆さんも苦笑いするほど短期的にキャンプに凝っていまして、というかキャンプ道具ですね。

小学生くらいまでは毎年数回キャンプへ行っていたのですが、大人になってからはメッキリパッキリ行ってませんでした。外は好きなので原っぱとかにはよく行っていたのですが...
ところが最近のフェスブームでかわいいキャンプ道具も出揃ってまして、去年夏にSOWというフェスにキャンプで参加していらいキャンプ熱が冷めやらないわけです。

本日全然使ってなかった自分のローカルのSubversionとTracを再セットアップしてAgiloを入れたので覚書程度になりますが記します。
環境はCentOS5です。G藤部長がいらなくなったというデスクトップのVAIOを略奪しました。Xウインドウシステムは一切入れていないのでグラボが台無しですね。

こんばんわ、実はいま腹痛に悩まされて脂汗をたらしながらキーを打ってる加藤です。
本日はぼくらの商売道具、カジ職人でいうところのトンカチであるこのキーボードについてちょこちょこと。

いきなりですが、私はＵＳ配列好きです。
というのもＭＡＣＢＯＯＫを買うときに「ＪＩＳとかwwwダセェwww」という意見を真に受けてなんかかっこいいしUSにしてみたんですがこれがもう！

（なんかぶれててすみません。腹いたいので。あ、ちなみにデジカメかいました。CX1]です。）
スペースキーでかいし、Enterキーがアホみたいにでかくないし（USではReturnですね）、「半角/全角」なんて地の果てにあるよくわからないキーを目指して左手が民族大移動をする必要もない。CapsLockとかいうレアキャラなキーを超メジャーリーガーCtrlに置き換えちゃえば無敵じゃないですか。と。

とはいえ、現在会社で使用しているWindows用キーボードはMajestouch（FILCO）のFKB108ML/NBというモロJISキーボード。実は自宅もおそろいです。

無駄に使うことのない"かな"とか書いてないし、デザインやキータッチは全く問題ないんですがJISなんですよねー。@を出そうとしていつも"が出てきます。
ということで現在狙っているのは同じMajestouchのUS版。しかもテンキーレスが最近出ましたのでいい感じです。
ちなみに自分は黒軸派です。この抵抗感の少なすぎず強すぎずがとてもよいです。押し込むと最後の最後でフニャっと心が折れるんです。

某G藤部長の使用しているHHKBのUS

がうらやましいけどHHKBはなんか慣れたら他のキーボードに順応できなくなりそう！あと高い！なんか妙にちっちゃい！
ちなみに自宅はMajestouchの黒軸にKensingtonのトラックボールです！妙なマニアみたい！

おはようございます。加藤です。
自分は普段FirebugというちょっとアレなアイコンのFirefox拡張機能をとてもよく使っています。

• HTMLとCSSの崩れテスト
• 非同期通信のテスト（Javascript、Flash）
• Javascriptでの動的出力されたHTMLの確認
• CSS変更点の確認

といったところでしょうか。これがメインの仕事なのでとても良く使うわけです。
たとえば一部コンテンツのHTMLでダミーテキストで制作を進めているときに

• 文字列が大量に入ったらどうなるかな？
• CSSがなんかおかしいけどこの要素にはどんなスタイルがあたってるのかな？
• Javasccriptで書き出されたHTMLが崩れてるけどどんなHTMLが出力されてるのかな？

といった確認ではFirebugの"HTML"タブが非常に役立ちます。

こんばんわ、加藤です。
前に作ったjsAsyncAddressというまぁ平たく言うとSWFアドレスっぽいことをする単体のJSライブラリで、自分が使うために汎用っぽくシンプルなAJAXアプリ用URLクエリの取得とかセットをするライブラリをがあったのですが、手抜き実装で文字列しかやりとり出来なかったのを配列を対応にすることで、複数のクエリをセットすることができるようになりました！

http://***.com/jsAsyncAddress.html#/arg01/arg02/arg03/

という形式でURLが生成され、上記の場合はarg01,arg02,arg03という3つの値が配列で帰ってきたりします。
たとえばキー入力に反応して検索結果がリアルタイムで返ってくるような非同期通信検索フォームとかで検索結果ページを作る際なんかに使えますね。

サンプルは詳細ページで！

スターレートを実装しましたのでちょっと説明アンド配布on会社のブログ。
ということで加藤です。
どうぞ。面白くないブログです。
恒例の面白くないタイムスタート！！

お世話になりんす、バイタリフィ加藤です。

default.jquery.jsっていうよくわからないものを作りました。
基本的にjquery.jsと一緒に呼び出しておくといろいろ細かい便利機能を追加するっていう。
関数がそれなりにあるので使うページで使う関数だけ実行するようになってます。
一応下記それぞれの関数説明。

• default.jquery.js
• サンプルページ

<script src="./common/js/jquery/jquery.js" type="text/javascript"></script>
<script src="./common/js/jquery/default.jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
    //call only use func
    var dummyValue = {
        value:"検索文字を入力してください",
        color:"#aaaaaa"
    };
    $("input#unkop").dfDummyValueForm(dummyValue);
    //df.RollOver(true);//存在チェックなんかうまく動かない
    df.RollOver();
    df.NewWindow("common/images/icon_external.png");
    df.WindowEventX();
    df.TextareaAutoSelecta();
    $("ul#checkbox").dfCheckboxDragger();
    var colors = {
        colorEven:"#ccc"
    };
    $("ul#colorSeparate").dfListOddEven(colors);
});
</script>

バイタリフィ加藤です。

年末年始は皆様どのように過ごすんでしょうね。
諸事情により本日初出勤となってしまい、恥ずかしいことこの上ありません。

元々実家にて生活を営んでいる関係で、特に帰省などのイベントも発生せず仕事納めから仕事始めまでタダひたすらダラリと苦い虫を噛み潰したような顔で酒を飲んで寝てすごす日々が刻一刻と過ぎていくわけですが、そんな生活がたたったのか1月3日の夜に蟹の足にむさぼりついた直後より突然の高熱にうなされうなぎのぼりにただひたすら眺める水銀のメーターは38度の大台を突破し、ファンファーレの音と共に腹を下してトイレに入り浸り、そのまま仕事始めを逃して2日半寝込むという失態をしでかしました。
25歳になったとたんこれです。困ったものです。
25歳の目標は着々と増えつつある体重を減らすということにしておりましたが、新年早々達成できました。

さて、年末年始はほとんどPCを開くこともなくすごしたのでたいしたネタがありませんので今年の目標を掲げます。

1. 健康
2. 早寝早起き
3. 運動不足解消（自転車とか買う）
4. 貯金して引っ越す

こんな感じです。特に面白みもないので広げません。

皆様も体にはお気をつけください！
そして今年もよろしくお願いいたします！

おわり

お世話になっております、バイタリフィ加藤です！

最近jQueryで外部ファイルのJSONからデータを抜き出してコンテンツを吐き出したりなんだりしたのでその辺を書いてみます。
リハビリです。

//javascript
var jsonDataUrl = "./modules/json/data,json";
$.getJSON(jsonDataUrl,function(json) {
  successFunc(json);
  return;
});

以上です。

まじでー！

ということでjQuryでjsonを読み込むのが凄く楽なことがよくわかりました。
じゃぁついでなのでjsonの中身を呼び出して見ましょう。

たとえばこんなjson

//json
{"title":"sample data","person":[
{"id":"1","nameFirst":"彰則","nameLast":"加藤","age":"24","birth":"1983-12-22"}
]}

ここから誕生日を抜き出してみよう

//javascript
var successFunc = function(json) {
  alert(json.person[0].birth);
};

なんと、jsonの中身は全て$.getJSON関数で引っ張り出すと勝手にパースしてオブジェクトに格納してくれるのでたどるだけです。
これは楽チン！

本当に説明することもないくらい手間が単純化されているんですが、「json」って聞いただけでなんだか敷居が高く感じてしまいますのでその印象はもったいないよ！というお話でした。
ついでに自分の誕生日もアピールできたのでこれで誰かが何かをくれることを期待しております。

ということで、サンプルコードとサンプルページ置いておきます。
http://www.vfbox.com/staff_area/kato/blog/getJSON/

//javascript
$(function() {
  var jsonDataUrl = "./module/json/sample.json";
  //jsonを呼び出してコールバック関数へ注ぎ込む
  $.getJSON(jsonDataUrl,function(json) {
    //ボタンにイベントを
    $("input#getMyBirth").click(function() {
      //メッセージを入れるボックス生成
      $(this).parent().after('<p id="result"></p>');
      
      //nameLastをよびだし
      var message = json.person[0].nameLast;

      message += ' の誕生日は ';
      
      //birthを呼び出し
      message += json.person[0].birth;
      
      message += ' です。おめでとうございます';
      
      //メッセージを書き出し
      $("p#result").html(message);
      
      //formボタンの無効化
      return false;
    });
  });
});

誕生日が近い！
お疲れ様でした！
 

お世話になります、バイタリフィの加藤です。さっき髪切ってきました。パーマ液臭くてすみません。

Comet通信でなんかやってみたいなぁ。と思っていたら本日EtherPadを見つけてしまって一気にモチベーションが下がった加藤でもあります。
いや、なんだかんだと言って趣味のコード書き書きタイムを縮小していたのが原因です。
近々超ミニマムなアプリをなんか作ってソースコードごとどっかおいとこうかと。

現在Linuxを最初に開発したリーナストーパルズの「それがぼくには楽しかったから」を読んでいるのですが、リーナスは凄いですね。本当に「好きだから」「楽しいから」作った。そしたらそれが皆にウケて世界的に有名になった。という夢のような人物です。

こんばんわ、vitalifyの加藤です。最近非常にお腹が弱いので困っております。

前回のリニューアルから2年半ですか...年々時間の流れが速くなっているような...
スタッフ紹介のページでは、今回社員の顔を出そう！という話が最初のほうで決まり。まぁ僕自身非常に写真に撮られるのが苦手な人種なので恥ずかしくて一時は他の写真を用意したりもしましたが、vialifyを知ってもらうには中の人を知ってもらうのが一番早い！ということで、最終的には全員の写真入りとなりました。
ちなみに僕の写真はひどいこと（髪型）になっていますが、いつもああなわけではなくちょうど今、写真を撮る時期である今！伸びてしまっただけなので髪は切ります！髪を切ったら写真差し替えてもらおうかな。普段はもっとさわやかです。たぶん！

ところで、今回のリニューアルで一部のJavascript（社内紹介とか）を書いたのですが最近あまりコードを書いていなかったこともあり、そこまで難しくない処理の取り回しにも結構手間取りました。
やはり日々触っていることが大事ですね。
知識は忘れずとも感覚を忘れると取り返すのに非常に日数がかかってしまいます。
この感覚を忘れないうちに次のコードを書かないと・・・！