NIKKI NIKKI NIKKI tag:,2009:atom.xml Copyright (c) 2010 glasses factory tag:blog.glasses-factory.net,2010:post:222002 2012-02-27T02:23:14Z 2012-02-27T02:20:00Z megane http://blog.glasses-factory.net/ <p class="centering"> <img src="http://glasses-factory.net/img/20120227/img1.png"> </p><br> <p> 仕事効率化やサンプル、自分のメモ書き用など<br> ちょっとした Web アプリケーションを作る際、サーバーを立てたり設定をしたりするのがめんどくさいですよね。<br> そういう場合僕は google app engine などを使ってサクサクっと作ってしまうことが多いです。</p><br> <p> 以前から簡単な Web アプリを作る際、DB 代わりとして google スプレッドシートを利用しているという話をちょぼちょぼ色々な所で小耳にはさんでいたわけですが、つい最近仕事上ちょっと必要だったこともあり、<br> その副産物としてスプレッドシートを DB 代わりにして google app engine 上で稼働するサンプルをちょろちょろっと作ってみました。</p> tag:blog.glasses-factory.net,2010:post:220001 2012-02-16T07:04:05Z 2012-02-16T07:00:00Z megane http://blog.glasses-factory.net/ <p class="centering"> <img src="http://glasses-factory.net/img/20120216/img1.jpg"> </p><br> <p> ちょっとびっくりした </p><br> <p class="paragraph"> <h2 class="simple_title">材料</h2> 二 〜 三人分<br> <ul class="post_list"> <li>鶏もも肉:2枚</li> <li>ニンニク:1欠</li> <li>トマト缶:1缶</li> <li>生クリーム:200ml</li> <li>クリームチーズ:40g</li> <li>醤油:小さじ1</li> <li>オイスターソース:小さじ2</li> <li>バジル:少々</li> <li>白ワイン:200ml</li> <li>塩コショウ:少々</li> <li>ナツメグ:少々</li> <li>鶏ガラスープの素:少々</li> <li>コンソメ:1個</li> </ul> </p> tag:blog.glasses-factory.net,2010:post:217001 2012-01-15T09:45:09Z 2012-01-15T09:45:09Z megane http://blog.glasses-factory.net/ <p class="centering"> <img src="http://glasses-factory.net/img/20120115/thumb1.jpg"> </p> <p> あけましておめでとうございます。<br> 今年もどうぞよろしくお願いします。<br> 今更感たっぷりですが今日は小正月ということでここはひとつ。</p><br> <p> さてタイトルのとおり、去る 2012/1/14、横浜のコワーキングスペース<a href="http://tane-maki.net/" target="_blank">タネマキ</a>で勉強会を開きました。<br> 募集から1週間、テーマも何もない勉強会なのに5人も参加者が集まったことに驚きつつ、<br> 参加してくださった方々ありとうございました。</p><br> <p> 開いたいきさつだとかレポートじみたことなどは以下続きから。</p> tag:blog.glasses-factory.net,2010:post:215001 2011-11-29T03:21:10Z 2011-11-29T03:21:00Z megane http://blog.glasses-factory.net/ <p> ガツガツした JavaScript 案件をこなしていると、必ず直面するのが JavaSscript の読み込み順問題。<br> 再利用性への考慮だったり、不必要なコードを読まないようにとモジュールを細分化した場合、<br> どうしてもその分 HTTP リクエストの回数が増えてしまいます。<br> ブラウザは読める物から読んでいくので、jQuery に依存しているのに先に読まれて<br> jQuery がないと怒られるだとか、そういった経験は皆さんも一度はあるのではないでしょうか。<br> 特に IE6 や IE7 などで、しょっちゅうそういった自体に遭遇するかと。</p><br> <p> そのあたりをいい感じに解決するのが今回紹介する require.js です。 </p><br> <p>「require = 必要とする」という名の通り、必要とするライブラリの読み込み順を保証してくれる可愛いやつです。<br> IE6 でもバッチリ動作します。<br> 使い方もとてもシンプルですのであんまり説明なんかいらないんじゃないかという気もしますが<br> CoffeeScript で書いたらこうなるよ的な紹介もしつつ、使い方を紹介していきたいと思います。</p> tag:blog.glasses-factory.net,2010:post:214001 2011-11-25T01:52:54Z 2011-11-25T01:52:00Z megane http://blog.glasses-factory.net/ <p class="centering"> <img src="http://glasses-factory.net/img/20111125/thumb1.jpg"> </p> <p> CoffeeScript かわいいよ CoffeeScript ! </p> <p> 最近周囲にそう叫びまわっている僕ですが<br> 実際触れると確かに可愛いと言いたくなる魅力が CoffeeScript にはあります。</p> <br> <p>魅力、というかある種の革新<br> と言ってしまっても過言ではないかもしれません。<br> 僕の中だとコーヒーを暗黒水と呼んでいるので、同じように暗黒スクリプトと呼んでます。<br> どうでもいいですね。</p><br> <p> すでに実案件に導入し、大活躍中の CoffeeScript。<br> 動作に node.js が必要だったりしますが、<br> コンパイルして JavaScript を吐き出す事もできるので、クライアント側の JavaScript を書く事も出来ます。<br> ついでに node.js を Mac や Win へ簡単に導入できるインストーラーがこの間のアップデートでついに登場したようなので</p> CoffeeScript 目的での導入ハードルもぐっと下がったかと思います。<br> とりあえず案件ベースで使いつつ勉強したことをぺたぺた貼りつつ、<br> 僕なりに CoffeeScript の魅力を紹介していきたいと思います。</p> tag:blog.glasses-factory.net,2010:post:210001 2011-10-17T06:03:01Z 2011-10-17T06:00:00Z megane http://blog.glasses-factory.net/ <p class="centering"> <img src="http://glasses-factory.net/img/20111017/img1.jpg"> </p> <p> 前回の記事で話にあげていた Socket.IO と AS3 で簡単に WebSocket 通信できるライブラリについて、<br> 何か物を作るのに必要そうな機能を一通り実装できたので github で公開しました。</p><br> <p>ライブラリは以下 github からリポジトリをクローンするか、zip をダウンロードして入手できます。</p><br> <p class="area_centering w640 simple_quart"> GFS.I.OAS3 - GitHub <a href="https://github.com/glassesfactory/GFS.I.OAS3" target="_blank">https://github.com/glassesfactory/GFS.I.OAS3</a> </p><br> <p> github リポジトリで、ごく簡単ではありますがサンプルの紹介と使い方の説明をしています。<br> 既に色々と手馴れているかたはリポジトリに書かれている使い方と ASDoc を読めば何となく使えるかと思います。</p> <p> この記事では、前回 Socket.IO サーバー周りなど色々と省きまくってしまったので、そこも含め解説して行きたいと思います。</p> tag:blog.glasses-factory.net,2010:post:208001 2011-10-13T04:54:13Z 2011-10-13T04:25:00Z megane http://blog.glasses-factory.net/ <p class="centering"> <a href="http://node.hageyama.info/sio.html" target="_blank"><img src="http://glasses-factory.net/img/20111012/img1.png"></a> </p><br> <p> 10/8(土) 、下北沢オープンソースカフェで開催された Just Do(土) It. と言うイベントに参加してきたので その参加報告をば。<br> 日記的な内容なのであんまり技術的なことは期待しないでください。 土曜日にあったイベントなのになぜこんなに記事を書くのが遅くなったかというと決してゲームをしていた訳ではありません。<br> 決して。 </p> tag:blog.glasses-factory.net,2010:post:206002 2011-08-23T03:07:36Z 2011-08-23T03:05:00Z megane http://blog.glasses-factory.net/ <p class="centering"> <img src="http://glasses-factory.net/img/20110823/img1.jpg"> </p><br> <p> 小さい頃から、○○の素やレトルト食品、冷凍食品が苦手だったので<br> 大人になった今でも麻婆豆腐などを作るときは基本的に素などは使わずに作ります。<br> というかたぶん麻婆豆腐の素で作った麻婆豆腐を食べたことがありません。</p><br> <p> どうでもいい前置きはさておき、僕がよく作っている麻婆豆腐のレシピを書いていきたいと思います。 </p><br> <p class="paragraph"> <h2 class="simple_title">材料</h2><br> 一 〜 二人分<br> <ul class="post_list"> <li>長ネギ:白い部分だけ1本</li> <li>しょうが:2cmくらい</li> <li>にんにく:1欠</li> <li>ひき肉:150g</li> <li>山椒:好みの量。ミルで挽くタイプがよい。辛くしたくない場合は入れなくていいです。</li> <li>とうふ:1/2丁 きぬか寄せ、おぼろ推奨</li> </ul><br> <ul class="post_list"> <li>豆板醤:大さじ1(好みで調整)</li> <li>甜麺醤:大さじ1</li> <li>紹興酒:大さじ2</li> <li>醤油:小さじ2</li> <li>オイスターソース:大さじ2</li> <li>塩コショウ:少々</li> <li>ナツメグ:少々</li> <li>片栗粉：小さじ1</li> <li>ホタテだしの素：小さじ1</li> </ul> </p> tag:blog.glasses-factory.net,2010:post:206001 2011-08-22T03:41:11Z 2011-08-22T03:34:00Z megane http://blog.glasses-factory.net/ <p class="centering"> <img src="http://glasses-factory.net/img/20110822/thumb.png"> </p><br> <p>最近よく聞く node.js というしろもの。<br> Node.js を使えば沢山のユーザーの動きをリアルタイムに表現できる<br> マルチユーザーコンテンツが出来そうとか<br> coffee-script on node.js を使えば短くて綺麗に OOP できる js が書けるんでしょうだとか<br> 夢が広がりんぐな情報が沢山出てきてなんだか楽しそうですよね。</p><br> <p> とはいえサーバーサイドはやったことがないし、いきなり VPS を借りたりするのは…<br> と思ってしりごみされている方も多いのでは。<br> それなら、いきなり VPS を借りてゴニョゴニョする前に<br> サーバーサイドの勉強がてら一度ローカルに仮想環境を作ってみよう！<br> ということで Mac VMWare Fusion に Node.js な環境を整えてみたいと思います。</p><br> tag:blog.glasses-factory.net,2010:post:203001 2011-08-16T09:13:53Z 2011-08-16T02:30:00Z megane http://blog.glasses-factory.net/ <p class="centering"> <img src="http://glasses-factory.net/img/20110816/title.jpg"> </p><br> <p> <a href="http://blog.glasses-factory.net/2011/04/14/github" target="_blank">github 超入門</a>という記事を以前書いてからずいぶん経っていますが<br> ここ最近になって続きはまだ？とか、いい加減 github にアップさせてくださいといった声をもらうようになったので<br> 重圧に耐えかねて「もうちょい入門」を書いてみようと思います。</p><br> <p>新 MBA が出て Win から Mac に乗り換えたり、サブマシンとして用意した人々が<br> これを機会に開発環境を一新する or 整えようの一環として、<br> git を導入しようと考えている人が多いのかなーと野暮な勘ぐりをしてニヤニヤしてみたり。</p><br> <p> 前置きはこの辺にして、本題に入っていこうと思います。<br> 冒頭でも述べましたが、今回は github へアップするところまでやってみたいと思います。</p><br> <p> まず github にアップするためには、前提として github のアカウントが必要になります。<br> github のアカウント作成方法については、<a href="http://blog.glasses-factory.net/2011/04/14/github" target="_blank">前回の記事</a>を参考にしてみてください。</p><br> <p> github のアカウントが作成できたら<br> git を PC にインストールし、リポジトリという物を作成します。</p> tag:blog.glasses-factory.net,2010:post:201001 2011-08-10T03:08:08Z 2011-08-10T03:00:00Z megane http://blog.glasses-factory.net/ <p class="centering"> <img src="http://glasses-factory.net/img/20110804/thumb12.jpg"> </p><br> <p> 数年ぶりに真夏の泳げる時期に新潟に帰ってきました。<br> 海山川と全て制覇できたので大分満足です。<br> ぱしゃぱしゃぱしゃと適当に写真を撮ってきたので<br> ぺらぺらぺらと適当に晒していきます。</p> tag:blog.glasses-factory.net,2010:post:196004 2011-07-06T07:43:45Z 2011-07-06T07:40:00Z megane http://blog.glasses-factory.net/ <div class="w640 area_centering"><iframe src="http://player.vimeo.com/video/26039310?byline=0&amp;portrait=0&amp;color=ffffff" width="640" height="360" frameborder="0"></iframe></div><br> <p>以前からちょくちょく要望のあった塩豚の作り方です。<br>最近家電店のポイントが溜まっていたので、それを使って高画質な Web カメラを買いました。<br> せっかく買ったし、試しになんか撮ろうということで念願のレシピ動画を撮影してみたわけです。<br> といっても、「レシピ」というほど凝ったことをしてるわけでもなく、<br> ネットで出回っている作り方と大差ないです。<br> とはいえ、この手の料理は「肉何グラムに対して、塩何グラム」というよりも<br> 「目分量」による見極めのほうが大事だと思うので動画で説明するには適しているんじゃないかなーと。</p><br> <p> 僕自身に動画の編集スキルがなく、Final Cut だとかその辺も持っていないので iMovie でコツコツ編集してます。<br> グダグダだと思いますがお許しを…</p><br> <p> 一応、今回使用した塩はガンダーラ(パキスタン)の六億年前の地層からとれた世界最古の岩塩とやらを使用してます。<br> 多分100gぐらい？を恵比寿のオリーブオイル屋さんで買ってきました。</p><br> <p> ちなみに買った Web カメラというのは <a href="http://www.logicool.co.jp/ja-jp/webcam-communications/webcams/devices/6816" target="_blank">Logicool の C910</a> という奴です。<br> そのうちこれ使ってなんか UST やったり定点的なものも撮りたいなぁと思っています。</p> tag:blog.glasses-factory.net,2010:post:197001 2011-07-04T09:38:50Z 2011-07-04T09:35:00Z megane http://blog.glasses-factory.net/ <p>2011/06/25 東京てら子16 に行ってきたまとめ後編です。<br> 前編ではコミュニケーションサーバーって何よ? Channel API ってなに?どんなこと出来るの?<br> とサンプル付きでお話ししたかと思います。</p><br> <p> 後編では、てら子で発表したデモの実装についての解説と、<br> node.js + WebSocket と比較してみるお話をしつつ、まとめのまとめをしたいと思います。</p><br> <p> サンプルのソースコード一式をサーバーに UP しましたので、<br> 以下 URL からダウンロードして下さい。</p><br> <p> <a href="http://glasses-factory.net/lab/bouzu/ChannelTest-src.zip">ソースダウンロード</a> </p><br> <p> twitter との連携用に tweepy というライブラリを使用していますので<br> 事前にソースを用意するか、easy_install でインストールしておいてください。<br> また、 kay-framework や Flask などのフレームワークは使用していません。</p><br> <p> ちなみに、僕がサンプルを作るにあたって参考にしたのは以下の URL です。</p><br> <p class="simple_quart w640 area_centering"> <a href="http://blog.psyark.jp/2011/04/gaechannel-api1.html" target="_blank">GAEのChannel APIをもう一度最初から(1)</a> - blog.psyark.jp <br> <a href="http://d.hatena.ne.jp/sugyan/20101221/1292864837" target="_balnk">GAEのChannel APIを使ってみたメモ</a> - すぎゃーんメモ</p><br> <p>他にも色々と参考にさせていただいたのですが特に参考にしていたのを紹介させてもらいました。</p> tag:blog.glasses-factory.net,2010:post:194002 2011-06-30T11:15:58Z 2011-06-30T11:15:00Z megane http://blog.glasses-factory.net/ <p class="centering"><a href="http://gf-channel-test.appspot.com/bouzu" target="_blank"><img src="http://glasses-factory.net/img/20110630/img1.jpg"></a></p><br> <p> 2011/06/25 東京てらこ16 に行ってきました。<br> 今回はいつもと場所が変わり Cyber Agent さんでの開催になりました。<br> Cyber Agent さんの社屋には初めて入ったのですがとても綺麗でした。<br> さすが アメブロやアメーバピグで多くのユーザーを抱えているだけあって、セキュリティはバッチリ。<br> ドアというドアに、Felica のような非接触型の鍵が設置されていました。<br> 僕は喫煙者なのですが、最近の分煙の煽りをもろに受けているのわりかし離れた場所に喫煙所があり<br> 喫煙所へ行くのにも、Cyber Agent のスタッフさんにお願いして連れていってもらうなど<br> なかなか一苦労でした。</p><br> <p> まぁそのへんの話はさておき、<br> 今回のてら子テーマは JavaScript ということで、</p><br> <p> 「GAE Channel API でマルチユーザーコンテンツ入門」</p><br> <p> というタイトルで Google App Engine の Channel API について話をしてきました。</p><br> <p> 僕のブログやてら子での発表を目にしたことがある方は GAE はもうお馴染みだと思うのですが<br> GAE ってことは Python か Java で JavaScript 関係ないんじゃね？<br> 世間的には Java(Script) でひとくくりにされてるらしいけどお前がそれやったら駄目だろう<br> と突っ込みたくなるかもしれません。<br> いやいや、落ち着いてください。<br> Channel API ってなによ？ほんとに js 関係あるの？という話も含めてら子での発表内容をまとめていきたいと思います。</p> tag:blog.glasses-factory.net,2010:post:193001 2011-04-25T02:24:51Z 2011-04-24T13:33:00Z megane http://blog.glasses-factory.net/ <p class="centering"><img src="http://glasses-factory.net/img/20110424/img1.jpg"></p><br> <p> 2011/04/24 東京てら子15 に行ってきました。<br> 今回は生憎時間が足らず、発表することができなかったので<br> 少し長めになりますが発表する予定だったものをつらつらと書いていきたいと思います。</p><br> <p> 今回のテーマはセキュリティ & エラーハンドリング という事で、自由発表枠スレスレのものを用意しました。</p><br> <p> 先に言うと、超ニッチです。<br> 「使いどころ」と言うよりは、「そこにこだわるかどうか」<br> という問題である気すらします。</p><br> <p> さて、そのタイトルですが</p><br> <p>「画面をクリックして再生を再開します。」</p><br> <p> です。</p>