javascriptingを翻訳しました。 javascripting-jpとは何か？ ledsun/javascripting JavaScriptの文法を学ぶコンソールアプリケーションです。 文字列や数値、条件文やforループなど文法を学びます。 次のコマンドでインストールできます。 npm install --glo…

bower.jsonを見て、使っているパッケージ名を確認します。 bower info xxxで最新バージョンを確認します。 bower.jsonのバージョンを書き換えます。 bower installで更新します。

npmモジュールを作るときの自分の手順をまとめました。 プロトタイプをコーディング済みで、コンセプトが固まっている前提です。 モジュール名を決める npmを検索、類似ライブラリが無いか探す。 ついでに、APIや実装にパクれるネタを探します ハイフン区切…

ライブラリをES6で書いて公開する所から始めよう | Web Scratch 読んで触発され、 6to5を使ってライブラリを書きました。 作ったライブラリ チャットワークにメッセージをポストするだけの関数です*1。 ledsun/post-chatwork-message こんな感じで使います。…

IE9以降のブラウザとNede.jsで動きます。 AMDでも動くはずです。 試していません。動かなかったら教えてください。 ledsun/date-adder どんなライブラリか？ こんな感じ dateAdder(new Date(2014,10,27), {days: 1}) //Thu Nov 28 2014 00:00:00 GMT+0900 (J…

ledsun/generate-google-calendar-url Node.jsとブラウザどちらでも動くように作ってあります。 作った理由 Google Chrome拡張で使いたかった。探してもURLだけを作ってくれるライブラリがありませんでした。 carlsednaoui/add-to-calendar-buttons URLは作…

東京Node学園祭2014に参加しました。 nodeschool in Japan maxwell ogdenによるNode.jsのワークショップの日本出張版。 Nodeschool Tokyoに大体の内容が書いてある。 maxogden/levelmeup-jp · GitHub をやってみました。 levelmeup-jpコマンドでターミナル上…

Promiseとreduceを組み合わせたトリック。 適当な間を置いてイベント発行するstubを作る時に使いました。 指定時間後に処理を実行するPromiseを作ります。 var DelayPromise = function(delay, action) { return new Promise(function(resolve, reject) { se…

前提 2014-06-20-wheezy-raspbian.imgを使ってRaspberry Piが起動できていること。 ansibleをインストール Mac ではHomebrewが使えます。 brew install ansible 設定ファイルを準備 hosts [raspberry-pi] 192.168.0.54 IPアドレスを適切に設定します。 ansib…

MongoDBを外部プログラムから更新するのにREST APIがあると便利です。 Cordazar/crest · GitHubというアプリケーションを試してみました。 バグを踏みましたが、原因がわかりました。そういう話です。 npm installできない npm install crest エラーが起こり…

MQTTってなに？ PUB/SUBプロトコルです。 HTTPと同じレイヤーです、主にTCP上で動きます。 WebSocket上でも使えます。 温度計などのセンサーの計測値を集めるM2MプロトコルとしてIBMに開発されました。 なぜMQTTなの？ 公式には 小さいコンピューター（Rasbe…

Gitlabの更新情報をChatworkに通知するアプリケーション、Syamoを作りました。 Syamoとは？ Gitlabのプロジェクトが更新されたときにChartworkのチャットルームにメッセージを送ります。 Gitlabのプロジェクトの更新情報は次の三つです。*1 gitブランチへのp…

はじめに 前提条件 ソース管理はgitlab JenkinsはCloudbeesを使う*1 テストはfresby.jsで書いてる 目標 gitlabでトピックブランチをmasterにマージしたら自動的にテストする gitlabの設定 秘密鍵 Jenkinsがgit cloneできるように秘密鍵を登録します。 Jenkin…

component.js component.jsはnpmやbowerを使った依存する外部ライブラリ（JavaScript,CSSともを含む）の解決と、 unglifyやcssminで行う自作ファイルを適切に組み合わせるビルドを1つのツールでやってしまおうとする 意欲的なツールです。 Getting Started …

ZeroClipboardを紹介します。 ZeroClipboardとは ブラウザからクリップボードに書き込むためのJavaScirptライブラリ。 githubで使われています。 なぜZeroClipboard？ クリップボード操作はブラウザ依存（InternetExplorer専用）です。 ZeroClipboardはFlash…

nodeapps/http-serverを紹介します。 これはなに？ 設定なし、コマンド一つで起動できる簡易httpサーバーです。Node.jsで実行します。 どうやって使うの？ インストール brew install node npm install http-server -g 起動 http-server . ブラウザで http:/…

JavaScriptのreduce関数がとても便利なのです。 たとえば ユニークはこんな感じ var unique = function(array) { return array.reduce(function(a, b) { if (a.indexOf(b) === -1) { a.push(b); } return a; }, []); }; 関数の外部に結果を格納する変数を作…

AngularJSはモデルとビューの間のデータを自動的に同期してくれます。 モデルとは内部データです ビューはhtmlです つまりhtml上に入力した値が自動的に内部データに反映され、内部データが変更されれば自動的にhtmlも更新されます。 詳しくはリファレンスを…

MEANとは MongoDB + Express.js + Angular.js + Node.js を組み合わせてWebアプリケーションを作成することです。 手順 Windows上で簡単なユーザ登録アプリケーションを作ってみましょう。 次の手順で進めていきます。 アプリケーションの雛形を作成 ユーザ…

livereloadとは？ ファイルの変更を検知したらブラウザで読み込みなおすgrunt-contribe-watch プラグインのオプションです。 grunt-contribe-connectプラグインとブラウザ拡張と組み合わせて使います。 何がうれしいの？ クライアントJavaScriptの開発では …

QUnitとは JavaScript用のTestingFrameworkです。 由来 jQueryのテスト用に作られ、今もjQuery、jQuery-UIのテストに使われています。 それ自体はjQueryに依存していませんが、テスト内でDOMを操作したりイベントを生成したりするのにjQueryを使うと便利です…

grunt とは？ JavaScript開発でよく使うビルドツール。makeやrakeのJavaScript版です。 Grunt: The JavaScript Task Runnerにて公開されています。 どうやって使うの？ コマンドラインから操作します。Node.jsのパッケージマネージャ(npm)を使ってインストー…

いろいろなSingletonを実装してみます。 関数 var getSingleton = (function() { var instance = null, init = function() { instance = { value: Math.random() } }; return function() { if (instance == null) { init(); } return instance; }; })(); var…

定義を確認 GoFの定義したSingletonパターンの目的(Intent)は以下の二つです*1。 あるクラスのインスタンスが1つしか生成されないことを保証する そのオブジェクトへのグローバルなアクセス手段を提供する 実装例 JavaScript デザインパターンの例がいけてま…

JavaScriptには次の三つのオブジェクト生成方法があります。 プロトタイプ風 クラス風（異教徒の呪い、Fxxk your God!!!） 関数の束縛 比べてみましょう。 例に使う関数 ここに指定した文字に挨拶をする関数があります。 var hello = function(str) { return…

Douglas Crockford によるJavaScriptのプロタイプ継承の説明 Prototypal Inheritance の翻訳です。 JavaScriptのプロトタイプ継承 2006-06-07 Douglas Crockford - www.crockford.com 私は五年前に「Classical Inheritance in JavaScript」（中国語 イタリア…

JavaScriptをプロトタイプベースのオブジェクト指向言語と説明することがあります。 プロトタイプベースとはJavaScriptのどのような特徴を指しているのでしょうか？ プロトタイプベースとは何か？ まず最初に「プロトタイプベース」という言葉の意味を整理し…

対象オブジェクトに複数のプロパティを一度に追加します。 以下のデザインパターンを適用する。 extendパターン 元の処理 プロパティを一つずつ設定します。 var mike = {}; mike.firstName = "michelle"; mike.lastName = "jackson"; mike.getFullName = fu…

JavaScriptのオブジェクトの生成、特にコンストラクタに次のデザインパターンを適用します。 オブジェクトリテラル 基本のコンストラクタパターン プロトタイプを使ったコンストラクタパターン モジュールパターン 最初の関数 指定された文字を指定された回…

JavaScirptには別のファイルに書かれたスクリプトを読み込む方法がありません。しかしスクリプトファイルが大きくなると複数のファイルに分けたくなります。 別のスクリプトファイルを読み込む（includeする）方法が必要です*1。 次の file1.js を読み込みま…