Remix という 考え方
こんにちは、@kaa_a_zu です。今日(11/23)の日本時間早朝に React Router の制作者である @Ryan氏 と @Michael が着想した Remix V1.0 が正式リリースされました🎉 RemixがWebの世界に及ぼす影響は大きいと思っており、実際のコードやドキュメントを見ながら既存のフレームワークと何が異なっているのかを中心に書いた紹介記事です。(正直、魂が震えています) より具体的な使い方はドキュメントを見て、手を動かしていただくのが良いかと思います。また、既に国内でも使ってみた系の記事がいくつかあるようです。 Remixの機能には様々なものがありますが、当記事では筆者がより注目しているものについて書いていきます。Remixに興味があるけど、あまり追えていないという方に読んでいただけると嬉しいです。 ※この記事はGatsbyやNext.jsよりもRemix
Nullish Coalescing と Optional Chaining | blog.jxck.io
Intro JS における null/undefined の扱い改善するための 2 つの機能が提案されている。 Nullish Coalescing Operator (stage 3) Optional Chaining Operator (stage 3) いずれも Stage 3 に進み、実装も始まっているので、現時点での解説を行う。 Nullish Coalescing 対象が null/undefined だった場合にデフォルト値を返したいといった場合を考える。 function main(option) { option.param = option.param || 'default' } main({param : 'hello'}) しかし、この場合は null/undefined 以外にも param が 0, false, '' など falsy な値の場合も上書きさ
Electron: Context Isolationの欠如を利用した任意コード実行 / Electron: Abusing the lack of context isolation - CureCon(ja)
ベルリンで開催されたCure53のイベント、CureConの資料です。
JAVASCRIPT Trademark of ORACLE AMERICA, INC. - Registration Number 2416017 - Serial Number 75026640 :: Justia Trademarks
computer programs, namely, utility programs, language processors and interpreters providing computer programs, namely, utility programs, language processors and interpreters, that may be downloaded from a global computer network 009 - Scientific, nautical, surveying, electric, photographic, cinematographic, optical, weighing, measuring, signalling, checking (supervision), life-saving and teaching
react と preact の評価時間を検証 - Qiita
意味 PWAでアプリを作ろうとすると、offline cache である程度ロード時間を無視できるとしても、 JSのCPU上の評価時間が支配的になっていく。 preact-compat(30kb) と react(91kb) でどれだけの差がでるのか調べることにした。 対象 このリポジトリ。 https://github.com/mizchi-sandbox/pwa-base ルーター、 redux を含んでいる。 react, preact 以外の depｓ はこう。 "dependencies": { "axios": "^0.17.1", "babel-polyfill": "^6.26.0", "react-redux": "^5.0.6", "recompose": "^0.26.0", "redux": "^3.7.2", "redux-logger": "^3.0.6", "
Tasks, microtasks, queues and schedules
Posted 17 August 2015 - hold onto your butts for this one, it's spec-heavy When I told my colleague Matt Gaunt I was thinking of writing a piece on microtask queueing and execution within the browser's event loop, he said "I'll be honest with you Jake, I'm not going to read that". Well, I've written it anyway, so we're all going to sit here and enjoy it, ok? Actually, if video's more your thing, P
Promise で排他制御を行う - Qiita
Promise での非同期処理時、排他制御を怠ったばっかりにバグを出してしまった、そんな経験ありませんか。私はあります。 スレッドを使う場合、Mutex や synchronized 等々、大抵排他制御を行うライブラリや構文などがセットでついてくるのだけど、Promise/A+ には無いので自前で制御する必要がある。 なので、Promise で排他制御が出来るライブラリを npm から調べ、めぼしい物二つをピックアップしてみた。 async-lock https://www.npmjs.com/package/async-lock 一番メジャーっぽいライブラリ。ダウンロード数も多い。 ロック取得時、key を指定する redis の key の set のように、key ごとに排他制御したい場合に便利 タイムアウトのサポート 待ち受けタスク数の上限のサポート インターフェイスが、acqui
Deep diff between two object, using lodash
difference.js �n%ٛU ��"ٛU /** * This code is licensed under the terms of the MIT license * * Deep diff between two object, using lodash * @param {Object} object Object compared * @param {Object} base Object to compare with * @return {Object} Return a new object who represent the diff */ function difference(object, base) { function changes(object, base) { return _.transform(object, function(result,
Prism
Dead simple Include prism.css and prism.js, use proper HTML5 code tags (code.language-xxxx), done! Intuitive Language classes are inherited so you can only define the language once for multiple code snippets. Light as a feather The core is 2KB minified & gzipped. Languages add 0.3-0.5KB each, themes are around 1KB. Blazing fast Supports parallelism with Web Workers, if available. Extensible Define
Headless Chromium
Headless Chromium allows running Chromium in a headless/server environment. Expected use cases include loading web pages, extracting metadata (e.g., the DOM) and generating bitmaps from page contents -- using all the modern web platform features provided by Chromium and Blink. There are two ways to use Headless Chromium: Usage via the DevTools remote debugging protocolStart a normal Chrome binary
Promise Cancellation Is Dead — Long Live Promise Cancellation!
Promise Cancellation Is Dead — Long Live Promise Cancellation! Not very long ago Domenic Denicola (worth a follow, a very smart guy) withdrew his proposal for promise cancellation from the TC39. A lot of people might think that means that promise cancellation isn’t coming to JavaScript. Those people would be right, if you couldn’t already cancel a promise via very similar means to what was propose
~/.yarn-cache/ を CI でキャッシュしてはいけない - Qiita
2017/01/16 (月) 追記： CircleCI の公式ドキュメントに yarn の導入方法が明記されています。今後はそちらに合わせるのがベターです。 Install and Use Yarn (the NPM replacement) on CircleCI - CircleCI これまで行っていた設定だと、yarn のパッケージインストールのタイミングで「すでに yarn がインストール済み」とエラーが発生するようになってしまいました。よって以下は古い記事なので、読み飛ばしてください。 要約すると yarn 0.17.x から、キャッシュ保存先が OS によって変わる ようになった！ CI で ~/.yarn-cache/ をキャッシュする設定を入れている場合、正しいパスに変える必要がある ~/.cache/yarn/ (Linux の場合) 事の流れ 先週あたりから、npm に
flowtypeのmagic typeは直接使うものじゃないよ - Islands in the byte stream
実践投入してわかったflowtypeのメリデメ // Speaker Deck で「Magic typeがドキュメントされてない（のに便利）」という説明がありましたが、それはmagic typeを直接使う想定ではないプライベートAPIからドキュメントに載せてないというだけだと思われます。 ドキュメントに書いていないということはそれは内部実装の詳細であって、将来にわたって使える保証はありません。 flowtypeのmagic typeについて - Qiita のためになんだかmagic typeという内部実装の詳細が広まってしまった感がありますが、このエントリでも述べているように、magic typeはそれに対応する構文があります。たとえば、$Either<A, B> は A | B というunion typeを表現するための内部型です。他のmagic typeも対応する構文があるはずです。
アメブロ2016 ~ React/ReduxでつくるIsomorphic web app ~ | CyberAgent Developers Blog | サイバーエージェント デベロッパーズブログ
みなさんこんにちは、サイバーエージェントでフロントエンドを中心に開発しています原(@herablog)です。 アメブロでは、2016年9月にフロントエンドをJavaベースのアプリから、node.js・Reactベースのアプリへとシステムの移行をおこないました。本記事では、その移行へといたる経緯やゴール、システム設計、その結果についてお伝えします。 リリース直後に気づいているツワモノな方もいらっしゃいました。 アメブロのSP版がReactのSSRでフルリニューアルしたのを観測した — hr (@hrloca) 2016年9月1日 システム移行へといたる経緯 2004年から始まり、日本国内で最大規模のブログサービスとなったアメブロは、システムの肥大化や多数の関係者が存在したことによるモジュール・導線の急増などの理由により、ページ表示スピードが遅くなり、ページビュー数にも明らかに影響を与えるよう
emscripten night !! ( 終了しました ) (2016/10/05 19:30〜)
※ @muo_jpさんのLTは都合によりキャンセルとなりました。 Session登壇者紹介 WebAssembly: a new virtual machine for the Web Mozilla Japan 清水 智公 様 ( @chikoski ) ウェブとブラウザが、本格的なアプリケーションプラットフォームとして扱われ始めて随分とたちます。 それは AJAX の再発見に始まり、HTML5 ブームと Web API の充実によって支えられ、 現在まで至っています。そんな中、必要とされ始めてきているのは、大規模アプリケーションの作成と実行の環境です。 TypeScript のような型付きの altJS が必要とされているのも、 大規模なアプリケーションを安全に記述したいという要求からでしょう。 そんな中、大規模なアプリケーションの作成と実行を可能にする技術として注目され始めているのが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - avajs/ava: Node.js test runner that lets you develop with confidence 🚀
GitHub - mikeal/r2: HTTP client. Spiritual successor to request.
async関数においてtry/catchではなくawait/catchパターンを活用する - Qiita
GitHub - eslint-community/eslint-plugin-security: ESLint rules for Node Security
DeNA Engineering - DeNAエンジニアのポータルサイト
