Submit Search
Upload
WebGLことはじめ
•
33 likes
•
12,057 views
Kazuya Hiruma
Follow
WebGL Tokyo Meet upで話したスライドです。 WebGLのセットアップからGLSLなどの、Hello Worldをざっくりと解説しています。
Read less
Read more
Technology
Report
Share
Report
Share
1 of 73
Download now
Download to read offline
Recommended
ハードウェア特性に基づいた WebGL 高速化手法 WebGL fast method that is based on hardware characteristics
WebGL Performance Tuning Tips
WebGL Performance Tuning Tips
Yukio Andoh
商品リンクはこちら https://little-hands.booth.pm/items/1835632 DDDはドメインモデリングを通じてソフトウェアの価値を高めようとする設計・開発手法です。 新しく得られたモデルに関する知見を頻繁にコードに落とし込む必要があるのですが、 それはソフトウェアにとっては非常に高い要求をしていることになります。 そこでDDDでは、オブジェクト指向の手法を利用して、メンテナブルで、拡張性の高いコードを書くことを目指しています。 このセッションでは、DDDではモデリング結果をどのようにコードに落とし、どのような利益を得られるのかを、具体的なコードを交えながら解説します。
DDDはオブジェクト指向を利用してどのようにメンテナブルなコードを書くか
DDDはオブジェクト指向を利用してどのようにメンテナブルなコードを書くか
Koichiro Matsuoka
AndroidでWebSocket
AndroidでWebSocket
Kohei Kadowaki
・MongoDBで何を監視すべきか ・MongoDBのコマンド・メソッドによる監視 ・運用監視ツールとの連携して監視 ・MMS(MongoDB Monitoring Service)で監視
MongoDBの監視
MongoDBの監視
Tetsutaro Watanabe
設計ナイト2022 「トランザクションスクリプト」でのディスカッション枠スライドです。
Tackling Complexity
Tackling Complexity
Yoshitaka Kawashima
スマホにおけるWebGL入門 菅家 洋太 CyberAgent, Inc. -------------------------------- ・WebGLとは ・普及状況 ・セキュリティー問題 ・スマホWebGL対応状況 ・スマホにおけるWebGLの活用方法 ・まとめ
スマホにおけるWebGL入門
スマホにおけるWebGL入門
Yohta Kanke
LINE API総復習シリーズ第2弾、LINEログイン編でお話しした資料です。LINEログインの概要とOAuth2.0/OpenID Connectについて解説しています。 https://linedevelopercommunity.connpass.com/event/248669/
LINE Login総復習
LINE Login総復習
Naohiro Fujie
2013年8月31日に開催された Office 365 勉強会のセッションスライドです。SharePoint Online を活用する上で最も基本かつ重要になる「アクセス権」について、その基本と要注意ポイント、そして新機能「共有」について解説しました。またあわせてアクセス管理に役立つ弊社ソリューション「SharePoint 権限レポーター」のご紹介です。お問い合わせはシンプレッソ・コンサルティング株式会社 中村迄。
SharePoint Online 「アクセス権」を理解する
SharePoint Online 「アクセス権」を理解する
Kazuhiko Nakamura
Recommended
ハードウェア特性に基づいた WebGL 高速化手法 WebGL fast method that is based on hardware characteristics
WebGL Performance Tuning Tips
WebGL Performance Tuning Tips
Yukio Andoh
商品リンクはこちら https://little-hands.booth.pm/items/1835632 DDDはドメインモデリングを通じてソフトウェアの価値を高めようとする設計・開発手法です。 新しく得られたモデルに関する知見を頻繁にコードに落とし込む必要があるのですが、 それはソフトウェアにとっては非常に高い要求をしていることになります。 そこでDDDでは、オブジェクト指向の手法を利用して、メンテナブルで、拡張性の高いコードを書くことを目指しています。 このセッションでは、DDDではモデリング結果をどのようにコードに落とし、どのような利益を得られるのかを、具体的なコードを交えながら解説します。
DDDはオブジェクト指向を利用してどのようにメンテナブルなコードを書くか
DDDはオブジェクト指向を利用してどのようにメンテナブルなコードを書くか
Koichiro Matsuoka
AndroidでWebSocket
AndroidでWebSocket
Kohei Kadowaki
・MongoDBで何を監視すべきか ・MongoDBのコマンド・メソッドによる監視 ・運用監視ツールとの連携して監視 ・MMS(MongoDB Monitoring Service)で監視
MongoDBの監視
MongoDBの監視
Tetsutaro Watanabe
設計ナイト2022 「トランザクションスクリプト」でのディスカッション枠スライドです。
Tackling Complexity
Tackling Complexity
Yoshitaka Kawashima
スマホにおけるWebGL入門 菅家 洋太 CyberAgent, Inc. -------------------------------- ・WebGLとは ・普及状況 ・セキュリティー問題 ・スマホWebGL対応状況 ・スマホにおけるWebGLの活用方法 ・まとめ
スマホにおけるWebGL入門
スマホにおけるWebGL入門
Yohta Kanke
LINE API総復習シリーズ第2弾、LINEログイン編でお話しした資料です。LINEログインの概要とOAuth2.0/OpenID Connectについて解説しています。 https://linedevelopercommunity.connpass.com/event/248669/
LINE Login総復習
LINE Login総復習
Naohiro Fujie
2013年8月31日に開催された Office 365 勉強会のセッションスライドです。SharePoint Online を活用する上で最も基本かつ重要になる「アクセス権」について、その基本と要注意ポイント、そして新機能「共有」について解説しました。またあわせてアクセス管理に役立つ弊社ソリューション「SharePoint 権限レポーター」のご紹介です。お問い合わせはシンプレッソ・コンサルティング株式会社 中村迄。
SharePoint Online 「アクセス権」を理解する
SharePoint Online 「アクセス権」を理解する
Kazuhiko Nakamura
Hubsのフロントサイドをカスタマイズして、部屋内で商品閲覧⇒決済まで完結出来るシステムを実践しました。
Hub内でラクラク決済!ーVRコマース拡張ー
Hub内でラクラク決済!ーVRコマース拡張ー
hironroinakae
2012年11月03日、NAISTで行われたSECCON CTF奈良大会での発表で使用したスライドです。 公開にあたり加筆・修正を行なっているので、本文での日付に食い違いがありますがご容赦ください。 以下、スライドで紹介したメガデモのリンクです。 Elevated by RGBA and TBC (4K Intro) https://www.youtube.com/watch?v=_YWMGuh15nE http://pouet.net/prod.php?which=52938 Puls by Rrrola (256B Intro) https://www.youtube.com/watch?v=gaCkQj9DCsA http://pouet.net/prod.php?which=53816 Candy "TokyoDemoFest2013 Invitation" by nonoil & gorakubu (64K Intro) https://www.youtube.com/watch?v=pGFOmKvA2l8 http://pouet.net/prod.php?which=60278
素晴らしきメガデモの世界
素晴らしきメガデモの世界
eagle0wl
CyberAgentにおけるMongoDB
CyberAgentにおけるMongoDB
Akihiro Kuwano
2022年8月9日 ある企業さまでの研修「45分間で『ユーザー中心のものづくり』ができるまで詰め込む」のスライドです。登壇枠が45分という限られた時間のなかで、UXデザイン・UXリサーチのもっとも大切なエッセンスを凝縮してお伝えするようにしました。
45分間で「ユーザー中心のものづくり」ができるまで詰め込む
45分間で「ユーザー中心のものづくり」ができるまで詰め込む
Yoshiki Hayama
5分でわかった気になるインセプションデッキ
5分でわかった気になるインセプションデッキ
Takao Oyobe
2017年2月16日に開催された Developers Summit 2017 の「Web フロントエンドの変遷とこれから」のセッション資料です。
Web フロントエンドの変遷とこれから
Web フロントエンドの変遷とこれから
Shogo Sensui
第六回ビットバンク社内公開勉強会の資料です。
階層的決定性ウォレットを理解しよう
階層的決定性ウォレットを理解しよう
bitbank, Inc. Tokyo, Japan
Flutter 大学 x LINE Developer Community イベント(2021/09/08)で OpenID Connect 概要の解説をしました。
ざっくり解説 LINE ログイン
ざっくり解説 LINE ログイン
Naohiro Fujie
Simple Way with Django + SQLAlchemy AT PyCon JP 2020 https://pycon.jp/2020/timetable/?id=203756 質疑応答 > Ryuji Tsutsui から全員に: 02:58 PM > INNNER JOIN > Nが1個多い? ほんとだ。slideshareにあげた資料、直せません! > Taku Shimizu から全員に: 03:00 PM > 「ドキュメントに記載されていない」なかなかのパワーフレーズですね でしょー > uranusjr から全員に: 03:04 PM > g2の別名はT3になるのはなぜですか? Djangoが自動的にテーブルを2回JOINすることもあって、そういう場合自動的にテーブル名の別名が付けられます。T2,T3,T4と連番で増えていきます。 たぶん、登場する3つ目のテーブルだからT3なのだと思います。 `annotate(g2=FilteredRelation(...)` のように名前指定しているのに使われないのは、バグなのかどうなのか追ってません。SQLは動作するので、バグとはいえないかも。 > Manabu から全員に: 03:17 PM > SQLAlchemy の モデルクラスを直接書いていましたが、 automap_base() は使わないのですか? 全テーブルを使いたいわけではないのと、用途の目的から、SQLAlchemyでForeignKeyを独自に追加定義したいなどもあるため、個別に書いています。 automap_base()を使っても良いと思います。 > c-bata から全員に: 03:19 PM > DBのマイグレーションはalembicを使う感じでしょうか? Dango ORM側で全てマイグレーションするか、それ以外(alembicや生DDL)でマイグレーションするかは統一すればよいと思います。 Django ORM側でやるのが楽だと思いますが、Redshiftなどの場合生DDLでやるしかなかったりするし、そういう環境でこそこの方法が有用だったりします。 > あ、基本的にDjango ORMを使っていて、難しいクエリだけSQLALchemyで SQL生成している感じですかね。 はい。そういう感じです。
【修正版】Django + SQLAlchemy: シンプルWay
【修正版】Django + SQLAlchemy: シンプルWay
Takayuki Shimizukawa
2016-09-22(木)にサイボウズ大阪オフィス セミナールームにて行われた「D2D アクセシビリティ勉強会 2016」でのスライドです。
JIS X 8341-3:2010から2016への変更点おさらい/Webアクセシビリティチェックのポイント
JIS X 8341-3:2010から2016への変更点おさらい/Webアクセシビリティチェックのポイント
Nozomi Sawada
ドメイン駆動設計の4つの基本活動、Springのプログラミングモデル、ドメイン駆動設計のためのSpringの使い方
ドメイン駆動設計のための Spring の上手な使い方
ドメイン駆動設計のための Spring の上手な使い方
増田 亨
40歳過ぎてもエンジニアでいるためにやっていること
40歳過ぎてもエンジニアでいるためにやっていること
40歳過ぎてもエンジニアでいるためにやっていること
onozaty
ODC2021での発表資料です https://event.ospn.jp/odc2021-online/session/396647
クラウドコラボレーションサーバ「Collabora Online」を構築してみた
クラウドコラボレーションサーバ「Collabora Online」を構築してみた
Shinji Enoki
Web担当者Forum秋のイベント 11月7日(月)14:05 KA1-4 セッションのスライドです。 「ウチの事業部の商品をWebサイトとアプリのトップに載せて!」 「新機能をとにかく目立たせろ! 利用数をとにかく増やして!」 Webサイトやアプリを運用していると、社内のあちこちから、さまざまな圧力や依頼が舞い込むものです。えらい人からの現場を知らない指示であったり、発言力の強い部署からの高圧的な依頼であったり、決裁者からの思いつきの要望であったり……。その多くは「その人の視点から見た世界」の個別最適であり、全体最適でのユーザー目線に欠けていたり、Webサイトやアプリの使いやすさを毀損する内容であったりします。Web担当者やプロダクトマネージャーは社内の不要な衝突を避けながら、決裁者からは予算を引き出し、ユーザーに価値を届けられるプロダクトのかたちを守り続けなければなりません。本セッションでは、業界歴20年超の発表者が、あるあるエピソードを取り上げながら、社内政治の泣き笑いと、落としどころの見つけかたを模索します。
「ウチの事業部の商品をWebサイト・アプリで目立たせて!」私だけじゃなかった! 社内政治と落としどころの見つけ方
「ウチの事業部の商品をWebサイト・アプリで目立たせて!」私だけじゃなかった! 社内政治と落としどころの見つけ方
Yoshiki Hayama
アプリ「ニュースパス」をマイクロサービスで開発してみた泥臭い体験談です。
マイクロにしすぎた結果がこれだよ!
マイクロにしすぎた結果がこれだよ!
mosa siru
[参考情報] 【永久保存版】OAuth 2.0 / OpenID Connect シーケンスまとめ URL:https://qiita.com/kura_lab/items/812a62b5aa3427bdb49d タイトル: 『OpenID Connect 入門 〜コンシューマー領域におけるID連携のトレンド〜』 概要: コンシューマー領域におけるID連携のトレンドであるOpenID Connectの概要と仕様のポイントについてご紹介します。 OpenID TechNight Vol.13 - ID連携入門 Aug. 26, 2015 URL:https://openid.doorkeeper.jp/events/29487
OpenID Connect 入門 〜コンシューマーにおけるID連携のトレンド〜
OpenID Connect 入門 〜コンシューマーにおけるID連携のトレンド〜
Masaru Kurahayashi
Prepared for JEITA コンテンツサービス技術分科会
PDSを実現するにあたっての技術動向の紹介 (OAuth, OpenID Connect, UMAなど)
PDSを実現するにあたっての技術動向の紹介 (OAuth, OpenID Connect, UMAなど)
Tatsuo Kudo
Node-RED Con Tokyo 2019 3-B 以下についてご紹介の上大変だった話をご紹介させて頂きました。 IoTデータ収集基盤 IoT Platform 製造業COLMINA COLMINAエッジ 大規模IoTデータ活用基盤 ダイナミックリソースコントローラー
Node-REDをIoTビジネスに適用するために苦労した3つの話
Node-REDをIoTビジネスに適用するために苦労した3つの話
Tomohiro Nakajima
2021/10/02, 03 開催「PHP Conference Japan 2021」(https://phpcon.php.gr.jp/2021/)における LT 資料です。
PHP-FPM の子プロセス制御方法と設定をおさらいしよう
PHP-FPM の子プロセス制御方法と設定をおさらいしよう
Shohei Okada
2022/03/20 仮想創造機構のLT大会の資料になります。
VRChatとシリアル通信、現実と仮想を結ぶ ~UdonとPythonによる仮想COMポートのつくり方~
VRChatとシリアル通信、現実と仮想を結ぶ ~UdonとPythonによる仮想COMポートのつくり方~
Hirokazu Onomichi
2016/02/14 シェーダだけで世界を創る!three.jsによるレイマーチング GPU の熱でチョコも溶けちゃう!? GLSL シェーダテクニック勉強会 @gam0022
シェーダだけで世界を創る!three.jsによるレイマーチング
シェーダだけで世界を創る!three.jsによるレイマーチング
Sho Hosoda
「HTML5+α @福岡」第18回のLTです。
Three.jsで3D気分
Three.jsで3D気分
Toshio Ehara
More Related Content
What's hot
Hubsのフロントサイドをカスタマイズして、部屋内で商品閲覧⇒決済まで完結出来るシステムを実践しました。
Hub内でラクラク決済!ーVRコマース拡張ー
Hub内でラクラク決済!ーVRコマース拡張ー
hironroinakae
2012年11月03日、NAISTで行われたSECCON CTF奈良大会での発表で使用したスライドです。 公開にあたり加筆・修正を行なっているので、本文での日付に食い違いがありますがご容赦ください。 以下、スライドで紹介したメガデモのリンクです。 Elevated by RGBA and TBC (4K Intro) https://www.youtube.com/watch?v=_YWMGuh15nE http://pouet.net/prod.php?which=52938 Puls by Rrrola (256B Intro) https://www.youtube.com/watch?v=gaCkQj9DCsA http://pouet.net/prod.php?which=53816 Candy "TokyoDemoFest2013 Invitation" by nonoil & gorakubu (64K Intro) https://www.youtube.com/watch?v=pGFOmKvA2l8 http://pouet.net/prod.php?which=60278
素晴らしきメガデモの世界
素晴らしきメガデモの世界
eagle0wl
CyberAgentにおけるMongoDB
CyberAgentにおけるMongoDB
Akihiro Kuwano
2022年8月9日 ある企業さまでの研修「45分間で『ユーザー中心のものづくり』ができるまで詰め込む」のスライドです。登壇枠が45分という限られた時間のなかで、UXデザイン・UXリサーチのもっとも大切なエッセンスを凝縮してお伝えするようにしました。
45分間で「ユーザー中心のものづくり」ができるまで詰め込む
45分間で「ユーザー中心のものづくり」ができるまで詰め込む
Yoshiki Hayama
5分でわかった気になるインセプションデッキ
5分でわかった気になるインセプションデッキ
Takao Oyobe
2017年2月16日に開催された Developers Summit 2017 の「Web フロントエンドの変遷とこれから」のセッション資料です。
Web フロントエンドの変遷とこれから
Web フロントエンドの変遷とこれから
Shogo Sensui
第六回ビットバンク社内公開勉強会の資料です。
階層的決定性ウォレットを理解しよう
階層的決定性ウォレットを理解しよう
bitbank, Inc. Tokyo, Japan
Flutter 大学 x LINE Developer Community イベント(2021/09/08)で OpenID Connect 概要の解説をしました。
ざっくり解説 LINE ログイン
ざっくり解説 LINE ログイン
Naohiro Fujie
Simple Way with Django + SQLAlchemy AT PyCon JP 2020 https://pycon.jp/2020/timetable/?id=203756 質疑応答 > Ryuji Tsutsui から全員に: 02:58 PM > INNNER JOIN > Nが1個多い? ほんとだ。slideshareにあげた資料、直せません! > Taku Shimizu から全員に: 03:00 PM > 「ドキュメントに記載されていない」なかなかのパワーフレーズですね でしょー > uranusjr から全員に: 03:04 PM > g2の別名はT3になるのはなぜですか? Djangoが自動的にテーブルを2回JOINすることもあって、そういう場合自動的にテーブル名の別名が付けられます。T2,T3,T4と連番で増えていきます。 たぶん、登場する3つ目のテーブルだからT3なのだと思います。 `annotate(g2=FilteredRelation(...)` のように名前指定しているのに使われないのは、バグなのかどうなのか追ってません。SQLは動作するので、バグとはいえないかも。 > Manabu から全員に: 03:17 PM > SQLAlchemy の モデルクラスを直接書いていましたが、 automap_base() は使わないのですか? 全テーブルを使いたいわけではないのと、用途の目的から、SQLAlchemyでForeignKeyを独自に追加定義したいなどもあるため、個別に書いています。 automap_base()を使っても良いと思います。 > c-bata から全員に: 03:19 PM > DBのマイグレーションはalembicを使う感じでしょうか? Dango ORM側で全てマイグレーションするか、それ以外(alembicや生DDL)でマイグレーションするかは統一すればよいと思います。 Django ORM側でやるのが楽だと思いますが、Redshiftなどの場合生DDLでやるしかなかったりするし、そういう環境でこそこの方法が有用だったりします。 > あ、基本的にDjango ORMを使っていて、難しいクエリだけSQLALchemyで SQL生成している感じですかね。 はい。そういう感じです。
【修正版】Django + SQLAlchemy: シンプルWay
【修正版】Django + SQLAlchemy: シンプルWay
Takayuki Shimizukawa
2016-09-22(木)にサイボウズ大阪オフィス セミナールームにて行われた「D2D アクセシビリティ勉強会 2016」でのスライドです。
JIS X 8341-3:2010から2016への変更点おさらい/Webアクセシビリティチェックのポイント
JIS X 8341-3:2010から2016への変更点おさらい/Webアクセシビリティチェックのポイント
Nozomi Sawada
ドメイン駆動設計の4つの基本活動、Springのプログラミングモデル、ドメイン駆動設計のためのSpringの使い方
ドメイン駆動設計のための Spring の上手な使い方
ドメイン駆動設計のための Spring の上手な使い方
増田 亨
40歳過ぎてもエンジニアでいるためにやっていること
40歳過ぎてもエンジニアでいるためにやっていること
40歳過ぎてもエンジニアでいるためにやっていること
onozaty
ODC2021での発表資料です https://event.ospn.jp/odc2021-online/session/396647
クラウドコラボレーションサーバ「Collabora Online」を構築してみた
クラウドコラボレーションサーバ「Collabora Online」を構築してみた
Shinji Enoki
Web担当者Forum秋のイベント 11月7日(月)14:05 KA1-4 セッションのスライドです。 「ウチの事業部の商品をWebサイトとアプリのトップに載せて!」 「新機能をとにかく目立たせろ! 利用数をとにかく増やして!」 Webサイトやアプリを運用していると、社内のあちこちから、さまざまな圧力や依頼が舞い込むものです。えらい人からの現場を知らない指示であったり、発言力の強い部署からの高圧的な依頼であったり、決裁者からの思いつきの要望であったり……。その多くは「その人の視点から見た世界」の個別最適であり、全体最適でのユーザー目線に欠けていたり、Webサイトやアプリの使いやすさを毀損する内容であったりします。Web担当者やプロダクトマネージャーは社内の不要な衝突を避けながら、決裁者からは予算を引き出し、ユーザーに価値を届けられるプロダクトのかたちを守り続けなければなりません。本セッションでは、業界歴20年超の発表者が、あるあるエピソードを取り上げながら、社内政治の泣き笑いと、落としどころの見つけかたを模索します。
「ウチの事業部の商品をWebサイト・アプリで目立たせて!」私だけじゃなかった! 社内政治と落としどころの見つけ方
「ウチの事業部の商品をWebサイト・アプリで目立たせて!」私だけじゃなかった! 社内政治と落としどころの見つけ方
Yoshiki Hayama
アプリ「ニュースパス」をマイクロサービスで開発してみた泥臭い体験談です。
マイクロにしすぎた結果がこれだよ!
マイクロにしすぎた結果がこれだよ!
mosa siru
[参考情報] 【永久保存版】OAuth 2.0 / OpenID Connect シーケンスまとめ URL:https://qiita.com/kura_lab/items/812a62b5aa3427bdb49d タイトル: 『OpenID Connect 入門 〜コンシューマー領域におけるID連携のトレンド〜』 概要: コンシューマー領域におけるID連携のトレンドであるOpenID Connectの概要と仕様のポイントについてご紹介します。 OpenID TechNight Vol.13 - ID連携入門 Aug. 26, 2015 URL:https://openid.doorkeeper.jp/events/29487
OpenID Connect 入門 〜コンシューマーにおけるID連携のトレンド〜
OpenID Connect 入門 〜コンシューマーにおけるID連携のトレンド〜
Masaru Kurahayashi
Prepared for JEITA コンテンツサービス技術分科会
PDSを実現するにあたっての技術動向の紹介 (OAuth, OpenID Connect, UMAなど)
PDSを実現するにあたっての技術動向の紹介 (OAuth, OpenID Connect, UMAなど)
Tatsuo Kudo
Node-RED Con Tokyo 2019 3-B 以下についてご紹介の上大変だった話をご紹介させて頂きました。 IoTデータ収集基盤 IoT Platform 製造業COLMINA COLMINAエッジ 大規模IoTデータ活用基盤 ダイナミックリソースコントローラー
Node-REDをIoTビジネスに適用するために苦労した3つの話
Node-REDをIoTビジネスに適用するために苦労した3つの話
Tomohiro Nakajima
2021/10/02, 03 開催「PHP Conference Japan 2021」(https://phpcon.php.gr.jp/2021/)における LT 資料です。
PHP-FPM の子プロセス制御方法と設定をおさらいしよう
PHP-FPM の子プロセス制御方法と設定をおさらいしよう
Shohei Okada
2022/03/20 仮想創造機構のLT大会の資料になります。
VRChatとシリアル通信、現実と仮想を結ぶ ~UdonとPythonによる仮想COMポートのつくり方~
VRChatとシリアル通信、現実と仮想を結ぶ ~UdonとPythonによる仮想COMポートのつくり方~
Hirokazu Onomichi
What's hot
(20)
Hub内でラクラク決済!ーVRコマース拡張ー
Hub内でラクラク決済!ーVRコマース拡張ー
素晴らしきメガデモの世界
素晴らしきメガデモの世界
CyberAgentにおけるMongoDB
CyberAgentにおけるMongoDB
45分間で「ユーザー中心のものづくり」ができるまで詰め込む
45分間で「ユーザー中心のものづくり」ができるまで詰め込む
5分でわかった気になるインセプションデッキ
5分でわかった気になるインセプションデッキ
Web フロントエンドの変遷とこれから
Web フロントエンドの変遷とこれから
階層的決定性ウォレットを理解しよう
階層的決定性ウォレットを理解しよう
ざっくり解説 LINE ログイン
ざっくり解説 LINE ログイン
【修正版】Django + SQLAlchemy: シンプルWay
【修正版】Django + SQLAlchemy: シンプルWay
JIS X 8341-3:2010から2016への変更点おさらい/Webアクセシビリティチェックのポイント
JIS X 8341-3:2010から2016への変更点おさらい/Webアクセシビリティチェックのポイント
ドメイン駆動設計のための Spring の上手な使い方
ドメイン駆動設計のための Spring の上手な使い方
40歳過ぎてもエンジニアでいるためにやっていること
40歳過ぎてもエンジニアでいるためにやっていること
クラウドコラボレーションサーバ「Collabora Online」を構築してみた
クラウドコラボレーションサーバ「Collabora Online」を構築してみた
「ウチの事業部の商品をWebサイト・アプリで目立たせて!」私だけじゃなかった! 社内政治と落としどころの見つけ方
「ウチの事業部の商品をWebサイト・アプリで目立たせて!」私だけじゃなかった! 社内政治と落としどころの見つけ方
マイクロにしすぎた結果がこれだよ!
マイクロにしすぎた結果がこれだよ!
OpenID Connect 入門 〜コンシューマーにおけるID連携のトレンド〜
OpenID Connect 入門 〜コンシューマーにおけるID連携のトレンド〜
PDSを実現するにあたっての技術動向の紹介 (OAuth, OpenID Connect, UMAなど)
PDSを実現するにあたっての技術動向の紹介 (OAuth, OpenID Connect, UMAなど)
Node-REDをIoTビジネスに適用するために苦労した3つの話
Node-REDをIoTビジネスに適用するために苦労した3つの話
PHP-FPM の子プロセス制御方法と設定をおさらいしよう
PHP-FPM の子プロセス制御方法と設定をおさらいしよう
VRChatとシリアル通信、現実と仮想を結ぶ ~UdonとPythonによる仮想COMポートのつくり方~
VRChatとシリアル通信、現実と仮想を結ぶ ~UdonとPythonによる仮想COMポートのつくり方~
Viewers also liked
2016/02/14 シェーダだけで世界を創る!three.jsによるレイマーチング GPU の熱でチョコも溶けちゃう!? GLSL シェーダテクニック勉強会 @gam0022
シェーダだけで世界を創る!three.jsによるレイマーチング
シェーダだけで世界を創る!three.jsによるレイマーチング
Sho Hosoda
「HTML5+α @福岡」第18回のLTです。
Three.jsで3D気分
Three.jsで3D気分
Toshio Ehara
GLSL勉強会の資料
チョコ溶かす奴
チョコ溶かす奴
翔 石井
2013/12/12 のTsukuba.rb の発表資料です。
Rubyで連結リスト使うためのgemを作った(tsukuba.rb版)
Rubyで連結リスト使うためのgemを作った(tsukuba.rb版)
Sho Hosoda
移動しました : https://speakerdeck.com/kumaashi/le-siishadertoy Shaderで遊べる楽しいサイト、ShaderToyを勝手に紹介します。 https://www.shadertoy.com/
楽しいShaderToy
楽しいShaderToy
Masaki Sasaki
シェーダーアートの解説 for Pdの民
GLSLによるシェーダーアートことはじめ
GLSLによるシェーダーアートことはじめ
Yoichi Hirata
three.jsの現行バージョン(r79)に基づいた表現周りをかいつまんで紹介
three.jsによる一歩進めたグラフィカルな表現
three.jsによる一歩進めたグラフィカルな表現
Kei Yagi
【男性の参加OK】dots.女子部勉強会 vol.9 「機械学習」をはじめよう!~ 研究機関での活用方法いろいろ聞いちゃいます! ~ http://eventdots.jp/event/589455
Twitterのつぶやきで明日の自分のご機嫌を予測してみる
Twitterのつぶやきで明日の自分のご機嫌を予測してみる
Kiriko Yano
海外向けスマホアプリプロモーションサービスについて
海外向けスマホアプリプロモーションサービスについて
TakashiOkaniwa
スマートフォンアプリ(特にゲーム)をクロスプロモーション/自社広告を用いて無料にてプロモーションをする方法について触れています。ユーザー最大化で収益最大化。広告収益についても、インタースティシャル広告(全画面広告)の利用により、より収益性向上が可能な点について紹介しております。良くご相談頂くインタースティシャルの実装位置についても紹介しております。AppExTrade-スマホゲーム専用クロスプロモーションプラットフォーム-
クロスプロモーション(無料のプロモーション)でスマホアプリの広告収益最大化
クロスプロモーション(無料のプロモーション)でスマホアプリの広告収益最大化
TakashiOkaniwa
2015-05-30(土)「Oculus Rift勉強会 #02」の、LTスライド https://ocuben.doorkeeper.jp/events/24708
子どもがOculusダメな理由を調べてみた
子どもがOculusダメな理由を調べてみた
Hiromichi Yamada
Unity で パノラマ動画をVR再生 する上での情報をまとめました
パノラマ動画VR再生のあれこれ
パノラマ動画VR再生のあれこれ
MakotoItoh
SW LT大会 & dots.女子部LT大会の資料です。 簡単にCGアニメが作れる技術のゆるいお話をプログラマーがお伝えします。 デモはアニメーションできないので、YouTubeのリンク張っておきました。
UnityとTVMLはじめました。
UnityとTVMLはじめました。
Michiyo Chuman
dots.女子部 - オールジャンル女子エンジニア集合!tips共有会vol. 2 〜私、この技術に恋してます♡〜 http://eventdots.jp/event/586949
Python&機械学習にHelloWorldして旦那候補を探す
Python&機械学習にHelloWorldして旦那候補を探す
Kiriko Yano
3Dに使う数学(道具)の例と使い方なんかを書きました。
WebGL入門LT大会資料
WebGL入門LT大会資料
Kazuya Hiruma
OESF公認 Androidアプリケーション開発入門 公式トレーニングテキスト (日本語) Contributed by: 【作成】ウルシステムズ株式会社 【修正】株式会社リーディング・エッジ社 【ご注意】 本テキストは、Creative Commons License BY-NC-SA 4.0のもとで提供されます。OESF会員またはコンソーシアムメンバーでない場合、本編の改変の有無にかかわらず、いかなる形態でも商用目的での利用は禁止されています。
Androidアプリケーション開発入門
Androidアプリケーション開発入門
OESF Education
The community announcement of grimoire.js. This is first announcement after renaming.
Grimoire.js Community announcement June 20 2016
Grimoire.js Community announcement June 20 2016
翔 石井
2014年4月
Xamarin ~ iOS/Android/Windows アプリをC# で作ろう~
Xamarin ~ iOS/Android/Windows アプリをC# で作ろう~
Fujio Kojima
以下の内容を含みます。 ・モバイルSEOを取り巻く背景、課題 ・モバイルSEOの具体的な対策方法
Mobile SEO (Japanese Version)
Mobile SEO (Japanese Version)
ssuserd60633
Android App
2015年度研究室プレ卒研用Android講座1
2015年度研究室プレ卒研用Android講座1
Hokuto Tateyama
Viewers also liked
(20)
シェーダだけで世界を創る!three.jsによるレイマーチング
シェーダだけで世界を創る!three.jsによるレイマーチング
Three.jsで3D気分
Three.jsで3D気分
チョコ溶かす奴
チョコ溶かす奴
Rubyで連結リスト使うためのgemを作った(tsukuba.rb版)
Rubyで連結リスト使うためのgemを作った(tsukuba.rb版)
楽しいShaderToy
楽しいShaderToy
GLSLによるシェーダーアートことはじめ
GLSLによるシェーダーアートことはじめ
three.jsによる一歩進めたグラフィカルな表現
three.jsによる一歩進めたグラフィカルな表現
Twitterのつぶやきで明日の自分のご機嫌を予測してみる
Twitterのつぶやきで明日の自分のご機嫌を予測してみる
海外向けスマホアプリプロモーションサービスについて
海外向けスマホアプリプロモーションサービスについて
クロスプロモーション(無料のプロモーション)でスマホアプリの広告収益最大化
クロスプロモーション(無料のプロモーション)でスマホアプリの広告収益最大化
子どもがOculusダメな理由を調べてみた
子どもがOculusダメな理由を調べてみた
パノラマ動画VR再生のあれこれ
パノラマ動画VR再生のあれこれ
UnityとTVMLはじめました。
UnityとTVMLはじめました。
Python&機械学習にHelloWorldして旦那候補を探す
Python&機械学習にHelloWorldして旦那候補を探す
WebGL入門LT大会資料
WebGL入門LT大会資料
Androidアプリケーション開発入門
Androidアプリケーション開発入門
Grimoire.js Community announcement June 20 2016
Grimoire.js Community announcement June 20 2016
Xamarin ~ iOS/Android/Windows アプリをC# で作ろう~
Xamarin ~ iOS/Android/Windows アプリをC# で作ろう~
Mobile SEO (Japanese Version)
Mobile SEO (Japanese Version)
2015年度研究室プレ卒研用Android講座1
2015年度研究室プレ卒研用Android講座1
Similar to WebGLことはじめ
2022年4月21日みえ社会的処方研究所でのGlide活用イメージ紹介スライドです。
Glide活用イメージ紹介20220421
Glide活用イメージ紹介20220421
kazu_1803
2015/03/25 GREE Tech Talk Live2D SDK for Unity の内部技術についてのスライド。
Live2Dの描画の裏側の話
Live2Dの描画の裏側の話
Naoki Aso
第2回 Swift勉強会で発表した資料になります。
Swift (with SceneKit) で簡単な3Dゲームを作ってみた
Swift (with SceneKit) で簡単な3Dゲームを作ってみた
Kazuya Hiruma
2012年10月開催の WordBench 神戸での発表資料です。シェアするにあたって、発表時とはタイトルのみ変更させて頂いています。
WordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみた
Yuji Nojima
KyotoGASさんとGDG京都のGoolge Apps Script共催勉強会(2013.7.5)
Google Apps Script 概要
Google Apps Script 概要
Y OCHI
夏の総決算、Blender+αの大発表会3(仮)でのLT資料です https://atnd.org/events/68641 <アドバイスいただいた> ・アドオンの再読込はF8でいけるらしい ・pythonコンソールでhelpコマンドで確認できる
Blender+αの大発表会3-WebGLAddon
Blender+αの大発表会3-WebGLAddon
naotaro0123
今日から始めるアジャイル開発
今日から始めるアジャイル開発
Takashi Takebayashi
Grimoire.js is friendly for holoLens
Grimoire.js + HoloLens
Grimoire.js + HoloLens
Masaki Yamamoto
デベロッパーサミット2012 コミュニティLTで話した JAZUG(Windows Azure User Gropu) の資料です
デベロッパーサミット2012 JAZUG LT
デベロッパーサミット2012 JAZUG LT
normalian
Firefox Developers Conference 2012 in Osakaのライトニングトークで使った発表資料です。
ShareWisをFirefoxで動かすためのSVG的とりくみ
ShareWisをFirefoxで動かすためのSVG的とりくみ
Kohei Kadowaki
「G*ワークショップ in 福岡」のイントロダクションで使用したスライド http://kokucheese.com/event/index/45561/
G* Workshop in Fukuoka - Introduction
G* Workshop in Fukuoka - Introduction
Kazuchika Sekiya
Creators'night#3のLT資料です。
Creators'night#3今井
Creators'night#3今井
Daisuke Imai
VisualStudioProfessional版を使ったテンプレートによるDXライブラリの設定の簡略化
Dxライブラリテンプレート作成のすすめ
Dxライブラリテンプレート作成のすすめ
Umebosi
WebGLハンズオンを行った時の資料です。 http://connpass.com/event/25563/
WebGL入門ハンズオン資料
WebGL入門ハンズオン資料
Kazuya Hiruma
Droidkaigi2016の発表資料です。
用途に合わせたアニメーションの実装方法
用途に合わせたアニメーションの実装方法
Takao Sumitomo
『HTML5とか、Androidとか、WEBやら、なんやらかんやら』 日本Androidの会 四国支部 四周年イベント http://atnd.org/events/41163 こちらでプレゼンした際の資料です。
Android studio で行ってみよう!!
Android studio で行ってみよう!!
Kazuaki Ueda
福井スマートフォンハッカソン Titanium Mobileの紹介
福井スマートフォンハッカソン Titanium Mobileの紹介
Mori Shingo
WordBench神戸のレスポンシブ座談会でLTさせていただた資料です。 低コスト案件においてレスポンシブWebデザインに取り組むときの、考え方、取り組み方などについて、ひとつの考えをまとめてました。 内容的にはやや偏りがありますが、ディレクションの一つの方向性として、参考になればと思ってのお話です。
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
Yuji Nojima
Kyobashi.go #1 での発表 http://kyobashi-go.connpass.com/event/18038/
Goだけでモバイルアプリを作る
Goだけでモバイルアプリを作る
Takuya Ueda
むかしむかしあるところにiGoogleっていうのがあって、そこではGoogle Gadgetsというものが使われていて、その周辺の技術っていまどうなってんのかねぇ、という話。文字化けしたのでアップロードしなおしてみた。
Google Gadgetsを看取る
Google Gadgetsを看取る
Takashi SASAKI
Similar to WebGLことはじめ
(20)
Glide活用イメージ紹介20220421
Glide活用イメージ紹介20220421
Live2Dの描画の裏側の話
Live2Dの描画の裏側の話
Swift (with SceneKit) で簡単な3Dゲームを作ってみた
Swift (with SceneKit) で簡単な3Dゲームを作ってみた
WordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみた
Google Apps Script 概要
Google Apps Script 概要
Blender+αの大発表会3-WebGLAddon
Blender+αの大発表会3-WebGLAddon
今日から始めるアジャイル開発
今日から始めるアジャイル開発
Grimoire.js + HoloLens
Grimoire.js + HoloLens
デベロッパーサミット2012 JAZUG LT
デベロッパーサミット2012 JAZUG LT
ShareWisをFirefoxで動かすためのSVG的とりくみ
ShareWisをFirefoxで動かすためのSVG的とりくみ
G* Workshop in Fukuoka - Introduction
G* Workshop in Fukuoka - Introduction
Creators'night#3今井
Creators'night#3今井
Dxライブラリテンプレート作成のすすめ
Dxライブラリテンプレート作成のすすめ
WebGL入門ハンズオン資料
WebGL入門ハンズオン資料
用途に合わせたアニメーションの実装方法
用途に合わせたアニメーションの実装方法
Android studio で行ってみよう!!
Android studio で行ってみよう!!
福井スマートフォンハッカソン Titanium Mobileの紹介
福井スマートフォンハッカソン Titanium Mobileの紹介
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
Goだけでモバイルアプリを作る
Goだけでモバイルアプリを作る
Google Gadgetsを看取る
Google Gadgetsを看取る
More from Kazuya Hiruma
MESON WAVE LIVE #1で発表した登壇資料です。 MESONプロジェクトの開発経験を通して得た知見と、それを元にして作られた"Conekton"というフレームワークについて紹介しています。
MESONプロジェクトから学ぶこれからのAR開発に必要なこと
MESONプロジェクトから学ぶこれからのAR開発に必要なこと
Kazuya Hiruma
【Nreal Japan Union】 Monthly Meet Up vol.2で発表したLTの資料です。 CES2020で出展したコンテンツ『PORTAL』についての学び(の一部)についてです。
PORTAL with Nreal in CES 2020 開発の学び @XR Hub
PORTAL with Nreal in CES 2020 開発の学び @XR Hub
Kazuya Hiruma
XR Kaigi 2019で発表した資料です。 ARグラスであるNreal Lightで魅力的な絵作りをする方法について発表しました。
ARグラスで 魅力的な絵作り
ARグラスで 魅力的な絵作り
Kazuya Hiruma
ARKit3 HackathonのARKit3説明資料です。
AWE Nite ARKit3 Hackathon
AWE Nite ARKit3 Hackathon
Kazuya Hiruma
レイマーチ入門の勉強会で使用した資料です。
レイマーチ入門勉強会資料
レイマーチ入門勉強会資料
Kazuya Hiruma
MESONで手がけたARアプリについて、開発でこだわった点やネットワーク周りの技術選定、実装の概要について紹介しています。
MESONで手がけたARアプリ AR Developer Meetup #2
MESONで手がけたARアプリ AR Developer Meetup #2
Kazuya Hiruma
Web 3Dもくもく会で発表した資料です。
みんなレイ飛ばしてる?
みんなレイ飛ばしてる?
Kazuya Hiruma
【年末だよ】Unity お・と・なのLT大会 2018で話した内容です。 https://meetup.unity3d.jp/jp/events/1026
VRゲーム制作楽しいよ! @UnityおとなのLT大会
VRゲーム制作楽しいよ! @UnityおとなのLT大会
Kazuya Hiruma
Unity x ARKit 入門Meetupで発表したLT資料です。 https://connpass.com/event/99506/
ElminaAR - Unity x ARKit 入門Meetup
ElminaAR - Unity x ARKit 入門Meetup
Kazuya Hiruma
MANABIYAのイベントで話した資料です。モバイルVRのあれこれと、すぐに始められるよう、環境・作り方などを簡単に紹介しています。
今すぐ始められるモバイルVR〜あなたも今日からVRエンジニア〜
今すぐ始められるモバイルVR〜あなたも今日からVRエンジニア〜
Kazuya Hiruma
ARKitハンズオンで使用したスライドです。 https://web3dj.connpass.com/event/71540/
UnityでARKitハンズオン
UnityでARKitハンズオン
Kazuya Hiruma
JSオジサン #7 で話したときの資料です。
すぐそこにある未来〜AR〜
すぐそこにある未来〜AR〜
Kazuya Hiruma
カヤック主催のUniteアフターパーティで話したときの資料です。
VRで酔わないコンテンツ作り
VRで酔わないコンテンツ作り
Kazuya Hiruma
シン・WebVRとか文化祭での登壇資料です。
WebVRコンテンツ制作入門
WebVRコンテンツ制作入門
Kazuya Hiruma
WebGLもくもく会で発表した内容です
WebVRってこんなことできるよ!
WebVRってこんなことできるよ!
Kazuya Hiruma
HTML5 Conference 2016で発表した資料です。
そしてWebVR
そしてWebVR
Kazuya Hiruma
Unity入門ハンズオンで使用した資料です。 http://web3dj.connpass.com/event/33788/
Unity入門ハンズオン
Unity入門ハンズオン
Kazuya Hiruma
WebVR入門者LTで話した資料です。
WebVR 酔いづらいコンテンツの作り方
WebVR 酔いづらいコンテンツの作り方
Kazuya Hiruma
「html5j Webプラットフォーム部勉強会 第13回勉強会 〜Web に VR を求めるのは間違っているだろうか?〜」で登壇した際に使用した資料です。 http://eventdots.jp/event/593174
WebVRことはじめ
WebVRことはじめ
Kazuya Hiruma
集まっtail 第5回 2周年記念で話したLTの資料です。
集まっTail #5 LT
集まっTail #5 LT
Kazuya Hiruma
More from Kazuya Hiruma
(20)
MESONプロジェクトから学ぶこれからのAR開発に必要なこと
MESONプロジェクトから学ぶこれからのAR開発に必要なこと
PORTAL with Nreal in CES 2020 開発の学び @XR Hub
PORTAL with Nreal in CES 2020 開発の学び @XR Hub
ARグラスで 魅力的な絵作り
ARグラスで 魅力的な絵作り
AWE Nite ARKit3 Hackathon
AWE Nite ARKit3 Hackathon
レイマーチ入門勉強会資料
レイマーチ入門勉強会資料
MESONで手がけたARアプリ AR Developer Meetup #2
MESONで手がけたARアプリ AR Developer Meetup #2
みんなレイ飛ばしてる?
みんなレイ飛ばしてる?
VRゲーム制作楽しいよ! @UnityおとなのLT大会
VRゲーム制作楽しいよ! @UnityおとなのLT大会
ElminaAR - Unity x ARKit 入門Meetup
ElminaAR - Unity x ARKit 入門Meetup
今すぐ始められるモバイルVR〜あなたも今日からVRエンジニア〜
今すぐ始められるモバイルVR〜あなたも今日からVRエンジニア〜
UnityでARKitハンズオン
UnityでARKitハンズオン
すぐそこにある未来〜AR〜
すぐそこにある未来〜AR〜
VRで酔わないコンテンツ作り
VRで酔わないコンテンツ作り
WebVRコンテンツ制作入門
WebVRコンテンツ制作入門
WebVRってこんなことできるよ!
WebVRってこんなことできるよ!
そしてWebVR
そしてWebVR
Unity入門ハンズオン
Unity入門ハンズオン
WebVR 酔いづらいコンテンツの作り方
WebVR 酔いづらいコンテンツの作り方
WebVRことはじめ
WebVRことはじめ
集まっTail #5 LT
集まっTail #5 LT
Recently uploaded
This presentation introduces a paper about offline reinforcement learning.
論文紹介: Exploiting semantic segmentation to boost reinforcement learning in vid...
論文紹介: Exploiting semantic segmentation to boost reinforcement learning in vid...
atsushi061452
2024/05/24の勉強会で発表されたものです。
MPAなWebフレームワーク、Astroの紹介 (その2) 2024/05/24の勉強会で発表されたものです。
MPAなWebフレームワーク、Astroの紹介 (その2) 2024/05/24の勉強会で発表されたものです。
iPride Co., Ltd.
2024/05/25 serverless Meetup osaka
2024年5月25日Serverless Meetup大阪 アプリケーションをどこで動かすべきなのか.pptx
2024年5月25日Serverless Meetup大阪 アプリケーションをどこで動かすべきなのか.pptx
ssuserbefd24
https://iotlt.connpass.com/event/318403/
20240523_IoTLT_vol111_kitazaki_v1___.pdf
20240523_IoTLT_vol111_kitazaki_v1___.pdf
Ayachika Kitazaki
Security-JAWS【第33回】 勉強会 https://s-jaws.doorkeeper.jp/events/173294
Amazon Cognitoで実装するパスキー (Security-JAWS【第33回】 勉強会)
Amazon Cognitoで実装するパスキー (Security-JAWS【第33回】 勉強会)
keikoitakurag
第23回 Customer系エンジニア座談会 の LT 公開用スライドです。 https://customer-x-engineer.connpass.com/event/314639/ クラウド電話システム CallConnect に興味を持った方はこちら。 https://www.callconnect.jp/?slideshare お気軽にフォロー/DM お待ちしています。 https://x.com/24guchia https://www.facebook.com/eiichi.nishiguchi
5/22 第23回 Customer系エンジニア座談会のスライド 公開用 西口瑛一
5/22 第23回 Customer系エンジニア座談会のスライド 公開用 西口瑛一
瑛一 西口
YouTube nnabla channelの次の動画で利用したスライドです。 【AI論文解説】Consistency ModelとRectified Flow https://youtu.be/3IKCrAPe55k Consistency ModelとRectified Flowに関連する以下の論文を紹介しています。 Consistency models(解説編Part1で紹介) - “Consistency Models,” ICML 2023. - “Improved Techniques for Training Consistency Models,” ICLR 2024. - “Consistency Trajectory Models: Learning Probability Flow ODE Trajectory of Diffusion,” ICLR 2024. Rectified flow(解説編Part2で紹介) - “Flow Straight and Fast: Learning to Generate and Transfer Data with Rectified Flow,” ICLR 2023. - “InstaFlow: One Step is Enough for High-Quality Diffusion-Based Text-to-Image Generation,” ICLR 2024.
【AI論文解説】Consistency ModelとRectified Flow
【AI論文解説】Consistency ModelとRectified Flow
Sony - Neural Network Libraries
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
CRI Japan, Inc.
YugabyteDB適用に向けた取り組みと隠れた魅力 (DSS Asia 2024 発表資料) 2024年4月24日(水) 株式会社NTTデータグループ 技術開発本部 笠原 辰仁
YugabyteDB適用に向けた取り組みと隠れた魅力 (DSS Asia 2024 発表資料)
YugabyteDB適用に向けた取り組みと隠れた魅力 (DSS Asia 2024 発表資料)
NTT DATA Technology & Innovation
This presentation introduces a paper about offline reinforcement learning.
論文紹介: Offline Q-Learning on diverse Multi-Task data both scales and generalizes
論文紹介: Offline Q-Learning on diverse Multi-Task data both scales and generalizes
atsushi061452
サイバーエージェントAI事業部の新卒研修で利用したスライドを公開します。
2024年度_サイバーエージェント_新卒研修「データベースの歴史」.pptx
2024年度_サイバーエージェント_新卒研修「データベースの歴史」.pptx
yassun7010
Recently uploaded
(11)
論文紹介: Exploiting semantic segmentation to boost reinforcement learning in vid...
論文紹介: Exploiting semantic segmentation to boost reinforcement learning in vid...
MPAなWebフレームワーク、Astroの紹介 (その2) 2024/05/24の勉強会で発表されたものです。
MPAなWebフレームワーク、Astroの紹介 (その2) 2024/05/24の勉強会で発表されたものです。
2024年5月25日Serverless Meetup大阪 アプリケーションをどこで動かすべきなのか.pptx
2024年5月25日Serverless Meetup大阪 アプリケーションをどこで動かすべきなのか.pptx
20240523_IoTLT_vol111_kitazaki_v1___.pdf
20240523_IoTLT_vol111_kitazaki_v1___.pdf
Amazon Cognitoで実装するパスキー (Security-JAWS【第33回】 勉強会)
Amazon Cognitoで実装するパスキー (Security-JAWS【第33回】 勉強会)
5/22 第23回 Customer系エンジニア座談会のスライド 公開用 西口瑛一
5/22 第23回 Customer系エンジニア座談会のスライド 公開用 西口瑛一
【AI論文解説】Consistency ModelとRectified Flow
【AI論文解説】Consistency ModelとRectified Flow
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
YugabyteDB適用に向けた取り組みと隠れた魅力 (DSS Asia 2024 発表資料)
YugabyteDB適用に向けた取り組みと隠れた魅力 (DSS Asia 2024 発表資料)
論文紹介: Offline Q-Learning on diverse Multi-Task data both scales and generalizes
論文紹介: Offline Q-Learning on diverse Multi-Task data both scales and generalizes
2024年度_サイバーエージェント_新卒研修「データベースの歴史」.pptx
2024年度_サイバーエージェント_新卒研修「データベースの歴史」.pptx
WebGLことはじめ
1.
ことはじめ
2.
比留間 和也 の
3.
2月頭に突然の iOSチーム異動
4.
Lobiっていうアプリ 作ってます
5.
マイQiita っていうアプリ出しました
6.
作ったもの
7.
Canvas 2D CSS3D WebGL iOS8でカヤックサイト見るとロゴが3Dに!(゚ ゚)!
8.
今日のゴール 今回話すことのゴールは、WebGLには興味があるけ ど3Dということでハードルが高いと感じている人に WebGLやってみようかな、と思ってもらえればゴー ルだと思っています。
9.
アジェンダ • WebGLはなにができるようになるの?( ́
`) • WebGLはなにをしているの?(Ծ﹏Ծ ) • WebGLの要、GLSL(シェーダ)(☼Д☼) • WebGLの実際の実装の流れ=͟ ͟͞͞( ω')
10.
アジェンダ • WebGLはなにができるようになるの?( ́
`) • WebGLはなにをしているの?(Ծ﹏Ծ ) • WebGLの要、GLSL(シェーダ)(☼Д☼) • WebGLの実際の実装の流れ=͟ ͟͞͞( ω')
11.
WebGL[1](ウェブジーエル)は、ウェブブラウザで3次 元コンピュータグラフィックスを表示させるための標準 仕様。OpenGL 2.0もしくはOpenGL ES
2.0をサポート するプラットフォーム上で、特別なブラウザのプラグイ ンなしで、ハードウェアでアクセラレートされた三次元 グラフィックスを表示可能にする。 ! 技術的には、JavaScriptとネイティブのOpenGL ES 2.0 のバインディングである。WebGLは非営利団体の Khronos Groupで管理されている。WebGLはHTMLの canvas要素を使う。 出典:Wikipedia
12.
• ざっくり一言でいうと「ハードウェアでアクセラ レートされた(GPUを使った)高速なレンダリン グ能力を手に入れられる」ということ。 • 三次元グラフィックスと書かれているが、実際のポ イントは「ハードウェアでアクセラレートされる」 という点。 •
つまりこれは、二次元の表現であったとしてもその 恩恵を受けられる、ということ。
13.
3DでWebGL使ったデモ 2DでWebGL使ったデモ
14.
アジェンダ • WebGLはなにができるようになるの?( ́
`) • WebGLはなにをしているの?(Ծ﹏Ծ ) • WebGLの要、GLSL(シェーダ)(☼Д☼) • WebGLの実際の実装の流れ=͟ ͟͞͞( ω')
15.
WebGL(OpenGL)には パイプラインと呼ばれる 仕組みがあります。 パイプライン(・▽・)
16.
ざっくり言うと
17.
データ(入力)に対して(パイプを 通すように)一連の処理を施し、最 終的な結果(出力)にすること
18.
パイプラインイメージ 入力 出力 処理
19.
変換パイプライン
20.
変換パイプライン
21.
行列?( ̄□ ̄)
22.
こういうやつです
23.
(゚ ゚)!!
24.
モデル座標変換 要は「世界のどこに置くか」の定義( ́ `)
25.
ビュー座標変換 要は「どこから撮影しているのか」の定義( ́ `)
26.
プロジェクション 座標変換 要は「どんなレンズか」の定義( ́ `)
27.
行列を使うと、これら複雑な座標変換処理を ひとつの行列にまとめて使いまわせる ( ・ ・)イイ!!
28.
グラフィクスパイプライン
29.
グラフィクスパイプライン
30.
アジェンダ • WebGLはなにができるようになるの?( ́
`) • WebGLはなにをしているの?(Ծ﹏Ծ ) • WebGLの要、GLSL(シェーダ)(☼Д☼) • WebGLの実際の実装の流れ=͟ ͟͞͞( ω')
31.
WebGLで一番大事な シェーダ
32.
OS シェーダのイメージ ?(๑ ⌓ ๑)? シェーダ ブラウザ
33.
GLSL (OpenGL Shading
Language) はGLslangとして も知られ、C言語をベースとした高レベルシェーディング 言語である。これはアセンブリ言語やハードウェアに依 存した言語を使わないで、開発者がグラフィックスパイ プラインを直接制御できるようにOpenGL ARBで策定さ れた。 出典:Wikipedia
34.
つまり、シェーダはGPUを 操作する=GPU上で動く
35.
まずはシェーダを 見てみる
36.
頂点シェーダ // 頂点シェーダソース attribute vec3
position; attribute vec4 color; ! uniform mat4 mvpMatrix; ! varying vec4 vColor; ! void main() { vColor = color; gl_Position = mvpMatrix * vec4(position, 1.0); }
37.
フラグメントシェーダ // フラグメントシェーダソース precision mediump
float; ! varying vec4 vColor; ! void main() { gl_FragColor = vColor; }
38.
これなら読めそう(゚ ゚)!!
39.
覚えておくべき キーワードは
40.
「attribute、uniform、varying」と 「gl_Position、gl_FragColor」
41.
// 頂点シェーダソース attribute vec3
position; attribute vec4 color; ! uniform mat4 mvpMatrix; ! varying vec4 vColor; ! void main() { vColor = color; gl_Position = mvpMatrix * vec4(position, 1.0); } 変数定義 処理 // フラグメントシェーダソース precision mediump float; ! varying vec4 vColor; ! void main() { gl_FragColor = vColor; } 変数定義 処理
42.
// 頂点シェーダソース attribute vec3
position; attribute vec4 color; ! uniform mat4 mvpMatrix; ! varying vec4 vColor; ! void main() { vColor = color; gl_Position = mvpMatrix * vec4(position, 1.0); } // フラグメントシェーダソース precision mediump float; ! varying vec4 vColor; ! void main() { gl_FragColor = vColor; } attribute(属性) uniform(一定、同質) varying(様々な、異なる)
43.
アジェンダ • WebGLはなにができるようになるの?( ́
`) • WebGLはなにをしているの?(Ծ﹏Ծ ) • WebGLの要、GLSL(シェーダ)(☼Д☼) • WebGLの実際の実装の流れ=͟ ͟͞͞( ω')
44.
JavaScriptのコードを 見てみる https://github.com/edom18/WebGL-Meetup-sample サンプルを上げておきました( *́▽`)
45.
46.
これだけ書いて、 実は三角形ひとつだけ… まぢか( ;́Д`)
47.
でも分解すると
48.
…① WebGLのセットアップ …② データの準備 …③
座標変換パイプライン …④ シェーダの準備と データのアップロード …⑤ レンダリング
49.
意外と やってることは少ない (゚ ゚)!!
50.
ざっくりと ひとつひとつ見ていきます
51.
52.
WebGLで表示する生のデータ WebGLで表示するための バッファデータ
53.
WebGLShaderオブジェクトの生成
54.
WebGLProgramオブジェクトの生成
55.
WebGLBufferオブジェクトの生成
56.
行列用変数の 初期化 各種行列を生成
57.
attribute変数の インデックスを取得 頂点位置・色データをWebGLに通知 頂点インデックスデータをWebGLに通知 座標変換行列データをUniformとしてWebGLに通知
58.
レンダリングGo!!٩(ˊᗜˋ*)و
59.
でもこれだけ・・・((((;゚Д゚))))
60.
実はほぼ、WebGLと 通信するためのコード
61.
準備が整ってしまえば、 データを追加するのは簡単 ε-(́ `*)ホッ
62.
DEMO
63.
ライブラリを使う
64.
あまりWebGLを生で 書くことは少ない
65.
ライブラリを使えば 手軽にWebGLで表現できる ktkr(゚ ゚)!!
66.
Three.js
67.
WebGLではデファクトスタ ンダードになりつつある ライブラリ 冒頭のサイコロ給のデモもThree.jsを使っています(ㆆᴗㆆ)
68.
同じような行数で どこまでできるかやってみた
69.
70.
DEMO
71.
ライブラリいいね (゚ ゚)b
72.
明日からWebGLで なにか作ろう!!
73.
ご静聴ありがとうございました
Download now