Meetup Report Vol.5
2023.02.15

いざ!WebGLの世界へ

webGL総本山のh_doxasさんをお招きしてMeetupを開催しました!

トピック

  • webGLとは?
  • webGLって難しい?
  • webGLを使った仕事の現場とは?

webGLとは??

ウェブで標準化されているAPIのひとつで、3DやCGのようなサイトを作るときに、cssでは実現できない領域までカスタマイズできるものだそうです!

実際にwebGLを使ったサイト(http://summer-afternoon.vlucendo.com)を見ましたが、もはやゲームの世界!本当にすごいです。ウェブサイトとは思えない挙動といい、世界観でした。

webGLって難しい!?

webGLを使ったサイトがカッコ良すぎて、webGL勉強したい意欲がぐんぐん上がっていきましが、やはりwebGL難しいみたいです(涙)

特にシェーダーの知識がないと難しいとのことでした!

シェーダーとはピクセルひとつひとつの色を決められるものと説明くださいましたが、いかにも難しそう.....

そして実際にシェーダーを身につけるには、数学の知識が必要だそうで、私は数学はことごとく避けてきた文系人間なので、まさに悲報でしたね;;

やっぱりかっこいいサイトを作るにはそれ相応の技術と知識必要ですよね....
難しいからこそ、他の技術ではできないかっこいいサイトが作れると思うので、やはりいつかは足を踏み入れてみたいですね!

webGLを使った仕事の現場とは?

実際にwebGLを使って仕事をする際の現場の様子なども聞くことができましたが、とても興味深かったです!

デザイナーがイメージしているものをデザイナーがうまく表現できなかったり、エンジニアもうまくイメージを受け取れなかったりというのが日常茶飯事だそうです。

実現できる表現の幅が圧倒的に広い分、そうなってしまいますよね。

また基本的にはチームの中で、webGL専門の人がいて、役割分担をして実装をしているケースが多いそうですが、webGLの専門知識などが共通認識としてないとプロジェクトを進めるのに意思疎通が大変そうだなぁと思ったりもしました。

雑なまとめ方ではありますが、みんなでwebGL勉強してかっこいいサイトたくさん作っていきましょう!笑

最後に

個人的に話を聞きながら思ったのは、やはり好きこそ物の上手なれですね。

h_doxasさんはそのようにはおっしゃっていませんでしたが、毎日webGL総本山のサイトを更新したり、webGLを使用したサイトを隈なくチェックしたり、webGLの普及活動を10年以上継続したりというその姿勢に、webGL大好きなんだなと強く感じさせられました!

webGL挑戦してみたいなという気持ちは強いですが、今回のお話を聞いた感じでは、まだフロントエンジニア駆け出し者の私には早いかな....難しいかな....というのが正直な感想です。

2023年のwebGLスクールは第10期ということなので、私は第11期、第12期あたりを目指してwebGL挑戦してみたいですね....!

webGLが凄すぎて圧倒された1時間でしたが、今回もいい勉強になりました!h_doxasさんありがとうございました!

レポートの執筆者

mai
workFrontend Engineer 見習い
新卒。フロントエンドエンジニア。毎日フォー食べたいのになかなか食べれない日々。

その他のレポート

  1. Talk Event Report Vol.17
    ホスティング環境、どうしてる?
    今回のトークイベントはホスティング環境についてお話ししました!メンバーが普段採用しているホスティング環境からそれぞれのメリデメまで盛りだくさんです!
    2024.06.26 @公式Discordサーバー 開催
  2. Talk Event Report Vol.16
    エンジニアの教育、どうしてる?
    今回のテーマは「エンジニアの教育、どうしてる?」です。実際にどういった教育を行っているか、教育において何を意識しているかについて話しました!
    2024.05.29 @公式Discordサーバー 開催
  3. Talk Event Report Vol.15
    チームの技術刷新、どうしてる?
    今回は「チームの技術革新」について、トークイベントを開催しました!今回はいつものトークイベントとは一味違い、社外の同僚のお悩みを一緒に考えるスペシャルトークイベントでお届けします!
    2024.04.24 @公式Discordサーバー 開催
  4. Talk Event Report Vol.14
    忙しいこの時期、どう乗り越えてる?
    今回は年度末ということで、過去最大級にゆるいトークイベントが開催されました!テーマ:忙しいこの時期、どう乗り越えてる?副題:UXデザイナーについて、でお届けします!
    2024.03.27 @公式Discordサーバー 開催
  5. Talk Event Report Vol.13
    エンジニアファーストについてどう思う?
    今日は皆さんとエンジニアファーストについて考えてみました!そこから転じて、エンジニアとして大切にすべきことや、エンジニアとして目指す場所まで!今月は深〜いトークイベントになりました!
    2024.02.28 @公式Discordサーバー 開催
  6. Talk Event Report Vol.12
    CSSどう書いてる?
    今回は新しいコミュニティーリーダーのみなさんも交え、リスナーの皆さんと、CSSの書き方についてお話しました!最近話題のtailwindcssのお話から、UIライブラリ、BEMやFLOCSSなど、今回も色々なお話ができました!
    2024.01.24 @公式Discordサーバー 開催
  7. Talk Event Report Vol.11
    フロントエンドエンジニアとして理想的な職場とは?
    今回のトークイベントは、皆さんと「フロントエンドエンジニアとして理想的な職場とは?」についてお話ししました!
    2023.12.20 @公式Discordサーバー 開催
  8. Talk Event Report Vol.10
    生産性、 どうやってあげる?
    今回のトークイベントは、運営メンバーを中心に、リスナーの皆さんと「生産性が上がらなくて困っていること」や「生産性を上げるために意識していること」についてお話ししました! 
    2023.10.25 @公式Discordサーバー 開催
  9. Talk Event Report Vol.9
    コーディング規約どうしてる?
    今回のトークイベントはDiscordでの開催で、トピックは、Discordでのアンケートを通して最も票が多かった「コーディング規約」でした!社外の同僚たちがいつもコーディング規約のどんなことをどのように意識しているのか、今回のトークイベントも普段知り得ない、フロントエンド情報盛りだくさんの1時間でした!
    2023.09.27 @公式Discordサーバー 開催
  10. Talk Event Report Vol.8
    フレームワークどうしてる?
    今回は、みんなの「フレームワークどうしてる?」ということで、 Next.js・Nuxt.js・Astroにそれぞれ精通しているゲストをお招きして、その魅力や勉強法について語っていただきました!
    2023.08.30 @公式Discordサーバー 開催
  11. Talk Event Report Vol.7
    読まれる技術ブログとは 〜にしはらさんから見たICS MEDIAネタ選びと続け方のポイント〜
    ICSメディアのにしはらさんをお招きして、読まれる技術ブログとは何か、そして、にしはらさんから見たICS MEDIAのネタ選びと続け方のポイントについてお話ししていただきました!
    2023.05.24 @Twitter Space 開催
  12. Talk Event Report Vol.6
    フロントエンドのためのテストの必要性と始め方!
    『フロントエンド開発のためのテスト入門』の著者であるTakepepeさんをお招きしてトークイベントを開催しました!
    2023.04.19 @Twitter Space 開催
  13. Meetup Report Vol.4
    やってる?アクセシビリティ対策
    アクセシビリティシャンのゆうてんさんをお招きしてMeetupを開催しました!
    2023.01.18 @Twitter Space 開催
  14. Meetup Report Vol.3
    大特集!ヘッドレスCMS
    MicroCMSの柴田さんをお招きしてMeetupを開催しました!
    2022.12.14 @Twitter Space 開催
  15. Meetup Report Vol.2
    教えて!みんなの開発環境
    最近の開発環境について意見を交換しました!
    2022.11.16 @Twitter Space 開催
  16. Meetup Report Vol.1
    どうする!?フロントエンドクラブ
    記念すべき第一回のMeetupでは今後の方向性について話し合いました!
    2022.10.19 @Twitter Space 開催
一覧へ戻る