<p>旧mac浸水しちゃって　充電できなくなった</p>
<p>しばらくしたらなおるとおもいきや　全然ダメ</p>
<p>アップルにもっていったら　修理には完全にだめで少なくても15万かかるって諦める</p>
<p>なので新品買いました　m1 </p>
<p>まあ来年新しい出るけど　流石に作業道具なので
1日でも早く使いたい</p>
<p>m1さすが　どんなソフトを開いても音が出ない　13インチちょっと小さいけど使い慣れたら全然平気</p>
<p>よかった</p>


旧mac浸水しちゃって 充電できなくなった


Flutterを触り始めました。

めっちゃいいです。１週間でアプリ出して、AppStoreとPlayStore両方申請出して、もちろんAppStoreにリジェクトされ、PlayStoreに無事リリースできました。

個人的な感想:

### 1. Dartが使いやすい。

Dartはecma標準で、typescriptの経験あれば、すぐなれる。vscodeの補完でサクサク書ける。JavaScriptと違って、nullしかない。typescriptを書くとき、null, undefined, unknown, never。。。もう死にたい。

### 2. React Nativeより、揺れがなく、レンダリングが安心

React Nativeでアプリ開発したことあります。

けどめっちゃ大変で、なぜか言うと、web側の知識を流用するけど、微妙に違う。たとえばstylesheetの書き方、unitなどだいたいいけるけど細かいところはダメとか。

またandroidとiOSそれぞれのapi、もう地獄。

Flutterなら、完全に新しい王朝で、webの知識は覚えなくて良い。Flutterを書き始めると、頭の中のスイッチをオンにすれば、もうややこしくない。　それでlow level apiから作ってきたヤツで、AndroidとiOSのAPIがそれぞれになるのはもうない。これは最高。

自分はAndroid アプリをexportしただけ、完璧に大丈夫。

### 3. Flutter Webがもうちょいできたら、パーフェクト

Flutter Web今開発中だが、もしできたら、もうReact いらん！

Flutter - めっちゃ使いやすい、サクサクアプリ作れちゃう

面白かった

行ったらすぐおにぎりとお酒が提供されて、良かった

メルカリに行ったのは初めて、すごくいいところだった

@uhyo_ さんの発表面白かった、全体的に受けが良かったね。

あんまり知っている方居なかったが、v8にコントリビュートしている方と雑談していた

もっともっと参加したらいいね。なんか技術より、人脈が大事だと感じて始めた

TypeScript meetup #3に参加に行ってきた　六本木ヒルズにあるメルカリで

旧mac浸水しちゃって　充電できなくなった

しばらくしたらなおるとおもいきや　全然ダメ

アップルにもっていったら　修理には完全にだめで少なくても15万かかるって諦める

なので新品買いました　m1 

まあ来年新しい出るけど　流石に作業道具なので
1日でも早く使いたい

m1さすが　どんなソフトを開いても音が出ない　13インチちょっと小さいけど使い慣れたら全然平気

よかった

新しいMac M1を入手！

Searched on the internet, and here is a memo, so that anyone could do interview preparation based onti.

1. run time for search algorithms
2. prototype inheritance
3. 'this'
4. closure
5. var vs const vs let
6. DOM tree
7. graph algorithm
8. system design -> edge case, performance issues, 
9. behavorial -> "10 STAR questions to answer"
10. map, forEach, apply, call, 
11. Array vs Object
12. Flatten Array, Create Emitter
13. Observable
14. optimize a function
15. Explain the concept of ES6 Promises to a 5-year-old
16. What are the advantages of using ES6 maps over objects? What about using ES6 sets over arrays?  
17. studying JS's built in data structures and their associated functions (i.e. map, forEach, reduce for an array).
18. 
  ```
  Given input:
  // could be potentially more than 3 keys in the object above
  items = [
  {color: 'red', type: 'tv', age: 18},
  {color: 'silver', type: 'phone', age: 20}
  ...
  ]
  excludes = [
  {k: 'color', v: 'silver'},
  {k: 'type', v: 'tv'},
  ....
  ]
  function excludeItems(items, excludes) {
    excludes.forEach(pair => {
        items = items.filter(item => item[pair.k] === item[pair.v]);
    });
    return items;
  }
  1. Describe what this function is doing...
  2. What is wrong with that function ?
  3. How would you optimize it ?  
  ```
19. Why Facebook? Why Front End? Tell about a project you had and how you solved it? Tell about a conflict you had at work and how you dealt with it?
20.  Given two identical DOM tree structures, A and B, and a node from A, find the corresponding node in B.  
21. Given a picture, how would you hide/show a child picture on hovering on this parent?  
22. How would you ensure clicking on this picture would go to a specific link?  
23. How would you ensure the child is positioned in the top right of the parent picture?  
24. Given an array, return it's flattened structure(skip objects)  
25. If you have 500 revisions of a program, write a program that will find and return the FIRST bad revision given a isBad(revision i) function.  
26. difference between == and ===
27. difference between block and inline 
28. 
   ```
   Given a grid of characters output a decoded message. The message for the following would be     IROCKA. (diagonally down right and diagonally up right if you can't go further .. you continue doing        this)
    
    I B C A L K A
    D R F C A E A
    G H O E L A D  
    ```
29. just know your positioning, relative, static etc know the differences inside out
30. If you were building a search tool and wanted search results to pop up as you typed but the server call was taxing, write a function that gets called on every key down but calls the server when the user stops typing for 400ms.  


Facebook FrontEnd Interview Questions

Reactでプロジェクトを開発するため、Component単位でソースを分けるのはすごくいいです。

でもその時、ドキュメンテーションはどうやっていますか？エンジニア以外のメンバーに見せるために、コンポーネント一覧の画面を用意しないとですね。例えばそれぞれの属性とか、色々データーのヴァリエーションとか。

これは、結構、めんどくさい。でも[storybook](https://github.com/storybooks/storybook)が助けてくれるので、見てみましょう

[snippet:adinarticle]

## install storybook

例えReact プロジェクトで、`components/Button.js`にはこんなコードとしよう：

```js
import React from 'react';
import PropTypes from 'prop-types';

function Button(props) {
    const {children, ...other} = props;
    return <button {...other}>{props.children}</button>;
}

Button.propTypes = {
    size: PropTypes.oneOf(['small', 'big'])
};

export default Button;

```

[公式ドキュメント](https://storybook.js.org/basics/guide-react/)にしたがってインストールする:

```
npm i --save-dev @storybook/react
```

package.jsonにコマンドを追加する。
```
{
  "scripts": {
    "storybook": "start-storybook -p 9001 -c .storybook"
  }
}

```

## storybookをコンフィグ

まず`.storybook/config.js`を追加する：

```js
import { configure } from '@storybook/react';

function loadStories() {
  require('../stories/index.js');
}

configure(loadStories, module);
```

`stories`にある全てのstoryを全部loadする意味。

## storyを追加

`strories/`の下に`index.js`を追加する

```js
import React from 'react';
import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';
storiesOf('Button', module)
  .add('with text', () => {
    return <Button >Arunoda Susiripala</Button>
  })
  .add('with some emoji', () => (
    <Button ><span role="img" aria-label="so cool">😀 😎 👍 💯</span></Button>
  ));   
```

```
> npm run storybook
```


![](https://cdn.zanp.life/img/s/origin/YsKdV8WYljZSnmK6zGUZNycYtf46BS6y_3008x1892_1536423086411.jpg)

見ればわかるが：

1. サイドバーにstory一覧がみれる
2. 右側にstoryの中身を表示する

## knobs
knobは引き手の意味、つまり表示内容を操作できるのね
直接コンポーネントを弄りたい場合は、プラグインを使ったらいい

```
npm install @storybook/addon-knobs --save-dev
```

`.storybook/addons.js`にプラグインを入れる:
```
import '@storybook/addon-knobs/register';
```

最後にstoryの中にプラグインを使う。
```js
import { withKnobs, text, boolean, number } from '@storybook/addon-knobs';

storiesOf('Button', module)
  .addDecorator(withKnobs)
  .add('with text', () => {
    const name = text('Name', 'Arunoda Susiripala');
    return <Button onClick={action('clicked')}>{name}</Button>
  })
```

![](https://cdn.zanp.life/img/s/origin/F73NdsQhkumWqDknXKnNTLDMwFQOmxCl_1912x1188_1536423310084.jpg)


knobs panelが追加されるのがわかりました

## PropType

react componentのpropsはどう処理する？まずButtonのpropsを定義しましょう

```js
import React from 'react';
import PropTypes from 'prop-types';

const fontSize = {
    small: '12px',
    big: '16px'
};

function Button(props) {
    const {children, ...other} = props;
    return <button {...other} style={{fontSize: fontSize[props.size]}}>{props.children}</button>;
}

Button.propTypes = {
    size: PropTypes.oneOf(['large', 'big']),
    color: PropTypes.string
};

export default Button;
```

storyにも変更を入れる
```js
import { withKnobs, text, select } from '@storybook/addon-knobs';

storiesOf('Button', module)
  .addDecorator(withKnobs)
  .add('with text', () => {
    const name = text('Name', 'Arunoda Susiripala');
    const size = select('size', ['large', 'small']);
    const color = text('color', 'green')
    return <Button onClick={action('clicked')} size={size} color={color}>{name}</Button>
  })
```

これで、`size`, `color`, `name`は全部編集できるようになりました。


## snapshot test

まず普通にunit testをやる時:

1. jest enzymeを使って、unit testを書く
2. jestで[snapshot test](https://facebook.github.io/jest/blog/2016/07/27/jest-14.html)をやる

まずstorybookがない時のsnapshotのやり方をみてみましょう
```
npm install --save-dev jest react-test-renderer babel-preset-env babel-preset-react
```

packae.json
```
"scripts": {
    "test": "jest --no-watchman",
    "storybook": "start-storybook -p 9001 -c .storybook"
},
```


test spec, `__test__/Button.test.js`を追加する

```js
import React from 'react';
import Button from '../components/Button';
import renderer from 'react-test-renderer';

it('renders correctly', () => {
  const tree = renderer
    .create(<Button size="large" color="green">sunderls</Button>)
    .toJSON();
    expect(tree).toMatchSnapshot();
});

```

presetをbabelrcに追加しないと、jestがtest specをtranspileしてくれない。
```
{
    "presets": ["env", "react"]
}

```

`npm run test`を実行すると、`__test__`の下に`__snapshots__`が追加される。中にはbookのtest snapshotがある。


![](https://cdn.zanp.life/img/s/origin/nEkNRcRRyM91ur9rtpQNAsadziWXqumj_2606x854_1536423577310.jpg)


もう一回`npm run test`を実行すると、↑のsnapshotを比べることになる。たとえばButtonの`20px`をうっかりと`21px`にしちゃった場合、run testでエラーが吐かれる。とっても便利。（dynamic testingするときは別の話ですが)

![](https://cdn.zanp.life/img/s/origin/Gtc7O3VafXWiUiTyOt6fA3vwqchjtFFT_1476x436_1536423723186.jpg)

storybookに戻ります。storybookの書き方はtest spec に似てるのはお気づきでしょうか。同じくcomponentに必要なpropsをいれてinstance化としてる。そうであれば、ロジックが共有できそう。

`storyshots`ってプラグインをインストール
```
npm i -D @storybook/addon-storyshots
```

`storyshots.test.js`を追加
```js
import initStoryshots from '@storybook/addon-storyshots';
initStoryshots({});
```

![](https://cdn.zanp.life/img/s/origin/yuMTCgvNbAT6CBBsI23ICMtbvZ2t8MfW_1814x786_1536423839949.jpg)

`npm run test`を実行するsnapshotが2個追加される。Buttonの`20px`を`21px`にすると、エラーが2個吐かれる。

![](https://cdn.zanp.life/img/s/origin/eYNHPq1tyxomwgpOB0o6UMbIwLKnUwjc_1438x1408_1536423923217.jpg)

snapshotを更新するときもあるので、package.jsonでコマンドを追加すれば
```
 "update-snapshot": "jest --updateSnapshot --no-watchman"
```

うん、便利ですね。

## サマリー

以上storybookの紹介でした。いかがでしょうか。自分のプロジェクトは結構使っていい感じでしたので、よければぜひ試してみてください。

react + storybookを試してみた

ようやく hooks を始めた、ちょっと慣れに時間がかかりそうけどね。
今まで component 思考が強すぎで、まだ変えられない。

これはから useState はどう動くのか見てみよう

> この記事はすごくいいです。おすすめ　https://www.netlify.com/blog/2019/03/11/deep-dive-how-do-react-hooks-really-work/

### 1. data -> ui

簡単な counter を作ろう。これは Component とします。

```js
const Counter = () => {
  let count = 0;
  return count;
};
```

シミュレーションなので、count を返す。まあ、実際 React が色々やっているが、この場では気にしない。
OK、ここの Counter は確実に 0 を render する、毎回毎回 0 を出力する。じゃどうやって動的にする？

### 2. closure

無論、Counter の中に`let count`をするとダメですね。実行されるたびに 0 と初期化されて、gc される。

Counter の外へ出さないといけない。以下のように？

```js
let count = 0;
const Counter = () => {
  return count;
};
```

これもダメですね。複数の Counter があると、唯一の count になるので。

欲しいのは、違う Counter ではそれぞれの変更可の count を持つこと。

なので、count は必ず Counter の外、しかも唯一ではない。なんか Cache みたいな？function を作りましょう。

この function で満たす条件は

「同じとこから呼ばれたら、前回の値を返す。初回だったら初期値を返す」

こんな感じ

```js
const giveMeACount = () => {
  // 呼ばれたことあるかどうか？
};

const Counter = () => {
  let count = giveMeACount();
  return count;
};
```

### 3. でも、呼ばれたかどうかはどう判断する？

これは無理ですね。Counter はただの計算をやっているので、this がない。
なので、giveMeACount がわかるのは、「誰が読んだのかではなくて、何回め呼ばれただけ」。

UI に対しては、ただの計算になるので、どこに giveMeACount が呼ばれるのは stable のはず(大体はね、実際は絶対色々やっているが、一旦これで行きましょう、時間あったらまた調べます。)

OK，コードを変えよう。呼ばれる順番に基づいて cache する。

```js
const Cache = {
  data: [],
  currentIndex: 0,
  giveMeACount(initValue) {
    const index = this.currentIndex;
    // dataないなら、引数の初期値を挿入
    if (this.data.length <= index) {
      this.data.push(initValue);
    }

    this.currentIndex = index + 1;

    //値とsetterを返す
    return [
      this.data[index],
      newValue => {
        this.data.splice(index, 1, newValue);
      }
    ];
  },
  // indexをreset
  resetIndex() {
    this.currentIndex = 0;
  }
};
```

Counter も更新する

```js
const Counter = () => {
  const [count, setCount] = Cache.giveMeACount(0);
  return {
    // click をmockする
    click() {
      setCount(count + 1);
    },
    render() {
      return count;
    }
  };
};
```

これで、複数の Counter の render をシミュレートしましょう

```js
let counter1 = Counter();
let counter2 = Counter();

counter1.render(); // 0
counter2.render(); // 0

counter1.click(); // clickを発火

Cache.resetIndex(); // render終わったら、rerenderを準備するため indexをreset

Counter().render(); // 1 !!!!!
Counter().render(); // 0
```

これで、呼ぶ順番に動的な値が cache できるようになりましたね。

### 4. `useState`に変名

見るとわかるが、`Cache.giveMeACount`は共通の util として使え回せる

名前を変えよう

```js
const React = {
  data: [],
  currentIndex: 0,
  useState(initValue) {
    const index = this.currentIndex;
    // dataないなら、引数の初期値を挿入
    if (this.data.length <= index) {
      this.data.push(initValue);
    }

    this.currentIndex = index + 1;

    //値とsetterを返す
    return [
      this.data[index],
      newValue => {
        this.data.splice(index, 1, newValue);
      }
    ];
  },
  // indexをreset
  resetIndex() {
    this.currentIndex = 0;
  }
};

const Counter = () => {
  const [count, setCount] = React.useState(0);
  return {
    // click をmockする
    click() {
      setCount(count + 1);
    },
    render() {
      return count;
    }
  };
};
```

oh yeah、useState の誕生！

### 5. まだまだ全然足りないけど

これで useState の仕組みはなんとか理解できましたかもね。React ではもっと複雑のロジックをやっているともうけど、例えば resetIndex のタイミング、setter で rerender の trigger, reconsile する時の index と data の処理など。

まあ、前より`useState`への理解が深まったかなと思います。いかがでしょうか。


React Hooks - useStateはどうやって動いているのか、中身をざっくり解説する

If you are preparing for a FrontEnd interview, you might find it hard to prepare because there are scattered information across the Internet.

Now comes the rescue, https://bigfrontend.dev

## Coding Problems with online judge

Yeah. just like LeetCode, BigFrontEnd focuses on Front End problems.

## Interview questions

We collect the frequently asked questions for you to prepare

## System Design / Product Design

These kind of question play more and more import role in your acessment.


Hope you can get your dream off! Let's start coding https://bigfrontend.dev



BigFrontEnd.dev - a good place to practice FrontEnd skills

前回の記事で useStateはどうやって働いているのか、わかりやすく説明しました。今回はuseEffectを説明します。

https://zanp.life/js/544

まだ読んでいない方は、↑の記事をご覧になってください。

### 下準備

個人的には、hooksはCache見たいなもの。key-value的なcacheじゃなくて、実行順序に基づいてのcache システム。

では、`useEffect`はどう動いているのか、まずuseEffectのtypeを見ましょう。

```js
function useEffect(effect: EffectCallback, deps?: readonly any[]): void
```

要するに、depsが変わったら、実行される。

### show me the code

前回のuseStateのコードを見よう。

```js
const React = {
  data: [],
  currentIndex: 0,
  useState(initValue) {
    const index = this.currentIndex;
    // dataないなら、引数の初期値を挿入
    if (this.data.length <= index) {
      this.data.push(initValue);
    }

    this.currentIndex = index + 1;

    //値とsetterを返す
    return [
      this.data[index],
      newValue => {
        this.data.splice(index, 1, newValue);
      }
    ];
  },
  // indexをreset
  resetIndex() {
    this.currentIndex = 0;
  }
};
```

そちらに各hookにはdataあり、そのdataにdepsを保存すれば、useEffectが作れます。コードは大体こんな感じ

```js
useEffect(callback, deps) {
    const index = this.currentIndex;
    // depsが変わったら、callbackを実行する
    const prevDep = this.data[index];
    if (!prevDep || deps.some((val, index) => val !== prevDep[index])) {
      callback();
    }
    this.data[index] = deps;
    this.currentIndex = index + 1;
  }
```

コードがシンプルで、テストしてみましょう. Counterに`useEffect`を追加する。

```js
const Counter = () => {
  const [count, setCount] = React.useState(0);
  React.useEffect(() => {
    console.log("useEffect is called");
  }, [count]);
  return {
    // click をmockする
    click() {
      setCount(count + 1);
    },
    render() {
      return count;
    }
  };
};
```

これでrenderをシミュレーションする
```js
console.log("1st");
let counter1 = Counter();
counter1.render();

console.log("2st");
React.resetIndex();
counter1 = Counter();

console.log("3st");
React.resetIndex();
counter1.click();
counter1 = Counter();
```

1回目ではcallback実行されて、2回目はcountが変わらなくて、callbackが実行されない。3回目ではcountが変わったので、callbackはもう一回実行される。

以上は予想だけだが、consoleを見ると、確かにこうなっている。

![](https://cdn.zanp.life/img/s/origin/ickzZ5o8Tnwo1Z1OPeD9v72c73zxP6Z5_890x212_1570635862449.jpg)

これでuseEffectも理解できました、次回はuseContextをみましょう。お楽しみに

React useEffectの働き方



![](https://cdn.zanp.life/img/s/origin/8Lk6hU1LYdhc0oh9dldqlGiZcswXMuBq_652x624_1612512663479.jpg)

なんかUSDが回復しているぞ

![](https://cdn.zanp.life/img/s/origin/ZZRlPOhzZX8Wz5byDijzbC6UDgolkq1T_1352x488_1612512708126.jpg)

ガンガンいけ。

今日はtencent/xaomiの負けだ

でも好きな銘柄を選んでるわけだから、損しても平気平気

去年の利益から逆算しても、今年は40%の損は平気で受けられるね。

大丈夫、TENCENTはガンガン上がれ、投資している会社は利益とかに入れていないでしょう

東南アジアなどの投資、もっとやってくれ


投資日記: 2/5 目標達成率 19.5% 時間経過率 9.9%

初心者としてテクニカルの入門映像をみたら、試しにUSD/jpyの分析をする

## 長期トレンドはドル安

![](https://cdn.zanp.life/img/s/origin/Xv1KvCRJG8NyWdavi0hnPyltBH1ofK1d_2068x1348_1613913863695.jpg)

101を目標に、今105からまだ4パーセントのさがりがありそう

106.1付近に支持線あり　さらに108の支持線あり

### 直近1年もさがりトレンド


![](https://cdn.zanp.life/img/s/origin/cddOqUpGu8oV2yEbtwc52jOGqzImGEHr_2052x1294_1613914704867.jpg)

支持線は106， 突破さらたら107に

104.4付近は目指すところ、行けたら103.2

## 六ヶ月


![](https://cdn.zanp.life/img/s/origin/NyaKlqd6QOlXnH4i6EHYwWk1QVWfcf2x_2000x1338_1613915076540.jpg)

2021年に入ってから、ドル円が下がっている、まだ止まっていない

105.40は支持線、もし破れたら、104.6台が見えてくる

上がっても106台の上にいられるか様子見

## 五日間　さがりトレンド

![](https://cdn.zanp.life/img/s/origin/IXKrQnOHGZTowshmibFLGUcY28Sfppm3_2078x1144_1613915378996.jpg)

19日の回復は一時的なもので、20日の高値もさがりトレンを壊していない

なのでまだ下がる 105.2を下回ったら、下がるだろう 次は105台に戦う

105を下回ったら、六ヶ月の上がりトレンドもなくなるかも

## 1日も下がる一方

![](https://cdn.zanp.life/img/s/origin/PQDEXEzHPbcxrGISmQ6SXcOTrOocaMfC_1996x1346_1613915618607.jpg)











## 



FX再挑戦　テクニカル分析試し　USDJPY



![](https://cdn.zanp.life/img/s/origin/9ABzNVdTyquCWQqlZy3YHHXoQ2MotrBn_636x252_1612172047869.jpg)

ちょっと回復だな。

![](https://cdn.zanp.life/img/s/origin/xWYpYvNVJq6MSw3kPBjJ2zoqVDIwEnrU_1508x884_1612172079889.jpg)

hangseng買いたいな、RCEPにおいて今後中国の出入り口として海外資金が増える想定

投資日記: 2/1 目標達成率 20.5% 時間経過率 8.8%

安易に動かないのはまだ証明された

まあ、要はあるので先日色々ポジションを減らしたけど

1309の分もう5万円を超えたものの、20万の儲けがなくなった

CFDかけたくてGMO申請したけど、なんと入力に不注意で取引停止された fuck

まだ、CFDかけられると信じて持っている香港株を円決済したけど

受け渡しになるのは明日になる。

つまり、今日何もできないひ。

最悪だ。

まあ、FOMOにならないように、これからの戦略を考えていこう

1. 1309はいいのが、取引量が少ないので、信用かけて200万くらいで良い
2. A50の日本株も信用で入れよう



くそGMO


![](https://cdn.zanp.life/img/s/origin/PoqWSC7ciWjj3SEusZ4h7UOZhZSdGfyN_642x624_1612946372081.jpg)

やっぱり指数強いね。どう頑張っても数%の差しかつけることができないな。

まあ、そんなもんか

やっぱりリスクの少ない方を選んで、レバレッジをかけるのが良い

早速SAXOとGMO証券口座を申し込みました。

審査降りたらCFD5倍でいきましょう。

TENCENTが1000HKDになるを目指して、まだ30%の上がりあり、x5にしようぜ

やっぱり指数に勝てないのか 投資日記: 2/10 目標達成率 24% 時間経過率 11.2%



![](https://cdn.zanp.life/img/s/origin/lA2VhHi8JYJCq7eNiGjk0oMg7Mll3E1s_628x602_1612440908009.jpg)

xiaomiにやられました。

よし、ガンガン下がれ、下がるうちに買い増し

投資日記: 2/4 目標達成率 16.5% 時間経過率 9.3%



![](https://cdn.zanp.life/img/s/origin/co1jpD05qBwnWfk4vyhStkQqkiaJNIH9_670x636_1612771714244.jpg)

微増



![](https://cdn.zanp.life/img/s/origin/SV4ZYoph45MIThlQ0Q9ajf1RPd8ayzss_1366x590_1612771772718.jpg)

XAOMIは去年のピークに近づけている。そろそろポジションを増やそうか。

規制によって売られても他のバイヤーに拾われるな



投資日記: 2/8 目標達成率 21% 時間経過率 10.6%



![](https://cdn.zanp.life/img/s/origin/TvT024zlymaLPKSyJF8iY4boRWRBA9iU_656x638_1612340254614.jpg)

ちょっと回復。

お金を下ろさないといけない事情がでて、四分の一の資金を出金しました。

まあ、ちょっとずるいけど、利益率を再計算したら、また指数に勝てた。

短期間で入金しただけで、誤魔化していく

投資日記: 2/3 目標達成率 18% 時間経過率 9.3%

今日もやばいね。

![](https://cdn.zanp.life/img/s/origin/9V9B36leag0l0DNUtH9A6eyBNlYMBffg_628x856_1611961794075.jpg)

MRNAのおかげでなんとかさがりは0.5%まで収まった

vixは去年10月ごろと同じぐらい


![](https://cdn.zanp.life/img/s/origin/89OgDUirk0tFqKKjzDXb1Gp7sPPM95Rj_1406x920_1611961939723.jpg)

その時期は大体10%のさがりなので、nasdaqはまだ7%くらいさがりそう　

![](https://cdn.zanp.life/img/s/origin/SKvIDJOYHKzWPGnXrfwtaWSTbW3Omc9D_1394x862_1611962286502.jpg)

去年の12月に戻りそう　やばい







投資日記: 1/30 目標達成率 16% 時間経過率 8.2%

売る衝動は抑えきれなかった

![](https://cdn.zanp.life/img/s/origin/h5VgW2aHh9FnK2dRkz5QCulJV8Wdj4T8_644x1002_1612254519029.jpg)

WFC/MODERNA/半分のAPPL/1309を全部消去した。

税金や手数料などものもので利益率は2.5%減、指数に負けた

まあ、こう言ってもhangsengだけに負けている、悪くはないだろうな。

### WFC

もう待てない

### MODERNA

まあ、ちょっと上がりすぎは気がする、結構儲かったので一旦利確
正直、コロナに関連しすぎるので、変動が激しい、一旦落ち着いたらまた拾う

### APPL

なんで自分が半分売ったのか、理由つかない
衝動しか説明できん

まあ、ちょっと上がりすぎかな。（全体もそうですけど


![](https://cdn.zanp.life/img/s/origin/RdEwVgMLXDwFt3cIw1mLbp6lPl8J4mz7_1354x730_1612254858191.jpg)


### NETFLIXを増やした

やっぱり、好きな者だけ持っていける、動揺しない


### TENCENTもようやく勝った

![](https://cdn.zanp.life/img/s/origin/sTEPR7ehW1xL0yhIgK9YCyDvfphvLiwS_632x114_1612254903943.jpg)

早速3%損した。

まあ、どうでも良い

### 現金1.5万ドル

![](https://cdn.zanp.life/img/s/origin/CJ4onYZENtJiaGg1oFNUtoVDwWsRvo4Y_514x162_1612254945692.jpg)

これで現金の1.5万ドルが残っている

さらに下がってもちょっと拾えるかな

APPL/TENCENT/NETFLIX/SE/XAOMIしか持ってない

これで、あんまり動揺しないな、10%下がったら、増やすかな




投資日記: 2/2 目標達成率 14% 時間経過率 9%

青森のりんごをいただきました

デカくて蜜が多い　美味しい

結構多いね　二層あって30個近い　

ふるさと納税はりんごに！

旧mac浸水しちゃって 充電できなくなった

しばらくしたらなおるとおもいきや 全然ダメ

アップルにもっていったら 修理には完全にだめで少なくても15万かかるって諦める

なので新品買いました m1 

まあ来年新しい出るけど 流石に作業道具なので 1日でも早く使いたい

m1さすが どんなソフトを開いても音が出ない 13インチちょっと小さいけど使い慣れたら全然平気

よかった

新しいMac M1を入手！

コメント

関連記事

最新記事