jser/jser.github.ioの記事をpull request時にLintする仕組み
このブログやJSer.infoはJekyllを使って動いているのですが、 どちらも記事を書くときはMarkdownを使って書かれています。 最近になって、Markdownで書いた技術用語の表記などをLintする仕組みを追加して、pull requestした際にLint結果がinvalidなら修正を促す(主に自分に対して)レビューコメントが書き込まれるHoundCIみたいな仕組みを追加しました。 追記(2016-06-18): 同じ趣旨の別記事を書きました。こちらの方が分かりやすいと思います。 Travis CIでtextlintの指摘をPull Requestのレビューコメントとして書き込む - Qiita 記事のLint MarkdownなのでLintingにはtextlintを使いました。 また、JSer.infoは記事の書式が特殊なので、それ用のtextlintルールを書いて使ってい
ブラウザ上で画像処理 ～漫画のコマを領域分割する～ - pixiv inside [archive]
はじめに こんにちは、pixiv でアルバイトをしていた arayuji です。 今回はこれまでやってきたことのまとめとして、漫画やイラストに対する画像処理についてご紹介します。 一口に画像処理といっても様々なものがありますが、ここでは漫画のコマや白黒のイラストを簡単に領域分割する手法についてお話しします。 基本的な画像処理から高度な最適化処理まで、すべての処理をブラウザ上で 実現しました。 実際のコードも、pixiv/manga-segment · GitHubにあるので、興味がある方は見てみてください。 デモ トップに載せた画像が動作イメージなのですが、わかりにくいと思うのでデモを用意しました。（Chrome 40 / Firefox 35 / IE 11 で動作確認しましたが、IE では非常に遅いので注意してください） 右側のパレットで色をひとつ選んで、左側の画像の上にマウスで線を描
狭義のVirtualDOMと広義のVirtualDOM - Qiita
TL;DR VirtualDOMを狭義と広義に分けて定義すると、 狭義のVirtualDOMとは、実際のDOMを表象する構造体 広義のVirtualDOMとは、狭義のVirtualDOMに加えてdiff, patchメカニズム とすることができ、React.js（及びVirtualDOM実装と呼ばれるMatt-Esch/virtual-domやsegmentio/deku）がシンプルなのは後者を実装しているからである。 Ractive.jsとReact.jsはどう違うか、という話 なるほどRactive.jsのリポジトリにはvirtualdomという名のディレクトリがある。このvirtualdomディレクトリの中では、構造体をDOMへと投影するような実装がされている。このことを根拠に、Ractive.jsはVirtualDOMと呼ぶこともできる。 Ractive.jsにおける実際のDOM変
Exploring Isomorphic JavaScript
This is the result of my first steps building "Isomorphic JavaScript" apps, that run both on the server and in the browser. In this article I try to focus on the concepts and the problems that need to be solved, and towards the end I briefly cover an example implementation using Yahoo's Fluxible libraries and React Router. Isomorphic JavaScript applications (you'll also hear the terms "Server-Side
asm.js Speedups Everywhere – Mozilla Hacks - the Web developer blog
asm.js is an easy-to-optimize subset of JavaScript. It runs in all browsers without plugins, and is a good target for porting C/C++ codebases such as game engines – which have in fact been the biggest adopters of this approach, for example Unity 3D and Unreal Engine. Obviously, developers porting games using asm.js would like them to run well across all browsers. However, each browser has differen
Valid JavaScript variable names in ECMAScript 6 · Mathias Bynens
ES2015 updates the grammar for identifiers. This affects a number of things, but most importantly, identifiers can be used as variable names, and identifier names are valid unquoted property names. This post describes the observable changes compared to the old ES5 behavior. Reserved words ES2015 reserves the await keyword in module contexts for use in the future. // Valid in ES5, but invalid in an
Yahoo!ニュース月100億PVのジレンマ～マイナーブラウザとどう付き合うか
写真：アフロ こんにちは、「Yahoo!ニュース」のHTMLやCSSのコーディングを担当している吉澤です。 今回は、「Yahoo!ニュース」ブラウザ版のコーディングをするにあたって気をつけている点などに触れてみたいと思います。 まずは、現在、PC版「Yahoo!ニュース」にアクセスしている方々がどんなブラウザを使っているのかを紹介します。 ご覧のように、Internet Explorer 11からのアクセスが一番多く、次いでGoogle Chrome、そしてInternet Explorer 8といった順番となっています。 1年間の主要ブラウザシェアの大まかな推移はこのようになっています。 Windows XPのサポート終了の影響で大きな動きがあったものの、ここ数ヶ月は安定した推移で動いているのがわかります。Internet Explorerについては最新版へのアップデートが緩やかに進行し
harmony:specification_drafts [ES Wiki]
This page contains a historical record of working draft of the ES.next specification prepared by the project editor. Error in the current draft should be reported as bugs at bugs.ecmascript.org July 25, 2011 Draft doc pdf Mostly typo corrections (thanks for all the reports) and corrections to problems that have been reported against ES5.1. See closed 6th edition bugs at bugs.ecmascript.org.
Git でもっと簡単にリモートブランチを Checkout したい - おともだちティータイム
Git で特定のリモートブランチ (を追跡するローカルブランチ) を checkout してくるためには以下のような -b オプションを付けた git-checkout コマンドを使うと思っていました。 git checkout -b features/hoge origin/features/hoge しかしこれでは features/hoge を何度も入力しなくてはいけませんし、とてもめんどくさいのです。というわけで man git-checkout を眺めていたら --track (-t) というオプションを見つけました。 -t, --track When creating a new branch, set up "upstream" configuration. See "--track" in git-branch(1) for details. If no -b option
技術メモ帳 - pgrep, pkill を使用してプロセスを殺す
最近、会社でシェルの操作方法について教えているのだが、 pgrep / pkill / skill / pidof といった 便利なプロセス操作系コマンドを知らない人が実に多い。 プロセスを殺すというのは、よくある作業なので 今回はコレについて書いてみる。 たとえば、これらのコマンドを知らない人が、 指定した名前のプロセスを kill する手順はだいたい 以下のようなものになることだろう。 $ ps aux | grep プロセス名 | grep -v 'grep' # コマンドの出力結果から pid を目で確認 12345 ... .. hoge .. .. $ kill 12345 この作業は非常に面倒で退屈だ。 もし殺さなければならないプロセスがたくさんあったときは どうするのだろうか。 おまけに、grep コマンド自身が候補に含まれてしまう事があるのだが、 grep -v grep
AWSでEC2のインスタンスをコピーし、サーバーのバックアップを簡単におこなう方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。五反田のClisk（クリスク）という会社でシステムエンジニアなどをしている芹沢です。 さて、早速ですがたとえば以下のような場合、データのコピーや環境のバックアップをおこなう必要がありますよね。 データのバックアップをとりたい 本番環境をもとにテスト環境を作りたい 開発環境を構築するのに、毎回インストールなどの同じ作業をしたくない サービスが成長してアクセスが増えたので、複数台構成にしたい テスト環境を構築する場合や、複数台構成にする場合などであれば、元のサーバーの環境を完全に再現して、サーバーをもう1台作る必要があります。しかし、これをゼロからすべてもう一度作るというのはとても大変な作業です。 また、障害などに備え本番環境をすぐに再構築できる環境を用意しておくことは大切ですが、これも簡単にできることではありません。 でも、AWSならとても簡単に、サーバーを丸ごとコピーできてしま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - bendc/frontend-guidelines: Some HTML, CSS and JS best practices.
GitHub - visionmedia/page.js: Micro client-side router inspired by the Express router
