React Native is the Future of Mobile at Shopify
Opens in a new windowOpens an external siteOpens an external site in a new window After years of native mobile development, we’ve decided to go full steam ahead building all of our new mobile apps using React Native. As I’ll explain, that decision doesn’t come lightly. Each quarter, the majority of buyers purchase on mobile (with 71% of our buyers purchasing on mobile in Q3 of last year). Black Fr
この DOM がすごい2018: worker-dom - mizchi's blog
おもしろライブラリを見つけて興奮しているので紹介します。 UIスレッド(メインスレッド)からユーザー操作をブロックしてしまうような重い処理を逃がす off-the-main-thread を実践しようとなると、実際に問題になるのは、ほとんどの処理は何らかの形で DOM を参照し、それに連なるものが処理時間の殆どを占めている、ということです。 off-the-main-thread の時代 - mizchi's blog DOM に触れない WebWorker でビジネスロジックを処理するのは、ある種の健全性(Universal/Isomorphic)を手に入れるための「縛りプレイ」として有用ですが、現状は実用上のメリットが殆どありません。 例えば react / redux の reducer で、ビジネスロジックを worker 側に移して処理できるぐらいアイソモーフィックに(DOMに触
Roppongi.js に行ってきた - fnwiya's quine
職場が変わり、六本木民となったので、 RoppongiJSに行ってきました。 感想としては azu さんが実在するということがわかった GraphQL 触ったことないので週末やろう やっぱ production で使ってこそ テンポよくて、最初からドリンクやケータリングも用意されてて最高でした！ 次回は何かしら発表したいです。 以下メモ stencil と Web Components by adwd118 資料 TS 製のフレームワーク prerendering とかできる Conditional Types I/O by takepepe 資料 Redux の軸足は action?state? redux-aggregate の中で使ってる型づけの話がメイン ServiceWorker を production で使ってる話 by shokai 資料 Scrapbox に SW をいれ
Building a Snipping Tool with Electron, React and Node.js
Modern web browsers allow us to access connected media devices like microphones, cameras, and screens through MediaDevices interface. Since Electron uses chromium and Nodejs, MediaDevices devices API is supported out of the box. Electron’s desktopCapturer module provides access to media sources that can be used to capture audio and video from the renderer process. In this tutorial, I’ll show how t
Almin 0.17リリース – executeの型付け、新しいReact Contextのサポート
ステート管理ライブラリの[email protected]をリリースしました。 詳しい変更点は次の記事でも紹介しています。 Almin v0.17 – Support context.useCase#execute typing and new React Context · Almin ⭐ Feature Support context.useCase#execute typing #342 #107 AlminはTypeScriptを公式にサポートしています。 しかし今まではcontext.useCase(someUseCase).execute(args)のargsがany[]となっていました。 コレを解消するためにAlmin 0.13でcontext.useCase(someUseCase).executor(useCase => useCase.execute(args))という
Vue Designer - Vue.jsの表示を確認できるVisual Studio Codeプラグイン MOONGIFT
ReactやAngular、Vueなどは独自のタグを使ったWebコンポーネント型のシステムと言うこともあって、これまでのHTMLデザインの手法が通じなくなっています。デザインの確認などで苦戦している人も多いのではないでしょうか。 そこで使ってみたいのがVue Designerです。Visual Studio Codeプラグインとして動作するVueデザイン確認ツールです。 Vue Designerの使い方 エディタです。Vueファイルに対応しており、デザイナーを開くと右側にプレビューが表示されます。 もちろんリアルタイムに更新されるので、スタイルタグの内容を変えるとすぐに反映されます。 props、データの確認もできます。 Webブラウザなどで表示を確認するのも良いですが、プログラミングエディタの中に埋め込まれていることで、より確認が簡単にできるようになっています。Vue Designerを
2018年の最先端フロントエンドエンジニアになろう - Qiita
フロントエンドエンジニア / バックエンドエンジニア / DevOpsエンジニア@poly_soft この画像を見てティン！と来たので訳してみました。 以下はModern Frontend Developer in 2018の日本語訳です。 Modern Frontend Developer in 2018 この記事を始める前に、まず私のことと、このロードマップについてお伝えします。 私は過去5年間フルスタックエンジニアとして働いていて、そして現在はtajawalで、様々な役割を持つリードエンジニアとして働いています。 単に趣味だからというだけではなく、他の開発者の技術力を保つためにトレンドについていくことも私の責任のひとつです。 初心者が(そして経験者が)トレンドに付いていこうとして混乱する様を私はよく見かけます。 私は2017年、多くの友人に、キャリアを積むために何を学ぶべきかについて
Hyperapp for Redux refugees
How I learned to stop worrying and love the function Feb 14th, 2018 · 16 min read I love Redux. It was my gateway to functional programming, and the first such code I ever put into production. Gone were the days of using the DOM for storing your application state and precariously manipulating it with jQuery. Redux provides a tidy state management solution that lives entirely apart from your view.
AlminのサイトをOSSドキュメントツールのdocusaurusで作り直した
Alminでは元々GitBookを使ったドキュメントサイトをhttps://almin.js.org/で公開していました。 最近、OSS向けのドキュメントサイト作成ツールであるDocusaurusが公開されたのを受けて、GitBookからDocusaurusに移行しました。 Alminのサイト: Almin · Flux/CQRS patterns for JavaScript application. https://github.com/almin/almin DocusaurusはEasy to Maintain Open Source Documentation WebsitesとあるようにOSSのライブラリやプロダクト向けのドキュメントサイトを作る一種の静的サイトジェネレーターです。 Facebookから公開されていることからも分かるように、JestやPrettier(Faceb
細かすぎるけど伝わって欲しいlodash.jsの話 - KAYAC engineers' blog
ギリギリの時間にこんばんは、12/2のアドベントカレンダーは、HTMLファイ部ののびーがお送りします。受託事業でWebフロントを書いたり、テクニカルディレクションをやったりしている人です。 さて今年はさっくりと、常日頃からお世話になっているlodash.jsというライブラリについて、掘り下げた紹介をさせていただきます。 lodash.jsとは https://lodash.com/ A modern JavaScript utility library delivering modularity, performance & extras. つまるところ、 ユーティリティー（なんか便利）関数を集めたやつ めっちゃかるい という特徴を持つライブラリです。近頃のフロントエンドの流行りであるThree.jsだったり、Vue.jsだったりといったものに比べると 地味 です。非常に地味ですが、個人的
私にとって JavaScript 開発はもはや面白くない - Frasco
Web の仕事を始めて10年になりました。特別な教育は受けず（学校をサボっていたわけではなく、単にラッキーだっただけです）、フロントエンドの開発も行う .NET 開発者として仕事を始めました。しばらくした後、自分が本当に好きなのはユーザインタラクションだということに気づきました。また、画面上にモノを配置することやアクセシビリティの問題を解決することも好きでした。私にはバックエンドの業務が不向きで、フロントエンドのプロジェクトを終えたとき、バックエンドの業務を行わなければならないことが非常に苦痛でした。 そんな時、同僚（Pascal Vree）がこのようなことを私に言ったのです。 Fronteers Conference に行くべきだ。ホームにいるような気分になれるから。 そういったこともあり、私はそのカンファレンスに行ってみることにしました。そして、フロントエンドしか好きでないのは自分だけ
The Ultimate AJAX Guide For Vue.js Apps
Anthony Gore | August 28th, 2017 (Updated January 20th, 2020) | 8 min read If you ask two Vue.js developers "what's the best way to implement AJAX in a Vue app?", you'll get three different opinions. Vue is a UI library and therefore doesn't provide an official way of implementing AJAX. There are a number of different approaches that may be used effectively, each with its pros and cons that should
WebAssemblyはなぜ速いのか | POSTD
本記事はWebAssemblyに関するシリーズの第5回目で、今回のテーマはWebAssemblyが高速な理由です。前の記事をお読みでない方は、 初めから目を通される (訳注:原文リンク)ことをお勧めします。 前回の記事 (訳注:原文リンク)では、プログラミングに WebAssembly あるいはJavaScriptを使うかは二者択一の選択ではないことを説明しました。私たちは、WebAssemblyのみのコードベースを書く開発者が膨大な数になるとは思っていません。 ですので、アプリケーションにWebAssemblyとJavaScriptのどちらを使うか選ぶ必要はありません。しかし私たちとしては、開発者がJavaScriptコードの一部をWebAssemblyに置き換えることを期待しています。 例えば、Reactで開発しているチームは、リコンサイラコード（言い換えれば仮想DOM）をWebAss
2017年のJavaScript開発で知っておきたい用語集/リンク集 - Qiita
JavaScriptを本格的に学ばねばならぬときがきたので、よく知らなかった用語を調べた。 基本的に大項目のリンク先は公式ページ。参考記事は詳細に別途リンクを貼る。 HOTなツールを知りたいときは2016 JavaScript Rising Starsを見るとよさそう。 更新履歴 2017/10/31 11:00 : その他ライブラリの項を追加 2017/10/31 12:00 : ECMAScriptの説明を大幅に修正 2017/10/31 23:00 : CSS関連のLoader, 開発に便利なライブラリを追加 基本用語 Node.js ネットワークアプリケーションを作成するためのJavaScript実行環境 非同期型のイベント駆動 nvm (Node Version Manager) Node.jsのバージョン管理システム V8 (Google V8 JavaScript Engin
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - orbyjs/core: Orby is a small 2.8kb experiment of functional components based on JSX, Hooks and virtual-dom.
(翻訳) React Hooks は魔法ではなく、ただの配列だ
Why Discord is Sticking with React Native – Discord Blog
GitHub - paypal/glamorous: DEPRECATED: 💄 Maintainable CSS with React
ServiceWorkers in practice
JavaScript: What’s new in ECMAScript 2018 (ES2018)?