InfoQ Software Architects' Newsletter A monthly overview of things you need to know as an architect or aspiring architect. View an example
![Virtual Panel: Real-world JavaScript MVC Frameworks](https://cdn-ak-scissors.b.st-hatena.com/image/square/92c42aeb227622be4f5fa526bf6097bd1cd8d85b/height=288;version=1;width=512/https%3A%2F%2Fres.infoq.com%2Farticles%2Freal-world-javascript-mvc-frameworks%2Fen%2Fsmallimage%2Freal-world-js-frameworks.jpg)
AngularJS style guide mgechev版の日本語訳を更新しました!投稿者: Naoki 投稿日: 2015-03-15 AngularJSを学ぶ際におすすめされたスタイルガイドの1つとしてmgechevさんのスタイルガイドを教えてもらったのですが、日本語訳がメインの英語版より1年遅れていました。せっかくなのでAngularJSの理解を深めることにもつながると思い、日本語訳を更新してみました! Angularjs Style Guide 日本語版 現時点(2015/3/15)でメインの英語版と同じ文量になっています。また、日本語としても読みやすくすることを意識したのでだいぶ良くなったのではないかなと思っています。 Angular Style Guide angularjs-style-guide/README-ja-jp.md 翻訳の理由と経緯 メインの英語版に比べて日本
Travis CI 上の環境変数(PULL_REQUEST, BRANCH, TAG)を使って、ワークフローの改善とリリース自動化を実現するGitGitHubiOSCITravisCI CI を中心としたワークフローやリリース(デプロイ)自動化システムを構築するには、現在対象としているコードベースの状態を把握する必要があります ブランチは、feature か master か プルリクエストをマージしたのか タグはついているのか Travis CI でそれらを把握するためには表題にある 3 つの環境変数の意味と組み合わせを理解しないと出来ないのですが、まとまった公式のドキュメントやネット上のレファレンスが見つからなかったので書きます http://aniszczyk.org/2012/04/05/travis-ci/ より Travis CI を使ったリリース自動化の例 例えば、最近試した
03/13-15、同僚たちと行った開発合宿で、GitHub リポジトリ内の画像マネージャー Hubpix を作りました。 https://hubpix.herokuapp.com/ GitHub のリポジトリに Web 画面から直接画像をアップロードすることができます。 以下の様な用途に利用することを想定して開発しました。 GitHub で静的サイトのコンテンツを管理していて、その更新と共に、Git に不慣れな方に、資材の追加をお願いする。 モバイルからの写真アップロード機能で、素材の受け渡しが iPhone 直接できる。 何でもいいので、画像保管庫として使う。 ソースコードは ngs/hubpix で公開しています。 使い方 GitHub で OAuth 認証を行って頂くと、Organization, Repository, Branch, Directory の順で選択します。 画面上
Show navigationWhat is V8?V8 is Google’s open source high-performance JavaScript and WebAssembly engine, written in C++. It is used in Chrome and in Node.js, among others. It implements ECMAScript and WebAssembly, and runs on Windows, macOS, and Linux systems that use x64, IA-32, or ARM processors. V8 can be embedded into any C++ application. Latest posts and feature explainersWebAssembly JSPI has
Flashlight: Control your Mac with a keystroke. Spotlight Search| Search the web, save a note, add a reminder, or do over 200 other things, just by typing into your Mac's Spotlight search box. Or write your own plugins. Requires OS X Yosemite. Flashlight is an open platform for Spotlight, which allows developers to write plugins that extend OS X's built-in search with new features. Here are some of
One of the new features of ECMAScript 2015 are template literals. The simplest use cases for template literals are creating multiline strings, and doing string interpolation. Multiline string: let s = `This is a multiline string`; String interpolation: let firstName = 'Bob', lastName = 'Smith'; let msg = `Hello ${firstName} ${lastName}!`; // 'Hello Bob Smith!' You can also tag template literals by
There’s been a lot of discussion on what Flux is, the different variations, and how the pattern can be improved upon. I’ve even blogged about Flux here on this blog! I’ve been doing a lot of work with React and Flux in the past month. In that time, I learned a lot about architecture, patterns, and community best practices. I want to share some ideas that I’ve been thinking about here. In this post
Flux is an application architecture designed by Facebook for their JavaScript applications. It was first introduced by Facebook in May 2014, and it has since garnered much interest in the JavaScript community. There are several implementations of Flux. Frameworks like Fluxxor keep to the original Facebook Flux pattern, but reduces the amount of boilerplate code. While other frameworks like Reflux
Sails makes it easy to build custom, enterprise-grade Node.js apps. Build practical, production-ready Node.js apps in a matter of weeks, not months. Sails is the most popular MVC framework for Node.js, designed to emulate the familiar MVC pattern of frameworks like Ruby on Rails, but with support for the requirements of modern apps: data-driven APIs with a scalable, service-oriented architecture.
Highlights This is a summary of the major changes you need to know about for this version of ESLint. Changes to JSX/React handling In this release, we made the decision to stop supporting React semantics of JSX. We had previously been checking JSX for identifiers in our rules and realized we could only do that correctly by building-in knowledge of how React works. Such knowledge already hurt us wh
(English article is here.) こんにちは、吉岡([twitter:@yoshiokatsuneo])です。 ウェブ開発に欠かせないJavaScriptフレームワークですが、日々発展しておりReact.js, Ractive.js, Aurelia.js, AngularJS2.0など次々と新しいフレームワークが出てきています。 一体どれを使えばいいのか?何が違うのか?何から調べていいのか迷うことがあります。 そこで、現時点で事実上全てとなる、9大主要フレームワークについて、実際に使ってみて比較を行います。 Backbone.js Ember.js Knockout.js AngularJS(1.x) React.js Ractive.js vue.js Aurelia.js AngularJS2.0(アルファ版) これらのフレームワークでは、以下のような機能が実現さ
IndexedDbをActiveRecord+Promiseっぽく扱えてJSONSchemaでバリデーションできてnodeでもオンメモリで動いてくORMみたいな何か作ってみたJavaScriptStoneSkin タイトル盛りすぎた。 mizchi/stone-skin です。 npm install stone-skin で入るんでbrowserifyと一緒に使ってください。 命名は、時間があったらFF14やるんだけどなという気持ちを込めて。(ナイトだけLv50にしてから1年以上触ってない) この前紹介したArdaと一緒で、本番環境でドッグフーディングしつつ開発したので、使い物になるはず。今さっきドキュメント書いてv0.1.0にしたので紹介。 サンプルコード 非同期APIはPromiseを返すので、この前書いた JavaScript - Babelのasync/await試してみた(+中
2015-03-15 ReactでBEMなclassNameを書きやすくするBemmerというライブラリを作った JavaScript React BEM npm 作った JSX ReactとBEMはすごく相性がよくて、ずっとBEMで書いている。 ReactのComponentという単位、性格にはmodule.exports対象にするような再利用性のあるUI部品をBEMのBlockという単位に結びつけると、非常に扱いやすくなる。 ファイル名もxxx-xxx-xxx.jsx``xxx-xxx-xxx.lessのようにして、クラス名もxxxXxxXxxのようにすると、名前が競合する危険性がゼロになり、それが再利用可能であることを示唆できる。 背景 で、そんな中React.createClass()でJSXのclassName属性を設定する際、困ったことがあって、Modifierに弱いという問題
Mozilla is planning to add multi process support to Firefox. Bill McCloskey has a detailed article explaining why. In short: security, performance, stability. It just so happens that the underlying Firefox changes drastically affect the inner workings of Greasemonkey. The Greasemonkey developers have been working hard to rewrite significant portions of the extension. There are no new features,
This blog post is outdated. Please read Sect. “The destructuring algorithm” in “Exploring ES6”. This blog post looks at destructuring from a different angle: as a recursive matching algorithm. At the end, I’ll use this new knowledge to explain one especially tricky case of destructuring. Destructuring # This section gives a brief overview of destructuring. For further details, consult the blog po
自分でも最近の .NET Core 5 周りで混乱してきたので、整理するために簡単にまとめました。略称も色々なので、そのあたりと役割も一緒に分かってる範囲で書きます。 .NET Core Runtime (CoreCLR) GitHub でオープンソースになると話題になった部分で、RyuJIT や GC などマネージコードの実行に必要な機能を提供します。.NET Framework を 1 つの DLL にした感じです。 ビルドすると以下のようにバイナリが生成されます。 Windows Linux OS X 共有ライブラリ coreclr.dll libcoreclr.so libcoreclr.dylib エントリポイント corerun.exe corerun corerun 既に Linux / OS X でも x64 であればコンパイルして、実行可能なレベルにまで開発が進んでいるよ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く