Keita Yamada Profile Banner
Keita Yamada Profile
Keita Yamada

@P5_keita

Followers
7,491
Following
751
Media
230
Statuses
2,013

Freelance Website Creator クリエイターのためにWebサイトを作る活動をしています。 お問合わせ

日本
Joined July 2015
Don't wanna be here? Send us removal request.
Explore trending content on Musk Viewer
Pinned Tweet
@P5_keita
Keita Yamada
17 days
おしらせ Mika Pikazoさんの個展「UNDER VOYAGER」の特設サイトを制作させていただきました! 5月10日〜6月1日開催です!
8
42
321
@P5_keita
Keita Yamada
1 year
みかんの中に小みかんがあった。こんなことあるんだ。
Tweet media one
3
166
3K
@P5_keita
Keita Yamada
4 years
A colorful book seen through a plastic bottle ペットボトル越しに見るカラフルな本
Tweet media one
Tweet media two
Tweet media three
Tweet media four
3
243
2K
@P5_keita
Keita Yamada
1 year
クリエイターのためにWebサイトを作る活動をしてます。 #画像を4枚晒したらrtがきてフォロワーがぶわーって増えると聞いて
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
168
2K
@P5_keita
Keita Yamada
5 years
Finally ! I made crystal distortion effect. No 3D model. #webgl #threejs #glsl
12
88
907
@P5_keita
Keita Yamada
2 years
My new portfolio website is now open. 個人での実績をまとめたポートフォリオサイトを公開しました。 これ以上何を足すことも引くこともできないデザインにできたようが気がします。 (リプライで制作語りします)
Tweet media one
Tweet media two
7
71
804
@P5_keita
Keita Yamada
3 years
3
53
704
@P5_keita
Keita Yamada
10 months
おしらせ 昨年のREVENGE POPに続き、Mika Pikazoさんによる個展、ILY GIRLの特設サイトのデザイン/実装を担当させていただきました。 ぜひご覧ください!
4
94
693
@P5_keita
Keita Yamada
2 years
おしらせ 2名のクリエイターのポートフォリオサイトを同時公開。 イラストレーター/デザイナーのパンチさん( @punch6789 )、イラストレーターのSOLANIさん( @drawing_account )のポートフォリオサイトを制作させて頂きました。 PUNCH SOLANI
Tweet media one
Tweet media two
3
104
671
@P5_keita
Keita Yamada
5 years
4
44
652
@P5_keita
Keita Yamada
2 years
5
38
573
@P5_keita
Keita Yamada
9 months
おしらせ Midnight Grand Orchestra 2nd Mini Album “STARPEGGIO” 特設サイト、デザインと実装担当させて頂きました! Art Direction: PUNCH( @punch6789 )
Tweet media one
@M_G_Orchestra
Midnight Grand Orchestra
9 months
2023.12.13 Release 2nd MINI ALBUM『Starpeggio』 Starpeggio Special site
Tweet media one
Tweet media two
15
2K
5K
1
107
572
@P5_keita
Keita Yamada
2 years
おしらせ Mika Pikazo ( @MikaPikaZo ) さんによる個展"REVENGE POP"にて、特設サイト制作を担当させて頂いています。 Mikaさんのアニメーション超絶かっこいいのでぜひPCでご鑑賞ください!
Tweet media one
3
67
541
@P5_keita
Keita Yamada
3 years
2
44
531
@P5_keita
Keita Yamada
2 years
最高のイラストに最高のロゴ乗っけてWebサイト上でぐねらしたりグリッチさせたりするお仕事、幸せすぎました。まじ天職。 かっこいいカット置いておきます。 #REVENGEPOP
Tweet media one
Tweet media two
1
40
459
@P5_keita
Keita Yamada
3 years
7
57
435
@P5_keita
Keita Yamada
1 year
よ過ぎ
Tweet media one
3
2
318
@P5_keita
Keita Yamada
10 months
おしらせ BNN様のWebサイトがコーポレートサイト兼ECサイトとしてリニューアルしました!デザイン/実装/EC対応などなど諸々まるっと担当させて頂きました。 クリエイター向け書籍を多数出版されているので、全クリエイター見てください。
Tweet media one
Tweet media two
Tweet media three
3
36
318
@P5_keita
Keita Yamada
4 years
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
31
294
@P5_keita
Keita Yamada
5 years
Implemented pseudo thin film reflection. Check live here 👉 #webgl #threejs #glsl
4
26
256
@P5_keita
Keita Yamada
2 years
css変数、jsと組み合わせたらアニメーションの設計方針変わるくらい便利かも。bodyに--progressみたいな変数作ってそれをgsapとかで0 → 1にアニメーションしておけば、わざわざjsで要素取得してstyleいじらなくても要素のcssに opacity: var(--progress); って書くだけでアニメーションできる。
1
29
255
@P5_keita
Keita Yamada
1 year
REVENGE POPの続報出ました!Webデザインも新ビジュアルに合わせて変更してます。
@MikaPikazo_info
Mika Pikazo個展「UNDER VOYAGER」 INFO
1 year
◤ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄◥ 第二弾メインビジュアル公開 ◣____________◢ 第二弾メインビジュアル「POP」が公開。 公式サイトも大胆に変化を遂げました どうぞお楽しみください。 Webデザイン:Keita Yamada( @P5_keita #REVENGEPOP #MikaPikazo
Tweet media one
0
117
664
1
13
224
@P5_keita
Keita Yamada
4 years
After several months work, I could release the new version of Web Graphic Experiments. My experiments are going on. グラフィックデザイン実験をしていたサイトをリニューアルしました。 Google Chrome recommended. #WebGL #threejs
6
30
229
@P5_keita
Keita Yamada
5 years
So interesting. This will be experiment day28. 😊😊😊 #webgl #threejs #glsl
3
17
227
@P5_keita
Keita Yamada
2 years
おしらせ 現在所属しているBees&Honeyを年内で退職し、フリーランスのWebサイト制作者になります。 よろしくお願いします! ご依頼は下記ページからお願いします。 ポートフォリオ
1
9
209
@P5_keita
Keita Yamada
4 years
two buttons with different adhesive power
2
11
212
@P5_keita
Keita Yamada
3 years
I made a portfolio website for the painter Yoshiki ( @sashimimoyashi ). I designed the website to enhance the beauty of his works and make you feel like you are viewing them in the real world. Logo Design: @eins_blue Website: @P5_keita
7
25
197
@P5_keita
Keita Yamada
1 year
my favorite interactions I’ve ever made お気に入りのインタラクション
2
17
193
@P5_keita
Keita Yamada
6 months
ポートフォリオサイトがほしい全クリエイターに認知してほしい...
0
16
191
@P5_keita
Keita Yamada
5 years
Created 3D gradient text. Web Graphics Experiments Day 031 “MADNESS“ #webgl #threejs #glsl
1
14
181
@P5_keita
Keita Yamada
3 years
2
20
182
@P5_keita
Keita Yamada
3 months
おしらせ モーショングラフィックスデザイナー、ふにゃさん( @funya )のポートフォリオサイトを制作させていただきました。
0
17
182
@P5_keita
Keita Yamada
4 years
I made a web portfolio site for buōy ( @ryde001 ), illustrator and animator in Japan. #WebGL #threejs
6
18
175
@P5_keita
Keita Yamada
5 years
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
34
173
@P5_keita
Keita Yamada
4 years
Adaptive Precision
7
23
166
@P5_keita
Keita Yamada
5 years
This looks like I'm looking through random cut diamond. #webgl #threejs #glsl
2
6
169
@P5_keita
Keita Yamada
5 years
Hey, here is the live crystal distortion demo I made. I can’t believe this is rendered in real time. Hope you like it. Web Graphics Experiments Day 028「ZERO TO ONE」 #webgl #threejs #glsl
5
23
168
@P5_keita
Keita Yamada
2 years
クレジット簡単に紹介させていただきます。詳細なクレジットは特設サイトをご確認ください。今後もアップデートされていきます! 主催・イラストレーション @MikaPikazo ロゴデザイン @Asteroid0000
Tweet media one
1
22
166
@P5_keita
Keita Yamada
1 year
Midnight Grand Orchestra( @M_G_Orchestra ) 1st Live “OVERTURE” Blu-Ray/DVDの特設サイトを制作させて頂きました! Logo & Package Design: PUNCH
1
31
163
@P5_keita
Keita Yamada
5 years
Web Graphics Experiments Day 029「Hypothesis」 #webgl #threejs #glsl
1
14
157
@P5_keita
Keita Yamada
2 years
⚡New Work⚡ I created a gallery site based on illustrator PUNCH's book "HOLO". Artworks & Logo: PUNCH ( @punch6789 ) Website: Keita Yamada
3
23
160
@P5_keita
Keita Yamada
2 years
Grid System PUNCH Columns: 12 Margin: 10 SOLANI Columns: 12 Margin: 80
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
16
157
@P5_keita
Keita Yamada
3 years
I think I found good one.
Tweet media one
1
14
155
@P5_keita
Keita Yamada
2 years
ᴄᴏᴍɪɴɢ ᴛᴏᴍᴏʀʀᴏᴡ 9ᴘᴍ
Tweet media one
Tweet media two
1
17
148
@P5_keita
Keita Yamada
8 months
大好きなPP Neue Montrealを使っていたポートフォリオ、PP Neue Montreal Monoがリリースされたので息抜きにMonospacedテーマ実装した。
Tweet media one
Tweet media two
1
6
145
@P5_keita
Keita Yamada
2 years
作ったサイトのスクロールやカーソルの動きの感触が「生活の中で感じる摩擦や抵抗に近い」という感想をもらって嬉しかった。ブラウザのスクロールを無効化して、「力を与えた物体が抵抗力を受けて減速しやがて静止する」という物理的な運動を模倣して作ってる。
2
4
140
@P5_keita
Keita Yamada
2 years
デザイン、数時間でバチバチに良いのができたり、1年かかったり、なんもわからん。
0
2
134
@P5_keita
Keita Yamada
3 years
0
9
126
@P5_keita
Keita Yamada
2 years
2個しか無いけどCode Breakdownの再生リストです。 第1回でthree.js使ったグラフィックデザインの作り方 第2回pixi.js使ったクリエーティブコーディング的なやつを話しました。 この2回に僕の今までの経験がギュウギュウに詰まってるような気がします。応援してくれ〜
0
15
124
@P5_keita
Keita Yamada
4 years
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
10
120
@P5_keita
Keita Yamada
1 year
おしらせ フォトグラファーのyansuKIMさんのポートフォリオサイトを制作させて頂きました。ぜひ御覧ください。 Webサイトを見ていると、もしかしたらヤンスさん家のあの子が会いに来てくれるかもしれません。 🐈🐾🐾
Tweet media one
1
16
123
@P5_keita
Keita Yamada
3 years
Playground 007 Applied height map value (calculated by GPUComputationRender) to Canvas2D texts #threejs #webgl #glsl
2
17
119
@P5_keita
Keita Yamada
3 years
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
8
115
@P5_keita
Keita Yamada
9 months
実績増えていく感覚気持ちいいね
Tweet media one
1
4
114
@P5_keita
Keita Yamada
3 years
My New Work @beeshoneytokyo I made a new website for PAN- PROJECTS, an architectural design studio based in London. ロンドンに拠点を置くデザインスタジオ、PAN- PROJECTSのウェブサイトのリニューアルを担当しました。 Design & Development: me
1
5
113
@P5_keita
Keita Yamada
2 years
僕の雑な観測ではあるけれど、Canvas 2D(not WebGL)侮られてる気がする。もっと2Dのパフォーマンス信じていいですよという例。大量に画像表示したいだけならWebGLより楽。 ・PAN-PROJECTSギャラリーページ ・HOLO.gマウスホバー時の画像表示演出
Tweet media one
Tweet media two
1
12
111
@P5_keita
Keita Yamada
5 years
Summary of Day026-Day030. I totally enjoyed fake distortion effect like looking through glass material. I was able to improve my coding skill very much. #webgl #threejs #glsl
0
12
108
@P5_keita
Keita Yamada
2 years
Playground 008 Flip Type #threejs #webgl #gsap
2
6
107
@P5_keita
Keita Yamada
4 years
Published a gallery site where you can see 100 poetries created by Notty ( @re_notty ) Enjoy his amazing work. 100 Poetries: @re_notty Web Site: @P5_keita #webdesign #typography #webgl #GLSL
3
15
102
@P5_keita
Keita Yamada
2 years
28歳になりました
Tweet media one
13
0
98
@P5_keita
Keita Yamada
3 years
So proud of being nominated for independent of the year 2020. Thanks! @AWWWARDS Awwwardsにて2020年に活躍した個人の一人にノミネートして頂きました。 世界中から40人選ばれ、日本からは僕とNathan Taylorさんがノミネートされています。 やったね~。
1
10
98
@P5_keita
Keita Yamada
3 years
Web Graphic Experiments Day 034 “Noise Addict” #WebGL #threejs #glsl
Tweet media one
2
7
94
@P5_keita
Keita Yamada
3 years
wip
0
5
94
@P5_keita
Keita Yamada
3 years
micro interaction for my next project I’m currently working on
2
1
93
@P5_keita
Keita Yamada
8 months
29歳なった〜🤮
22
1
92
@P5_keita
Keita Yamada
17 days
Tweet media one
Tweet media two
1
8
92
@P5_keita
Keita Yamada
5 years
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
3
92
@P5_keita
Keita Yamada
4 years
Tweet media one
0
5
86
@P5_keita
Keita Yamada
4 years
so sick
1
8
78
@P5_keita
Keita Yamada
5 years
Hi, #PortfolioDay I’ve been posting moving graphic design rendered in realtime on my web site. Check live here 👉 Desktop Google Chrome recommended. #webgl #threejs
1
9
79
@P5_keita
Keita Yamada
8 months
フリーランスになって無事1年経ちました! お仕事ご依頼頂いた方ありがとうございました! 年内のご依頼の募集は現在停止しています。24年度以降制作着手のご依頼があればお問い合わせください!
0
2
80
@P5_keita
Keita Yamada
3 months
何いってんだこいつと思われるだろうけど、僕が作ったサイトのスクロールは、到達目標スクロール値と現在のスクロール位置を仮想的なバネで繋げて臨界減衰で目標スクロール値に向かう処理をしている
Tweet media one
1
2
79
@P5_keita
Keita Yamada
4 years
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
5
77
@P5_keita
Keita Yamada
2 years
本当はWebサイト制作者じゃなくて料理人になりたいよ俺は
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
3
76
@P5_keita
Keita Yamada
2 years
ページメニューボタンが動くなんて普通押しにくくなりそうな気がするけど、この例ではカーソルのy座標にぴったりくっついてくるからユーザーはカーソルの水平移動しか気にしなくて良くなって、実はテキストが小さくても押しやすくなっている。(これは作ってから気づいた)
1
9
78
@P5_keita
Keita Yamada
4 years
exploring smooth transition
0
1
72
@P5_keita
Keita Yamada
1 year
デザイナー飯会をやりました。デザインの話は全然しなかったけど。 献立 ・炊き込みごはん ・揚げ出し豆腐 ・豚の角煮 ・だし巻き卵 ・きのこの胡麻和え
Tweet media one
Tweet media two
Tweet media three
Tweet media four
4
1
70
@P5_keita
Keita Yamada
3 years
0
6
72
@P5_keita
Keita Yamada
1 year
Code Breakdown3つ、JavaScriptもあんまりわかんないって状態だと理解するの難しいだろうけど、こういうの作れるようになったらくそ楽しいから。頑張って。
3
2
69
@P5_keita
Keita Yamada
1 year
これ小さくて形維持出来てないけど孫みかんなのでは?
0
3
66
@P5_keita
Keita Yamada
9 months
またHOLO.gみたいな制作したい
1
8
70
@P5_keita
Keita Yamada
5 years
0
6
66
@P5_keita
Keita Yamada
3 months
パンチさんにもらっちゃった! デカさは正義。
Tweet media one
1
1
67
@P5_keita
Keita Yamada
3 years
me finding favorite colors randomly #webgl #threejs
3
1
66
@P5_keita
Keita Yamada
1 year
大変光栄なことに、「融けるデザイン」10刷を記念したイベントでお話させていただく機会を頂きました。是非参加ください!
@BugNews
BNN, Inc./ビー・エヌ・エヌ
1 year
【配信トークイベント・1/25】『融けるデザイン』重版10刷記念イベント「自己帰属感はどのようにUIに実装されたのか?」 本書で語られる「自己帰属感」について、またこれからのUIデザインについて、本書著者 渡邊恵太氏と、かまぼこ氏、Keita Yamada氏が語り合います。
Tweet media one
0
20
120
2
4
65
@P5_keita
Keita Yamada
2 years
息抜きコーディング Variable Font Experiment #01
1
3
63
@P5_keita
Keita Yamada
4 years
Made a demo using pixi.js
2
4
62
@P5_keita
Keita Yamada
3 years
Tweet media one
Tweet media two
Tweet media three
0
3
62
@P5_keita
Keita Yamada
2 years
1
8
61
@P5_keita
Keita Yamada
4 years
1
4
60
@P5_keita
Keita Yamada
5 years
these are my favorite #generativeart I made with #processing I should remake my portfolio to show all of them. need more time.😂😂😂
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
4
60