しゅん / LIG (@shun_webdesign) header
しゅん / LIG (@shun_webdesign) profile picture

しゅん / LIG

@shun_webdesign

LIG inc. Front-End Developer | フロントエンド Webアニメーション, WebGL, three.js | 個人でWeb制作のTipsを紹介するブログも運営してます。https://xitter.cf/t.co/zkveu9wVPg

 Japan
playfulground.work/
Joined May 2019
  • Tweets6.5K
  • Following405
  • Followers3.7K
Three.jsで、なでると一枚ずつ裏返るスパンコールを作りました。 1枚ごとの表裏と角度をシェーダーで計算し、なぞった向きで裏返します。返る動きはバネで少し行き過ぎてから止まり、光源はカーソルに付いているので近くの鱗がきらつきます。
27
73
11
1,280
93,272
Three.js を使わず、CSS だけで 3D の廊下を歩く異変探しゲームを作りました。 今回はハロウィン仕様です。床・壁・天井は HTML の板を CSS の 3D 変形で箱に組んでいて、画像は使わずグラデーションで描いています。 異変がなければスクロールで進み、見つけたら引き返します🎃
1
1
4
350
LIGでフロントエンドエンジニアをしているいとしゅん（@shun_webdesign）です。 社内Slackのtimesにメモしてきた「いいな」「気になる」WebサイトやWebニュースを、月ごとにまとめて公開しています。 今月は、CartierやNew Balance×Miu Miuのキャンペーンサイトなど、ブランドの世界観をそのままWebで表現することにこだわったサイトが多く目に留まりました。 ツール面では、ふりがなをruby要素ではなくフォント自体で描いたり、シェーダーをnpmで配ったりと、これまで上のレイヤーで書いていた処理が下に下りてきている印象です。 ニュース面では、有名OSSが外部PRを締め出し始めた動きも気になりました。 ▼timesいとしゅんまとめはこちら liginc.co.jp/686641
今月フロントエンドエンジニアが気になったWebサイト・ニュース22選【2026.10】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

今月フロントエンドエンジニアが気になったWebサイト・ニュース22選【2026.10】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

LIGのフロントエンドエンジニア・いとしゅんが、2026年10月に気になったWebサイト・ツール・ニュースをまとめました。体験型サイト「Cartier Le Chœur des Pierres」やふりがなをフォント自体で描く「Furifont」など、Web制作のインプットに役立つ内容です。

liginc.co.jp
2
3
578
前に作ったものを、ここまで来たらもっと気持ち悪くしようと思ってアップデート中。 中心に脈打つ肉の核と目を付けて、触手に節と凹凸を入れました。歩いた跡にはぬめりが残ります。
しゅん / LIG (@shun_webdesign) profile pictureしゅん / LIG
@shun_webdesignOct 6
カーソルを追って床を這い、クリックした所へ触手を打ち込む赤黒い生き物。 各触手は付け根→中心を補間した曲線をノイズで揺らし、中心からの距離で長さを切り詰めて伸縮。 全部を1本の頂点シェーダで解くインスタンス描画の管で、影の深度パスにも同じ変形を入れてます。 #threejs
1
1
35
1,955
しゅん / LIG retweeted
Three.js (@threejs) profile picture
Three.js
@threejsOct 28
⚪ playfulground.work/exp/flip-…
8
19
1
459
28,271
700を超えるいいね、ありがとうございます！🙌 作品はこちらから実際に触れます！ 🔗 playfulground.work/exp/flip-…
Playful Ground

Playful Ground

A creative playground delivering fun interactive experiences and playful projects by Shunsuke Ito

playfulground.work
1
24
1,587
しゅん / LIG retweeted
Muzli (@usemuzli) profile picture
Muzli
@usemuzliOct 27
Brilliant 🩵
しゅん / LIG (@shun_webdesign) profile pictureしゅん / LIG
@shun_webdesignOct 27
Three.jsで、なでると一枚ずつ裏返るスパンコールを作りました。 1枚ごとの表裏と角度をシェーダーで計算し、なぞった向きで裏返します。返る動きはバネで少し行き過ぎてから止まり、光源はカーソルに付いているので近くの鱗がきらつきます。
1
2
685
Three.jsで、波打つ布に英字をサテンステッチで縫いました。 文字のマスクを走査線で切って目にし、糸は穴を通る1本の経路として組んでいます。 撚りは断面の形で作り、布と糸は同じ頂点シェーダで波打たせています。 🔗playfulground.work/exp/embro…
1
16
712
普段やってる仕事がテレビで取り上げられることってほとんどないから、PHPがニュースになってるのを見るとなんか不思議な気分になる。
Image from しゅん / LIG (@shun_webdesign)
1
15
632
きた php.net/archive/2026.php#202…
PHP: News Archive - 2026

PHP: News Archive - 2026

PHP is a popular general-purpose scripting language that powers everything from your blog to the most popular websites in the world.

php.net
7
833
【メンテナンスお知らせ】 PHPの脆弱性に対する予防措置のため、弊社サイトを停止させていただきます。 再開時刻は未定となっております。 ご不便をおかけし、誠に申し訳ございません。
4
1
40
13,067
😇
GMO Flatt Security株式会社 (@flatt_security) profile pictureGMO Flatt Security株式会社
@flatt_securityOct 21
【要対応】PHP システム多数で被害が出うる脆弱性「php2shell」の修正パッチが、本日10/21 23時（日本時間）にリリースされる見込みです。 以下にて、弊社調査の現況や、現時点で考えうる緩和策・備えを整理しました。ご一読の上、対応にお役立てください。 ▼ 詳細 blog.flatt.tech/entry/php2sh…
PHPの重大な脆弱性「php2shell」（CVE-2026-109618、CVE-2026-109619）の概要と対応指針 - GMO Flatt Security Blog

PHPの重大な脆弱性「php2shell」（CVE-2026-109618、CVE-2026-109619）の概要と対応指針 - GMO Flatt Security Blog

PHP開発チームは2026年10月21日22時40分頃（日本時間）に重大な脆弱性2件を含む、セキュリティリリースをリリースしました。両件のCVSS v4.0スコアは9.2となり、どちらも一般的な構成において任意コードに繋がるものです。 本脆弱性の発見に関与すると見られる研究者の投稿、及び開示に関与した Wiz 社の記事…

blog.flatt.tech
3
973
どこに需要があるか分かりませんが、Claude Code から Blender MCP 経由で three.js→Blender に作り直してみました。 コードと書き順データを渡して、シーン作りからレンダリングまで任せています。
しゅん / LIG (@shun_webdesign) profile pictureしゅん / LIG
@shun_webdesignOct 19
漢字を書き順どおりに、光る筆で書いていく作品を作りました。お手本の線をなぞって、自分で書くこともできます。 筆の光が周りを照らすので、並んでいる柱の影が筆の動きに合わせて向きを変えます。 #threejs
1
1
19
979
漢字を書き順どおりに、光る筆で書いていく作品を作りました。お手本の線をなぞって、自分で書くこともできます。 筆の光が周りを照らすので、並んでいる柱の影が筆の動きに合わせて向きを変えます。 #threejs
1
1
21
1,751
こちら途中参加させていただきます！
クックドゥ-ドゥ-ドゥ- | おおはし (@cddd_design) profile pictureクックドゥ-ドゥ-ドゥ- | おおはし
@cddd_designAug 17
【 交流会のお知らせ🌙 】 10/17(土) 名古屋でクリエイター交流会、『なごりおしい夜』第二夜を開催します！ 今年も豪華なゲストによる企画をご用意しておりますので、交流とともにお楽しみください✨🍻 詳細はスレッドへ▼ #なごりおしい夜
Image from クックドゥ-ドゥ-ドゥ- | おおはし (@cddd_design)
1
16
734
将来、子どもが「エンジニアになりたい」って言ったら、たぶん一回は引き止めるかもな。
2
18
887
崩したパーティクルが、上下に往復するスキャンの通った行から復元されるホログラム。 WebGPU/TSLのcomputeで約4.5万粒を管理し、スキャンの通過判定で元の位置に戻しています。粒を高さ順に並べているので、モデル切替も下から1行ずつ書き換わります。 #threejs
2
10
729
カーソルを追って床を這い、クリックした所へ触手を打ち込む赤黒い生き物。 各触手は付け根→中心を補間した曲線をノイズで揺らし、中心からの距離で長さを切り詰めて伸縮。 全部を1本の頂点シェーダで解くインスタンス描画の管で、影の深度パスにも同じ変形を入れてます。 #threejs
1
1
2
14
3,041
こんにちは、LIGのフロントエンドエンジニアをしているいとしゅん（@shun_webdesign）です。 毎月Slackにメモしている「気になったWebサイト・ツール・ニュース」を、2026年9月版としてまとめました。 Goodpatch15周年サイトの波のような演出や、クリックすると紙提灯が舞う夏祭りサイトなど、細部の仕掛けにこだわったサイトが目立ちました。 ニュース面では、Chrome・Safariが揃ってWebGPUを安定サポートし始めた話や、コードレビューの次は要件定義がボトルネックになるという指摘も。書く速度が上がったあとの課題を考えさせられる1ヶ月でした。 ▼timesいとしゅんまとめはこちら liginc.co.jp/685561
今月フロントエンドエンジニアが気になったWebサイト・ニュース25選【2026.9】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

今月フロントエンドエンジニアが気になったWebサイト・ニュース25選【2026.9】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

LIGのフロントエンドエンジニア・いとしゅんが、2026年9月に気になったWebサイト・ツール・ニュースをまとめました。Goodpatch15周年サイトやWebGPU対応の動きなど、Web制作のインプットに役立つ内容です。

liginc.co.jp
1
2
9
831
磁性流体 #threejs #webgl
13
821
Load more