素肌にサスペンダー

個人的な備忘と日記

【Visual Studio Code】TypeScriptファイルが色分け（ハイライト）表示されなかった時の対応

JavaScript TypeScript

拡張機能の、JavaScript and TypeScript Nightlyのバージョンがv5.0.20221116だと、うまくいかないらしいので、v5.0.20221115にダウングレードしたらなおった。

方法

設定 > 拡張機能から検索し、アンインストールの選択メニューから、別のバージョンをインストールを選択し、v5.0.20221115をインストール。

参考

github.com

フリーランスエンジニアのインボイス制度でやること

事業・経営

いよいよ来年10月からインボイス制度が始まってしまう。

ずっと売上は１千万円未満で、個人事業主 → １人法人で、免税事業者でやってきたけど、いよいよ消費税を支払わなければならなくなる。

2023年10月1日から適用受ける場合、何をする必要があるのか・どれくらい実入が減りそうか調べた。

やること

  1. 令和5年3月31日までに納税地を所轄する税務署長に登録申請書を提出する。
  2. 令和5年12月31日までに消費税簡易課税制度※選択届出書を提出する。

※簡易課税制度により、ITエンジニアの場合、第5種事業になるので、みなし仕入率50%を適用して仕入控除税額が適用される。経費の少ない仕事なので、適用したほうがお得。

どれくらい正味の実入が減りそうか

  • 税込で売上770万と仮定したら、そのうち消費税70万 * 0.5（簡易課税のみなし仕入率50%分控除） = 35万円
  • 税理士費用（未定だけど、やること増えるし値上げはすると考えられるので、月5千円増と仮定）0.5万 * 12 = 6万円

約41万円減！キツいな。。経費の消費税分なんて知れてるし簡易課税制度なかったら60万以上減ってそう。消費税15%にするみたいなことも言われ始めているので、もっとヤバくなってきそう（泣）

なぜインボイス登録すると判断したか

  • 適格請求書が発行できない事業者という理由で不利益がありそう。
    • 業務委託で1社に依存した働き方の場合、クライアントが良ければしなくてもいいけど、自分の場合は複数社と取引している・今後もしていきたいので、適格請求書が発行できない事業者という理由で良い案件に携われない可能性がある。
  • 替えの効く仕事だから。
    • 漫画家とか替えの効かない仕事なら、クライアントに税負担強いることもできるけど、他にもおなじような仕事ができるITエンジニアはたくさんいる。

蛇足

  • 経過措置で、しばらくは適格請求書でなくとも80%は、事業者の消費税負担の軽減措置があるらしい。

・令和５年10月１日から令和８年９月30日までは仕入税額相当額の80％ ・令和８年10月１日から令和11年９月30日までは仕入税額相当額の50％

なので、令和8年9月30日までは消費税分の20%を値下げしてあげると、実質クライアントの負担はなくなるので、1社にガッツリ業務委託とかで入っている場合、このような提案してみるのもありかも。 ただ、令和8年10月1日からは50％なので、簡易課税のみなし仕入率50%と同じなんで、意味がなくなりそう。

  • YouTubeで、専門家っぽい人が「消費税を請求しなかったら、大丈夫」みたいなこと言ってる人いたけど、請求書に消費税書いてなくても、クライアント側で内消費税分を計上してる場合もあるらしいので、その手はやめといたほうが良さげ。あとインボイス始まるまで消費税請求しといて、始まってから請求しないとかだと何かしらマズい気がする。

  • 外貨を稼ぐ方向にシフトも考える。

    • 例えばスマホやパソコンのアプリをapp storeなどのプラットフォーム上で販売やGoogle Adsenseの収益なんかは、消費税かからないので、そういう収益を増やすような働きかけをしていきたい。ついでに円安も味方になる（むずいけど）

参考（nta.go.jpなので、ちゃんと一次情報）

まえ書いた記事

bnsgt.hatenablog.com

【React】空タグ（<></>）にkeyをつけたい時の対応

React.js

配列を取得して.mapなどを使ってレンダリングしたい。 でも、外側にdivなどを使いたく無い時、 こんな感じには書けない。

<key={index}>
</>

<></>は<React.Fragment>の省略なので、こう書けば良い。

<React.Fragment key={index}>
</React.Fragment>

【mac】macで動画を圧縮したい時

Mac

動画ファイルをfinder上で右クリックし、「選択したビデオファイルをエンコード」をクリックし、何かしら選んで続けるを選択。

すると、同じフォルダに圧縮後の動画ファイルが生成された。

愛猫の性格メモ

猫

今一緒に暮らしているこのこしか猫の性格知らないけど、メモしとく。

  • 気高い
    • なでなではよくても、抱っこは基本嫌がる（アメショという品種ゆえかもしれない）
  • 甘えん坊
    • デレはあってもツンは見たことない
  • ホスピタリティが高い
    • 帰ってきたら必ずお迎えしてくれる（数分のゴミ出しやコンビニとかでも。超健気。。）
  • 賢い
    • 自分へ（愛猫）じゃなくて、他の人へチャットなどを返信している時、鳴いたりする。PCは結構触ってるけど、なぜそのタイミングで鳴くのか。思考をハックされてる気がする。
  • こだわりは強め？
    • よかれと思ってふかふかの冬用のベッドを購入（２回）したけど、いづれも使用してくれず、お迎えした当初の子猫用の夏用ベッドではみ出しながらもしくは、人間用の電気毛布がお気に入り。

【React】onClick時にevent.preventDefaultしつつ関数に引数を渡す方法

React.js TypeScript

handleClick関数内でe.preventDefault()書くとうまくいかないので、JSX内の方で書く。 こんな感じで書けば大丈夫。

  const handleClick = (id: string) => {
    console.log(id)
  }
...

          <button
            onClick={(e: React.MouseEvent<HTMLButtonElement>) => {
              e.preventDefault()
              handleClick(id)
            }}
          />