Upgrade to Pro — share decks privately, control downloads, hide ads and more …

【東北工大ソフトウェア技術研究会 夏休みLT企画】p5.jsを使って ポートフォリオ作ってみた

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Dai Aoki Dai Aoki
September 21, 2024
Programming
0
71

【東北工大ソフトウェア技術研究会 夏休みLT企画】p5.jsを使って ポートフォリオ作ってみた

東北工業大学ソフトウェア技術研究会 夏休みLT企画で発表
Github : https://github.com/Aoki-Dai/dai-portfolio
URL : https://aoki-dai.github.io/dai-portfolio/

Avatar for Dai Aoki

Dai Aoki

September 21, 2024
Tweet

More Decks by Dai Aoki

See All by Dai Aoki
【1on1面談】自己紹介プレゼンテーション
Avatar for Dai Aoki aokidai27
0
43
【技育展2024 二回戦発表資料】サークルなう
Avatar for Dai Aoki aokidai27
0
31
【技育展2024 一回戦発表資料】サークルなう
Avatar for Dai Aoki aokidai27
0
29
【技育CAMPハッカソン Vol.11 発表資料】「3 DaysToDo」
Avatar for Dai Aoki aokidai27
0
29

Other Decks in Programming

See All in Programming
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
Avatar for mackey0225 mackey0225
3
390
AIによる高速開発をどう制御するか？ ガードレール設置で開発速度と品質を両立させたチームの事例
Avatar for tonkotsuboy_com tonkotsuboy_com
7
2.4k
2026年 エンジニアリング自己学習法
Avatar for yumechi(Motoki Hirao) yumechi
0
140
組織で育むオブザーバビリティ
Avatar for ryotaro kobayashi ryota_hnk
0
180
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
Avatar for nash_efp nash_efp
1
1k
生成AIを使ったコードレビューで定性的に品質カバー
Avatar for Chiaki Okamoto chiilog
1
280
Metaprogramming isn't real, it can't hurt you
Avatar for Masafumi Okura okuramasafumi
0
100
24時間止められないシステムを守る-医療ITにおけるランサムウェア対策の実際
Avatar for kouki.miura koukimiura
1
130
例外処理とどう使い分ける？Result型を使ったエラー設計 #burikaigi
Avatar for Takuma Kajikawa kajitack
16
6.1k
OSSとなったswift-buildで Xcodeのビルドを差し替えられるため 自分でXcodeを直せる時代になっている ダイアモンド問題編
Avatar for yimajo yimajo
3
630
要求定義・仕様記述・設計・検証の手引き - 理論から学ぶ明確で統一された成果物定義
Avatar for Kuniwak orgachem
PRO
1
250
Fluid Templating in TYPO3 14
Avatar for Simon Praetorius s2b
0
130

Featured

See All Featured
Visualization
Avatar for Eitan Lees eitanlees
150
17k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
260
Claude Code のすすめ
Avatar for schroneko schroneko
67
210k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
8k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
0
360
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.2k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
440
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
0
210
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
140
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
240
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k

Transcript

  1. p5.jsを使って ポートフォリオ作ってみた 情報通信工学科3年　青木大 東北工業大学 ソフトウェア技術研究会 夏休み企画

  2. 自己紹介 青木大 情報通信工学 3年 最近は就活やってる

  3. p5.jsとは クリエイティブコーディングに最適な JavaScriptライブラリ グラフィックやアニメーションを簡単に 実装可能 Webサイトをより動きのあるデザインに できる

  4. ポートフォリオサイトの紹介 デモンストレーション

  5. まとめと今後の展望 p5.jsを使うことで視覚的に豊かな表現 ができる 動きのある要素が見る人に楽しさを与える もっと情報や動きを充実させた ポートフォリオを作っていきたい