Popular
-
【超入門】React Three Fiber × Drei × TypeScript!標準オブジェクトで作る3D表現の基本
3Dデザインは、今やゲーム開発だけでなく、ウェブサイトや次世代インターフェースの世界でも大きな注目を集めています。その魅力的な世界を「自分でも作りたい!」と思ったことはありませんか? でも、「3Dって難しそう」と感じる人も多いはず。従来のThre... -
【CVE-2016-1531】Exim 4.84.3の脆弱性を利用した特権昇格をやってみた。TryHackMe Linux PrivEsc Writeup Part6
今回は、「CVE-2016-1531 Exim 484.3の脆弱性を利用した特権昇格」をやってみます。ターゲットマシンは、TryHackMeの下記のRoomを利用します。「TryHackMe-Linux PrivEsc:https://tryhackme.com/room/linuxprivesc」 こちらの記事は、Part6になります。Tr... -
【超簡単】React Three Fiber x Drei x TypeScript入門!標準オブジェクトで作るポケポケ風3D背景!
最近のWebアプリ開発では、3Dグラフィックス を活用するケースが増えてきました。特に、React Three Fiber(R3F) を使えば、React のコンポーネントとして手軽に Three.js を扱うことができます。 今回は、Three.js のラッパーライブラリ Drei も活用しな... -
【徹底解説】React Three Fiber × TypeScriptで学ぶ!3DオブジェクトのTransform(Position, Rotation, Scale)実践ガイド
3Dアプリ開発で避けて通れないのが オブジェクトの「位置 (Position)」「回転 (Rotation)」「スケール (Scale)」の操作 です。React Three Fiber(R3F)を使えば、React のコンポーネントベースの仕組みを活かしながら、直感的に 3D シーンを構築できます... -
Cloudflare Tunnelを利用して、Ubuntu自宅サーバー(Docker)を公開する!
元々、XServer VPSを利用していたのですが、メモリ不足のため運用コストがかかりすぎていたので、自宅PCをサーバーにして「Cloudflare Tunnel」で公開していこうと思います。 自宅サーバー用に利用したのは、下記のPCです。最近流行りのミニPCというやつで... -
【超入門】初心者でも簡単!ViteでTypeScript x React Three Fiberの3D環境を構築しよう!
最近のウェブでは、インタラクティブで美しい3D表現を目にする機会が増えてきました。例えば、3Dアニメーションの背景やゲーム風のデザイン、さらには次世代のインターフェースまで。これらは、一見すると「高度な技術が必要」と思われがちですが、React T... -
【CVE-2015-3306】共有の Samba を列挙、proftpd の脆弱なバージョンを操作、パス変数操作で権限昇格してみた!TryHackMe Kenobi Writeup
今回は、共有の Samba を列挙、proftpd の脆弱なバージョンを操作、パス変数操作で権限昇格していきます。「TryHackMe-Kenobi:https://tryhackme.com/room/kenobi」 解説は、ネタバレになりますので、注意してください。 事前準備 まずは、「Start Machin... -
Bolt.new徹底解説!実際にAIでReactアプリを爆速制作してみた!コード不要の新時代ツールとなるか?
「アプリ開発に挑戦したいけど、プログラミングに自信がない…」「もっと簡単にアプリを作れたらいいのに」と思ったことはありませんか?そんな方にぴったりなのが「Bolt.new」。このツールを使えば、コードを書くことなく直感的にアプリ開発を楽しむことが... -
MeshyでAI生成!React×Three.jsで初心者でもできる3Dモデルを一瞬で表示する方法!
最近、AIを使った3Dモデルの生成が驚くほど簡単になりました。中でも「Meshy」というAIツールは、直感的な操作で高品質な3Dモデルを素早く生成できます。今回のブログでは、Meshyを使って生成した3Dモデルを、ReactとThree.jsでブラウザに表示する方法を解... -
【初心者向け】React Three Fiber x Drei x TypeScript入門!画像からピクセルアート&動的アニメーションを作成
最近のWebアプリケーション開発では、グラフィックスを活用してユーザー体験を向上させる取り組みが増えています。React Three Fiber(R3F)を使えば、Reactコンポーネントとして手軽にThree.jsの機能を活用できるため、誰でも簡単に魅力的な表現を実現で...