今日は「銀座ろくさん亭 料亭のまかないカレー」です。
袋のままレンジでチンをしても大丈夫なタイプでした。
今回のカレーは中辛という設定ですが、割と甘口で懐かしい感じのカレーでした。 個人的には普通のカレーって感じです。
名店タイトル系なのですが、袋のままチンできるカレーは標準的な味になってしまうのでしょうか。
今日は「銀座ろくさん亭 料亭のまかないカレー」です。
袋のままレンジでチンをしても大丈夫なタイプでした。
今回のカレーは中辛という設定ですが、割と甘口で懐かしい感じのカレーでした。 個人的には普通のカレーって感じです。
名店タイトル系なのですが、袋のままチンできるカレーは標準的な味になってしまうのでしょうか。
みんなおなじみ銀座カリーの辛口です。
これはお手頃な価格と安定の味でとりあえず迷ったら買えばいいという安心感があります。 具はほぼないのですが、そこらのランチよりは美味しいので間違いないでしょう。
個人的には辛口が好きですが、中辛もあります。
これはかなり美味いです。 辛さとコクが絶妙でした。
個人的には渋谷のカイラスとかなり似ているなぁと感じ、自分の好きな味でした。
vue.jsでTypeScriptのeventをHandleしてそれを親コンポーネントに渡したいというときに型を何にすればよいか困ったので、その解決策。 以下2つのhtmlとtypescriptを使うことで解決。
vue: 2.5.11 typescript: 2.9.2
以下の場合、引数の型は正しいのだが、typescriptのcompileが通らない。
updateInput(event: Event): void { const text = event.target.value; this.$emit(inputEvent, text); },
なぜかというと、Event型はInterfaceなので、 event.target
にvalueがないためだ。
ではどうしてやるかというと、 instance of
で判定してあげる必要がある。
if (event.target instanceof HTMLInputElement) { this.$emit(inputEvent, tevent.target.value); }
html内のinputイベントは文字を1文字入力するごとに発火する。 mouseoverイベントなどもmouseを乗せるたびに発火する。
inputイベントだけ実装していれば問題ないのだが、mouseイベントも同じinput属性に実装しているかつクラスなどのDOM構成を変えるような実装をしていると、以下の問題が生じる
このため、なにかinputで文字を入力するたびにmouseoverイベントが発火し、DOMが変更が検知されDOMを作り変えてしまうため、inputからfocusが勝手にはずれてしまう。
対処方法としては、inputで文字を送るのではなく、focusoutとmouseoutで親コンポーネントにemitする。
<template> <input class="input-text" type="text" :value="text" :class="{'input-hover': isHover}" @mouseover="mouseover" @mouseout="mouseout" @focusout="updateInput" /> </template>
<script lang="ts"> import Vue from 'vue'; const inputEvent = 'inputed'; export default Vue.extend({ props: { text: String, }, data() { return { isHover: false, }; }, methods: { updateInput(event: Event): void { event.preventDefault(); if (event.target instanceof HTMLInputElement) { const text = event.target.value; this.$emit(inputEvent, text); } }, mouseover(event: Event): void { event.preventDefault(); this.isHover = true; }, mouseout(event: Event): void { event.preventDefault(); this.isHover = false; if (event.target instanceof HTMLInputElement) { const text = event.target.value; this.$emit(inputEvent, text); } }, }, }); </script>