Clik here to view.
[nodeJS] バッチ処理プログラムを書く際に、コマンドライン引数を受け取る
こんにちは、@yoheiMuneです。 今日は、node.jsをバッチ処理やビルド処理に用いる際に、コマンドライン引数を受け取る方法をブログに書きたいと思います。node.jsでコマンドライン引数を受け取る node.jsでコマンドライン引数を受け取るには、「process.argv」使います。...
View ArticleClik here to view.
[JS] Webkit限定！デスクトップ通知の実装が、意外と簡単だったのでやってみた
こんにちは、です。 HTML5で策定中のWeb Notificationを、Chromeでデスクトップ通知として実装することが出来ます。 今回のブログでは、Webkit限定のお話になりますが、Webページからデスクトップ通知を行う方法を書きたいと思います。Webページからのデスクトップ通知とは デスクトップ通知とは、SkypeとかTweetDeckなどのデスクトップアプリケーションを使っていると、...
View ArticleClik here to view.
[JS] $(elm).on(event,fn)と$(elm).on(event,selector,fn)は動きが違うじゃないですか
こんにちは、です。$('#page .btn').on('click', fn)と$('#page').on('click', '.btn', fn)は動きが違うってこと知らなかった。。 ということで、このブログでは、上記２つの使い方の違いを纏めたいと思います。２つの違いについて 参考URL：http://api.jquery.com/on/ ２つの違いはイベントの扱い方が違うようです。...
View ArticleClik here to view.
[JS] requireJSで分割管理しているファイルを1つ結合する
こんにちは、です。 JSファイルの依存管理を行ってくれるrequire.js。 これを用いて開発するとMVCモデルなどの機能をファイル毎に分割して開発することが容易になります。 ただ、ファイルをたくさん分割するとそれだけロードする為のHTTPリクエストも増えてしまい、 初期表示のパフォーマンスを大きく低下させてしまいます。...
View ArticleClik here to view.
[GruntJS] loadNpmTasksで、カレントディレクトリ以外のnode_modulesを読み込む方法
こんにちは、です。 ハイパーマイナーなネタですが、GruntJSのloadNpmTasksで、 現在のディレクトリと異なるディレクトリにあるnode_modulesを読み込む実装をブログに書きたいと思います。引用：http://www.flickr.com/photos/raymondklaassen/10035459583ブログを書こうと思った背景...
View ArticleClik here to view.
[NodeJS] Google、Facebook、TwitterのOAuth認証を実装する
こんにちは、@yoheiMuneです。 今日は、node.jsのpassportというモジュールを用いて、Google, Facebook, TwitterのOAuth認証を実装する方法をブログに書きたいと思います。OAuth認証を簡単に実装できるPassportモジュール node.jsでOAuthを実装するにはいくつかの方法がありますが、Passportというnpmモジュールが大変便利です。...
View ArticleClik here to view.
[JavaScript] 正規表現に入門する
こんにちは、@yoheiMuneです。 以前簡単な正規表現入門資料を作ったのですが、ブログにも書いておこうと思います。正規表現って何？ ざっくり言うと、正規表現は「文字列を扱う為の技術」と言えると思います。 正規表現を使って、ある特定の文字列を検索したり、置換したり、抜き出したりすることが出来ます。 例えば、HTMLドキュメントの中に以下のようなイメージタグがあった場合に、 <img...
View ArticleClik here to view.
[EC2] AmazonLinuxでタイムゾーンを変更する
こんにちは、@yoheiMuneです。 今日はLinuxサーバーのタイムゾーンを変更する方法をブログに書きたいと思います。 簡単なことなのですが、毎度忘れて調べることも多いので、備忘録的に書いておきます。現在のタイムゾーンを確認する 現在のタイムゾーンを確認するためには、以下のように日付表示を行います。 $ date 2013年 11月 9日 土曜日 14:56:21 UTC...
View ArticleClik here to view.
[NodeJS] nodeで例外処理を書いて、最低限落ちないサーバー実装を行うException Handler
こんにちは、@yoheiMuneです。 最近、node.jsを使ってサーバー運用を始めてみました。 初めてのことが多くて大変ですが、その分学んだこともたくさんあるので、ブログにドシドシとアウトプットしたいと思います。node.jsでは１つのエラーでサーバーダウン。。...
View ArticleClik here to view.
[Node] Express3で404と500エラーをいい感じに扱う
こんにちは、@yoheiMuneです。 久しぶりのブログ。。今日は、node.jsのexpress3ライブラリで、404と500エラーをいい感じに扱う方法をブログに書きたいと思います。まずはExceptionハンドラーを実装する これから書く404エラーとか500エラーは、express3上で扱えるエラーのみに対応しているため、最終的なエラーハンドリングを書く必要があります。...
View ArticleClik here to view.
[jQuery] 画像の色を見て、ドミナントカラーを親要素の背景色に反映するプラグイン。色の抽出方法が気になったので調べてみた
こんにちは、@yoheiMuneです。 最近、GitHubで人気のリポジトリ25というGithubのまとめサイトを見つけて、色々と見てました。 言語別（CSSとかJavaScriptとかJavaとか）に、最近Hotなレポジトリが見れるのですが、いくつか気になったものがあったので、コードリーディング的になことをしてみました。...
View ArticleClik here to view.
[CSS3] 心地よいCSS3アニメーションを実装する
こんにちは、@yoheiMuneです。 最近githubで人気になっているtobiasahlin/SpinKitというレポジトリ（Starが2,500個も！）では、 CSS3アニメーションを使った心地よいアニメーションのサンプルが公開されています。...
View ArticleClik here to view.
[新年] 2014年明けましておめでとうございます☆
新年明けましておめでとうございます。@yoheiMuneです。 昨年もYoheiM.NETに訪問頂きましてありがとうございました☆今年もどうぞよろしくお願いします。 昨年はおかげさまで、10万人を超える方に閲覧して頂きました。びっくり！！今年も技術ネタを中心に発信していきたいと思いますので、ぜひ楽しみにしてみてください＞＜。昨年人気だった記事...
View ArticleClik here to view.
[CSS]最近の自分のCSS：より少ない時間で効率的にマークアップ。デザイン変更もしやすく！
こんにちは、@yoheiMuneです。 最近の仕事は、スマートフォン向けソーシャルゲーム開発で、フロントエンドを担当しています。 今回のブログでは、最近行っているデザイン変更に強いCSS設計について、ブログを書ければと思います。©2010 Forecast San Francisco Study by davidyuweb on flickrデザイン変更の反映は素早く...
View ArticleClik here to view.
[git] さぁGitを始めよう
こんにちは、@yoheiMuneです。 プライベートでは使っていたgit。仕事でもとうとう使うようになり、嬉しい限りです。 仕事では社内のGitサーバーを使いますが、このブログでは全世界に発信できるGithubを使って、gitの使い方を色々と書きたいと思います。 このブログを始めとして、いくつか（頑張って10本くらい）は書ければと思いますので、よろしくお願いします。Gitって便利ですよー。...
View ArticleClik here to view.
[git] 基本操作（clone、add、commit、pushなど）を覚えて、開発出来るようになる
こんにちは、@yoheiMuneです。 今回の記事のゴールは、gitの基本操作を説明して、なんちゃってgitを使えるようになることです。 自分はこれらの操作だけで、とりあえずgitを半年くらい使ってました。本当は今後のブログで紹介するブランチを使うと良さげなのですが、 今回する機能があればとりあえずgitは使えます！ では、さっそく始まりますー。今回の内容...
View ArticleClik here to view.
[git] ブランチ使って開発しよう
こんにちは、@yoheiMuneです。 今日は先日に引き続き、gitについてブログを書きたいと思います。今回は「ブランチ」を扱います。引用：http://www.flickr.com/photos/82955120@N05/12110418324...
View ArticleClik here to view.
[git] コマンドのエイリアスを使って、より楽チンに開発しよう
こんにちは、@yoheiMuneです。 先日から続けているgit関連のブログですが、今回はライトな感じで、エイリアスについて取り上げたいと思います。引用：http://flic.kr/p/bsCkSxgitコマンドのエイリアスを使う gitを使う時に必ず必要なgitコマンド。それが短く入力出来ると、開発が楽になりますよね。今回はその方法を書きたいと思います。...
View ArticleClik here to view.
[git] ログを確認する
こんにちは、です。 本日は、gitのログや変更履歴を確認する方法をブログに書きたいと思います。引用：http://flic.kr/p/iHvdhugitのログを確認する 最初に言うと、gitのログとかファイル差分を見るには、GUIツールで見るのが一番良いと思います、見やすい！！ たとえば、ソースツリーだと、以下のようにログとか、変更してきた履歴を見ることが出来ます。...
View ArticleClik here to view.
[フロントエンド] フロントエンドの入社試験99問！難しいですよ〜w。
こんにちは、@yoheiMuneです。 Githubで、Front-end-Developer-Interview-Questions（英語）という、フロントエンドの入社試験問題を見つけました。 各国語に翻訳されていたのに日本語はなかったので、翻訳@Githubしてみました。ぜひぜひ力試しに使ってみてくださいー☆フロントエンドの入社試験で聞かれるかもしれない技術的な質問...
View Article
