タグ

2019年9月15日のブックマーク (3件)

  • useEffect完全ガイド

    あなたは Hooks を使って複数のコンポーネントを書きました。ちょっとしたアプリも作ったことがあるでしょう。満足もしている。API にも慣れて、その過程でコツも掴んできました。しかも重複したロジックを転用できるよう Custom Hooks を作り、同僚に自慢して見たり。 でも useEffect を使う度、いまいちピンときません。class のライフサイクルとは似ているけど、何かが違う。そしていろんな疑問を抱き始めます。 🤔 componentDidMount を useEffect で再現する方法は? 🤔 useEffect 内で正確に非同期処理を行う方法とは? []ってなに? 🤔 関数をエフェクトの依存関係として記すべき? 🤔 非同期処理の無限ループがたまに起こるのはなぜ? 🤔 古い state か props がエフェクト内にたまに入るのはなぜ? 私も Hooks を使

  • 究極の自作キーボードキット?深圳DUMANGキーボード

    マイクロソフトリサーチ北京で働いている研究者でガジェット友達の福さんから、 「ぼくのかんがえたさいきょうのキーボード」製作キット という穏やかならぬタイトルのメールが送られてきました。中身を見てみると、たしかにこれはアイデア、実装方式、価格含め極まっています。 ※スイッチサイエンスで販売が始まりました 秋葉原の遊舎工房でデモもご覧いただけます! ところで、深圳のベンチャーがめっちゃ面白いキーボード造ってます(速攻でポチりました (^^; )。 個々のキーを好きな位置に配置できます(場所だけでなく、回転も可能!)。 個々のキーはソケットになっているので、好みのもの(例:チェリー青軸、Kailh赤軸…)を自由に入れられます。 個々のキーの動作やバックライトの色は setup application から自由に設定可能です。 設定値は個々のキーに保存されるので、別のマシンに繋げても大丈夫。OS

    究極の自作キーボードキット?深圳DUMANGキーボード
  • 開発者ツールで使える便利なcopy関数

    こんにちは。開発者ツールネタです。 ChromeでもFirefoxでもSafariでも使える便利な関数が色々あります。 その中の1つcopy関数について紹介したいと思います。 copy関数とは? クリップボードに渡した文字列をコピーする関数です。 開発者ツールを起動し、コンソールタブを開く。 と実行した後にペーストしてみてください。xxxがコピーされてると思います。 一点注意なのが、 このcopy関数は開発者ツール以外では使用できない特殊な関数 です。 なので.jsファイルとかにcopyと記述しても「そんな関数無いよ」と言われてしまいます。 便利な使い方 jsでごにょった値をコピーして使う、と言ってしまえばそれまでなんですが、 具体的にどんなケースに使えるんだろうという具体例を考えてみます。 他のブラウザではわかりませんが、少なくともChromeではES6のメソッド群が色々使えるので、それ