Yoichi Kobayashi
@ykob0123
Followers
2,216
Following
132
Media
840
Statuses
29,249
限界ウェブフロントエンド開発者。2024年はRemixとPrismaに触れる機会が多いです。副業はコスト11000円/時間からお引き受けしています。
Tokyo, Japan
Joined September 2011
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
Ohio
• 633903 Tweets
Apple
• 600675 Tweets
James Earl Jones
• 549163 Tweets
Springfield
• 410433 Tweets
Haitians
• 362200 Tweets
Wayne
• 306485 Tweets
iPhone16
• 289133 Tweets
Kendrick
• 264289 Tweets
Rest in Peace
• 165510 Tweets
Nicki
• 157950 Tweets
Kerem
• 137266 Tweets
Tyreek
• 126532 Tweets
Darth Vader
• 124120 Tweets
Cops
• 119332 Tweets
Star Wars
• 105738 Tweets
Jets
• 73133 Tweets
Fassi
• 63863 Tweets
SIEMPRE FURIA SCAGLIONE
• 62040 Tweets
Mufasa
• 57107 Tweets
49ers
• 53714 Tweets
The Lion King
• 52587 Tweets
Field of Dreams
• 51169 Tweets
Tapia
• 40940 Tweets
#WWERaw
• 39715 Tweets
The Sandlot
• 23087 Tweets
対象作品
• 21686 Tweets
Aaron Rodgers
• 18218 Tweets
Coming to America
• 17542 Tweets
Mr. Jones
• 16020 Tweets
ガチャチケット
• 14595 Tweets
#部長K
• 13820 Tweets
#LINEマンガガチャ
• 13716 Tweets
Rest in Power
• 13089 Tweets
#MartinFierro
• 10932 Tweets
I renewed my profile site to try how to make a website that has a lot of 3D effects with three.js and Vue-CLI.
#javascript
#vue
#webgl
#threejs
16
95
509
I've updated my demo "crystal". I added the interaction to rotate the camera with d&d, the fog objects on the background, and the bloom effect. I think it finalized. It is completed.
#javascript
#webgl
#threejs
11
34
310
I'm making a new sketch "crystal". I've published it but I intend to brush-up it more. For instance, adding some interactions, or some objects that make the crystal stand out.
#javascript
#webgl
#threejs
4
40
211
I made a new sketch. It's like Onibi/鬼火. I got a hint of this from DragonBall's game.
#webgl
#threejs
#javascript
2
32
183
My recent project was released. I was in charge of building a WebGL content "Request Viewer" that is 3D Data Visualization.
It was THE STRIPPERS Co. that offered us this great job. Thanks a lot!
#webdev
#javascript
#webgl
#threejs
7
52
164
I made a new demo. It is an image transition function with an effect seems like a paper is burning.
#webgl
#threejs
#javascript
0
14
159
I learned how to use SkinnedMesh, Skeleton, and Bone by creating a fireball tail.
#javascript
#webgl
#threejs
#glsl
2
21
155
1
41
140
I've updated my demo "planet". added clouds. I considered what geometry I should use to make clouds. Eventually, I used THREE.BoxBufferGeometry and Noise.
#webgl
#threejs
#javascript
1
16
123
I tried to develop three.js demo use with BodyPix and webcam. But it looks rough and heavy.
#threejs
#TensorFlowJS
#BodyPix
2
16
120
I made an object that has refraction of light like glass. I distorted the frame buffer of the landscape with normals. But it is Fake. The glass does not include other glass in the refracted image. I have no idea how to resolve it.
#webgl
#threejs
#javascript
4
10
115
We have launched a new microsite. You can vote to your favourite movies that are released in 2018.
I made the site with three.js and Vue.js but I was able to get so fast speed and performance.
#webdev
#javascript
#webgl
#threejs
3
17
103
My recent work was released.
I was in charge of a part of WebGL developing that transforms various geometry to the plane mainly.
The company "Maboroshi" () introduced me to this work. Great thanks!
#webgl
#threejs
#javascript
1
19
102
「Figma初学者がAutoLayoutを理解するのが難しい」という話を聞き「リキッドレイアウトのデザインをするときいつもどういうイメージでやってるんだ？」という感想を持ちましたが、もしかすると大半のデザイナーはリキッドレイアウトを意識しなくても通用しているのかもしれないなと考えました。
1
5
82
I uploaded my new webcam demo site made with three.js and tensorflow.js under my domain. It is incomplete and full of bugs still more, but you can play a minimum.
#webgl
#threejs
#tensorflowjs
1
15
81
Just four years ago, I made and launched my sketch site. At first, I couldn't write any shader, and I didn't understand about Vector and Matrix too. Now I recognize the importance of continuing. I intend to make new sketches in the future also.
2
15
72
やっぱりこの本、いまSaaS開発してるフロント屋とデザイナーは全員読まないとダメだな。分厚いけど、内容一つ一つはそこまで難しくないし、マークアップの重要性を再認識させてくれる。
0
13
65
I'm playing with some self-made textures. It is so fun and also extends the range of my WebGL expression. Right away, I've created sun without Perlin Noise.
#javascript
#webgl
#threejs
0
14
61
よくあるブラウザサイズにセクション固定してwheelで動かす系のやつを仕事でやるかもしれなかったので、クラスを作りました。ご査収ください。
2
8
58
海外と仕事すると動作の説明に際して当たり前のようにデザイナーがCINEMA 4Dとか使ってvideoのモックを作ってくれたり、3Dレンダリングをどうやったかの詳細を教えてくれたりするので、国内のデザイナーにもそういう人が増えてくれたらいいのにと思いました。
0
13
52
CSSでかっこいいアニメーションを実装するコツの1つは、class1つを付け替えるのではなく、null / on / off という3パターンで制御することです。
0
8
50
I've added some loud objects to my sketch "webcam". These animate in conjunction with face detection.
#webgl
#threejs
#javascript
0
9
46
It attaches a simple glitch effect with only using a noise image and adjusting texCoord.
#javascript
#webgl
#threejs
0
4
44
こういうランダムウォークなパーティクルをゼロからライブラリ使わず4時間で書ける人がいたらよほどのことがない限り即採用するくらいのレベル感です。よろしくお願いいたします。
0
9
45
24歳で子供を作れば自分が36歳になるころには子供は小6でもう勝手に遊ぶようになり、親は自分の仕事に専念しやすくなる。キャリアの高まる時期に子供が育っているというのが理想だということを私の周りの大人は教えてくれなかったので、私は伝えていくようにしたい。
0
21
43
I saw the fog object made with WebGL at Awwwards recently. Because that was such a good effect, I have tried to imitate.
#javascript
#webgl
#threejs
0
4
44
生まれてはじめてQiitaが役に立った。学がなくてもコピペでglslでクオータニオン回転できる。glsl使う広告系フロント屋は全員LGTMしたほうがいい。
0
4
43
業界の偉大な先人に「WebGLやってもなかなか儲からないんですがどうしたらいいでしょうか」と質問したら「Unityやったほうがいいよ」という至言をいただいたので、今日からUnityやります。
0
9
42
1
10
39
透過pngをWebGLのテクスチャに利用してtransparent: trueで透かすとフチが黒くなっちゃうので、マスクも含めたjpgにしてフラグメントシェーダで透過したほうがキレイに描画できますよ。画像ファイルも軽くなります。
0
4
41
My latest project released.
I was responsible for developing Front-End and WebGL.
#webdev
#javascript
#webgl
#threejs
2
5
40
filter: blurの値を直接操作するやり方でアニメーションさせると処理が大変重いので、予めblurがかかっているテキストとそうでないテキストを重ねておいて、互いの線形補間をズラしてopacityの操作で消していくこのやり方、上手すぎて感心してしまった。
1
2
36
three.jsの仕事、だいたい打診が来た時点でディレクターやデザイナーが予算の10倍くらい掛かる草案を提示してくるのがパターン化してきて、激萎えで「mp4で作ってvideoで貼ればいいんじゃないですかね？」って返すしかしないので、そのまま話がたち消えるんだよな
0
5
31
iOS15 Safariではブラウザ可視領域の高さ取得にはwindow.innerHeightではなくdocument.documentElement.clientHeightを使ったほうがよいという学びを得ました
0
1
29
0
6
29
I got an award of CSSDA WOTD🎉🎉🎉
Website Of The Day is HASSYADAI Inc.
@hassyadai
by BEES/HONEY INC.
@beeshoneytokyo
& Yoichi Kobayashi
@ykob0123
#webdesign
#webdev
#cssdaWOTD
0
7
42
1
2
27
私はブラック労働を同僚に強いるつもりはさらさらないけど、亀がウサギに勝つにはウサギが寝ている間に歩き続けないといけないことも知っているので、今の若い子はそのジレンマに真っ向から晒されて大変だなと思います。
0
11
26
I've made a new sketch that is named "Buddha".
Letter objects that have a dissolve effect are Hannya Shingyo.
Next, I wonder, I'll try to attach some interaction to this.
#webgl
#threejs
#javascript
1
4
25
psd.js ヤバいー取得したオブジェクトで必要なところ整形してfs.writeFileでjson書き出しすればそのまま頂点配列として使えるーヤバいー震えるー
0
5
26
マジWeb3とNFTどこ行っちゃったんだよ感あるけど、もう少し時間が経ったら別の種類の山師が出始めるだろうから、山師の実例として俺たちはアイツラのことを覚えておかないと
1
20
25
デザイナーもコードわかるべきか問題またはその逆については永久に決着しない話題だけど、数年前と今では状況が違うから話を蒸し返す必要があるし、これまでのウェブデザイナーは成果物への責任のなさを許容され過ぎていたんじゃないかと思えるくらいには絵に描いた餅が多い。
0
3
24
マジ入社してくれる人には手の内全部無料で晒すのでthree.jsとVue.jsをこねくり回したい人は履歴書も職務経歴書もいらないのでCodePenかGitHubのアカウント送ってください。
0
9
24
ウェブ業界に席を置く社会人は経営者含めすべからくMarkdownを書けるようになってほしいと思い続けてもう数年が経ちましたが、その世界線はどこにも存在しないのかもしれません。
0
9
24
この世界に足を踏み入れて苦節14年、初めての名誉らしい名誉。若手に大きく遅れを取りながらも、やっとウェブでひとかどの人間になれたという気がします。井関さんに男を上げていただきました。あらためてありがとうございました。
1
1
24
three.jsが提供するモジュールに反射と屈折の像のレンダリングを依存している状態ではありますが、水面ができたので、ライティングの学習は続けつつDepthを使った水際の表現に再挑戦しようと思います。引き続きよろしくお願いいたします。
1
0
23
ウェブ屋、採用する技術や開発手法などが出揃ってきて各社あまり差がなくなり、採用が札束の殴り合いになって、大して能力のない開発が勘違いしだすし市場の拡張に影響しないしでひょっとして状況かなり悪いんじゃないの？という妄想の会話を友人としました
0
1
23
0
4
22
1
2
21
39
1K
5K
0
5
21
I've developed WebGL animation on
@procreate
website.
It's my first job that is offered from overseas. It was a great experience for me.
2
3
20
やっぱWebGL書ける人間が社内に2人しかいないっていうのは限界ありますね。Vue.jsとthree.js書ける人がもう1人いてほしい。いませんか。
1
5
20
今日の分の宿題で「複数のオクターブを利用する」ノイズをbloomに適用したら、なんだかいい感じです。仕事に戻ります。
0
3
18
最近同業の人ともよく話をするんですが、WebGLやglslを書ける人自体は増えてきているうえ、我々はガチ数学勢やガチ3D勢にはどうあがいても勝てないので、ホムペ制作スキルとのハイブリッドで希少価値を出すしか儲ける術はないのだという結論が出ました。
0
1
19