なんかChromeだと <video> タグを動的に再生するとたまに失敗が続くようなことがある。 というわけで、こうする <video id="video" muted /> こいつをつけるとうまくいきました。</video></video>

ほぼ1日かけて探したけどわからないので供養 const uniqueId = (value, context) => { const [_, parent] = context.from const filedNames = ['hogehoge1', 'hogehoge2', 'hogehoge3'] const list = [ parent.value.hogehoge1.id, parent.value.hogehoge2.i…

describe('useHogehogeHook', () => { beforeEach(() => { console.log(expect.getState().currentTestName); }); // 省略 これで、各テスト実行時にテスト名を表示してくれるようになる。 デバッグしているときに、どのテストでデバッグようにhookに追加し…

yarnインストールするとエラーがでたのでなにこれ？ってなってた。 $ yarn install ぐぐると下記で治るよ的な書き込みが多かったので試した。 $ yarn install --network-concurrency 1 すると治った。。。なぜ？？？？？？いまいち腑に落ちないがメモっとく。

github.com const webcamRef = useRef(null) return ( // 省略 <Webcam audio={false} className="z-0" id="img" ref={webcamRef} /> ) こんな感じで起動していましたが、別処理でカメラで取得したデータを別途保存したいため、 webcamRef を使おうとしたら、streamにまだ値がないですよエラー。 どうやって待てばいいのかと色</webcam>…

すぐ解決したけど qiita.com こういうケースは in を使いましょう。

stopが呼ばれるときってマジ？？？？？ developer.mozilla.org 記録を停止します。 この時点で、保存したデータの最後の Blob を含む dataavailable イベントが発生します。 これ以上記録は行われません。 アッはい 動作してみないと信じられない！！！（な…

最初に結論から 結論 FastAPIはデコレーターで指定したパス通りじゃないと、 location を返す（指定したパスがlocationに入り、ブラウザでリダイレクトが走る） フレームワークやマネージドサービスによって仕様が違うっぽい？ので注意したい 環境 バックエ…

フロントエンドの実装がなんもわからん状態になっていました ぼくはReactを触ったことがないので、あくまでVueしか語れないですが（正直Vueもそんな語れる気がしない）、もともとjQueryでSPA開発をしたことがある僕が、Component志向なフレームワークを触っ…

謎だったこと。import ... from '...' で、 import {...} と import ... のどっちでかけばいいの問題。（後者は特にVueでよく書くなって思ってた） というわけでドキュメントを読みました（今頃） developer.mozilla.org developer.mozilla.org 完全に理解し…

正確にはNuxt(v2)ですが zenn.dev こちらの記事参考にして進めています。 github.com 進捗がこちら↑（○ロ注意） まだ完全に理解はできていないので雰囲気だけですが、componentとロジックをめっちゃ分離できた感じがある。文章読むだけでは全くわからなかっ…

こんなエラーがでました。 ╭───────────────────────────────────────────────────╮ │ │ │ ✖ Nuxt Fatal Error │ │ │ │ Error: Cannot resolve "user" from "/app/user" │ │ │ ╰───────────────────────────────────────────────────╯ 摩訶不思議だったんで…

そういえば、年末もそんなことにハマっていたな。そうかretryというキーワードかということを最近思った。 パクリ リスペクトした記事はこちら。 qiita.com 今回やりたかったこととして、GPS情報を取得するためにGeolocation APIを使っているが、こいつが何…

Nuxtでページを移動するとき、下記のようにします。 this.$router.push({path: '/about'}) で、移動したのちの戻り方ですが、History APIを利用します。 window.history.back() // または // window.history.go(-1) これでおｋ． また、URLは変えたいけど、…

ウンコード export function fade(node, duration, _type) { // style属性にdisplay: noneが設定されていたとき console.log(node.style.display); if (node.style.display === 'none') { node.style.display = 'none'; } else { node.style.display = 'bloc…

Q.Bulmaってなんのブルマですか？ → A.DBのブルマだそうです。 bulma.io これです。 webpack全然覚えていないのですが、jsをトランスパイルしたいので、ついでhtmlやcssもwebpackでやろう→cssフレームワーク使いたい。おおええよ！ってなったけど死んだ。 qi…

意味深なタイトルっぽいけど、今日の反省です。技術的な話はしないのでそのつもりで来た人はブラウザバック。 CakePHP3をサーバサイドで、フロントをAngular2で開発しようとしました。 CakePHP3側はJson APIとして使っていましたが、部分的にCakePHP側でもvi…

この記事はAngular Advent Calendar 2016 17日目の記事です。（遅刻しました） この記事を書いている人 jQueryを使って、基本的な使い方でホームページのナビゲーション開閉やタブのアニメーションを書ける人 jQueryを使って、動的なFormを作ったり、サーバ…

タイトルだけじゃよくわかりませんね。つまりこういうこと。 AppComponent SearchComponent FormComponent ItemComponent LinkComponent みたいな構造があったときに、Linkでイベントが発生したらItemでとあるメソッドを実行する。とか、ItemからLinkに値を…

FormGroupの値をそのままpostしようとしたら怒られた。 そういえば、jsonの値になっていないじゃないのか。と思い、コンバートしようとする。 stackoverflow.com どうやら、そんなことはいらないらしい。 onSubmit(value: any): void { var url: string = ''…

stackoverflow.com main.ts import 'rxjs/add/operator/map'; rxjs/add/operator/mapをimportしたらいけた。

ngForで、配列をイテレートしようとしたらエラーが。 ぐぐってみると stackoverflow.com Your extractData (and possibly also your HTTP API) is returning an object {} - ngFor requires an array [] to iterate. Oh... あ、てか、よく考えたら当たり前か…

以前から何度か苦しめられているエラー github.com This is not a bug, it's a feature of dev mode working as intended. Calling enableProdMode( ) - see updated plunk when bootstrapping the app prevents the exception from being thrown. That said…

ここまで来るのに時間かかったよ！！！ github.com コードは全部こっちにあります。コミットログを追ったら情報わかるかも。もしわからないなら質問ください。ただ私も初心者に近いので答えられる範囲ですが（^^; まずやりたいこととして、jQueryみたいにdom…

怒られた。 FormGroupで、viewにngModelを増やしたら怒られた。 export class ScheduleForm { private startDatetime:string; private endDatetime:string; constructor(private datetimeForm:DatetimeFormService, formBuilder:FormBuilder) { this.myForm …

タブ機能を自作してみたけど、タブComponentとその下の子Componentとどうやってやり取りさせいようかと悩んでいました。 世界に聞いてみましたが、説明が足りないのか返事は来ませんでした(´・ω・｀) stackoverflow.com つーわけで、色々調べて試したんです…

自作っつーかパクリなんですけどね github.com 元はこちら。ありがとうございます。 qiita.com 概要はgithubのREADME.mdに詰めましたので、そこをみてほしい。 ちなみに、感想としては、Angular2のバージョンアップの速度早すぎ。 個人的な感触として、３ヶ…

チェックボックスとかで、input[type="file"]をクリアしたくなった。 ただ、こいつだけはセキュリティの関係から、簡単にクリアすることができないので、clone()を使う必要がある。ようは、一旦削除して、空っぽを書き込む流れである。 $('#inputFileType').…

最初Javaに書いて、あとからJavaScriptも書いた。 Java public static String hullToHalfNumber(String s) { StringBuilder sb = new StringBuilder(s); for (int i = 0; i < sb.length(); i++) { int c = (int) sb.charAt(i); if (c >= 0xFF10 && c <= 0xFF…

ただのログ bowerで色々インストール ずっとパッケージを管理するのはnpmと思っていたけど、npmはサーバ用（node用かな？）のプラグインを主としているらしい。 フロントはbowerを使う。 まずはbower initする。 $ bower init angularjs1.5関連をインストー…