はてなブックマーク

<template> <div class="contact-info"> <input-contact-name v-model="model.name" /> <input-phone-numbers v-model="model.phoneNumbers" /> <input-mail-addresses v-model="model.mailAddresses" /> </div> </template> <script> export default { data () { return { model: { name: { family: 'Hoge', first: 'Taro' }, phoneNumbers: [ ... ], mailAddresses: [ ... ], } } } } </script> 子コンポーネント側は、親から受け取ったオブジェクトを、inpu

どこで発生したエラーがVue.config.errorHandlerでキャプチャできて、どれができないのか、できないやつはどうすればいいのかについて。 🎉 Vue.js v2.6 Macross Released! 2019/03/03追記: Vue.jsの2.6.0で、キャプチャ可能なエラーの発生シチュエーションが増えたためアップデートしました。 忙しい人向け これで一通りキャプチャできるはず。 Vue.config.errorHandler = (err, vm, info) => { console.log(`Captured in Vue.config.errorHandler: ${info}`, err); }; window.addEventListener("error", event => { console.log("Captured in error EventLi

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに vvvv Advent Calendar 2016 の6日目の記事です。 5日目は @AquaLamp さんの AEオフにvvvvを推しにいった話。 でした。 vvvvを使っていくつかループ映像を作っているのですが、だんだん自分のパッチに出てくるノードの組み合わせパターンがテンプレ化してきたので、いくつか晒しがてら解説します。別にループ映像に限った話でもないものが多いかもしれません。 また、今回のパッチはDX9で組んでいますが、DX11でも基本的に同じことはできるはずです。 下に書いた内容についてはこのパッチにまとめてあります

それぞれのセグメントについてグリッチしてうまくいくか試してみたところ、壊しても良さそうなセグメントがおおまかに特定できました。 また、セグメントによって得られるグリッチ効果がわかりやすく違ったので少し面白い結果になりました。 量子化テーブル定義セグメント(DQT) DQTセグメントは2つありますが、両方とも壊して良さそうです。ただし、先頭から5Byteはセグメントのヘッダ部分なので触れないほうが良さそう。 というわけでDQTについては、バイト位置で言うと25～88Byte目、94～157Byte目がグリッチ対象です。 実際にグリッチをかけると下記のような映像が得られます。壊すバイト数をかなり増やしてもあまり原型崩れない感じ。 ちなみにグリッチ前の映像は以前の記事で作成したものです。 ハフマン法テーブル定義セグメント(DHT) DHTセグメントは4つあります。ただし、データ長が33Byteの

(2015/07/15 9:30 追記) 結論から言うと、球面上に一様分布する関数を使うことで分散できたので、最終的なコードも含めていちばん最後に追記しました。 最近Processingで遊んでいて、「3D空間に三角関数を使ったプロットをいっぱい置いて球面を作る」というコードを書いていたんだけど、一部にプロットが集まってきてしまうのが気になっていた（ちょっとわかりにくいけど、下の画像でいうと中心左寄りの部分）。 そこで、乱数の生成処理を工夫して、ある程度ランダムでプロットを置きつつも一部に集中してしまうのを回避しようといろいろ試してみたので、その内容をメモる。 （途中からそれって乱数なの？みたいな気分になってきたけど、考えがまとまらなくなりそうだったので気にしていません……。） 元々のコードはこんな感じ。このコード自体はこのサイトを参考にして作った。 private static fina

発光してる感じのPImageを色別にいくつか生成して、それを視点に対して常に平行に描画することで3D上に発光するパーティクルがたくさんあるように見せる。 パーティクルは、enumで色配分を定義しておく。1つのパーティクルはだいたい縦横150pxぐらいで、enumのcalculateで中心点からの距離に応じたRGB値を返すようにしてる。ただ、enumはProcessing 2.2.1だと使えないみたいでちょっと困った。StackOverflowに別タブで拡張子をjavaにするとjavaで書けるよって書いてあったのでこれで。 視点の移動はPeasycamを初めて使ってみたんだけど、何もしなくてもマウスでいろいろ動かせるしめっちゃ便利。PImageはgetRotationsの結果のfloat配列をそれぞれrotateX, rotateY, rotateZの引数に与えてからimageで貼り付ければ

03/06 追記 この記事についてTwitterで言及があったので、まとめのURL貼っておきますね。 streamとparallelStreamについての考察 - Togetterまとめ なんかいろいろ間違ってるというかStreamへの理解が全然足りないっぽいです！ごめんなさい！ Java8！ Java8！ もういくつねると 楽しい方のJavaがリリース間近ですね。その中でも特に便利になりそうな感じのStreamAPI。Lambdaと合わせてCollectionの処理がだいぶやりやすくなったり、 1つメソッドを変えるだけで並列処理ができる とか！すごい！ 今までJavaで並列処理するときは色々考えることが多くて大変だったけど今後はその辺もろもろ考慮した上で並列化してくれるからこっちは何も考えずただひたすら parallelStream() 呼んでおけばOK！！！ ……とはさすがにならないの

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?