2021振り返り&2022やりたいこと

どうも、こんにちはウマシバです。

2021年終わっちゃったので今年もその振り返りと2022年でやりたいことをまとめたいと思います。

去年やりたいと言ってたこと達成できたか

去年自分は下の画像みたいなことを2021年でやりたいと言ってました。まずそれらが達成できたかの振り返りからしたいと思います。

去年書いた2021年やりたいことのスクリーンショット

達成できたこと

  • 簡単なプログラミング言語作る&AltJsとかのウェブの構成技術自前実装
  • HTMLレンダリングエンジン作る
  • ある程度長期のインターンシップ、もしくはアルバイトで働く
  • コミュニケーション能力向上
    • 相変わらず４人以上の会話が苦手だったり空気が読めなかったりとかしますが去年の今頃より少しは向上したかなと思います。これについてはほんとにまだまだなのでこれからも頑張っていきたいです。
  • ウェブアクセシビリティについて基礎的な知識を身につける
    • 友達とやってるフロントエンド輪読会という勉強会でwcagの仕様書読むやつをやったのでまだまだ十分ではないですが多少は知識を手に入れられたかなと思います。
  •  CSSアニメーションでもっといいもの作る
    • 推しのファンサイトのナビゲーションバーはCSSアニメーションとしてはとても良いものができたかなと思います。複数のバラバラのアニメーションを同時に動かしてアニメーションを作ったことはなかったので難しかったけど作れたのでよかったです。

進行途中なこと

  •  推しのファンサイト作る
    • 推しのファンサイトがまだできてません。今年はナビゲーションバー作って終わりました。そろそろ開発期間2年に届きそうでやばいので頑張ります。学生でいる間にはどうにか完成させたいです...

やり始めなかったこと

  • 同期との温泉アプリ開発合宿
    • コロナで無理
  • CSSinJSライブラリ作る
    • これの再発明に途中で興味が無くなってしまいました
  • CSSアニメーションに関するライブラリ作る
    • 年末になるまでCSSアニメーションに対する熱が下火になってたので作りませんでした
  • パフォーマンスチューニングについて基礎的な知識を身につける
    • 去年友達に影響されてパフォーマンスチューニングやりたいと思ってたけど、まずこの知識ある程度成熟したプロダクトかパフォーマンスが重要なプロダクトじゃないと使わないことに気づいて今の自分の環境だとこの知識使えないことがわかったのでやってない&できてないです。
  • 本気で一個ウェブアプリ作る
    • 去年の作りたいアプリあったけど熱が下火になってしまいました。

去年は低レイヤや基礎的な部分に関連する目標は達成できたものが多かったんですが、プロダクト作るとかCSS系の比較的高レイヤよりのタスクは達成できないものが多かった感じがします。原因は今年、低レイヤとか基礎的な部分に興味を持つ出来事が多かったからだと思います。

時系列での振り返り

1~3月

就活でどこ行くか悩んでたのとブラウザ作ってました。

就活でお世話になった方々本当にありがとうございました。

あと、Post-Spectre Web DevelopmentというWorking Draft読んでウェブのセキュリティに興味が出始めました。

zenn.dev

友達に誘われてW3Cとかの仕様書を読むことを始めたのもここら辺からだった気がします。

 

4月

推しのファンサイトの開発ちょっと進めました。

あと卒業研究が始まりました。

どんなテーマでやるかとかそのテーマの新規性はあるのかとか調べてました。

 

5月

卒業研究関係の記事とか読み漁ってました。調査期間です。v8とかwasmとか調べてました。

卒業研究で調べた内容をTwitterで共有できたりとかもしたのでよかったです。

6月

バイト始めました。あとは相変わらずv8とかwasmとか調べてました

zenn.dev

7月~10月

reglicoっていうプログラミング言語を卒業研究の過程で作ってました。

11月

卒業論文を書いてました。とりあえず月末までにはFirst Draftを出せたのでよかったです。

 

あとswcにコントリビュートしました。初めてのOSSコントリビュートでした。

「とりあえずCan I pick this?って送っちゃおう！」って友達に煽られてついIssueをPickしてしまい、その後必死にコードリーディングしてプルリク出しました。最終的にマージしてもらえたし楽しかったのでよかったけどもうCan I pick this?駆動開発はしたくないと思いました...

 

加えて推しのファンサイトのナビゲーションバー作りました。思ってたより拡散されてびっくりしました。

12月

教授からコメントもらった卒論をひたすらに直してました。12月中に書き終えられたのでよかったです。

 

2021年の振り返りまとめ

低レイヤへの興味が増した一年だったかなと思います。言語処理系について勉強できたり教授に教えてもらってアセンブリとかも触れたので知らない世界が増えてよかったです。今まで興味があったウェブフロントエンドっていう領域と言語処理系っていう今まで知らなかった領域を組み合わせながら新しいことを勉強できたので楽しく学ぶことができました。

 

2022年でやりたいこと

  • 未踏に挑戦してみたい
    • とりあえず最低限提案書出すところまではやります。
  • 仕事でちゃんとチームの役にたてるようになる
    • 今年仕事を始めるので慣れないことが多いと思いますができるだけ早くチームの役に立てるレベルになれるように頑張りたいです。
  • フロントエンドのキャッチアップをする
    • 2021年の一年間低レイヤばっか勉強していてNext.jsとかの技術をキャッチアップできてないので今年勉強したいです。
  • セキュリティについて知識を増やす。
    • 最近セキュリティの勉強が楽しいのでやっていきたいです。本を読んだり、CTFをやってみたりしたいです。
  • 推しのファンサイトを完成させたい。
    • これは学生のうち(3月まで)に終わらせたいです。
  • 言語処理系についての知識を増やしたい
    • TaPLちゃんと読みたいです。
    • TaPL以外の知識も増やしたいです。

 

以上、今年も頑張っていきたいです。

2020振り返り & 2021やりたいこと

どうも、こんにちはウマシバです。

2020終わっちゃったのでその振り返りと2021でやりたいことを軽くまとめたいと思います。

 

1月

ポートフォリオサイトを作ってました。この時に初めてCSSアニメーションを使ってある程度ちゃんとしたものを作った気がします。

ウマシバポートスクリーンショット

 UMASHIBAPort

2月

hppさんのポートフォリオサイト見て3Dのウェブサイトすごいって思ったのでThree.js使って3Dのラーメンタイマー作ってました。このサイトでThree.jsとPWAの実装を初めてしました。

3Dラーメンタイマースクリーンショット

3D RamenTimer 

 

 3月

3月はRustの勉強したり、AtCoderやってたりしてました。

個人開発ではクリア時間割という前作ったウェブサービスの機能追加をしました。

あと、この時期に引っ越したのでその片付けとか家具の設置とかしてました。

クリア時間割紹介用画像(内容：学生生活をちょっとだけスマートに！)

クリア時間割

4月

4月も続けて、クリア時間割の機能追加とAtCoderとかやってました。あとこの時期に少しだけNext.jsを触ってました。

この時期くらいからちょっとずつインターンシップの応募とか始めてた気がします。

 

5月

5月が今年で一番進捗を生み出せたんじゃないかなって思っています。

この月は仮想DOMの作成、記事の執筆と推しのファンサイトの開発、あとインターンシップの選考を受けてました。

この仮想DOMの作成の記事がQiitaでトレンドに乗ってうれしかったのをよく覚えています。

qiita.com

推しのファンサイトは途中でインターンシップ選考とかが忙しくなってまだ完成してないので就活とか終わったらもう一度開発を再開したいです。

推しのファンサイトスクリーンショット

推しのファンサイト(未完成)

 

6月

6月はインターンシップの選考と推しのファンサイトの開発してました。

 

 

7月

7月もインターンシップの選考と推しのファンサイトの開発してました。

この時期が一番インターンシップ選考を頑張ってた気がします。

8月

8月はピクシブさんのCSSアニメーションインターンシップに参加させていただいたのと私の学部の学園祭のティザーサイトの開発をしてました。

このCSSアニメーションインターンシップに参加させていただいたことで私のCSSアニメーション技術の限界が拡張されたような感じがしました。

 

9月

9月はヤフーさんとサイボウズさんとサイバーエージェントさんのインターンシップに参加させていただいていました。ヤフー検索の機能追加をさせていただいたり、モブプログラミングでkintoneの拡張機能を開発させていただいたりしてとても勉強になりました。あと、インターンシップに行くことで同期の学生エンジニアの人たちと関わることができたので個人的に結構大きな収穫でした。

 

 

10月

10月は私の学部のオンライン学園祭の会場サイトとティザーサイトの開発をしていました。

結構スケジュール的にぎりぎりで機能の開発が完了したのがリリース日の朝でした。

今後はこんな風なぎりぎりの開発になってしまわないように努力したいです。

 

 

 

11月

11月は学校の実習でやっているチーム開発プロジェクトのバックエンドをやっていました。今までバックエンドメインでやった経験がなかったため、勉強になりました。

12月

12月は本選考をようやく受け始めました。まだ就活は続くと思うのでこれから頑張っていきたいです。

あと、12月からちょっとずつleetcodeをやり始めました。leetcodeの問題を解くのは楽しいのでこれからも無理しない程度に続けていきたいです。

 

2021でやりたいこと

やりたいことたくさんあるので全部やれる気はしないですが、この中のいくつかはちゃんと達成したいです。

  • 最近言語処理系に興味があるので卒業研究も兼ねて簡単プログラミング言語とか作ってみたいなとか思ってます
  • あとHTMLレンダリングエンジンとかAltJSとかのウェブの構成技術を自前で実装してみてウェブについての理解を深めたいです。
  • インターンシップとかに行ってコミュニケーション能力不足を実感したので今後コミュニケーション能力を向上させたいです。
  • CSSアニメーションでもっといいものを作る
  • 推しのファンサイト完成させたい
  • 同期の学生エンジニアで温泉アプリ開発合宿をやろうみたいな話があるのでやりたい
  • CSSinJSライブラリとか作ってみたい
  • CSSアニメーションに関するライブラリ作ってみたい
  • パフォーマンスチューニングとウェブアクセシビリティについて基礎的な知識を身に着けたい
  • ある程度長期のインターンシップ、もしくはアルバイトで働く
  • 本気で一個ウェブアプリ作る

 

終わりに

2020年いろんな人にお世話になりました。皆さん本当にありがとうございました！

来年も楽しみながら開発をしていきたいと思います。

pixiv CSSアニメーションインターンシップに行ってきた

どうも、こんにちはUMASHIBA(@UMASHIBA)といいます！

先日「PIXIV SUMMER BOOT CAMP」のCSSアニメーションコースに参加させていただいたのでその感想を書き綴っていこうと思います。pixivのインターンシップに興味がある方の参考に少しでもなればうれしいです！

www.pixiv.co.jp

選考について

今回私はGitHub選考で応募しました。GitHub選考を通過した後後、面接で今まで作ってきたモノを話したり、コード面接をしました。面接官の方の前でコードを書くのはすごい緊張したんですが、どうにか動くであろうといったものは書くことができました。その後、メールで合格の連絡をいただき晴れてインターンシップに参加させていただけることが決まったといった形です。正直、落ちたと思ってたので合格した時はすごくうれしかったです！

インターンシップ本番

ここから、インターンシップでどんなことをやったかについて書き連ねていきたいと思います。

1~3日目

1~3日目はメンターさんに講義していただいた後にその講義内容をもとに色々とアニメーションを作りました。この講義がとても勉強になって「CSSアニメーションの基本」から始め、「CSSの強み、弱み」や「アニメーションを作成する上で気を付ける点」など本当にたくさんのことを教えていただきました！メンターさんの知識量が本当にすごかったです。この最初の三日間で自分がCSSでできることが2倍くらい増えた気がします！

この三日間で作ったアニメーションが下のようなものです。(当然ですが全部CSSでつくりました)

1日目: CSSAnimationInternship1

 CSSAnimationInternship1

コード

2日目: ひよこ箱

 

ひよこ箱

コード

ニューモフィズムオープニングアニメーション

 

ニューモフィズムオープニングアニメーション

コード

3日目: CSSAnimationInternship2

 

CSSAnimationInternship2 アニメーション

コード

4~6日目

4~6日目では最終成果物を作ってました。メンターさんがページのデザインを作成してくださってそのページのデザインをもとにコーディングしたり、オープニングアニメーションを色々と試行錯誤しながら作成しました。流れとしてはコーディングした後、そのコードをメンターさんにレビューしていただいて直すみたいな感じでした。途中、自分のコードがアンチパターンみたいな感じになってしまって全部直すことになったのですごい焦ったんですが、どうにか成果発表までに間に合ってよかったです

できたページが下のものになります。

css-animation-intern.netlify.app

メンターさんに教えていただいたことをすぐに活用できる環境だったのでとても楽しくコーディングすることができました！

最終日

最終日は成果発表とそのスライド作成、あと少しだけ最終成果物の改善をしました。

成果発表では下のひよこ箱のひよこに対して使われているジャンプのアニメーションと最終成果物の説明をし、その後、発表に関して感想をいただいたり、メンターさんからインターンシップでのフィードバックをいただきました。私はこういう発表とかが得意な人間ではないのですが、社員さんがとてもフレンドリーな雰囲気ですごく発表がしやすかったです。ありがとうございました！

 

インターンシップを終えて

CSSアニメーションを中心としたインターンシップはそうそうないと思うので本当に貴重な体験をさせていただいたと思っています。インターンシップの内容もCSSアニメーションに関する講義から始まって自分の好きなアニメーションを作らせていただいたり、最終成果物ではフィードバックをいただいたりと本当にお給料をいただいていいのか不思議に思うほどインターンシップ生にとってありがたい内容でした。今後は今回学んだことを生かして色々作品を作りながらCSSヤクザ目指して頑張りたいと思います。

メンターさんをはじめ、ピクシブ株式会社の皆様のおかげで多くのことを学ぶことができました。この場を借りてお礼申し上げます。本当にありがとうございました！

最後に。。。

今回のインターンシップの一部内容をメンターであるyui540さんが公開してくださるそうです。このインターンシップに興味がある方はぜひそちらの方をご覧ください！

 

 

それでは最後まで読んでいただきありがとうございました！