2024-03-28

【vue.js】v-model

v-modelはv-bindとv-onを合わせたもの
以下の２つは同義

<input v-bind:value="Hoge" v-on:input="changeData">

data() {
    return {
      Hoge: 'xxxx'
    }
  },
  methods:{
    changeData(event) {
      this.Hoge = event.target.value;
    }
  }

<input v-model="Hoge" >

data() {
    return {
      Hoge: 'xxxx'
    }
  },

参考

https://qiita.com/JetNel0/items/8aa1de448a16eb0c5e42

2024-02-09

【ruby】文字化けとエンコーディング

Net::HTTP.getやURI.openで取得したテキストデータはデフォルトでASCII-8BIT（バイナリまたはバイトストリームとしても知られています）として扱われる。これをUTF-8に変換するにはtext.encode("UTF-8")では文字化を起こす可能性がある。 text.encode("UTF-8", "Shift_JIS")だと正しく変換できた。取得した文字列をrubyに何の文字コードとして認識させるかを伝えないといけない。上記の場合textに格納されている文字列がShift_JISでエンコードされていたのでそれを指定した。

encode("変換後の文字コード", "変換前の文字コード")

参考

2024-02-01

【SQL】is not null はindexが効かない

NULLが多い列にIS NULLやIS NOT NULLを使う場合に、インデックスが使われなかったりすることがある。

参考

zenn.dev

2024-01-17

【Nuxt.js】watch deepオプション

指定したプロパティの中にある、プロパティの値も監視する（入れ子・ネストしたプロパティ）

大きなデータ構造で使用するときにはコストが高くなります。使用するときは、どうしても必要なときにだけ使用し、パフォーマンスへの影響に注意しましょう。

参考

ja.vuejs.org

2024-01-14

【Javascript】レキシカルスコープ

レキシカルスコープは関数を定義した時点でスコープが決まる。
B()を実行した時にA()も実行されるが、A()が定義された時点のxが参照される為、最初の行のvar x = 10; が適用される。

var x = 10; 
function A(){
  console.log(x);  //この時の静的なスコープはx=10
}
function B(){
  var x = 1000;  //ここでもxが定義されている
  A();  //この時のxは10?1000?
}
A();  //10
B(); //-> 10 (1000ではない!)