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
巷で難しい難しいと言われていた react-dnd でドラッグアンドドロップを実装してみたところ、案外楽だったのでまとめる。 用語整理 DragSource : マウスで掴んでドラッグする対象 DropTarget : ドロップ対象 monitor : drop/hover時に今現在のイベント対象の状態を取り出せるもの 使い方 @DragDropContext を ドラッグアンドドロップしたい領域のコンポーネントに注入する @DropTarget を落としたい先のコンポーネントに注入する @DragSource をドラッグさせたいコンポーネントに注入する たとえばドラッグアンドドロップでリストの要素を入れ替えたい場合、 リスト全体が DragDropContext で、 リスト要素が DragSource かつ DropTarget になる。 実装例 並び替えられるリスト要素の実装 @Dr
JSの学習コスト高いかという問題、言語のコア自体はシンプルだが細かい == とかのハマりどころが多いのと、言語機能自体がシンプルすぎてエコシステムを理解してモジュールを扱うところに辿り着くのが大変、という問題に分類できる— 現場の声 (@mizchi) 2016年8月15日 jQueryの学習コストは、DOMはツリーなんだよという概念の獲得と DOM API の抽象サブセットを覚えるというだけで、2016年現在は jQueryによるUI設計論(ここが高まるとBackboneとかその辺)みたいなものに手を出す必要がないなら、そんなでもないんだろうな— 現場の声 (@mizchi) 2016年8月15日 Reactが難しいと言われる場合、仮想DOMという概念がやや難しい、というか非常にCS的なアルゴリズムとデータ構造が背景にあって、その上で単純なトップレベルAPIとアルゴリズムを理解してないと
PCデポで被害にあったという人が話題になった。 http://togetter.com/li/1012230 機械本体の分割払いの解約では? とも思ったのだが、 ネットで調べてみたところ、この会社はまさしく詐欺会社であるという評判・証言が集まった。 ────────────────────── まず、話を始めるに当たって、沿革から言おう。Wikipedia から引用する。 株式会社ピーシーデポコーポレーション(英: PC DEPOT Corp.)は、神奈川県地盤の、パーソナルコンピュータなどを主に取り扱う家電量販店・パソコンショップである。東証1部上場。 神奈川県および東京都を中心に、全国に65店舗(2010年12月3日現在)展開しているが、近年ではスクラップアンドビルドを繰り返している。 1994年創業。 この会社は神奈川県を主体として、当初は中古パソコンやパーツなどを扱って、パソコン通
近年ではウェブに対する要求が肥大化しており、それに対応してHTMLも複雑化してきています。しかし、もともとHTMLはウェブアプリを記述するための言語ではありません。大規模なウェブアプリを作成するとなると、様々な点で不都合が出てきてしまいます。特に、まとまった部品をコンポーネント化して扱う機能に欠けていました。このことが私たちを悩ませ、今まで多くの苦労を引き起こしていました。 でも、もう悩まなくてもよくなるかもしれません。HTMLをコンポーネント化する規格が生まれました。それがWeb Componentsです。 Web ComponentsとShadow DOM Web Componentsは次の4つの部分からなる規格です。 Templates Shadow DOM Custom Elements HTML Imports 今回は、このうちのShadow DOMに焦点を当てていきたいと思いま
ES6のarrow functionは高階関数をシンプルに書けて便利ですが、引数の個数が1個以外のときは、引数の括弧が省略できません。統一感を出すために、arrow functionの引数は必ず括弧で囲むようにした方がいいかもしれません…。 引数が1つの場合 const list = [1, 2, 3]; // functionを使った書き方 list.map(function(a) { return a * 2; }); // arrow function list.map((a) => { return a * 2; }); // arrow function(括弧を省略) list.map(a => { return a * 2; }); // arrow function(ブレースとリターンを省略) list.map((a) => a * 1); // arrow function
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く