step by stepで始めるwebpack - Qiita
※webpack1系の記事です。 1→2への移行ガイドを見る限り破壊的な変更点はそんなにありませんが、preLoadersやpostLoadersがなくなっていたり、差が出ていますのでご注意ください。 https://webpack.js.org/guides/migrating/ webpackを手を動かしつつ学べる初学者向け資料を作成しました。 公式のチュートリアルもあるのですが、webpackが使用されているOSSのボイラープレートを見る限り、世の中の使われ方に沿ってないかも？と思い書きました。 これから始める人の手助けになれば幸いです。 また最終形のソースをupしてあるので詰まったら見てください。 webpackとは webpack で始めるイマドキのフロントエンド開発の説明が良かったので引用させていただきます。m(_ _)m webpack は WebApp に必要なリソースの依
Roc - React/Reduxを使ったnodeフレームワーク MOONGIFT
Reactを使ってみたいと思うプログラマはたくさんいると思うのですが、いざちゃんとしたものを作ろうと思うとフレームワークの存在に悩むことになります。Reduxを使うとしてもどういう組み合わせ、ディレクトリ構成でやるのがベストなのか分かりづらかったりします。 そこで使ってみたいのがRocです。React/Reduxを使ったnodeのWebアプリケーションフレームワークです。 Rocの使い方 Rocのインストールはnpmでできます。 npm install -g roc アプリケーションの初期設定はinitを使います。対話型で作ります。 $ roc init web-app-react Found a folder named /path/to/react-app, will try to use it. Using v1.0.3 as template version : ? What's
3行のソースコードを入れるだけで機械学習できると噂のindicoをNode.jsで使って機械学習入門してみる - Qiita
こんばんわ。 機械学習というワードはすごく盛り上がっているけど少し離れたところで見ている感じでした。 づや会というイベントで機械学習ネタをやることになり、何かやらねばと思っていたところ、この記事(機械学習について調べてみたら、3行のソースコードを入れるだけで機械学習できるサービスがあった（前編）)を読んで機械学習の入門はこういうところからでもありかなと思った次第です笑 ちなみに発表資料はこちらです。 indico 3行のソースコードを入れるだけで機械学習できるサービスです。 主にテキスト解析と画像解析の機能を使えます。 使い方(主に管理画面) まずはユーザー登録をしてログインしてください。 ログインするとダッシュボードを見ることができます。 API Keyを確認しつつQuickstartを選択しましょう。 このようにSentiment Analysis(感情分析)が選択されています。 下部
サーバーサイドで画面キャプチャ #その4 SpookyJS
サーバーサイドキャプチャも早くも4回目になりました。 今回はNodeJSでPhantomJSとCasperJSをNodeJSで使えるようにした「SpookyJS」というヤツです。 本家サイト https://github.com/SpookyJS/SpookyJS インストール 今回はNodeJSを基本インストールして、PhantomJSとCasperJSはnpmを使ってインストールします。 # 直接インストール $ wget http://nodejs.org/dist/v0.10.25/node-v0.10.25-linux-x64.tar.gz $ tar zxvf node-v0.10.25-linux-x64.tar.gz $ ln node-v0.10.25-linux-x64/bin/node /usr/bin/ # 確認 $ node --version > v0.10.3
NodeSchoolでJS力をアップしよう！ - Qiita
記事内容に間違いや改善等ありましたらコメント欄にてご指摘をお願いしますm(__)m NodeSchoolとは 詳細は公式サイトに書かれていますが要は無料でNodeやそれに関連する技術を学べるオープンソースのツールです。 NodeSchoolという名前なので、なにかしら Node関連のものしかない ように思われがちですが、JavaScriptのみに着目した科目（他にもNoSQL関係だったり、etc）などもあるので、「JavaScriptの勉強をしたい！」という人にもおすすめです！ 必要なもの 項目 説明 Node.jsインストールの推奨方法 Node.jsは活発に開発が進んでいるのでバージョンが結構頻繁に変わります。なのでNode.jsのバージョン管理をしてくれるツールのインストールを推奨します。（Rubyで言うrvmのような存在） 現時点（2015/10/27時点）で推奨するNode.js
rtail - 複数のtailをWebブラウザで閲覧
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました tailはターミナルの画面で見るのが基本です。そのため、二つのファイルを監視しようと思うと二つのウィンドウまたはタブを開いておく必要があります。これは以外と面倒です。 そこで使ってみたいのがrtailです。rtailがtailの情報を集約し、ブラウザの画面で確認できるようにします。 rtailの使い方 rtailはrtail-serverとrtailの2つのコマンドに分かれています。まずtailの出力をそのままrtailコマンドに渡します。 $ tail -f /var/log/messages | rtail もう一つはサーバで、これはそのまま実行しておけば8888/9999番ポートでサーバが立ち上がります。8888はWebブラウザ用、9999はrtailクライアント用になります
Node.jsの模倣フレームワーク「IO.js」がバージョン1.0になり、本家を追い抜いた | readwrite.jp
人気のWebアプリケーション構築フレームワーク Node.jsを取り巻く環境は興味深い変化を見せた。Node.jsの模倣品ともいえるIO.jsが14日、Nodeに先駆けてバージョン1.0になった。これは多くの場合、実験的なβ版から製品版になった事を意味する。 Nodeはここ数ヶ月のあいだ、開発者たちの間で綱引きの様な状態にあった。Nodeプロジェクトに貢献した主な人々は、最近になってIO.jsをJoyentによって管理されているNode.jsから切り離した。このプロジェクト分岐の一因として、開発者たちがJoyentのリリーススケジュールが遅いことにフラストレーションを抱えていた事が挙げられる。Nodeはまだバージョンが1.0に達していない。 IO.jsがバージョン1.0になったのは先週火曜日のことで、Node.jsでは提供されていない機能を備えている。プロジェクトマスターであり広報でもある
フロントエンド開発の３ステップ（npmことはじめ） - Qiita
スライド 当記事は以前勉強会でLTしたものです。 スライドは下記にあります。 フロントエンド覚えること多すぎ問題 モダンなフロントエンド開発で、入門記事を探そうとすると、 まずwebpackやTypeScript, Babelによるビルド環境構築から始まる記事が多くヒットします。 ですが、Node.jsの初心者がいきなり複数のツールを習得しようとすることが 挫折の原因になっていると感じています。 ですので、まずNode.jsをインストールした直後から、必ず使うことになる、 npmの機能をまず覚えておきましょう。 フロントエンド開発で覚えるべき３つのコマンド 以下の3つだけ覚えておきましょう。 npm init npm install npm run これだけ覚えれば、ひとまずフロントエンド開発を進めることができます。 完璧なワークフローを構築するのは、書いているアプリが大きくなってきてから
DevHub - 開発者たちにぴったりなチャットシステム
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 開発はみんなでやると楽しいですよね！ チャットワークなど企業向けにオンラインでコミュニケーションを促進しようとするサービスが多数あります。個人向けであればLINEやTwitter、Skypeもその一つといえるでしょう。しかし開発者にとってはどうも手に馴染まないものが多いです。 プログラマ、デザイナにとって必要な機能に特化させられれば、より開発がスムーズになるかも知れません。その一つになるかも知れないのがDevHubです。 DevHubの使い方 外部サービスから通知を受け取れるようになっており、JenkinsやSubversionからコミット時などに通知を受け取るための設定が書かれています。もちろん他のシステムからもWeb APIを叩けば通知が使えます。 # Subversionの例
anyenvで開発環境を整える - Qiita
私の場合、開発環境では複数の言語のコードを書いたり実行したりします。 例えば perl, ruby, nodejs, python など。 これらを利用するために、plenv, rbenv, nodebrew, pyenv などを利用していました。 しかし、遅ればせながら anyenv というものがあると聞いたので、こっちに乗り換えました。 **envを2つ以上使ってる人はこれ使うのが良いと思います。おすすめ。 http://blog.riywo.com/2013/06/22/155804 https://github.com/riywo/anyenv インストールは簡単 README.md のとおりにやればOK # ------------------------------------------------------------------------ -# plenv +# an
【javascriptを使う人に知って貰いたい（エンジニア、デザイナ問わず）】karmaを使ったテスト駆動開発入門（ついでにJasmineも）
$ karma init Which testing framework do you want to use ? Press tab to list possible options. Enter to move to the next question. > jasmine Do you want to use Require.js ? This will add Require.js adapter into files. Press tab to list possible options. Enter to move to the next question. > no Do you want to capture a browser automatically ? Press tab to list possible options. Enter empty string to
GitHubでの開発をもっと便利にしてくれるコマンド·Node GH MOONGIFT
Node GHはnode.js/JavaScript製、BSD Licenseのオープンソース・ソフトウェアです。 オープンソースをよく使うプログラマーであればGitHubを便利に使っているのではないでしょうか。そんな方にお勧めしたいのがNode GHです。GitHubのAPIを使ってより便利なコマンドを提供してくれるソフトウェアです。 インストールします。npmを使ってできるので簡単です。 最初に認証が求められます。IDとパスワードを入力します。 GitHubのリポジトリに移動して操作します。isコマンドは課題をリストアップする機能です。 isの後に文字をつけることで新しい課題を登録できます。 そして課題を一覧で確認します。この時の番号がコメントの時に使います。 さらにその課題番号に対して--commentを付ければコメントもできます。 ntでアクティビティを取れます。 その他、Node
従業員を一覧することで相互理解を深めよう·Facewall MOONGIFT
Facewallはnode.js/JavaScript製のソフトウェア（）です。 会社が大きくなって、従業員が増えてくると隣の人は何する人ぞといった状態になってきます。せっかく同じ職場にいるにも関わらず何をしているのか分からないのでは連携した新しい付加価値も生み出せる訳もありません。そこで使ってみたいのがHubSpotの開発したFacewallです。 最初の画面です。これが数秒続きます。 データが集積し終わる（？）とこういった表示になります。 そして従業員の写真が一覧で並びます。アップで表示させることもできます。クリックすると、小さな写真が表示されて名前が出ます。 順番に自動的に切り替わります。 ニックネームや職種を出せます。 Facewallを活用することで社内の人の名前と顔が一致しやすくなり、かつ何を専門としているのかが分かれば相談相手も見つけやすくなるのではないでしょうか。 MOON
JavaScript++かも日記 - 1997年からの
先日、Facebook Libra のハッカソンにLibra Auth というプロジェクトで応募したという話を…
fluentd + mongodb+ node.js でリアルタイムにグラフを描く - stanaka's blog
追記 2/22 毎回微妙に追記していますが、今回も追記です。最後にmongodbのinsert性能について80lines/secで厳しくなった、と書いてますが、環境か設定まわりがあやしいので訂正します。もうすこし検証してみようと思います。 → 検証して fluentd側の設定の問題であることが分かりました。詳しくは、http://blog.stanaka.org/entry/2013/02/22/171053 追記ここまで 最近は、fluentd + mongodb でログを蓄積していろいろ便利に使っているわけですが、数分に一回集計スクリプトを周したり、 GrowthForecast の画面をリロードしまくるのではなく、もっとリアルタイムで見たい! という欲求が募ってきたので、 node.js を使って実装してみました。( https://github.com/stanaka/realti
サーバサイドJavaScript Node.js入門 を執筆させて頂きました。 - Block Rockin’ Codes
intro 本当にお待たせいたしました。 出す出すといってなかなか出せなかった Node.js 本が、ついに出版されました。 共著の一人として、自分も書かせていただいています。 サーバサイドJavaScript Node.js入門 作者: 清水俊博,大津繁樹,Jxck,小林秀和,佐々木庸平,篠崎祐輔,高木敦也,西山雄也出版社/メーカー: アスキー・メディアワークス発売日: 2012/10/26メディア: 大型本購入: 31人 クリック: 803回この商品を含むブログ (6件) を見る これを書いてる時点では、 JavaScript 部門では 1 位、 プログラミング部門では 4 位 となっているようです。 それなりに、興味を持っていただけているようで良かったです。 自分の記録としても、少しだけ書かせて頂きます。 2 年間の執筆 書き始めたのは、かれこれ 2 年前になります。 その頃はまだ
node.js でも Inline::C みたいなことをしたい。 - tokuhirom's blog
node.js をつかっているときに、ふと C 言語を書きたくなったりしたことはありませんか? 僕はありません。 そういう時には、node-tcc をつかうといいですね。node-tcc は TinyCC( http://bellard.org/tcc/ ) の node.js バインディングで、これをつかうと以下のように、簡単に C 言語を実行することができます。 var TCC = require('tcc'), var tcc = new TCC(); tcc.compile_string('int main() { return 4649; }'); var ret = tcc.run(); // => 4649 しかし、これだけでは、C 言語をつかいこなしているとはいえないでしょう。出力が、main 関数の返り値しかありませんからね。 そこで node-ffi の出番です。以下の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Rendr入門: サーバサイドで(も)動かす、Backbone.js
Node-OS
npm module のリリース手順 - tokuhirom's blog