<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 - めっちゃ使いやすい、サクサクアプリ作れちゃう

前回の記事で 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の働き方

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

面白かった

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

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

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

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

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

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

ようやく 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はどうやって動いているのか、中身をざっくり解説する

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を試してみた

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

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

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

なので新品買いました　m1 

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

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

よかった

新しいMac M1を入手！

ようやく下落しましたねSSE50 -1.6%

自分のportfolioはわずか0.4%しか落ちてない

NASDAQの上昇により相殺される

SSE50はもうちょっと下がったら上がるでしょう

なぜなら資金が今買い増しているから、徐々にね





投資日記: 1/14 目標達成率 23.5% 時間経過率 3.8%


Applはまだ横ばい、次は何を待っているだろう

今年M1チップの成功により、Appleのエコシステムはさらに強くなり

M1のノーハウを使い、自動運転のシステムを開発しても全然いいんじゃないかなと

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


テスラが5%上がる代わりに昨日入れ替えたmodernaは6.22%上がってきた、よし。

BLCTを買うために楽天口座を開設しました。

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


アジアでのLGBTQコミュニティの成長を予想して、BLCTには大きなチャンスがあると信じている。

WFCは去年6月の水準に戻ってきている、次は43ドルを目指して、

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





投資日記: 1/13 目標達成率 24.5% 時間経過率 3.6%



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

ポジションの大きい　1039とアプル二つとも下がっている

ポートフォリオでは1.4%ほど落ちている　結構痛い

xaomiはだめで10%以上に落ちている、買い増しのチャンスかな

まあ、今年まだ9%儲かっている、大丈夫大丈夫

楽天証券口座届いたので BLCTを買おう



投資日記: 1/15 目標達成率 20% 時間経過率 4.1%

XAOMIまた落ちたね

何故なんだろう まあ自分が買ったのは高かったかな

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


 SEとApplの下落は、 Telsa　と WFCに救われた

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

なので今日はプラマイ０になっている。

いいことかな


1/7 目標達成率 7.5% 時間経過率 1.9%

ちょっと回復してきたな

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

WFC暴落した

投資日記: 1/18 目標達成率 17.5% 時間経過率 4.9%

厳しいね。

xiaomiのせいかな

Applはそこまで落ちてない

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


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

SSE50が止まる様子がない 1%上昇した 1309は2%近く

しばらく上昇するだろう、確実にバイデン氏の就職につき、世界の騒ぎがちょっと治っていくかなと

春節乗り越えられるかどうかは鍵かな、うまくいけば、もうSSE50がさらに飛んでいくだろう



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

アメリカの方もちょっと伸びてきている


xiaomiだけ5%も下落してるよね  利確されたかな？　わからん

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





1/6 目標達成率 7.5% 時間経過率 1.6%


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

今日よかった　テスラなど全体的に上がってきた

さらに1309が上がって、なんと一晩で20万近く上昇

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

XIAOMIまだまだけど

将来は不安になってきたね　こんな勢いでは

結構上がってきたぶん、いつかbabaに移そうか、タイミングむずいけど



1/8 目標達成率 18% 時間経過率 2.1%

TESLAにやられたね。APPLも下がった

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


無限に上がっていくわけがないから、予想中

例の件ではTeslaを半分処理して、MODERNAを購入

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

SSE50もすごいね、まさか3.4%の上がり、1309は明日さらに1%以上の上昇は見込める

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

WFCは+16%, Applはほぼ変わってないので、次のステップは

1. TESLAは650ぐらい落ちたら拾う　900以上上がったら売る
2. ボーナスゲットしたらApplを増やす


1/12 目標達成率 21.5% 時間経過率 3.3%

今日日本は休みでHJだけ動いてくれたな

先週金曜日でUSが上がってきてよかった


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


テスラまた上がってきた、ちょっと心配になってきた

MODERNAを買おうかなと



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

2020に比べて倍ぐらい　まだ安いかな　mRNA技術がさらにワクチン以外にも役に立てることを証明できればやばいっすね。


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

でも給料日までに使える資金がない、テスラが上がり切ったら、MODERNAに移そう





1/11 目標達成率 20.5% 時間経過率 3%

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

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

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

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

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

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

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

なので新品買いました m1 

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

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

よかった

新しいMac M1を入手！

コメント

関連記事

最新記事