<p>どうせポーカーしかしてないので書く意味ないと思っていたが、毎年続けていた振り返りをやめるのはもったいないので書くことにした。<br></p><h2 id="hb74720189a">1月-2月</h2><p>入院しながら卒論を書く。正直卒業できないかと思った。<br>「ここで留年するよりも、無理やりにでも卒業して社会に出たほうが、まりるさんのためになると思うから。あともうちょっと頑張って卒業しよう。」という教授の言葉が忘れられない。<br><br>シェアハウスに住み始める。友達が住んでいるところだから安心して住めた。<br></p><h2 id="hd46317269e">3月</h2><p>卒業式。</p><blockquote class="twitter-tweet"><p lang="ja" dir="ltr">東京大学を卒業しました🌸<br>２年休学したり入院したりして、卒業できるか危うかったのですが、関わってくださった方々のお陰で無事に卒業できました。ありがとうございます。 <a href="https://t.co/IrcubqlJld">pic.twitter.com/IrcubqlJld</a></p>&mdash; まりる//malillu (@malillu) <a href="https://twitter.com/malillu/status/1639277998162558978?ref_src=twsrc%5Etfw">March 24, 2023</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><p><br><br>卒業旅行。「ビールが飲みたいからドイツ行きたい！」と提案したら即決した。素敵な友達。</p><blockquote class="twitter-tweet"><p lang="ja" dir="ltr">このサイズ(1L)がデフォルトなのやばかったな<br>ドイツ・オーストリア最高でした、卒業旅行おわり <a href="https://t.co/BmTeblQBgA">pic.twitter.com/BmTeblQBgA</a></p>&mdash; まりる//malillu (@malillu) <a href="https://twitter.com/malillu/status/1641763467458908161?ref_src=twsrc%5Etfw">March 31, 2023</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><p><br></p><h2 id="h27dd69d410"><br>4月</h2><p>新卒。英語環境で、慣れないプログラミング言語で。自分で挑戦の道を選んだにも関わらず、ちょっとしたパニック状態になってました。<br></p><h2 id="hadc792b2f6">5月</h2><p>ポーカーの大型大会(JOPT)に初めて出場。元ジャニーズの田口くんと隣の席になってはしゃいでいた。昔、東京ドームのコンサートに行っていたので。<br></p><h2 id="hd817dfe282">6月</h2><p>再び入院。<br>入院中に、1年付き合った彼氏に振られる。本当に本当に大好きな彼氏だったので、生きる意味ってなんだろう。。と思い、スイスの安楽死の団体(DIGNITAS)に登録をし、手続きを進めていた。<br></p><h2 id="hfffd16c743">7月</h2><p>入院中にポーカー欲が溜まっていたので、退院と共に狂ったように毎日ポーカーをした。会社は傷病休暇中だったので、朝好きな時間に起きて、気になるトーナメントに参加し、夜遅くまでポーカーをする日々だった。<br><br>そんな中、JOPTのサイドイベントで1位になり、トロフィーを獲得。約30万円の選手契約をした。<br>優勝をきっかけにポーカー用のアカウントを作成した。(2024年1月現在、約1200人のフォロワーがいるが、指数関数的に増えてきていてビビっている)</p><blockquote class="twitter-tweet"><p lang="ja" dir="ltr">【NLH Turbo】<br><br>優勝 UEDA Marina様<br>$2,000 の選手契約がオファーされます！<br>おめでとうございます！👑✨<a href="https://twitter.com/hashtag/JOPT?src=hash&amp;ref_src=twsrc%5Etfw">#JOPT</a> <a href="https://t.co/66TqOgaAXR">pic.twitter.com/66TqOgaAXR</a></p>&mdash; JOPT / Japan Open Poker Tour (@japanopenpoker) <a href="https://twitter.com/japanopenpoker/status/1679971977547911180?ref_src=twsrc%5Etfw">July 14, 2023</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><p><br><br>また、初めて海外でポーカーをした。3日間の遠征だったが、2日目までで17万円のマイナスを食らった。貯金がなんと10万円しかなかったので、友達にお金を借りた。3日目にブラックジャックで+10万円、ポーカーで+10万円で無事にプラス域へ。ヒヤヒヤした〜。<br></p><h2 id="hf888feb406">8月</h2><p>誕生日もポーカーをした。それ以外の記憶なし。<br></p><h2 id="h5514f3f3c8">9月</h2><p>中野にDDPTというポーカールームがあることを知る。なんと、平日は女性無料。休日も女性半額。金欠の私にとって泣くほど嬉しい。しかし困ったことに、いつも私がプレーしているNLH(テキサスホールデム)ではなく、MIX(NLH以外のポーカー)がメインのお店らしい。ということでMIXを覚え始める。<br></p><h2 id="h5eaf20040d">10月</h2><p>JOPTで初めてMIXのトーナメントに出てみる。すると、2-7 Triple Drawという種目で3位を獲得。<br></p><h2 id="hd7bb623f13">11月</h2><p>初のポーカー遠征。JOPT大阪に行く。4つの種目で賞金を獲得し、収支プラスで終わる。<br><br>BIG1 CUPの2-7 Triple Draw &amp; Badugiで優勝する。</p><blockquote class="twitter-tweet"><p lang="ja" dir="ltr">優勝してきました！！！！ <a href="https://t.co/NDJ1SzmisX">https://t.co/NDJ1SzmisX</a></p>&mdash; まりん (@marinne0810) <a href="https://twitter.com/marinne0810/status/1728523913775423550?ref_src=twsrc%5Etfw">November 25, 2023</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><h2 id="hcf83e1357e"><br></h2><p><br>他にもだんだん入賞率が高くなり、ポーカーにお金を使わなくなる。<br></p><h2 id="h05cb5cb332">12月</h2><p>初の海外トナメに挑戦。ベトナムのハノイに行く。もちろん観光はせず、3泊4日ポーカー漬け。3日間何も成果が得られず、エントリー費だけで15万円ほど使い焦る。しかし、最終日に無事に15万円ほどの賞金を獲得した。</p><blockquote class="twitter-tweet"><p lang="ja" dir="ltr">8位でした！やった～✨ <a href="https://t.co/mSVrdutR2g">https://t.co/mSVrdutR2g</a> <a href="https://t.co/1i1Pseu7ln">pic.twitter.com/1i1Pseu7ln</a></p>&mdash; まりん (@marinne0810) <a href="https://twitter.com/marinne0810/status/1733918028230996469?ref_src=twsrc%5Etfw">December 10, 2023</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><p><br><br>他には</p><ul><li>名人戦の千里(H.O.R.S.E.で3位)。</li><li>BRIAN'S CUPという鉄強が集まる大会で3位を取り、30万円のプライズ獲得。</li></ul><p><br></p><h2 id="h054db13ff3">1月</h2><p>韓国のASPTという大会に参加。渡航前日にJOPTがあったので参加したら朝まで走ってしまい(2-7 Single Drawで5位)、徹夜で韓国にいく羽目に。今回は5泊6日だったが、再びポーカー三昧。</p><blockquote class="twitter-tweet"><p lang="ja" dir="ltr">韓国楽しんでます！<br>これは3日間の移動履歴 <a href="https://t.co/L0QPdB4vfI">pic.twitter.com/L0QPdB4vfI</a></p>&mdash; まりん (@marinne0810) <a href="https://twitter.com/marinne0810/status/1744533534449312238?ref_src=twsrc%5Etfw">January 9, 2024</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><p><br><br>2daysのNLHのトーナメントで12万円獲得。<br>更に、2-7 Triple Drawで1位を獲得！60万円ももらっちゃった！最後に倒した人が生涯獲得賞金1億円超えのプレイヤーでした。恐ろしい。</p><blockquote class="twitter-tweet"><p lang="ja" dir="ltr">優勝したぞぉぉぉぉぉぉぉ！！！！！！！！！！！トロフィーだーーー！！！！！！ <a href="https://t.co/ZVlrWtlr6h">https://t.co/ZVlrWtlr6h</a></p>&mdash; まりん (@marinne0810) <a href="https://twitter.com/marinne0810/status/1744236619501346878?ref_src=twsrc%5Etfw">January 8, 2024</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><p><br><br><br>あ、勢い余って1月まで書いちゃった。<br></p><h1 id="h4e9309c06b">2024年の目標</h1><ul><li>ポーカー関連の仕事をする</li><li>海外遠征に10回以上行く</li><li>特に、WSOP(世界で一番大きい大会)に行く</li><li>ポーカーに飽きないようにする</li></ul><p><br>ポーカーのことしか頭にない...。今までの趣味の中で一番ハマっている趣味なので、嫌いにならないように、飽きそうになったら適度な距離を取りたいです。<br>実は本業は上手く行っていなくて、どうしようか考え中です。病状としては適応障害と鬱を診断されているところです。今は冷静に将来について判断できない状態なので、もう少し安定したら仕事について考えようと思っています。</p>

2023年の振り返り

<p>「最近調子悪いな」というのを365日思っていた。<br>振り返るのも苦しいくらい何もできなかったボロボロの１年だったが、そういう１年を記録に残すことも大切なんだろうなと思い、意を決して書くことにした。<br></p><h2 id="h054db13ff3">1月</h2><p>新卒でバックエンドエンジニアになろうと決め、内定先に調整をお願いする。<br></p><h2 id="h36c20eace7">2月</h2><p>昨年の11月から続けているFlatt Securityさんのインターンで <a href="https://blog.flatt.tech/entry/sigstore_keyless_signing" target="_blank" rel="noopener noreferrer">keyless signingの記事</a> を書く。 <br>未熟ながら色々学ばせていただき、セキュリティに興味を持つことができ貴重な機会でした。ありがとうございました。<br><br>研究室が第７希望になり、不安でいっぱいになる。<br></p><h2 id="hd46317269e">3月</h2><p>NAISTで１ヶ月インターンをする。ハードウェアセキュリティについて学ぶ。楽しすぎて、社会人になった後でもいいからいつかは大学院行こうと決意する（なお、2022年最後にはこのモチベがゼロになっている）。<br><br>内定者インターンを始める（９月まで続く）。</p><blockquote class="twitter-tweet"><p lang="ja" dir="ltr">ただいま <a href="https://t.co/HqfNz5oNF1">pic.twitter.com/HqfNz5oNF1</a></p>&mdash; まりる//malillu (@malillu) <a href="https://twitter.com/malillu/status/1506072935018430464?ref_src=twsrc%5Etfw">March 22, 2022</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><p><br><br>インターネットネームを変える。</p><blockquote class="twitter-tweet"><p lang="ja" dir="ltr">プログラミング初心者には、ニックネーム・アカウント名を念入りに考えることをおすすめしたい。入社してもその名前で呼ばれることになる可能性が十分にあります。</p>&mdash; まりる//malillu (@malillu) <a href="https://twitter.com/malillu/status/1509132644172255233?ref_src=twsrc%5Etfw">March 30, 2022</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><p><br></p><h2 id="h27dd69d410">4月</h2><p>研究室が始まり、レーザについての研究をする。新しいことを学ぶことにワクワクする。<br></p><h2 id="hadc792b2f6">5月</h2><p>Mentallyで副業を始める。（残念ながら9月にクローズしてしまいましが、素敵なサービスでした。 ）</p><blockquote class="twitter-tweet"><p lang="ja" dir="ltr">Mentally(<a href="https://twitter.com/mentally_app?ref_src=twsrc%5Etfw">@mentally_app</a>)で土日働くことになりました🍻<br>私自身、双極性障害を患っており、精神科に数年間通院しています。希死念慮が強すぎるため入院したことも何度かあります。そんな自分のことも同様の問題を抱える方のことも救う手段として、プログラミングが役に立つことが嬉しいです😌❤️</p>&mdash; まりる//malillu (@malillu) <a href="https://twitter.com/malillu/status/1527203382351409152?ref_src=twsrc%5Etfw">May 19, 2022</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><p><br><br>『詳解セキュリティコンテスト』という本の輪読会を毎週することになった。各々忙しくなり10月に中断してしまったが、本の1/3くらいは読めたので、最高でした。一人だと絶対積読になっていた。<br></p><h2 id="hd817dfe282">6月</h2><p>研究が辛すぎモードになる。<br><br>SECCON Beginners CTFに参加する。<br><br>いつも金がない。</p><blockquote class="twitter-tweet"><p lang="ja" dir="ltr">ちょっっとまってミスった<br>全財産475円になった</p>&mdash; まりる//malillu (@malillu) <a href="https://twitter.com/malillu/status/1539080944245563397?ref_src=twsrc%5Etfw">June 21, 2022</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><p><br></p><h2 id="hfffd16c743">7月</h2><p>コロナになった。コロナ以外の記憶がない。<br></p><h2 id="hf888feb406">8月</h2><p>院試を楽しみながら頑張ろうという目的でシェアハウスをした。なお、私は院試をしないので完全に便乗である。</p><blockquote class="twitter-tweet"><p lang="ja" dir="ltr">シェアハウスの様子です <a href="https://t.co/y6Muy77Agz">pic.twitter.com/y6Muy77Agz</a></p>&mdash; まりる//malillu (@malillu) <a href="https://twitter.com/malillu/status/1556342166141939712?ref_src=twsrc%5Etfw">August 7, 2022</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><p><br></p><h2 id="h5514f3f3c8"><br>9月</h2><p>ソニーのR&amp;Dインターンに参加させていただいた。研究室のテーマと同じ、レーザーについての研究をした。厚木で行われるとのことで、ついでに箱根でAirbnbを借りて優雅な生活をした。<br><br></p><h2 id="h5eaf20040d">10月</h2><p>鬱な状況をなんとか打開しようと、合法カジノのバイトを始める。ディーラーをやったりお酒を作ったりしている。（初心者の方でも遊びに来やすい場所です。気になる方はDMください。）</p><blockquote class="twitter-tweet"><p lang="ja" dir="ltr">今週からカジノでディーラー兼バーテンダーのバイトするの楽しみすぎてルンルンしてる</p>&mdash; まりる//malillu (@malillu) <a href="https://twitter.com/malillu/status/1579346780059504640?ref_src=twsrc%5Etfw">October 10, 2022</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><p><br>ブラックジャックなどで単純な計算をするうちに元気な日が増える。<br></p><h2 id="hd7bb623f13">11月</h2><p>去年参加したGoogle STEPで集まる機会があった。大学院や就職など、それぞれの道を歩んでいる様子を聞けて嬉しかった（誰目線？）。</p><blockquote class="twitter-tweet"><p lang="ja" dir="ltr">Gの会社でパーティーしてます <a href="https://t.co/7EjZbBfvU0">pic.twitter.com/7EjZbBfvU0</a></p>&mdash; まりる//malillu (@malillu) <a href="https://twitter.com/malillu/status/1596100668108206081?ref_src=twsrc%5Etfw">November 25, 2022</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><p><br><br>ゲーム配信を始める。<br><br>ピアスを開ける。20年間くらいずっと開けたかったが怖くて開けれなかったので、とても成長。</p><blockquote class="twitter-tweet"><p lang="ja" dir="ltr">ピアス開けるの怖すぎて友達に病院まで付き添いしてもらった<br>感謝 <a href="https://t.co/GBFUPIlUta">pic.twitter.com/GBFUPIlUta</a></p>&mdash; まりる//malillu (@malillu) <a href="https://twitter.com/malillu/status/1587674798255001600?ref_src=twsrc%5Etfw">November 2, 2022</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><p><br></p><h2 id="h05cb5cb332">12月</h2><p>去年から見て見ぬ振りして無理していたガタが来て、希死念慮が強くなる。入院生活を開始する。<br><br>入院中は１年で一番元気な日々を過ごす。卒論を書いたり生産的なことができてルンルン。毎朝8時に起きてAtCoderの勉強もしていた。<br></p><h2 id="ha214098e44">まとめ</h2><p>１月半ばまでは入院生活が続くので、ゆっくり療養します。<br>2022年はシェアハウスにチャレンジしてみようと思っている。環境を変えるの大事。<br>社会人に向けて色々と不安があるが、とにかく健康第一でやっていきます。絶対に元気になってやるという強い意志はあります。</p><h2 id="he725a6f956"><br>余談：メンタルについて</h2><p>この１年技術については何もしていなかったが、代わりに自分のメンタルとたくさん向き合った。<br><br><strong>読んだ本</strong></p><ul><li><a href="https://www.amazon.co.jp/%E3%81%93%E3%82%8C%E3%81%A0%E3%81%91%E3%81%AF%E7%9F%A5%E3%81%A3%E3%81%A6%E3%81%8A%E3%81%8D%E3%81%9F%E3%81%84%E5%8F%8C%E6%A5%B5%E6%80%A7%E9%9A%9C%E5%AE%B3-%E8%BA%81%E3%83%BB%E3%81%86%E3%81%A4%E3%81%AB%E6%97%A9%E3%82%81%E3%81%AB%E6%B0%97%E3%81%A5%E3%81%8D%E5%86%8D%E7%99%BA%E3%82%92%E9%98%B2%E3%81%90-%E7%AC%AC2%E7%89%88-%E3%82%B3%E3%82%B3%E3%83%AD%E3%81%AE%E5%81%A5%E5%BA%B7%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA-%E5%8A%A0%E8%97%A4/dp/479817520X/ref=sr13?keywords=%E5%8F%8C%E6%A5%B5%E6%80%A7%E9%9A%9C%E5%AE%B3&amp;qid=1672480718&amp;s=books&amp;sr=1-3&amp;tag=usa9696-22" target="_blank" rel="noopener noreferrer">これだけは知っておきたい双極性障害 躁・うつに早めに気づき再発を防ぐ! 第2版 ココロの健康シリーズ</a><ul><li>家族など、身の回りに双極性障害の人がいる場合の理解にもおすすめ！！</li></ul></li><li><a href="https://www.amazon.co.jp/%E5%AF%BE%E4%BA%BA%E9%96%A2%E4%BF%82%E3%83%BB%E7%A4%BE%E4%BC%9A%E3%83%AA%E3%82%BA%E3%83%A0%E7%99%82%E6%B3%95%E3%81%A7%E3%83%A9%E3%82%AF%E3%81%AB%E3%81%AA%E3%82%8B%E3%80%8C%E5%8F%8C%E6%A5%B5%E6%80%A7%E9%9A%9C%E5%AE%B3%E3%80%8D%E3%81%AE%E6%9C%AC-%E6%B2%BB%E7%99%82%E3%81%AE%E5%9F%BA%E6%9C%AC%E3%81%A8%E8%87%AA%E5%88%86%E3%81%A7%E3%81%A7%E3%81%8D%E3%82%8B%E5%AF%BE%E5%87%A6%E6%B3%95-%E5%BF%83%E3%81%AE%E3%81%8A%E5%8C%BB%E8%80%85%E3%81%95%E3%82%93%E3%81%AB%E8%81%9E%E3%81%84%E3%81%A6%E3%81%BF%E3%82%88%E3%81%86-%E5%9D%82%E6%9C%AC-%E8%AA%A0/dp/4804763546/ref=sr19?keywords=%E5%8F%8C%E6%A5%B5%E6%80%A7%E9%9A%9C%E5%AE%B3&amp;qid=1672480718&amp;s=books&amp;sr=1-9&amp;tag=usa9696-22" target="_blank" rel="noopener noreferrer">対人関係・社会リズム療法でラクになる「双極性障害」の本 治療の基本と自分でできる対処法</a></li><li><a href="https://www.amazon.co.jp/%E5%A2%83%E7%95%8C%E6%80%A7%E3%83%91%E3%83%BC%E3%82%BD%E3%83%8A%E3%83%AA%E3%83%86%E3%82%A3%E9%9A%9C%E5%AE%B3-%E5%B9%BB%E5%86%AC%E8%88%8E%E6%96%B0%E6%9B%B8-%E5%B2%A1%E7%94%B0-%E5%B0%8A%E5%8F%B8/dp/4344981227/ref=sr_1_1?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&amp;crid=1OZ87JVJKRXES&amp;keywords=%E5%A2%83%E7%95%8C%E6%80%A7%E3%83%91%E3%83%BC%E3%82%BD%E3%83%8A%E3%83%AA%E3%83%86%E3%82%A3%E9%9A%9C%E5%AE%B3&amp;qid=1672481230&amp;s=books&amp;sprefix=%E5%A2%83%E7%95%8C%E6%80%A7%E3%83%91%E3%83%BC%E3%82%BD%E3%83%8A%E3%83%AA%E3%83%86%E3%82%A3%E9%9A%9C%E5%AE%B3,stripbooks,241&amp;sr=1-1&amp;tag=usa9696-22" target="_blank" rel="noopener noreferrer">境界性パーソナリティ障害</a></li><li><a href="https://www.amazon.co.jp/%E3%82%B1%E3%82%A2%E3%81%99%E3%82%8B%E4%BA%BA%E3%82%82%E6%A5%BD%E3%81%AB%E3%81%AA%E3%82%8B-%E3%83%9E%E3%82%A4%E3%83%B3%E3%83%89%E3%83%95%E3%83%AB%E3%83%8D%E3%82%B9-%E3%82%B9%E3%82%AD%E3%83%BC%E3%83%9E%E7%99%82%E6%B3%95-BOOK1-%E4%BC%8A%E8%97%A4/dp/4260028405/ref=sr_1_11?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&amp;crid=2O6EGC34VCXJ&amp;keywords=%E3%82%B9%E3%82%AD%E3%83%BC%E3%83%9E%E7%99%82%E6%B3%95&amp;qid=1672481376&amp;s=books&amp;sprefix=%E3%82%B9%E3%82%AD%E3%83%BC%E3%83%9E%E7%99%82%E6%B3%95,stripbooks,266&amp;sr=1-11&amp;tag=usa9696-22" target="_blank" rel="noopener noreferrer">ケアする人も楽になる マインドフルネス&amp;スキーマ療法 BOOK1</a></li><li><a href="https://www.amazon.co.jp/%E5%B9%BC%E5%B0%91%E6%9C%9F%E3%81%AE%E3%83%88%E3%83%A9%E3%82%A6%E3%83%9E%E3%81%8C%E6%B6%88%E3%81%88%E5%8E%BB%E3%82%8B-%E6%80%A7%E6%A0%BC%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AE%E8%AA%8D%E7%9F%A5%E8%A1%8C%E5%8B%95%E7%99%82%E6%B3%95%E3%83%8E%E3%83%BC%E3%83%88-%E5%80%89%E6%88%90-%E5%A4%AE/dp/4804763686/ref=sr_1_1?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&amp;crid=2LVGGGUWDYCU5&amp;keywords=%E8%AA%8D%E7%9F%A5%E8%A1%8C%E5%8B%95%E7%99%82%E6%B3%95+%E6%80%A7%E6%A0%BC%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AE&amp;qid=1672481487&amp;s=books&amp;sprefix=%E8%AA%8D%E7%9F%A5%E8%A1%8C%E5%8B%95%E7%99%82%E6%B3%95+%E6%80%A7%E6%A0%BC%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AE,stripbooks,214&amp;sr=1-1&amp;tag=usa9696-22" target="_blank" rel="noopener noreferrer">幼少期のトラウマが消え去る 性格を変えるための認知行動療法ノート</a></li></ul><p><br><strong>動画</strong></p><ul><li><a style="color:#0f0f0f" href="https://www.youtube.com/@masudatherapy/featured" target="_blank" rel="noopener noreferrer">精神科医がこころの病気を解説するCh</a><span style="color:#0f0f0f"> さんの動画をひたすら見ていた</span></li></ul><p><br><strong style="color:#0f0f0f">notion</strong><br>私の「メンタル」のページには対処法や気分が悪くなったときの日記などがびっしり書かれている。<br><img src="https://images.microcms-assets.io/assets/08d6c377153b473f9a64cfa0995ad523/35374d20a1c84fd58b27abe791c495aa/CleanShot%202022-12-31%20at%2019.17.18%402x.png?w=600&amp;h=939" alt=""><br><img src="https://images.microcms-assets.io/assets/08d6c377153b473f9a64cfa0995ad523/d03624c3d1bd401eb31ea0c79179ac2b/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-12-31%2019.22.44.png?w=500&amp;h=801" alt=""><br><br><br>また、毎日気分を５段階で記録している。こちらは入院後に５が増えてニコニコの様子。<br><img src="https://images.microcms-assets.io/assets/08d6c377153b473f9a64cfa0995ad523/a119f4f8ae224e2b958d33d787f7b13e/CleanShot%202022-12-31%20at%2019.26.42%402x.png?w=500&amp;h=680" alt=""><br>ここまで自分を見つめてもダメなときはダメなので、そういうときはおとなしくお休みをいただいております。<br>とにかく自己分析に徹底的に時間をかけた１年でした。</p>

2022年の振り返り

<p>年末に書こうと思っていたら気付いたら2022年になっていた。<br><br>2021年は「学校の単位が取れたら100点」という緩めの設定にしていた。ので、無事にクリアできて満足。<br>(しばらく休学していた関係で）もし学校が辛かったらすぐにでもやめるつもりだったが、友達ができたお陰でむしろ楽しく登校している。ありがとう学科のひと。<br><br>2021年前半に予定を詰め込みすぎてパンクしてしまい7-8月に鬱っぽくなり寝たきり状態になってしまったので、2021年後半は規則正しい生活を意識してゆるゆる過ごしていた。<br><br></p><h2 id="h71b1d65f65">１月</h2><p>Blitz.jsのコードリーディングをしたりPRを出したりしていた（大したPRは出していないが）。</p><blockquote class="twitter-tweet"><p lang="ja" dir="ltr">Blitzのcontributorsに入れてもらっちゃった😳 <a href="https://t.co/SKXiQ5SZjo">pic.twitter.com/SKXiQ5SZjo</a></p>&mdash; まりな🐱⚡ (@marin_a___) <a href="https://twitter.com/marin_a___/status/1351737683580620800?ref_src=twsrc%5Etfw">January 20, 2021</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><p><br>また、Blitz.jsのコミュニティを作ったりした（忙しくなり運用できず、閉じさせていただきました。申し訳ない...。）</p><blockquote class="twitter-tweet"><p lang="ja" dir="ltr">Blitz.jsの日本コミュニティ(非公式)を <a href="https://twitter.com/okumura_daiki?ref_src=twsrc%5Etfw">@okumura_daiki</a> と作りました！<br>知見を共有したり質問できる場として気軽に活用していただけると嬉しいです✨<a href="https://t.co/7VzBECwmY0">https://t.co/7VzBECwmY0</a></p>&mdash; まりな🐱⚡ (@marin_a___) <a href="https://twitter.com/marin_a___/status/1351483135188373505?ref_src=twsrc%5Etfw">January 19, 2021</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><p><br></p><h2 id="h933f583b76">２月</h2><p>予定がないと一生起きない人間なので、2020年9月から毎週末の朝9時ごろにもくもく会を開催していた。<br><a href="https://connpass.com/event/190329/" target="_blank" rel="noopener noreferrer">https://connpass.com/event/190329/</a><br>２月ごろまで続いた気がする...？記憶にないが、おそらく半年近く続いていたので偉い。</p><blockquote class="twitter-tweet"><p lang="ja" dir="ltr">休日朝もくもく，最初connpassで募集してた<br>→人が多すぎて緊張しすぎてしまったのでdiscordのチャットで人を集める形にした<br>→ちょうど良い感じの人数になったが，時々人が集まらない(今ここ)</p>&mdash; まりな🐱⚡ (@marin_a___) <a href="https://twitter.com/marin_a___/status/1360744511605891072?ref_src=twsrc%5Etfw">February 14, 2021</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><p><br><br></p><h2 id="h8afd900f61">３月</h2><p>人生初のハッカソンに出た。３月中に２種類参加したが、２つとも賞を取れて嬉しい。YahooのOpen Hack Uは、23卒slackで集めたメンバーで出た。深夜までDiscordつないで開発して青春を感じた。</p><blockquote class="twitter-tweet"><p lang="ja" dir="ltr">うおおおおおおおおおおおお優秀賞！！！！！！！！！！！！！！<br>(サービスの完成度が高すぎて仕事でやってんのかっていうつっこみもらったの、嬉しい) <a href="https://t.co/0nZNM6PVG6">pic.twitter.com/0nZNM6PVG6</a></p>&mdash; まりな🐱⚡ (@marin_a___) <a href="https://twitter.com/marin_a___/status/1370645255695966208?ref_src=twsrc%5Etfw">March 13, 2021</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><p><br>参加時のブログ↓<br><a href="https://portfolio.marinya.dev/blog/hack-u-vol4" target="_blank" rel="noopener noreferrer">https://portfolio.marinya.dev/blog/hack-u-vol4</a><br></p><blockquote class="twitter-tweet"><p lang="ja" dir="ltr">３位！わーい！！<a href="https://twitter.com/hashtag/catechchallenge?src=hash&amp;ref_src=twsrc%5Etfw">#catechchallenge</a></p>&mdash; まりな🐱⚡ (@marin_a___) <a href="https://twitter.com/marin_a___/status/1376098779707809794?ref_src=twsrc%5Etfw">March 28, 2021</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><p><br><br><br>３月は私の本当に本当に大切な友人が亡くなってしまった。心の底から頼りにしていて、思っていることを何でも吐き出せる数少ない友人だった。私が死にそうなときには、「まりな、生きてて良かった」と大粒の涙を流して抱きしめてくれた。「パン食い競争手伝ってくれない？」「凧揚げしたい」「トイザらスに行きたい」などというふざけたLINE（本人は大真面目だった）を送ってきては、引きこもりだった私を外に連れて行ってくれた。彼女とどこかでばったり会って、「なんだ、生きてるじゃん。生きてて良かった。」って言い返したい、とずっと思っている。<br><br></p><h2 id="hed99ef0364">４月</h2><p>復学してから学科の人とあまり関わったことがなかったので不安だったが、みんな気さくに話してくれて安心した。ゆるめの学科なので、好きな授業を好きなだけ取った。<br></p><h2 id="h1a0478eb80">５月</h2><p>Roppongi GraphQLを頻繁に見て参考にさせていただいていたところ、登壇してらっしゃるそな太さんに声をかけていただきAppifyでインターンをすることになった。最初の説明で「存在しない課題は解決しない」とおっしゃっていて、感銘を受けた。コードはその言葉を具現化したものだった。<br><br>Googleの教育プログラム「STEP」に参加した。授業みたいな感じかと思ったら、楽しむための工夫が色んなところに散りばめられていて、ゲームしているうちに知識が身につくような感覚があった。この授業がある金曜日が１週間のうちで一番楽しみだった。</p><blockquote class="twitter-tweet"><p lang="ja" dir="ltr">GoogleのSTEP、プログラミングの授業するだけじゃなくて、全然関係ないけど面白い雑学教えてくれたり、みんなが仲良くなる工夫をしてくれてて、とても楽しい</p>&mdash; まりな🐱⚡ (@marin_a___) <a href="https://twitter.com/marin_a___/status/1393121471044624388?ref_src=twsrc%5Etfw">May 14, 2021</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><p><br><br>学校でアルゴリズムの授業を取っていたのもあり、AtCoderを再開した。<br></p><h2 id="h8887dbfbb6">６月</h2><p>CyberAgentでインターンを週３日やっていた。パフォーマンスの改善に取り組ませていただいた。これは大きい会社でしかできない経験だと思う。ウェイウェイしているという偏見を持っていたが、実際インターンに行ってみると優しくて喋りやすい人たちという印象を受けた。会社の雰囲気が本当に好きだなと思った。</p><blockquote class="twitter-tweet"><p lang="ja" dir="ltr">最終出社done！<br>お世話になった方々、ありがとうございました🙇‍♀️ <a href="https://t.co/1V1VsJtKor">pic.twitter.com/1V1VsJtKor</a></p>&mdash; まりな🐱⚡ (@marin_a___) <a href="https://twitter.com/marin_a___/status/1410149872817168387?ref_src=twsrc%5Etfw">June 30, 2021</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><p><br><br>インターンを同時に３つ + STEPをやっていて、夏インターンのための面接も週に何個も入っていて、正直手が回っていなかった。22時-24時に仮眠して、朝5時まで課題をやるみたいな生活をしていた。これが鬱につながった要因に違いない。<br><br>STEPが終わったあとも、STEPの人たちとみんなで毎朝8時に起きてAtCoderの勉強をやった（１ヶ月位続いた）。<br></p><h2 id="h8202f2a114">７月</h2><p>CyberAgentでのインターンの内容をLTで話した。初LTだったのでちょっと緊張した。<br><br>友達と一緒に課題をやって、終わったら上野で飲むという青春をしていた。<br>学期末のテストと課題が終わった瞬間、寝たきりの生活になった。学校、インターン、人間関係すべてを同時にこなそうとして破滅した様子。<br></p><h2 id="h6623b8a60b">８月</h2><p>鬱。仕事はなんとか頑張って、それ以外は文字通り何もしなかった。<br><br>メルカリのインターンが8月半ば-9月にあった。一番の壁は英語だった。インターンの面接も英語で受けたが、ボロボロだった（日本語で受けることもできたが、意地で英語で受けた。そこが評価されたらしい？）。インターン生も英語レッスンを無料で受けさせてくれるので、ほぼ毎日受けた。３歳児の英語だったが、小学生くらいのレベルには成長したと思う。<br><br>進路について考えた。フロントエンドエンジニアとして就職するつもりだったが、ネットワークやセキュリティにも興味を持ち始めた。大学院も視野にいれることにした。<br><br></p><h2 id="h7f6b56dce5">９月</h2><p>Discordでポケモンユナイトをやったりお喋りしたりしていくうちに、まともな生活が送れるようになってきた。助かった...。<br><br>8月に引き続き、メルカリでフルタイムで働いていた。</p><blockquote class="twitter-tweet"><p lang="ja" dir="ltr">メルカリ最終出社🗼<br>全部英語で心折れそうになった時もあるけど、チームのみんながゆっくり喋ってくれて優しかった。英語も技術も成長できて最高だった。<br>Thank you❤️ <a href="https://t.co/OwA3SrHxQq">pic.twitter.com/OwA3SrHxQq</a></p>&mdash; まりな🐱⚡ (@marin_a___) <a href="https://twitter.com/marin_a___/status/1443557340628676611?ref_src=twsrc%5Etfw">September 30, 2021</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><p><br><br></p><h2 id="h5eaf20040d">10月</h2><p>10-11月にピクシブのインターンに参加した。内部の人も、音楽作ったりイラストを描いたり小説を描いたりという創作活動をしている人が大半（体感8割程度）で、「こういう方々がサービスを作るからこそ素晴らしいサービスになるのか…！」と感銘を受けた。<br><br>飲酒の量が増えた。<br></p><h2 id="hd7bb623f13">11月</h2><p>ピクシブのインターンで大きな機能をリリースした。ユーザーさんからのポジティブな反応がどんどん来て、「神アプデ！」という声まであった。エンジニア人生の中で一番嬉しくて、涙を流した。</p><blockquote class="twitter-tweet"><p lang="ja" dir="ltr">ピクシブのインターンの最終日🦀<br>会社の入口からピクシブの世界観全開で、毎週わくわくしながら出社してた😊 <a href="https://t.co/462Uz1RbUS">pic.twitter.com/462Uz1RbUS</a></p>&mdash; まりな🐱⚡ (@marin_a___) <a href="https://twitter.com/marin_a___/status/1465292318743805957?ref_src=twsrc%5Etfw">November 29, 2021</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><p><br><br>11月半ばからFlatt Securityのインターンに参加していて、セキュリティの知識を詰め込んだ。勉強の時間も業務時間に入れてくださって有り難すぎた。KENROというサービスが、初心者にもわかりやすくて神だった。<br><br>人生で一番最悪な酔い方をしたので、お酒は１杯までにすることにした。<br><br></p><h2 id="h05cb5cb332">12月</h2><p>Flatt Securityで、GCPで遊んだあと、terraformを使ってみたりした。<br>秋葉原でCiscoやLinuxの講義が受けられると聞いて、年末に毎朝9時から受けた。12/25だけは二日酔いで午後から受けた。</p><blockquote class="twitter-tweet"><p lang="ja" dir="ltr">有意義な休日 <a href="https://twitter.com/hashtag/%E5%AE%9F%E6%A9%9F%E7%A7%8B%E8%91%89%E5%8E%9F?src=hash&amp;ref_src=twsrc%5Etfw">#実機秋葉原</a> <a href="https://t.co/6VrExbFh22">pic.twitter.com/6VrExbFh22</a></p>&mdash; まりな🐱⚡ (@marin_a___) <a href="https://twitter.com/marin_a___/status/1472404486123827200?ref_src=twsrc%5Etfw">December 19, 2021</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><p><br></p><blockquote class="twitter-tweet"><p lang="ja" dir="ltr">クリスマス🎄<a href="https://twitter.com/hashtag/%E5%AE%9F%E6%A9%9F%E7%A7%8B%E8%91%89%E5%8E%9F?src=hash&amp;ref_src=twsrc%5Etfw">#実機秋葉原</a> <a href="https://t.co/2x9m88ZgvK">pic.twitter.com/2x9m88ZgvK</a></p>&mdash; まりな🐱⚡ (@marin_a___) <a href="https://twitter.com/marin_a___/status/1474631904704200711?ref_src=twsrc%5Etfw">December 25, 2021</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><p><br></p><blockquote class="twitter-tweet"><p lang="ja" dir="ltr">線がいっぱい<a href="https://twitter.com/hashtag/%E5%AE%9F%E6%A9%9F%E7%A7%8B%E8%91%89%E5%8E%9F?src=hash&amp;ref_src=twsrc%5Etfw">#実機秋葉原</a> <a href="https://t.co/fRfx1jsRnK">pic.twitter.com/fRfx1jsRnK</a></p>&mdash; まりな🐱⚡ (@marin_a___) <a href="https://twitter.com/marin_a___/status/1476418279900344325?ref_src=twsrc%5Etfw">December 30, 2021</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><p><br><br></p><h2 id="ha214098e44"><br>まとめ</h2><p>思いっきりやりたいことをやって、楽しんだ１年間でした。<br>お世話になった方々、ありがとうございました。<br><br>2022は卒業することと、丁寧な人間関係を築くことを目標にします。</p>

2021年の振り返り

<p><span style="color:#4b5563">3/1 ~ 3/13 に開催された</span><a href="https://hacku.yahoo.co.jp/hacku2020online4/" target="_blank" rel="noopener noreferrer">Open Hack U Vol.4</a>に「ねこ」<span style="color:#4b5563">として参加し、優秀賞を頂くことができました！やった〜〜〜！！！</span><br><br><img src="https://images.microcms-assets.io/assets/08d6c377153b473f9a64cfa0995ad523/dfd129d4dcab4d2cbbb822167c5ff275/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-03-15%2012.44.19.png?w=200&amp;h=351" alt=""><br><br><br><br>せっかくなのでブログに残しました。目次↓<br></p><ol><li>チームメンバー</li><li>サービスについて</li><li>技術的なお話</li><li>開発の様子</li><li>Open Hack Uについて</li><li>まとめ</li></ol><p><br><br></p><h1 id="h826a27c37e">1 チームメンバー</h1><ul><li>フロントエンド<ul><li><a href="https://twitter.com/rakutek" target="_blank" rel="noopener noreferrer">ラク</a>&nbsp;さん</li><li><a href="https://twitter.com/sasayu1027" target="_blank" rel="noopener noreferrer">sasayu</a>&nbsp;さん</li><li><a href="https://twitter.com/marin_a___" target="_blank" rel="noopener noreferrer">自分</a></li></ul></li><li>バックエンド<ul><li><a href="https://twitter.com/nagatelu1020" target="_blank" rel="noopener noreferrer">champon</a>&nbsp;さん</li><li><a href="https://twitter.com/Le0tk0k" target="_blank" rel="noopener noreferrer">Leo</a> さん</li></ul></li><li>インフラ<ul><li><a href="https://twitter.com/itf_q" target="_blank" rel="noopener noreferrer">Q</a>&nbsp;さん</li></ul></li></ul><p><br>全員、お互い初めましてでした。</p><h1 id="hcf83e1357e"><br></h1><p><br></p><h1 id="hf84db41647">2 サービスについて</h1><h4 id="hdb455a04c1"><a href="https://hackup.jp/" target="_blank" rel="noopener noreferrer">HackUp</a></h4><p>ハッカソンにおけるチーム募集サービスを作成しました。<br></p><h2 id="hc7260bb88e">作った経緯</h2><p><br>23卒のslackがあり、「Hack Uに出たい人はこのチャンネルに集合！」と募ったところ、33人も集まりました。<br><br><img src="https://images.microcms-assets.io/assets/08d6c377153b473f9a64cfa0995ad523/dafc1b8f30f24ca49951ee3dbe9583ac/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-03-13%2015.17.46.png" alt=""><br><br>ですが、そこからどうやってチーム分けしよう…という状態になりました。<br>技術スタックやレベルもバラバラで、みんなお互いを知らない状態だったので、適当に決めるわけにも行かず、最終的に案がある人が募ることになりました。<br><br>(「ねこ」が発足した様子)<br><img src="https://images.microcms-assets.io/assets/08d6c377153b473f9a64cfa0995ad523/e3f17d2e619b4ef9902ea0ec5da62d46/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-03-13%2015.18.41.png?w=400&amp;h=331" alt=""><br><br>この他にも２案出たので無事に15人程度の方は出場できたものの、残りの方は出場を断念した形になります。<br><br>せっかく出たいという強い思いがあるのにチームビルディングで諦めてしまうのはもったいないし、より気軽にハッカソンに出場できるようにしたいという思いで、今回ハッカソンのチームメイト募集に特化した<a href="https://hackup.jp/" target="_blank" rel="noopener noreferrer">HackUp</a>というサービスを作成しました。<br><br><br></p><h2 id="h7e38e88a56">サービス概要</h2><p><br></p><h3 id="h8115abd023">特徴①</h3><p>技術とアイデアがマッチングできるようになっています。<br></p><ul><li>アイデアがない→チーム参加希望</li></ul><p><img src="https://images.microcms-assets.io/assets/08d6c377153b473f9a64cfa0995ad523/d2bb017e3d1a437b933195f294fc1f9a/recruitment.png?w=1400&amp;h=1099" alt=""><br></p><ul><li>アイデアがある→チームメイト募集</li></ul><p><img src="https://images.microcms-assets.io/assets/08d6c377153b473f9a64cfa0995ad523/aeadff27b8a942eda62d2b6cd874f85d/appeal.png?w=1400&amp;h=1103" alt=""><br><br></p><h3 id="hd436835481">特徴②</h3><p>投稿にはフロント、サーバー、インフラ、デザインの4つのカテゴリを設定することができ、異なる分野の人を発見しやすいようになっています。<br>また、探す際もそれによって分類されているので簡単に探すことができます。<br><img src="https://images.microcms-assets.io/assets/08d6c377153b473f9a64cfa0995ad523/9afeda64f1ae48dca6e446df149f8859/header.png" alt=""><br><br></p><h3 id="h4a9b3e9a1c">特徴③</h3><p>オープンに募集する仕組みとして、動的にOGPが生成されるようになっています。<br>OGP生成は、HackUpとは独立してOGP生成用のサービスをvercelでホスティングしています。<br><br><img src="https://images.microcms-assets.io/assets/08d6c377153b473f9a64cfa0995ad523/8922b98dbd594b48815472cc4161e85b/ogp%20(1).png?w=200&amp;h=147" alt=""><br></p><h1 id="hcf83e1357e"><br></h1><p><br></p><h1 id="hbaf612be22">3 技術的なお話</h1><p><br></p><h2 id="hd04cfc55ee">アーキテクチャ</h2><p>ベンダーロックインを最小限に抑えつつもスケーラビリティを確保する方針で技術選定しました。<br>フロントエンドはNext.jsを用い、バックエンドをGoで作成しました。両者はGraphQLで通信します。バックエンドはnginxで暗号化を行い、Goで作成したAPIサーバーがデータベースや外部サービスと通信を行います。&nbsp;<br>また、以下の図にはありませんが、prometheus、grafanaで監視を行っています。<br><br>恐らく今後も運用していくのでそれを想定すると結構いい選択をできていたかなと思います。<br><br><img src="https://images.microcms-assets.io/assets/08d6c377153b473f9a64cfa0995ad523/3bb86eb0c9fc40dc93894a7d1f2b31ea/architecture.png?w=1600&amp;h=828" alt=""><br><br></p><h2 id="h5dc0967264">フロントエンド</h2><ul><li>Next.js<ul><li>TypeScript</li></ul></li><li><a href="https://chakra-ui.com/" target="_blank" rel="noopener noreferrer">Chakra UI</a></li><li>GraphQL<ul><li><a style="background-color:#ffffff" href="https://www.apollographql.com/docs/react/" target="_blank" rel="noopener noreferrer">Apollo Client</a></li><li><a style="background-color:#ffffff" href="https://www.graphql-code-generator.com/" target="_blank" rel="noopener noreferrer">graphql codegen</a></li></ul></li><li>firebase(認証のため)</li><li>vercel(動的OGPのため)</li></ul><p><br></p><h3 id="h0e8713764a">chakra</h3><ul><li>レスポンシブまで対応しても簡潔</li><li>開発スピードの向上</li></ul><p>という点で最高でした。自分は普段Tailwind CSSを使っているのですが、レスポンシブ対応まですると</p><pre><code>&lt;div className="text-md sm:text-lg"&gt;</code></pre><p><br>という感じでどんどんクラス名が冗長になってしまいます。<br>一方、chakraは</p><pre><code>        &lt;Text fontSize={[12, 16]}&gt;</code></pre><p><br>と配列に入れる感じなので、とてもスッキリします。<br><br>figmaにchakraのプラグインがあるので、デザインのスピード向上にも繋がりました。<br><br></p><h2 id="h9ff45e05a7">工夫した点</h2><p>バックエンドとフロントエンドでリポジトリを分けているのですが、schema.graphqlというファイルを共通で使いたいという状況になりました。<br>schema.graphqlファイルは<br>・バックエンドでwrite/read<br>・フロントエンドでread<br>という関係なので、<br><strong>バックエンドリポジトリのschema.graphqlに変更があったら、github actionsで検知して、フロントエンドリポジトリに差分のPRを自動で出す</strong><br>とすることで解決しました。<br><br>GraphQLを使うことでエンドポイントの仕様を決めなくていいだけでなく、「schemaの変更しました！」のような余分なコミュニケーションを削ぎ落とし、爆速開発が捗りました✨<br><br></p><h2 id="h17754b3621">苦労した点</h2><h3 id="h33dffd819e"><br>OGP画像の文字の大きさ調整</h3><p><br>チーム募集のリンクをシェアすると、このようなOGPが出るのですが、</p><ul><li>タイトルよりタグのほうがfontSizeを小さくしたい</li><li>タイトルのあと改行がある</li></ul><p>ということで、計算を頑張りました。<br><br>ざっくり説明すると、タイトルのfontSizeを<code>x</code>として、</p><ol><li>タグのfontSizeはタイトルのfontSizeの0.8倍に固定する。つまり、タグのfontSize：<code>x *0.8</code></li><li>lineHeightを1.3に固定する。<code>x*1.3</code>がタイトル１文字あたりの<code>x*0.8*1.3</code>がタグ１文字あたりの面積になる</li><li><code>タイトルの文字数*x*1.3 + タグの文字数*x*0.8*1.3)=OGP画像の面積</code>で暫定のfontSizeを出す</li><li>実際はタイトルの後ろに改行が入るので、3のfontSizeままでははみ出してしまう。3のfontSizeの場合に合計何行になるかを計算したうえで、その行数の場合に</li></ol><p>という感じでゴリ押ししました。<br></p><h3 id="h9f61413ff2">GraphQLでのSSR</h3><p><br>動的OGPのためにSSRをする必要があるのですが、Apollo ClientとSSRの相性が悪いので、工夫が必要でした。<br><a href="https://zenn.dev/tak_iwamoto/articles/44a61021d7d251" target="_blank" rel="noopener noreferrer">「Next.js + ApolloでSSRするときにパフォーマンスが低下する問題について</a>」という記事を参考にして<a href="https://formidable.com/open-source/urql/" target="_blank" rel="noopener noreferrer">urql</a>を使うことで解決しましたが、SSRをするためだけにurqlを使うのってどうなんだろう…と、あまりベストプラクティスではないような気がしています。<br><br></p><h1 id="h114b902d13">4 開発の様子</h1><p><br></p><h3 id="hd22aebd140">開発期間前</h3><p>２回MTGをしました。<br>１回目(2/16)→自己紹介・機能洗い出し・技術選定<br>２回目(2/21)→技術を素振りした結果を共有してさらに絞り込む・ホスティングについて相談<br>という感じで、議事録はHackMDにまとめていました。<br><br>また、サービス名は、各自提案→投票という形で決めました。<br></p><h3 id="h407435b22d">開発期間中</h3><p>主にDiscordで開発していました。<br><br><img src="https://images.microcms-assets.io/assets/08d6c377153b473f9a64cfa0995ad523/7e0f0571c5bb42c18fcea76cc91e898d/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-03-15%2012.48.21.png" alt=""><br>開発中はボイスチャンネル繋ぎっぱなしが多く、フロント側は「今からここらへんやります〜」と宣言する形で開発していました。一応タスク管理ツールとしてtrelloを使っていたのですが、けっこう放置気味でした。<br><br>こんな感じで楽しく開発していました(白目)<br><img src="https://images.microcms-assets.io/assets/08d6c377153b473f9a64cfa0995ad523/cbf371eacbe6497f856f22e7403a2dc3/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-03-15%2012.58.06.png" alt=""><br><br></p><h1 id="he71636710b">開発期間中に発生した問題</h1><h2 id="h45f659f37b">デザイナーがいない</h2><p>デザイナーがいないので、デザイナーに一番近い存在(?)のフロントエンドの３人でデザインを作りました。<br>しかし、デザインのお作法も分からない。figmaもまともに触れる人がいない…。figmaで作るよりコード書いたほうが速いという本末転倒な状態に。<br>コード書くこと以外は２週間のハッカソン期間外にやってもいいというルールだったので、デザインは開発期間前に終わらせたかったのですが、終わらずにハッカソン期間内に食い込むという状態になってしまったのは辛かったです。<br>(HackUpをブラッシュアップしてくださるデザイナーさん、募集してます！)</p><h2 id="h5d221f363d"><br>体調不良</h2><p>人間生活を諦めて開発していたので、１人高熱が出てコロナ疑惑が発生しました(無事コロナではなかったので良かったです…。)<br>自分も生活リズムがぐちゃぐちゃになってしまい、夜通しで開発することがしばしば。報われてよかったです。</p><h1 id="hf80959441b"><br>5 Open Hack Uについて</h1><h3 id="hcf83e1357e"><br></h3><p>開発期間中、Yahooの社員さんに何でも相談していいよという感じでした。<br>私達はあまり積極的に相談するタイプではなかったのですが、中盤で「なんでも相談会」を開催してくださり、課題を洗い出す機会をくださったのが本当に助かりました。<br><br>また、発表当日、社員さんが順番に作品を見に来てくださって、たくさん褒めてくださったり「さらにこうするといいかもね！」というアドバイスを頂いたりしました。自分の作ったものにここまでフィードバックをいただいたのは初めてだったのでとても嬉しかったです。</p><h3 id="hb3bf8f657b"><br>賞の基準</h3><ul><li>新規性（技術や組み合わせのオリジナリティがあるか）</li><li>技術性（利用している技術は高度か）</li><li>発展性（将来どの程度の波及効果が期待できるか）</li><li>再現性（アイデア、プレゼンテーションだけではなく実際に動くものがあるか）</li></ul><p><br>があり、私達の作品は「再現性」を高く評価していただきました。サーバーを自前で用意したり、実際にサービスとして運用できるレベルまで仕上げたので、そこを評価していただき嬉しいです。(徹夜して発表ギリギリまで粘ってたのは秘密です)<br><br></p><h1 id="h68ca0ec12d">6 まとめ</h1><p>初めましてから始まり、お互いのレベル感も分からないまま探り探りという感じでしたが、期間が経つにつれて良い意味で遠慮がなくなってくる感じが楽しかったです。同年代の方と一緒に開発するのが本当に楽しく、刺激にもなりました。<br>開発期間中は余裕がなくてインフラやバックエンドを覗くことはほとんどできなかったのですが、<a href="https://le0tk0k.dev/posts/open-hack-u" target="_blank" rel="noopener noreferrer">Leoさん(バックエンド)のブログ</a> や<a href="https://quesys.hatenablog.jp/entry/2021/03/21/235651" target="_blank" rel="noopener noreferrer">Qさん(インフラ)のブログ</a> を読んで改めて何をしているのか把握することができました。<br><span style="color:#4b5563">みなさんもハッカソンに出場したいというときにはぜひ</span><a style="background-color:#f9fafb" href="https://hackup.jp/" target="_blank" rel="noopener noreferrer">HackUp</a><span style="color:#4b5563">使ってみてください！</span></p>

Open Hack Uで優秀賞！

<h2 id="h0bd19678d2">参考にさせていただいた記事</h2><p><br></p><ul><li><a href="https://qiita.com/mkizka/items/f2d4836e4cfd241acccf" target="_blank" rel="noopener noreferrer">vercel/og-imageをフォークして自分だけのOGP画像生成サービスを作ろう</a></li><li><a href="https://qiita.com/p1ass/items/b8d5c1f3f4a5fd984d2c#ogp%E7%94%BB%E5%83%8F%E7%94%9F%E6%88%90%E3%81%AB%E6%B1%82%E3%82%81%E3%82%8B%E3%82%82%E3%81%AE" target="_blank" rel="noopener noreferrer">vercel/og-imageを使ったブログOGPの簡単自動生成</a></li></ul><p><br></p><h2 id="h046876a126">手順</h2><p><br></p><ol><li><a href="https://github.com/vercel/og-image/blob/main/api/_lib/template.ts" target="_blank" rel="noopener noreferrer">og-image</a>をforkする</li><li><a href="https://github.com/vercel/og-image/blob/main/api/_lib/template.ts" target="_blank" rel="noopener noreferrer">template.ts</a> を編集する</li><li>vercelにデプロイする</li><li>3でデプロイしたURLをnext.js側のmetaタグのimageに設定する(このときtitleを渡す)</li></ol><p><br></p><h2 id="h7cde7807fc">2. template.tsについて</h2><p>細かい説明は今度書きます。。。</p><h2 id="h6aa653370b">4. metaタグの設定について</h2><p>今度書きます。</p>

OGP画像を動的にしました

<h2 id="h2ab49cfe6d">2020年１月に立てた目標の答え合わせ</h2><p>2020年の目標として以下を挙げていました。</p><ul><li>Rubyの知識を強化して，人前で「Rubyエンジニアです」と言えるくらいになる。→△</li><li>「１年前こんなことも知らなかったの？！」って自他共に感じるくらいの成長を目指す。→◎</li><li>フロントエンドも着手していく。→◎</li><li>運動する。→╳</li><li>周りの人を大切にする。→◯</li></ul><p><br></p><h3 id="h579ce42420">Rubyの知識を強化して，人前で「Rubyエンジニアです」と言えるくらいになる</h3><p>△です。<br><a style="color:#660099;background-color:#ffffff" href="https://www.ruby.or.jp/ja/certification/examination/" target="_blank" rel="noopener noreferrer">Ruby技術者認定試験 Silver</a> の資格は取ったので，一応言えるかなという感じです。また，RubyでAtCorderに５回くらい参戦しました。<br>ただ，途中からRailsをほとんど触らなくなってしまったので，今は基礎的な構文すら忘れかけています…。<br><br></p><h3 id="hc2c0b14fb6">「１年前こんなことも知らなかったの？！」って自他共に感じるくらいの成長を目指す</h3><p>◎です。<br>元々ITの知識がなさすぎて，去年の今頃は，「レスポンシブ対応してください〜！」って言われて「れすぽんしぶってなんですか？？」って言ったり，OGP作成してって言われて「OGP とは」で検索したりしていました。あとは，マークダウンという存在も知らなくて，teratailで質問するときに初めて使いました。エンジニアの方が話してることの８割くらいがよく分からず，泣きそうになっていた記憶があります。<br>今でもまだエンジニアの方と話す時に萎縮してしまいますが，記事をたくさん読んだりconnpassでイベントに参加したりしたのである程度話題についていけるようになりました。<br></p><h3 id="hd484937869">フロントエンドも着手していく</h3><p>１年前はバックエンドエンジニアになる予定だったので，フロントエンドは少し着手できればうれしいなという感じでした。今はこうしてフロントエンドやモバイルの開発をがっつりやらせていただくことができて，今の会社に感謝しかないです。<br></p><h3 id="h43ad3672a4">運動する</h3><p>ほぼ全くできませんでした。今は１分走っただけで息切れします。<br></p><h3 id="h4e23564e08">周りの人を大切にする</h3><p>中学の頃からの数少ない親友がいて，大学２〜３年の頃にたくさん頼ってしまってました。その恩返しを今年１年はできた気がします。<br>親とも喧嘩することなく過ごせました(重要！)。会社の人にも感謝の気持ちを忘れないように過ごしていました。<br>ただ，自分の気持に余裕がない時に視野が狭くなってしまったり，周りにぶっきらぼうに当たってしまったりしてしまったのは反省です。<br><br><br></p><h1 id="h48375ddf4f">日記</h1><h3 id="h71b1d65f65">１月</h3><p>udemyなどでReactの講座を見始める。<br>バックエンドエンジニアとして実際のプロジェクトに携わることができて，プログラミングとても楽しいモード。<br></p><h3 id="h933f583b76">２月</h3><p>初のアプリ開発。JavaScriptもおろそかなままTypeScript, React Native, GraphQL使ったのは死ぬかと思った…。でもめちゃくちゃ楽しかった。<br>Ruby力を高めるためにAtCorderをやる。<br></p><h3 id="h8afd900f61">３月</h3><p>初のアプリリリース。アプリの審査がめんどくさいことを知った。<br>初めて副業をする。<br>Rubyシルバーの資格を取る。<br></p><h3 id="hed99ef0364">４月</h3><p>あまり記憶にないが，毎日15時間くらいコードを書いていた気がする。<br>AWSの勉強をする。AWS CDKを使ってDynamoDB, Lambda, API Gatewayで社内サービスを作る。<br></p><h3 id="h1a0478eb80">５月</h3><p>納期に追われて全力で開発するのが楽しかった。１日で最大59contributionsしてた。<br>納期が終わった途端，無気力状態になる。<br>connpassのイベントに参加して社外から情報を取り入れ始める。<br></p><h3 id="h8887dbfbb6">６月</h3><p>ずっと悩んでいたが，フロントエンドエンジニアになろうとやっと決意する。<br>５月はとにかく動くことを最優先で実装していたが，じっくりドキュメントを読んだりする時間が取れて，色々理解し始める。<br></p><h3 id="h8202f2a114">７月</h3><p>React NativeやExpoなどなど，公式のslackコミュニティーがあって誰でも入れることを知る。<br><a href="https://www.amazon.co.jp/dp/B088BLSH9V/ref=dp-kindle-redirect?_encoding=UTF8&amp;btkr=1" target="_blank" rel="noopener noreferrer">React Native　～JavaScriptによるiOS／Androidアプリ開発の実践</a> を読んだり，DDDなどの"アーキテクチャ"という存在を知り，設計に意識が行く。<br>Twitterでちょっとずつエンジニアの知り合いが増えて，色んな会社の話が聞けて楽しい一方，このあたりからTwitterを見すぎるようになる。<br>Expoのejectに苦しむ(結局ejectしてストアに出すまで達成できなかった)<br><br></p><h3 id="h6623b8a60b">８月</h3><p>React Native使ったプロジェクトに副業として携わる。みんな自分と同年代くらいで，でも自分より100倍強くて，刺激を受ける。<br></p><h3 id="h7f6b56dce5">９月</h3><p>応用情報の勉強を始める。休日を応用情報の勉強に充てる必要があったため，コードを書く時間が取れずストレスが溜まる。<br>他の方のもくもくDiscordに入らせていただき，エンジニアの友達ができる。<br>休日に早く起きるためにもくもく会を休日の朝に主催する。(参加してくださった方々ありがとうございました！！)<br></p><h3 id="h5eaf20040d">10月</h3><p>応用情報を受ける(合格した)。<br>学校に復学する。「大学の人はみんな，私のことを怪奇な目で見ている」という被害妄想を抱いていて，敵陣に乗り込む意気込みで復学したが，学科の人が普通に接してくれて安心した。<br>switchを買って，splatoonを深夜にやって生活リズムを崩す。<br></p><h3 id="hd7bb623f13">11月</h3><p>OSSに初コントリビュートした。(Apollo ClientのDocs修正)<br>Blitz.jsを触ってみた。<br>初めて記事を書いた。<br></p><h3 id="h05cb5cb332">12月</h3><p>アウトプットしまくった。記事を４記事書いた。<br>初めてポートフォリオを作成した。<br></p><h3 id="h85a62dd0d7">総括</h3><p>恐怖の対象から逃げないでぶつかりまくったお陰で，今後どんなことがあっても生きていける自信がついた。<br></p><h1 id="ha0845a2c09">2021年の目標</h1><ul><li>学校の単位をちゃんと取る。</li><li>★プログラミングを楽しむ。</li><li>適度にアウトプットする。</li><li>今は全体的に浅い理解になってしまっているところを，ちゃんと深いところまで理解する。</li><li>OSSのコードを読む。積極的にcontributeする。</li><li>★周りの人と比べないで，自分の中での成長度に注目する。</li><li>目標やTODOを継続的に管理し，やったことを可視化する。</li><li>友達，家族を大切にする。</li><li>運動。</li><li>登壇する。</li></ul><p><br>余裕がない時に★を忘れそうになるので，忘れないようにしたいです。</p>

2020年の振り返り

<h2 id="hcf2b66e679">コード</h2><p><a href="https://github.com/marina-ki/portfolio" target="_blank" rel="noopener noreferrer">GitHub</a></p><h2 id="h03726fb0df"><br>技術スタック</h2><ul><li>Next.js</li><li>Jamstack</li><li>microCMS</li><li>TailwindCSS</li><li>TypeScript</li><li>Vercel</li></ul><p><br></p><h2 id="h0b04593b7e">Blogの箇所について</h2><p>microCMSで記事を更新すると自動でbuildされるようになっています。<br>「<a href="https://microcms.io/blog/microcms-next-jamstack-blog" target="_blank" rel="noopener noreferrer">microCMS + Next.jsでJamstackブログを作ってみよう</a>」 を参考にさせていただきました。<br></p><h3 id="h1325992fcc">Blogのスタイル</h3><p><a href="https://github.com/tailwindlabs/tailwindcss-typography" target="_blank" rel="noopener noreferrer">Taliwind CSSのtypography</a>を使用しました。<br></p><h2 id="hdb42618c33">Qiita, Zennなどの複数サイトから自分の記事を取得</h2><p>RSSを使用。<br><a href="https://github.com/catnose99/team-blog-hub " target="_blank" rel="noopener noreferrer">team-blog-hub</a>を参考にさせていただきました。<br>package.jsonでbuildコマンドを以下のようにすることで，buildするタイミングでsrc/builder/posts.tsが走ります。</p><pre><code>  "scripts": {
    "build": "run-s build:posts build:next",
    "build:posts": "ts-node --project tsconfig.builder.json ./src/builder/posts.ts",
    "build:next": "next build",
  },</code></pre><p><br>posts.tsの</p><pre><code>  fs.ensureDirSync(".contents");
  fs.writeJsonSync(".contents/posts.json", items);</code></pre><p><br>でposts.jsonに記事の内容を吐き出しています。<br><br></p><h2 id="h1c7428c339">ロゴ</h2><p>Google Fontsの<a href="https://fonts.google.com/specimen/Major+Mono+Display?preview.text=Marina&amp;preview.text_type=custom" target="_blank" rel="noopener noreferrer">Major Mono Display</a>を使用しています。<br></p><h2 id="h9c43cebc8d">アイコン</h2><p>ネコのアイコンは自分で描きました。<br></p><h2 id="hf8142d96c4">Vercelのデプロイ</h2><ul><li>masterにpushする</li><li>microCMSで記事を作成・更新する</li></ul><p>と自動でデプロイされるように設定しました。ぽちぽちボタン押すだけで連携できて便利だった。神。</p><h2 id="h07518f2eeb"><br>後からやりたいこと</h2><ul><li>twinを使ってstyled componenを導入したい<ul><li>https://github.com/ben-rogerson/twin.macro</li></ul></li><li>GitHubの草を載せたい</li><li>google analyticsを入れたい(プラポリも書かなきゃいけない)</li><li>マークダウンのコードの箇所に色をつけたい</li><li>記事の「#技術」から検索できるようにしたい</li><li>検索<ul><li>microCMSのやつ</li><li>Algolia</li></ul></li><li>bageleeの記事(社内記事)も載せる</li><li>今はプレビューモードがlocalhost:3000になっているのでローカルで立ち上げる必要があるところを修正する</li><li>404ページ</li></ul><p><br></p><h3 id="h39fdcacc38">DONE</h3><ul><li>ブログのOGPを動的にする</li><li>隠しコマンド</li></ul>

Articles

TypeScript：空オブジェクト用の型をつくりたい

TypeScript：関数の引数に同じ長さの配列を渡したい

Blitz.jsの議論から学ぶ，formik vs react-final-form vs react-hook-form

ExpoのOTA updateの仕様について

Apollo Client × codegen でのLocalStateの使い方

Blog