You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
![Virtual DOM and diffing algorithm](https://cdn-ak-scissors.b.st-hatena.com/image/square/1ef26f6cb4349557952890dbe3e567f7f98dc151/height=288;version=1;width=512/https%3A%2F%2Fgithub.githubassets.com%2Fassets%2Fgist-og-image-54fd7dc0713e.png)
Reactの登場以来気になっていた、Virtual DOMアプローチの具体的な差分抽出手法について、virtual-domを読んで確認してみた。 Reactをいきなり読むのは面倒くさかった・ミニマムな実装から読みたかったというのが、こっちを選択した理由。Reactのアルゴリズムが参考にされているものの、Reactには存在する特定の最適化が入ってないかもしれないので、あくまでもReact系のVirtual DOMを実装するには最低限何が必要かを知る程度のものと判断してほしい。 virtual-domについて ReactのVirtual DOM部分だけを切り出して再利用可能な形で再実装したライブラリ。elm-htmlとかMercuryといった箇所でvDOMインフラとして既に使われているので、まったくの趣味プロダクトという訳でもなくなっている。 README.md中での触れられている通り、Vir
Web Development, specifically front end web development, is fast becoming as complex and sophisticated as traditional back end development. Most projects don't just upload some JS and CSS files via FTP. There's now a front end build process that can include expansion of SASS and LESS, minification of CSS/JS, running JSHint or JSLint, and much more. These build tasks and processes are coordinated w
ProductFolder JumpingYou'll now start seeing expanded file listings on GitHub that look like this: The grey text in the paths — in this case, java/com/netflix/ — means those three folders don't… You’ll now start seeing expanded file listings on GitHub that look like this: The grey text in the paths — in this case, java/com/netflix/ — means those three folders don’t contain any other files. Click o
HOME ニュース・イベント プレスリリース ACCESS、Blink対応ブラウザ「NetFront® Browser BE」を開発、提供開始 プレスリリース ACCESS、Blink対応ブラウザ「NetFront® Browser BE」を開発、提供開始 ― 業界で最も幅広いHTML5対応ブラウザ群を提供 ― 株式会社ACCESS(本社:東京都千代田区、代表取締役社長:室伏伸哉、以下ACCESS)は、Blinkをベースとしたブラウザ「NetFront® Browser BE」を開発し、本日より、提供開始致しました。ACCESSの家電向けブラウザ「NetFront® Browser」シリーズは、WebKitベースの「NetFront® Browser NX」および独自エンジンにより業界最高クラスの省メモリ性を実現した「NetFront® Browser v4」に、この度のBlinkベースの
Welcome back to Instagram. Sign in to check out what your friends, family & interests have been capturing & sharing around the world.
「職業:バグハンター」にオレはなる? DEF CON 22レポート:その覚悟はあるか(1/3 ページ) 2014年8月7~10日、米国ラスベガスで開催された「DEF CON 22」で、バグハンターとして生きる方法や、最近のバウンティプログラム事情について、いくつか講演が行われた。その様子をレポートする。 初のバウンティプログラムはNetscape 「レッドチーム(攻撃)とブルーチーム(防御)、どちらを選ぶかと聞かれたら、多くの人がレッドチームを選ぶだろう。知識と腕を武器に戦う姿はかっこいいし、IT技術からソーシャルエンジニアリングまで、知的好奇心を刺激する学習の機会が多く得られる。しかも、報酬が大きい。企業雇用のペンテスターなどと同列に語られることもあるが、業務時間外や週末にわざわざ出社してテストしたり、価値ある業務であることを証明するだけのために長文のレポートを作成したり、思い付く限り、
Firefox 47 より、ツールボックス の内部にスクラッチパッドを開くことができます。始めに、オプション ページで "標準の Firefox 開発ツール" の "スクラッチパッド" にチェックを入れなければなりません。 以上でスクラッチパッドが、ページインスペクターや Web コンソールなど他のツールと並んで、ツールボックス内で使用できます。これは、コンソールの常時表示 で特に役立ちます。スクラッチパッドを持続的なマルチランエディターとして、またコンソールをページと対話するツールとして使用できます。 スクラッチパッドのウィンドウは以下のような外見です (macOS では画面上部にメニューバーが表示されます): ファイルメニューでは JavaScript コードの保存や読み込みを行うことができますので、後でコードを再利用することができます。 コード補完 スクラッチパッドに tern コー
navigator.languages プロパティおよび languagechange イベントを実装しました (Firefox バグ 889335)。 Navigator.vibrate() メソッドの動作が最新の仕様に適合するようになりました。長すぎる振動は切り詰められます (Firefox バグ 1014581)。 KeyboardEvent.getModifierState() メソッドおよび MouseEvent.getModifierState() メソッドを、Accel 仮想モディファイアをサポートするように拡張しました (Firefox バグ 1009388)。 KeyboardEvent.code プロパティを試験的に実装しました。ただし、release ビルドでは無効化しています (Firefox バグ 865649)。 Document.querySelector()
同社は2日、10年が経過したブランドに対する新名称「Google for Work」を発表した。 Googleの各サービスのエンタープライズ版も改称され、末尾に「for Work」が付加された名称になる予定だ。例えば、電子メールは「Gmail for Work」、Googleのクラウドストレージサービスは「Drive for Work」となる。 Googleのエンタープライズ部門プレジデントを務めるAmit Singh氏は、今回の名称変更は、法人顧客にソフトウェアを提供する状況の変化に対応したものだと述べた。Singh氏は「『エンタープライズ』という語がさまざまなものを意味するようになりつつある」と当地にある同社オフィスで開かれた報道陣向けイベントで述べた。「『エンタープライズ』に関連付けられる多くのものが、われわれが対象とするものではない。時代の流れに伴い、その隔たりが大きくなっていった
Jenkins is used everywhere from workstations on corporate intranets, to high-powered servers connected to the public internet. To safely support this wide spread of security and threat profiles, Jenkins offers many configuration options for enabling, editing, or disabling various security features. As of Jenkins 2.0, many of the security options were enabled by default to ensure that Jenkins envir
UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. Centering things in CSS is the poster child of CSS complaining. Why does it have to be so hard? They jeer. I think the issue isn’t that it’s difficult to do, but in that there so many different ways of doing it, depending on the situation, it’s hard to know which to reach fo
JCBカードのNFC準拠決済サービス『J/Speedy(ジェイスピーディ)』。 このJCB独自決済手段は、どうやら2015年頃から日本国内だけでなく海外でも利用可能になるようなんですが、これ、いったいどこまで本気で広めていくんでしょうか? JCB企業情報サイト ニュースリリース - JCB、NFC準拠のグローバル非接触IC決済サービス「J/Speedy」を開発 今後ジェーシービーは、日本国内外にて、順次、J/Speedy加盟店(J/Speedy対応端末を設置した加盟店)を拡大するとともに、J/Speedyの発行について金融機関やカード会社と提携してまいります。また、2015年中旬を目途に、日本における自社発行事業において、カードおよびモバイルにてJ/Speedyの発行を開始する予定です。 J/Speedyは、端末にかざすだけで、サインなしでスピーディにショッピングが可能なJCBブランドの決
Opera 24 (based on Chromium 37) for Mac and Windows is out! For users, it includes tab preview, better hi-res support and more obvious Private Windows. Here’s what the new release means for web developers. Improved font renderingOn Windows, Opera now uses DirectWrite instead of GDI whenever possible. This results in much better rendering of OpenType (*.otf) fonts. (Note that font rendering on OS X
Sqwiggle, a platform for helping remote teams work together more efficiently by utilizing always-on group video chat, has just launched its first iPad app, building on its established Web and Mac apps. Soft-launched a few days back, the iPad app has been designed to work in tandem with the desktop app. So when you open it, all the potential video streams move across to the iPad, but all the text c
■Queen (監督:ヴィカース・ベヘル 2014年インド映画) 婚約を破棄されたインド人女性が傷心のままヨーロッパ旅行に旅立ち、そこで出会う様々な人々と様々な体験を経て自分を見つめなおしてゆく、というのがこの映画だ。タイトルの「Queen」は主人公女性のインド名を英訳したものらしい。 主人公の名はラーニー(カンガナー・ラーナーウト)。彼女は大学時代からの恋人ヴィジャイ(ラージクマール・ラーオ)と婚約し、挙式も間近という時になってヴィジャイから一方的に婚約を破棄されてしまう。涙に暮れるラーニーはハネムーンで行くはずだったパリとアムステルダムへ一人で旅立つことを決意する。パリではシングルマザーのホテル従業員ヴィジャイラクシュミー(リザ・ハイドン)と、アムステルダムではゲストハウスの3人の青年たちと知り合い、打ち解けあうラーニー。彼らとの交流を通してラーニーは、今まで知らなかった自由と開放感を
ツールをつなげてスピードアップ生成 AI を活用して定型タスクを自動化し、お気に入りのアプリを Slack の中で使ってシンプルなワークフローを実現しましょう。 Slack プラットフォームについて詳しく知る 一人ひとりに最適な働き方をSlack を使えば、自分にとって最適な時間、場所、方法で、柔軟に仕事を進められます。会話や音声・動画クリップの送信のほか、ハドルミーティングを使用してリアルタイムでの話し合いも簡単にできます。 柔軟なコミュニケーション方法について詳しく知る チームのすべてが 1 か所にSlack の心臓とも言えるチャンネルは、必要な人や情報をすべて集めて整理できる場所です。チャンネルを使うと、部門、拠点、時差を越えて仕事を進められるだけでなく、他社との連携もスムーズです。 チャンネルについて詳しく知る
最近フロントエンドでfacebook/reactをずっと使っている。世界的には一部のエンジニアの間で流行っているのだが、国内だとqiitaのタグ等を見てもどうも少ない。みんなもっと使うべきだと思うので、宣伝かねて意見をまとめてみる。 複雑化するデータバインドに対する懸念 MVWのVに対して思いを馳せると、だいたい次のことに行き着く。すなわち、「ある構造体の入力に対して、必ず一意なビューを生成したい」 {items: [1, 2, 3]} を入力とすると、 1, 2, 3のli要素になってほしい。これは単純な例だから問題に成り得ないように見えるが、アプリケーション全体の状態を一つのjsonとして定義し、 そこから常に0から組み立てればアプリケーションの健全性が確保できると考えたことはないだろうか? 現実の問題 UIのだいたいの状態は遷移で表現される。遷移の差分をプログラマが記述する。jQue
それほど新しい話題でもないが、FacebookがReact | A JavaScript library for building user interfacesというDOMを抽象化したようなView操作のライブラリをリリースした。 Githubが出してるエディタのAtomが実験的にReactを採用したり、Instagramが採用していたり、エディタでReactのシンタックスがサポートされ始めたり、海外では実際に使われはじめていて、実際に使ってみたら思いのほか使いやすかったので、簡単に使い方を書いていこうと思う。 まず、ReactにはJSXという、htmlをJS内で書ける言語がある。オプショナルなものだが、使ったほうがコードが綺麗になるので、この記事では使っていく。下記コードはEdit fiddle - JSFiddleなどでコンパイルなしにそのままテストできるので、適当にコピーしながら確
最近node-webkitアプリを書く時、何かしらのMV*やデータバインディングライブラリと言われるものを試しているのですが、floating-memo.appではRaynos/mercuryを使いました。 mercury は小さなモジュールを組み合わせたライブラリとも言えますが色々特徴的です。 完全にモジューラーな実装 Virtual DOM FRP ファイルサイズが小さめ モジューラーな実装とは何かというとmercuryのindex.jsを見ると面白い事が書かれています。 /* Pro tip: Don't require `mercury` itself. require and depend on all these modules directly! */ require("mercury") しないで、直接それぞれのモジュールを読み込んで使えるという事が書かれています。 (これ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く