フィードなどで流れて来た「目が良くなる」記事をまとめてみました。 Naverの記事は、他の記事の流用もあって、重複した内容になってますが。食べ物、訓練、アプリなどなど。 レーシックは昔は受けたかったんですが、術後の失敗談を見てやめました。 これだ…

先日の記事で、コーヒーポット（ドリップポット）を探していたのですが、最終的にKalitaの細口ポット 1.2Lを買いました。 ので、数日使った使い勝手なんかを書いてみようかと思います。続きを読む

コワーキング・アドベント・カレンダー ２０１２（#cowjpadv2012）に参加しています。 コワーキング・アドベント・カレンダーは、12月25日まで１日ひとりずつ、ブログなどでコワーキングについて書いていくイベントです。 他の日の記事も個性がありますので…

コワーキングスペースYou+ではお飲物をお出ししているのですが、せっかくお出しするのなら、良いものをお出ししたい。しかし、どんなものが良いのかさっぱり知らなかったので、調べた内容をここに書いておきます。続きを読む

以前からChromeでの開発・デバッグがメインになっているのですが、ちょっと前からローカルで開発している時に、以下のようなメッセージが出て、リソースにアクセスできない事が多々ありました。 XMLHttpRequest cannot load file:///*****. Origin null is n…

12月6日にAmazon Web Services ブログでAWS SDK for Node.jsが発表されました。 今までも各言語用のSDKが用意されていましたが、Node.jsでも利用できるようになったので、さっそく試してみました。 最初に引っかかりそうな箇所もあるので、まとめておきます。

コワーキングスペースでのプレゼンをするにあたって、格好良いのが無いかなと探していたら、reveal.jsというのがあったので、今回はこれを使ってプレゼンを作ってみました。 お題は「HTML5再入門」。まぁありきたりと言えばありきたりですし、プレゼンはあま…

node-zipモジュールで簡単に操作できました。 インストール $ mkdir zip_sample $ cd zip_sample/ $ npm init $ npm install node-zip --save

HTMLを出力する時、全体のレイアウト部分とコンテンツ部分を分けて管理する事は良くあります。ヘッダ・フッタは固定でレイアウトファイルとして保存しておき、管理をしやすくさせておくのにExpressJSではexpress-partialsが使えるようです。＃いくつか検索し…

ExpressJSを使っていると、ルーティングの記述がだんだん煩雑になってきます。 app.get()やapp.post()がいくつも並び、それぞれの関係が分かりにくくなってきてしまうのを解消できるのがexpress-namespaceです。例えば、以下の様なリクエストがある場合を想…

XMLやHTMLを整形して表示したい、出力したい場合はよくあります。 そんな時に使えるのがhtmlモジュールです。ではさっそく使ってみます。

フォームとか値の受け渡しに使うバリデーションですが、ExpressJSで簡単に使えそうなライブラリexpress-validatorがあったのでまとめておきます。さっそくインストールから。 $ express -e validator $ cd validator $ npm install $ npm install express-va…

まま使うかもなのでメモ。 var fs = require('fs'), request = require('request'); var download = function(uri, filename){ request.head(uri, function(err, res, body){ console.log('content-type:', res.headers['content-type']); console.log('cont…

9月と10月の更新が少し滞っていましたが、実は9月1日にコワーキングスペースをオープンしたためでした。コワーキングスペースYou+ https://www.facebook.com/coworkingspaceyouplus https://twitter.com/YouPlusBiz 一応匿名でこのブログをやってきたため、…

以前友人に格安で貰ってから、動作検証用にしか使っていなかったXperia acroですが、最近とある事情で動画・音楽再生用端末としてフル稼働する事になっていました。一般のTVに接続するとなると、他の機種ではやや面倒ですが、この機種はmicroHDMI端子が標準…

Google Analyticsでページ単位ではなく、ページ内のアクション等でイベントを記録する方法を調べてみました。 ついでに、今時onclickイベントをHTML内に記述するのはダサいので、外部JSで実装しました。

何度も使っているのに、ちょっと使わないと忘れちゃうのでメモ。「複数のイベントを割り当てる」といっても二つの意味があって、それぞれ 複数のイベントに１つのイベントハンドラ（メソッド等）を割り当てる 複数のイベントそれぞれに個々のイベントハンド…

軽めのネタです。 ほとんどGIF自体を使う事もなくなっていますが、画像をアニメーションさせる為だけにJavaScriptを使うのもなーという感じだったので。（MNGはどうなった？） $ convert -delay 50 -loop 0 ./in/*.jpg ./out/animation.gif 個別に遅延（-del…

ローカルではMacで開発していまして、CentOSにデプロイした際に以下のエラーが出てjQueryが動きませんでした。 TypeError: Cannot read property 'prototype' of undefined node_modules自体を削除し、npm installで再インストールしてみましたが、変化無し…

「ApacheとNode.jsを連携させる - ZeBeVogue別館」で少しの間運用してみていたのですが、Basic認証が必要になったのでやり方を残しておきます。Node.jsのモジュールで認証させる事もできますが、せっかくApacheと連携しているので、ここはApacheでやってもら…

JavaScriptでのDOM操作とかをクライアントでjQueryを使っていると、サーバ側でも使いたくなります。何せ楽ですからね。 という事で、jQueryを使ってみました。

「Node.js/ExpressJSでのファイルのアップロード - ZeBeVogue別館」でファイルのアップロード方法を確認しました。画像ファイルはアップロードした後に何かしらの処理を加える事が多いですので、画像処理の方法を調べてみました。調べた中で一番簡単だったの…

Twitter Bootstrapはレスポンシブレイアウトに対応しています。ですので、PC用とモバイル用のサイトを兼用で作るのが非常に楽です。 ですが、その際に気をつけないといけないのがユーザビリティです。当然PCとモバイルでは使われるアクションが異なる為、異…

Windows側でも設定しようと公式サイトからダウンロード、npm updateをしようとしたら、ディレクトリを削除できない旨のエラーが起きた。よくよく考えたら、コマンドプロンプトの実行権限がユーザ権限だったためでした。という事で、スタートメニューの「Node…

Bootstrapを使っているなら使いたいプラグイン。 使い方も以下の様に簡単そう。 <input type="text" name="reservation" id="reservation" /> $(document).ready(function() { $('#reservation').daterangepicker(); }); 便利なのは、開始日以前の日付を終了日に選択できないという点かな。また、以下の様に固定で選択…

これも良く使う処理ですね。 expressコマンドで作成していきます。 $ express -e upload $ cd upload && npm install

通常Node.jsでのスクリプト起動コマンドはnodeコマンドです。しかし、nodeコマンドは下記の理由で使いづらい点があります。 リソースの変更時には、スクリプトの停止・起動が必要 エラー等によって停止してしまい、永続しない 加えてnpmコマンドからの起動方…

HTML KickStartに含まれるウェブフォントでのアイコンを使っていたのだけど、Operaでの表示がおかしい。ページロード時は代替フォントで表示されてしまい、リロードしなければ正しく表示されない。調べてみると、以下のサイトが見つかった。引用します。 別…

WebKitのみですが、なかなか良さげな画像エフェクト。 .grayscale {-webkit-filter: grayscale(100%);-webkit-transition: all 0.5s;} .grayscale:hover { -webkit-filter: none; /*Returns to default state*/ } span

サービスで使っているポート番号をiptablesで許可してあげればサービス自体は動く。が、それじゃ格好悪いし、セキュリティ上余計なポートは開きたくない。という事でApache経由でNode.jsにアクセスする方法をまとめました。