ikeryou Profile Banner
ikeryou Profile
ikeryou

@ikeryou

6,124
Followers
375
Following
1,055
Media
6,906
Statuses

池田亮 / devdev Inc. Founder / Creative Coder / Programmer / web / 富山 /

富山
Joined April 2008
Don't wanna be here? Send us removal request.
Pinned Tweet
@ikeryou
ikeryou
5 months
あけましておめでとうございます!devdev Incのwebサイトをリニューアルしました。クリエイティブコーディング満載な感じになってます。ぜひご覧ください! / Happy new year! The website of devdev Inc, has been renewed, used a lot of “creativecoding”. Please look! /
2
83
638
@ikeryou
ikeryou
2 years
Sketch.265 / / ブラウザ位置を下げるとテキストが読める / #dailycoding #dailyinteractive #creativecoding
6
329
2K
@ikeryou
ikeryou
1 year
Sketch.379 / / 文字だけめくれる / #webgl #threejs #creativecoding
2
78
859
@ikeryou
ikeryou
2 years
Sketch.262 / / リンク部分に物理演算を適応 ラインはWebGL リサイズは未対応、、 / #webgl #threejs #dailycoding #dailyinteractive #creativecoding
4
53
462
@ikeryou
ikeryou
1 year
Sketch.380 / / 雨が上がる的な / #webgl #threejs #creativecoding
2
38
404
@ikeryou
ikeryou
3 years
【法人化のお知らせ】devdev Inc.として法人化しました!デジタル領域という分野で今まで以上にいいものを作り業界に貢献できるよう精進して参ります。何かありましたらなんでもご相談ください!(社名はデヴデヴって読みます)  #webgl #creativecoding #threejs
3
22
385
@ikeryou
ikeryou
1 year
【実績紹介】積水ハウスの戸建て購入者・検討者1,000人が家づくりで気になること・なったことを特集した「家づくりのあるあるFACT BOOK 2022」が公開されました。僕はアニメーションを含む実装全般を担当しました。ぜひご覧ください! #threejs #webgl #creativecoding
1
31
381
@ikeryou
ikeryou
2 years
【実績紹介】BABYMETAL「THE OTHER ONE」のWebサイトが公開されました。僕はフロントエンド実装、背景モーションプログラミングを担当しました。ぜひご覧ください! #threejs #webgl #creativecoding
0
61
329
@ikeryou
ikeryou
2 years
1
30
320
@ikeryou
ikeryou
2 years
0
39
316
@ikeryou
ikeryou
1 year
Sketch.364 / / 絵文字を複数のdivタグに分けて動かす / #css #creativecoding
1
22
301
@ikeryou
ikeryou
2 years
Sketch.266 / / サブモニターに移動するとテキストの内容が変わる(※PCで特定環境のみ) / #dailycoding #dailyinteractive #creativecoding
0
43
288
@ikeryou
ikeryou
2 years
Sketch.287 / / 要素がスクロールしてくるときに何か引っ付いてくるWebサイト / #webgl #threejs #dailycoding #dailyinteractive #creativecoding
0
27
278
@ikeryou
ikeryou
2 years
Sketch.310 / / 液体のやつを1コマずらしたのを後ろに配置 / #webgl #threejs #dailycoding #dailyinteractive #creativecoding
0
23
274
@ikeryou
ikeryou
1 year
あけましておめでとうございます!クリエイティブコーディングで作った作品をまとめる形で自分のサイトをリ��ューアルしました、よかったらぜひ。今年もお仕事頑張りますのでよろしくお願いします! / / #webgl #threejs #creativecoding
1
27
275
@ikeryou
ikeryou
1 year
Sketch.381 / / めくれて読めるテキスト / #webgl #threejs #creativecoding
0
19
266
@ikeryou
ikeryou
2 years
3
20
255
@ikeryou
ikeryou
2 years
2
23
248
@ikeryou
ikeryou
1 year
Sketch.352 / / セグメント数を落とした球体を輪切りにして、角度やスケール、色を順番にずらす / #webgl #threejs #creativecoding
0
18
239
@ikeryou
ikeryou
11 days
at NEORTさん、良すぎてヤバい、やっぱ自由なweb表現はいいなー
0
17
232
@ikeryou
ikeryou
10 months
2023年前半のクリエイティブコーディングまとめ / cssモザイクと文字がめくれるやつはお気に入り #creativecoding #webgl #css
0
17
226
@ikeryou
ikeryou
2 years
1
19
218
@ikeryou
ikeryou
7 months
Sketch.420 / / cssのlinear-gradient vol.5 カラフルver / #creativecoding
1
22
204
@ikeryou
ikeryou
1 year
Sketch.351 / / 球体を輪切りにしたものの角度やスケールを順番にずらす / #webgl #threejs #creativecoding
0
10
200
@ikeryou
ikeryou
1 year
Sketch.334 / / 重なった部分だけ透過されて背景のコンテンツが見れるWebサイト / #webgl #threejs #dailycoding #dailyinteractive #creativecoding
0
11
197
@ikeryou
ikeryou
8 months
挙動はposition:stickyだけど余韻のある感じの使い方おしゃれ。
0
7
197
@ikeryou
ikeryou
11 months
Sketch.393 / / 引き伸ばされる vol.1 / #creativecoding #webgl
0
15
195
@ikeryou
ikeryou
3 years
Hello 2021!! 今年もよろしくおねがいします!👉👉 #creativecoding #WebGL #threejs
1
24
194
@ikeryou
ikeryou
2 years
Sketch.309 / / マウスでもごもごするやつを重ねる / #webgl #threejs #dailycoding #dailyinteractive #creativecoding
0
15
187
@ikeryou
ikeryou
2 years
⚡️3600YAKO GIVEAWAY⚡️ I'm giving away 10 AL SPOTS (Free mint) of a Japanese Yokai NFT collection "3600YAKO" as I'm joining as a gen artist! 10 x🏆AL To Enter ✅Follow: @3600YAKO @ikeryou ✅RT &❤️ ⏰48H #FreeMint #FreeMintNFT #NFTGiveaway #ALGiveaway
37
145
164
@ikeryou
ikeryou
3 years
2
13
176
@ikeryou
ikeryou
7 months
Sketch.425 / / テキストホバー時にLinefontに切り替えて波形っぽい感じにする / #creativecoding
4
16
183
@ikeryou
ikeryou
2 years
sketch.202 / パーティクルでアイコンを作成.05 / #webgl #threejs #dailycoding #dailyinteractive
1
21
173
@ikeryou
ikeryou
1 year
Sketch.335 / / うねうねスクロールバー / #webgl #threejs #dailycoding #dailyinteractive #creativecoding
2
14
171
@ikeryou
ikeryou
2 years
1
9
166
@ikeryou
ikeryou
5 months
丁寧な紹介ありがとうございます🙏🙏 (実はChromeのコンソール画面にもネタを仕込んでました、、、!!)
@h_doxas
h_doxas
5 months
WebGL 総本山を更新しました > あらゆる技術をトリッキーかつポップに使いこなす ikeryou さんの devdev Inc. がウェブサイトをリニューアル - WebGL 総本山
Tweet media one
0
1
26
0
13
158
@ikeryou
ikeryou
11 months
Sketch.394 / / 引き伸ばされる vol.2 / #creativecoding #webgl
1
11
148
@ikeryou
ikeryou
1 year
Sketch.376 / / 不思議ウェーブ / #webgl #threejs #creativecoding
1
11
139
@ikeryou
ikeryou
1 year
2
10
137
@ikeryou
ikeryou
2 months
Sketch.461 / / points move + slit scan / #creativecoding
2
7
137
@ikeryou
ikeryou
2 years
Sketch.273 / / スマホ(iOS)でズームすると手紙の中身がわかる的な / #dailycoding #dailyinteractive #creativecoding
0
10
128
@ikeryou
ikeryou
2 years
Sketch.294 / / 疑似的な障害物があることによるスクロール心地 vol.6 / #webgl #threejs #dailycoding #dailyinteractive #creativecoding
0
14
121
@ikeryou
ikeryou
2 years
0
14
121
@ikeryou
ikeryou
2 years
0
11
119
@ikeryou
ikeryou
8 months
Sketch.414 / / ぼかしのグラデーション / #creativecoding
0
7
118
@ikeryou
ikeryou
2 years
Sketch.269 / / スマホでズームしたら細かくなっていく / #webgl #threejs #dailycoding #dailyinteractive #creativecoding
2
8
117
@ikeryou
ikeryou
10 months
【実績紹介】インターオフィス様のコーポレートサイトがリニューアルされました。僕はKV等のアニメーション実装と一部コーディングを担当しました。ぜひPCとスマホの両端末でご覧ください。 #threejs #webgl #creativecoding
3
10
118
@ikeryou
ikeryou
9 months
Sketch.407 / / explosion vol.01 / #creativecoding #webgl
2
10
116
@ikeryou
ikeryou
2 years
2
8
115
@ikeryou
ikeryou
2 years
1
17
116
@ikeryou
ikeryou
2 years
Sketch.207 / src / テキストを選択したときの背景色をアニメーションさせる / #css #dailycoding #dailyinteractive
2
8
113
@ikeryou
ikeryou
17 days
Sketch.467 / / オフスクリーンレンダリング+スリットスキャン vol.6 / #creativecoding
1
6
113
@ikeryou
ikeryou
1 year
Sketch.369 / / 絵文字を複数のdivタグに分けたやつを物理演算ライブラリで動かす(matter.js) / #css #creativecoding
0
7
110
@ikeryou
ikeryou
2 years
【実績紹介】Renxa株式会社様のコーポレートサイトが公開されました!僕はレファレンス映像を元にしたキービジュアル実装と、一部インタラクション実装を担当しました! #threejs #webgl #creativecoding
1
7
112
@ikeryou
ikeryou
1 year
Sketch.336 / / うねうねスクロールバー 伸びる動きをつけてみる / #webgl #threejs #dailycoding #dailyinteractive #creativecoding
0
13
110
@ikeryou
ikeryou
2 years
1
8
109
@ikeryou
ikeryou
2 years
Sketch.324 / / 丸を連続した入れ子構造に。くねくねさせる。 / #webgl #threejs #dailycoding #dailyinteractive #creativecoding
1
11
108
@ikeryou
ikeryou
10 months
【実績紹介】カオナビ様の意志と人材情報を集約した、人的資本 特設サイト「kaonavi universe」が公開されました。僕はTOPページのフロント実装を担当してます、ぜひPCとスマホの両端末でご覧ください。 #threejs #webgl #creativecoding
0
9
107
@ikeryou
ikeryou
2 years
1
8
106
@ikeryou
ikeryou
2 years
1
12
104
@ikeryou
ikeryou
3 months
coolすぎ
@KMkota0
Xavier (Jack)
3 months
i don't usually write css... but when i do: ... i create a dynamic scrollbar
187
287
5K
0
2
104
@ikeryou
ikeryou
11 months
Sketch.397 / / グーチョキパー / #creativecoding #webgl
1
11
105
@ikeryou
ikeryou
1 year
Sketch.348 / / STUDIO DETAILSさんTシャツコーディングチャレンジ vol.1 まずはシンプルに線を重ねるだけ、たぶんもっとうねりは大きいはず、、 / #webgl #threejs #creativecoding
1
5
104
@ikeryou
ikeryou
1 year
Sketch.349 / / STUDIO DETAILSさんTシャツコーディングチャレンジ vol.2 うねりを大きく、微妙にモアレっぽいのが見えるように、線の太さをレイヤーで分ける、角度とタイミングによってはかなり近づくときがある気がする、、 / #webgl #threejs #creativecoding
2
6
101
@ikeryou
ikeryou
3 years
0
6
101
@ikeryou
ikeryou
2 months
Sketch.454 / / 一部モザイク三角形化、丸ver / #creativecoding
0
12
98
@ikeryou
ikeryou
4 years
0
10
95
@ikeryou
ikeryou
1 year
Sketch.350 / / STUDIO DETAILSさんTシャツコーディングチャレンジ vol.3 黒いラインを追加、オリジナルで登場モーション追加 / #webgl #threejs #creativecoding
1
4
98
@ikeryou
ikeryou
1 year
Sketch.356 / / GLSLを使わないなんちゃってドット絵モーション / #css #creativecoding
0
4
97
@ikeryou
ikeryou
1 year
2
8
96
@ikeryou
ikeryou
2 years
Sketch.267 / / バーコード的なのをモニターの左側にさっと通すと秘密のメッセージが見れる(※PCのみ) / #dailycoding #dailyinteractive #creativecoding
0
15
95
@ikeryou
ikeryou
2 years
0
11
96
@ikeryou
ikeryou
8 months
Sketch.418 / / cssのlinear-gradient vol.3 angle位置をラインで分かるように、白黒メイン、重ねずに揃える / #creativecoding
1
10
94
@ikeryou
ikeryou
1 year
Sketch.361 / / 複数のdivタグで一つのテキストに見えるようにしてマウスが近づくと離れる動き。 / #css #creativecoding
0
6
91
@ikeryou
ikeryou
2 years
0
14
90
@ikeryou
ikeryou
1 year
Sketch.353 / / セグメント数を落としたConeGeometryを輪切りにして、角度やスケール、色を順番にずらす / #webgl #threejs #creativecoding
1
5
92
@ikeryou
ikeryou
2 years
Sketch.271 / / スマホ(iOS)でズームするとだんだん読めるようになるWeサイト / #dailycoding #dailyinteractive #creativecoding
0
9
89
@ikeryou
ikeryou
2 years
【実績紹介】NTT西日本 新卒採用WEBサイトが公開されました。僕はキービジュアルのアニメーション実装を担当しました。ぜひご覧ください。 #threejs #webgl #creativecoding
0
8
89
@ikeryou
ikeryou
3 years
0
15
87
@ikeryou
ikeryou
1 year
Sketch.358 / / 複数のdivタグ内のテキストの位置をずらして一つのテキストに見えるように。その要素の色とblur値をランダムに変えてテキストの一部分が変化したようにみせる。 / #css #creativecoding
0
3
88
@ikeryou
ikeryou
3 years
0
9
82
@ikeryou
ikeryou
2 years
Sketch.226 / / いろんなinput要素で自由に線を書く(type="color"いいな。。) / #css #creativecoding #dailycoding #dailyinteractive
0
12
82
@ikeryou
ikeryou
1 year
Sketch.355 / / overflow:hiddenした複数のdiv内のimgのscaleをめっちゃ伸ばしてGLSLを使わないなんちゃってモザイク / #css #creativecoding
0
2
84
@ikeryou
ikeryou
1 year
Sketch.360 / / 複数のdivタグで一つのテキストに見えるようにしてマウス位置によってそれぞれ独立して動かす / #css #creativecoding
0
6
84
@ikeryou
ikeryou
1 year
0
8
81
@ikeryou
ikeryou
3 months
Sketch.453 / / 一部モザイク三角形化(写真はdist42で撮ってもらった僕) / #creativecoding
0
5
82
@ikeryou
ikeryou
7 months
Sketch.419 / / cssのlinear-gradient vol.4 angle位置のラインを太くして円形にmix-blend-mode: differenceで重ねる / #creativecoding
0
8
82
@ikeryou
ikeryou
7 months
Sketch.422 / / cssのlinear-gradient vol.7 drop-shadow入れてみる / #creativecoding
0
7
79