0�>y}U �2�x}U
Meteor Kaiso は JavaScript を使ったフルスタックフレームワークである Meteor のドキュメントの日本語訳と、Meteor を使った開発の際に役立つナレッジを紹介します。Meteor については「Meteorとは」をご参照ください。 サンプルコードから学ぶ Meteor アプリ入門 さらに Meteor アプリケーション作成の際に必要な心得をマスターするのであれば公式ドキュメント Concept の日本語訳、設計概念に進みましょう。 白熱のページ An Introduction to Meteor Meteor の導入, プラクティスを詳しく解説。スクリーンショット付きで Windows 環境でのケースが紹介されているので参考になる部分が多いかと思われます。公開環境にデプロイする際の心がけについても解説 Meteor on Windows! 非公式な Meteor
この記事はJavaScript Advent Calendar 2014の15日目の記事です。 さてさて、EcmaScript6に対する機運が高まっている中で、ES6の新機能の紹介記事が出てきておりますが、ES6が使えるブラウザはまだ浸透しておらず、使おうとするならばTraceur Compilerや6to5といったトランスパイラを利用せざるを得ないというのが現状です。 これらのトランスパイラも実際のプロダクトで使おうとするとまだそこまで実績がないし、いきなり本番で使うという訳にいかない人達が多いかと思っています。 ただし、ES6には慣れておきたい、、、ES6の新機能(let, template-string, arrow function, generator, promise, etc...)を使ってみたい、、、 ならばせめてテストだけでもES6で書こうじゃないか、いずれES6が来た時
JavaScriptフレームワークがMVCであろうがMVVMであろうがMVPであろうがこういったことを議論するよりもまずは手を動かそうというのはとても理解できる話だと思います。作っているときに各モジュールをどう構造化するかが悩むことがありますが、その時に「こうやれば効率がいい」というものを見極めることも重要と思います。 MVC vs MVVM vs MVP. What a controversial topic that many developers can spend… 特にエンタープライズでは小川充(HTML5Experts.jp コントリビュータ)氏や酒巻瑞穂(HTML5Experts.jp コントリビュータ)氏が考えている通り、各モジュールをどのように構造化し開発ライフサイクルを運用するかが必要となります。こうした意味合いにおいて「Flux」という考え方が参考になるのではと思い資
Fluxxor is a set of tools to facilitate building JavaScript data layers using the Flux architecture by reifying many of the core Flux concepts. It works particularly well in conjunction with React as the view layer, and contains a few helpers to make integration with React applications easier. The Flux architecture... ...makes it easier to reason about changes to your application's data ...eschews
Gruntのpluginでgrunt-platoというのがあって、Platoを使ってJavascriptの静的解析結果をvisualizeしてレポートしてくれます。 レポートのサンプルがいくつか載っていて、jQueryのサンプルはこんな感じ。解析は主にphilbooth/complexityReport.jsを使ったcomplexityの解析結果で、Platoはそれをグラフに出力してくれる。あとJSHintでの検知結果もついてくる。 complexityReport.jsでは何を出力してくれるかというと、lines of code、number of parameters、cyclomatic complexity、Halstead metrics、maintainability indexなど。サンプルがこんな感じ。 Platoのグラフで注目されるのは、Maintainabilityとい
http://creative-award.yahoo.co.jp/yorupane/(アーカイブをご覧いただけます) 深夜のYahoo! JAPANをクリエイティブに変換するクリエイターとメディアキーマンのトークセッション。 ヨルパネ!が求めるクリエィティブとは?メディアの今後のあり方は? 2014年7月3日(木) 19時より、BASE6にて開催されました。 会場の様子 『WIRED』日本版 編集長 若林 恵氏をモデレーターに迎え、トークセッションを2部構成でお届けしました。 <トークセッション第一部>「メディア論:日本最大のアグリゲーターであるYahoo! JAPANがクリエイティブコンテンツを発信する意味とは」 登壇者:佐渡島庸平さん、株式会社バスキュール朴正義さん、ヤフー株式会社友澤大輔さん 弊社デザイナーの清水さんにグラフィックレコードをお願いしました。 <トークセッション第二部
皆さまこんにちは、広報担当のヨシキです。 いよいよ2014年も残すところあとわずか。今年もLIGブログの読者の皆さまには大変お世話になりました。 さて本日は、年末年始の休日についてお知らせさせていただきます。 2014年12月27日(土)〜2015年1月4日(日)までの9日間、株式会社LIGは年末年始のお休みを頂戴します。 来年もどうぞLIGを宜しくお願い申し上げます。 なぜ、年末年始は長く休むのか 今回、9日間という長期に渡ってLIGはお休みを頂戴しますが、ここではなぜ年末年始は長く休むのか、ということについて考えていきたいと思います。 まず期間についてですが、一般的には官公庁が12月29日から1月3日までを休日としていることに準じる企業が多いようです。そこに土日が加わることで、カレンダー次第では9連休などの長期休暇となります。 ただし、就業規則で年末年始の休日についてどのように設定され
クックパッド 広告事業部の大野晋一です。責任範囲は広告事業の純広告およびネットワーク広告の商品開発担当で、事業部にはそれぞれの売上でコミットしています。 この記事では、動画変換の仕組みにおけるDockerの活用について紹介します。 クックパッドは8月8日、iOS/Androidのブラウザにおいて動画クリエイティブを掲出する広告商品を公開しました。広告商品としての詳細はプレスリリースやスライドを見ていただくのがわかりやすいのですが、本稿に関係する特徴としてスマートフォンのブラウザで自動的に再生が開始されるというものがあります。 スマートフォンのブラウザにおいては、現在のところ、動画を自動再生させることは出来ません。これはAppleやGoogleといったブラウザベンダが課している制約です。そこで、クックパッドでは、janiというライブラリを使い、特定の規則に基づいて作られた画像を、JavaSc
Today I have added phr_decode_chunked - a function for decoding chunked-encoded input - to picohttpparser. As suggested in the doc-comment of the function (shown below), the function is designed to decode the data in-place. In other words, it is not copy-less. /* the function rewrites the buffer given as (buf, bufsz) removing the chunked- * encoding headers. When the function returns without an er
この記事は Node.js Advent Calendar 2014 の14日目の記事です。 こんにちは。アイスキャンディーの最後の一口をうまく食べられずに落としてしまう石井です。 まずはこれをご覧下さい。 これはC言語で書かれたプログラムで、tick番号に対して適当な計算を行った結果を標準出力に出力しています。 これだけだとただの文字の羅列ですが、これをさらに8bit 8kHzのPCMチャンネルにパイプして送るとこんな曲が! 計算式を変えると色々と曲が代わって面白いですね。 今回はこれをnode.jsでやってみたいと思います。 準備 今回はMacで行いたいと思います。 上記の動画ではPCMチャンネルとして/dev/audioを指定してくれと書いていますが、Macには/dev/audioが存在しないのでhomebrewを使ってそれに相当するものをインストールします。 はい、これでOKです。
这是一个完整 npmjs.com 镜像,你可以用此代替官方版本(只读),我们将尽量与官方服务实时同步。 我们的前后端应用代码均已开源,前端应用为 cnpmweb,服务端应用为 cnpmcore 欢迎共建。目前我们已累积同步了 - 个包,近7日下载量为 -。 你可以使用我们定制的cnpm命令行工具代替默认的 npm。 cnpm 支持除了写相关操作外的所有命令,例如 install、info、view 等。 $ npm install -g cnpm --registry=https://registry.npmmirror.com或者你直接通过添加 npm 参数 alias 一个新命令:alias cnpm="npm --registry=https://registry.npmmirror.com \ --cache=$HOME/.npm/.cache/cnpm \ --disturl=h
前回はWebサイトをHTTP/2に対応するためにリバースプロキシを検証した記事を書かせていただきました(HTTP2を試してみる)。 あれから幾つかの議論を経てHTTP/2の仕様も大分安定してきており、HTTP/2を実装したクライアントや実験的にHTTP/2を有効にしているサービスもあるので実際に試すことも出来ます。 そこで今回は応用編としてHTTP/2のサーバプッシュについて、その仕組と実際に試したことについて書かせていただきます。 余談ですが、 現在の仕様では "HTTP2.0" ではなく "HTTP/2" もしくは "HTTP2" が正しい名称になります。 HTTP/2概要 まず、軽くHTTP/2の概要に触れておきます。 HTTP/2は2012年の末頃より、HTTP/1のセマンティクスを維持したままパフォーマンスを改善する目的で議論が開始されました。 Googleの考案したSPDYと言
MySQL4でレコードの大量削除の検証がしたくて、Railsでもにょもにょやっていたのですが、 MySQL4とmysql2 gem の組み合わせの問題でハマりました。 arproxyを使うと解決できるんですけど、それは後日に。 もうひとつハマったのが、database.ymlのhostの指定でlocalhostと127.0.0.1を指定したときの違い。portを指定しているときは両方TCP/IPでの接続になるのかな、と思っていたのですが、おおはずれ。 こんなかんじでstraceをとってみると sudo sh -c 'strace -e connect -t bundle exec rake db:migrate' localhostの場合は 13:44:33 --- SIGCHLD (Child exited) @ 0 (0) --- 13:44:37 connect(8, {sa_fam
Intro この記事は Go Advent Calendar 2014 の 15 日目の記事です。 例えばネットワークのフレーム処理的なものを書いている場合、以下のようなコードがよくでてきます。 There are many codes like this, while writing a Network Frame Parser program. var type uint8 err = binary.Read(r, binary.BigEndian, &type) if err != nil { return err } var length uint32 err = binary.Read(r, binary.BigEndian, &length) if err != nil { return err } ... 関数の中では、各要素の長さ毎に読み込んで、読み込みに失敗したらエラーを
先日 MySQL Casual Talks vol.7 で LT をしてきました。 LT では Ruby(Rails) からカジュアルに Q4M を使える何かを作ったお話 として Q4M 周りのお話をしてきたのですが、そこで冒頭 "Q4M 使ってる人ー" と挙手を求めたら誰一人として手が挙がらなかったことに絶望してこのエントリーをしたためています。 (まーカジュアルだからなーカジュアルだから Q4M 使ってなくてもしょうがないからなー) (使ってないだけで知っている人はいたかもしれません、あと恥ずかしがり屋さん) このエントリーでは簡単な Q4M の使い方と特徴について説明していきます。 Q4M って Q4M は簡単に言うと DeNA の奥一穂さんが開発されている MySQL を使ったキューストレージです。 Q4M 自体は MySQL のストレージエンジンとして実装されているので、テーブル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く