What is this?

hpp(@hpp_ricecake)のポートフォリオサイトです。

テンプレートや UI フレームワークは使わずに、全て自作しました(デザインと背景も！)(右上の 🍔 メニューも自作です、頑張りました)。

以下使用技術を思いつくだけ書いてみます。


  • React.js
  • Gatsby.js (Blazing fast🔥 static site generator)
  • TypeScript
  • GraphQL
  • MDX (JSX in Markdown)
  • PWA (Progressive web application)
  • Netlify (static site hosting & CI/CD)
  • Netlify CMS
  • WebGL
  • Three.js (react-three-fiber)
  • react-spring (react's animation library)

PWA なので、ローカルマシンにサイトを落とせます。適度に更新していく予定なので興味があればぜひ！

Hello, I'm hpp

名古屋大学の情報学部コンピュータ科学に所属する 3 年生です。

普段は CS 系のお勉強をしています(成績は良さめです)。
「CS 系っていってもいろいろあるやろ」と思った方のために掘り下げると、アルゴリズムとか離散数学とか代数学とか機械学習とか、最適化(線型計画法など)とか自然言語処理とかです。多分研究室配属後は自然言語処理の研究をすると思います。


趣味で色々なものを作ったり遊んだりしています。現状フロントエンドの方が得意ですが、ロジックを考えるのが好きなのでサーバサイドのプログラミングもとても好きです。

Skills

大学入学して初めてプログラミングに触れたので、できることがとても多いかというとそうではありません。でも技術自体が好きなタイプなので新しいことを学ぶのは特に抵抗が無いです。なのでこれからも色々遊んでいきたいなと思っています。 割と触ったことのあるものが色々あるので、詳細は別ページにまとめています。

よかったら下のボタンを触ってみてください 👇

Works

Portfolio Site

自分のポートフォリオサイトです。 TypeScript + Gatsby.js でサイトの全体を書いていて、ヒーローイメージは react-three-fiber で WebGL から Shader をいじっています。 Netlify CMS を使って管理画面からブログ記事を作成・投稿できます。 さらに MDX(JSX in Markdown)という闇技術で、ブログ記事中でも React コンポーネントを import して使えたりもします。全部載せ感。
test

Events

様々なイベントへの参加録です。

  • 学生 LT in 名古屋工学学院専門学校 LT
  • SILT2019
  • teamLab Summer Intern 2019 パッケージチーム
  • ISUCON9 予選
  • ALife Game Jam 2019
  • ICPC2019 国内予選