Enviar pesquisa
Carregar
YUI
•
Transferir como PPT, PDF
•
0 gostou
•
1,230 visualizações
Tatsuya Sasaki
Seguir
Tecnologia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 27
Baixar agora
Recomendados
141115 making web site
141115 making web site
Himi Sato
jQuery Performance Tips – jQueryにおける高速化 -
jQuery Performance Tips – jQueryにおける高速化 -
Hayato Mizuno
J query place
J query place
sayoko miura
Web制作勉強会 #2
Web制作勉強会 #2
Moto Yan
⑯jQueryをおぼえよう!その2
⑯jQueryをおぼえよう!その2
Nishida Kansuke
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
Atsushi Tadokoro
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
Yuki Minakawa
nanocのhelper 利用実例
nanocのhelper 利用実例
Go Maeda
Recomendados
141115 making web site
141115 making web site
Himi Sato
jQuery Performance Tips – jQueryにおける高速化 -
jQuery Performance Tips – jQueryにおける高速化 -
Hayato Mizuno
J query place
J query place
sayoko miura
Web制作勉強会 #2
Web制作勉強会 #2
Moto Yan
⑯jQueryをおぼえよう!その2
⑯jQueryをおぼえよう!その2
Nishida Kansuke
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
Atsushi Tadokoro
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
Yuki Minakawa
nanocのhelper 利用実例
nanocのhelper 利用実例
Go Maeda
Jquery1 1
Jquery1 1
Jun Chiba
何なのc?
何なのc?
Mutsumi IWAISHI
deviseを利用した認証について@Minamirb
deviseを利用した認証について@Minamirb
Jun Fukaya
環境構築から始めるDjangoチュートリアル
環境構築から始めるDjangoチュートリアル
sakihohoribe
Java script
Java script
sayoko miura
Java script4
Java script4
Kiminari Homma
JQuery入門
JQuery入門
sayoko miura
BMXUG つきじ#4
BMXUG つきじ#4
K Kimura
Web勉強会 20120927
Web勉強会 20120927
Yoshihiro Furukawa
閉じタグを超えた先に僕が見た景色とは
閉じタグを超えた先に僕が見た景色とは
Muyuu Fujita
仕事で使うちょっとしたコードをOSSとして開発メンテしていく- Django Redshift Backend の開発 - PyCon JP 2016
仕事で使うちょっとしたコードをOSSとして開発メンテしていく- Django Redshift Backend の開発 - PyCon JP 2016
Takayuki Shimizukawa
これからのJSの話をしよう ~jQueryで作るTwitterアプリ~ (Gunma.web #2 2010/10/9)
これからのJSの話をしよう ~jQueryで作るTwitterアプリ~ (Gunma.web #2 2010/10/9)
parrotstudio
(きっと)あなたにも出来る!Hyperledger composer でブロックチェーンアプリを動かしてみた
(きっと)あなたにも出来る!Hyperledger composer でブロックチェーンアプリを動かしてみた
K Kimura
Djangoのチュートリアル
Djangoのチュートリアル
sakihohoribe
html5j.orgがHTML5+JavaScriptで Metro Style アプリを作ってみた
html5j.orgがHTML5+JavaScriptで Metro Style アプリを作ってみた
Shumpei Shiraishi
小規模案件で作られた秘伝のタレ
小規模案件で作られた秘伝のタレ
Muyuu Fujita
プロダクト開発してわかったDjangoの深〜いパーミッション管理の話 @ PyconJP2017
プロダクト開発してわかったDjangoの深〜いパーミッション管理の話 @ PyconJP2017
hirokiky
モテる JavaScript
モテる JavaScript
Osamu Monoe
まだDOM操作で消耗してるの?
まだDOM操作で消耗してるの?
IRI MO
Chart.jsで簡単にグラフを描画する
Chart.jsで簡単にグラフを描画する
iPride Co., Ltd.
からあげとビーチと私
からあげとビーチと私
Tatsuya Sasaki
メタプログラミングでDSLを書こう
メタプログラミングでDSLを書こう
Tatsuya Sasaki
Mais conteúdo relacionado
Mais procurados
Jquery1 1
Jquery1 1
Jun Chiba
何なのc?
何なのc?
Mutsumi IWAISHI
deviseを利用した認証について@Minamirb
deviseを利用した認証について@Minamirb
Jun Fukaya
環境構築から始めるDjangoチュートリアル
環境構築から始めるDjangoチュートリアル
sakihohoribe
Java script
Java script
sayoko miura
Java script4
Java script4
Kiminari Homma
JQuery入門
JQuery入門
sayoko miura
BMXUG つきじ#4
BMXUG つきじ#4
K Kimura
Web勉強会 20120927
Web勉強会 20120927
Yoshihiro Furukawa
閉じタグを超えた先に僕が見た景色とは
閉じタグを超えた先に僕が見た景色とは
Muyuu Fujita
仕事で使うちょっとしたコードをOSSとして開発メンテしていく- Django Redshift Backend の開発 - PyCon JP 2016
仕事で使うちょっとしたコードをOSSとして開発メンテしていく- Django Redshift Backend の開発 - PyCon JP 2016
Takayuki Shimizukawa
これからのJSの話をしよう ~jQueryで作るTwitterアプリ~ (Gunma.web #2 2010/10/9)
これからのJSの話をしよう ~jQueryで作るTwitterアプリ~ (Gunma.web #2 2010/10/9)
parrotstudio
(きっと)あなたにも出来る!Hyperledger composer でブロックチェーンアプリを動かしてみた
(きっと)あなたにも出来る!Hyperledger composer でブロックチェーンアプリを動かしてみた
K Kimura
Djangoのチュートリアル
Djangoのチュートリアル
sakihohoribe
html5j.orgがHTML5+JavaScriptで Metro Style アプリを作ってみた
html5j.orgがHTML5+JavaScriptで Metro Style アプリを作ってみた
Shumpei Shiraishi
小規模案件で作られた秘伝のタレ
小規模案件で作られた秘伝のタレ
Muyuu Fujita
プロダクト開発してわかったDjangoの深〜いパーミッション管理の話 @ PyconJP2017
プロダクト開発してわかったDjangoの深〜いパーミッション管理の話 @ PyconJP2017
hirokiky
モテる JavaScript
モテる JavaScript
Osamu Monoe
まだDOM操作で消耗してるの?
まだDOM操作で消耗してるの?
IRI MO
Chart.jsで簡単にグラフを描画する
Chart.jsで簡単にグラフを描画する
iPride Co., Ltd.
Mais procurados
(20)
Jquery1 1
Jquery1 1
何なのc?
何なのc?
deviseを利用した認証について@Minamirb
deviseを利用した認証について@Minamirb
環境構築から始めるDjangoチュートリアル
環境構築から始めるDjangoチュートリアル
Java script
Java script
Java script4
Java script4
JQuery入門
JQuery入門
BMXUG つきじ#4
BMXUG つきじ#4
Web勉強会 20120927
Web勉強会 20120927
閉じタグを超えた先に僕が見た景色とは
閉じタグを超えた先に僕が見た景色とは
仕事で使うちょっとしたコードをOSSとして開発メンテしていく- Django Redshift Backend の開発 - PyCon JP 2016
仕事で使うちょっとしたコードをOSSとして開発メンテしていく- Django Redshift Backend の開発 - PyCon JP 2016
これからのJSの話をしよう ~jQueryで作るTwitterアプリ~ (Gunma.web #2 2010/10/9)
これからのJSの話をしよう ~jQueryで作るTwitterアプリ~ (Gunma.web #2 2010/10/9)
(きっと)あなたにも出来る!Hyperledger composer でブロックチェーンアプリを動かしてみた
(きっと)あなたにも出来る!Hyperledger composer でブロックチェーンアプリを動かしてみた
Djangoのチュートリアル
Djangoのチュートリアル
html5j.orgがHTML5+JavaScriptで Metro Style アプリを作ってみた
html5j.orgがHTML5+JavaScriptで Metro Style アプリを作ってみた
小規模案件で作られた秘伝のタレ
小規模案件で作られた秘伝のタレ
プロダクト開発してわかったDjangoの深〜いパーミッション管理の話 @ PyconJP2017
プロダクト開発してわかったDjangoの深〜いパーミッション管理の話 @ PyconJP2017
モテる JavaScript
モテる JavaScript
まだDOM操作で消耗してるの?
まだDOM操作で消耗してるの?
Chart.jsで簡単にグラフを描画する
Chart.jsで簡単にグラフを描画する
Destaque
からあげとビーチと私
からあげとビーチと私
Tatsuya Sasaki
メタプログラミングでDSLを書こう
メタプログラミングでDSLを書こう
Tatsuya Sasaki
からあげエンジニアについて
からあげエンジニアについて
Tatsuya Sasaki
クックパッドでのemr利用事例
クックパッドでのemr利用事例
Tatsuya Sasaki
マーケティングのためのHadoop利用
マーケティングのためのHadoop利用
Tatsuya Sasaki
Wimba
Wimba
jvonharz
Kc2
Kc2
guestb508b8
UXHK 2015 Presentation Designing the Context for Design
UXHK 2015 Presentation Designing the Context for Design
Ted Kilian
Customer Experience for SMEs Key Person of Influence Talk
Customer Experience for SMEs Key Person of Influence Talk
Ted Kilian
The rules of indices
The rules of indices
Yu Kok Hui
800万人の"食べたい"をHadoopで分散処理
800万人の"食べたい"をHadoopで分散処理
Tatsuya Sasaki
Uxhk 2015art of start workshop share.key
Uxhk 2015art of start workshop share.key
Ted Kilian
Hadoopを業務で使ってみた
Hadoopを業務で使ってみた
Tatsuya Sasaki
Hadoopを業務で使ってみました
Hadoopを業務で使ってみました
Tatsuya Sasaki
961万人の食卓を支えるデータ解析
961万人の食卓を支えるデータ解析
Tatsuya Sasaki
Transitioning into UX: General Assembly Hong Kong 2015
Transitioning into UX: General Assembly Hong Kong 2015
Ted Kilian
COOKPADでのHadoop利用
COOKPADでのHadoop利用
Tatsuya Sasaki
NoSQLデータベースが登場した背景と特徴
NoSQLデータベースが登場した背景と特徴
Tatsuya Sasaki
RubyでDSL
RubyでDSL
Yukimitsu Izawa
Hadoop導入事例 in クックパッド
Hadoop導入事例 in クックパッド
Tatsuya Sasaki
Destaque
(20)
からあげとビーチと私
からあげとビーチと私
メタプログラミングでDSLを書こう
メタプログラミングでDSLを書こう
からあげエンジニアについて
からあげエンジニアについて
クックパッドでのemr利用事例
クックパッドでのemr利用事例
マーケティングのためのHadoop利用
マーケティングのためのHadoop利用
Wimba
Wimba
Kc2
Kc2
UXHK 2015 Presentation Designing the Context for Design
UXHK 2015 Presentation Designing the Context for Design
Customer Experience for SMEs Key Person of Influence Talk
Customer Experience for SMEs Key Person of Influence Talk
The rules of indices
The rules of indices
800万人の"食べたい"をHadoopで分散処理
800万人の"食べたい"をHadoopで分散処理
Uxhk 2015art of start workshop share.key
Uxhk 2015art of start workshop share.key
Hadoopを業務で使ってみた
Hadoopを業務で使ってみた
Hadoopを業務で使ってみました
Hadoopを業務で使ってみました
961万人の食卓を支えるデータ解析
961万人の食卓を支えるデータ解析
Transitioning into UX: General Assembly Hong Kong 2015
Transitioning into UX: General Assembly Hong Kong 2015
COOKPADでのHadoop利用
COOKPADでのHadoop利用
NoSQLデータベースが登場した背景と特徴
NoSQLデータベースが登場した背景と特徴
RubyでDSL
RubyでDSL
Hadoop導入事例 in クックパッド
Hadoop導入事例 in クックパッド
Semelhante a YUI
アプリコンテスト
アプリコンテスト
Tomonori Yamada
webを飾る技術
webを飾る技術
ina job
HTML5 on ASP.NET
HTML5 on ASP.NET
Fujio Kojima
Module02
Module02
洋信 後藤
Java Script4
Java Script4
Kiminari Homma
第19回html5とか勉強会 pjax
第19回html5とか勉強会 pjax
Kensaku Komatsu
Jetpack Library 事始め
Jetpack Library 事始め
Tomohiro Kaizu
お父さんのための実用JavaScriptプログラミング~入門篇~
お父さんのための実用JavaScriptプログラミング~入門篇~
Che Renkov
WordBench Saitama vol.6
WordBench Saitama vol.6
masaaki komori
jQuery Mobile 最新情報 & Tips
jQuery Mobile 最新情報 & Tips
yoshikawa_t
Struts2を始めよう!
Struts2を始めよう!
Shinpei Ohtani
CodeIgniterによるPhwittr
CodeIgniterによるPhwittr
kenjis
WordPress と Bootstrap
WordPress と Bootstrap
株式会社ガリレオ(開発グループ)
2005 10 07_kof2005_xoops
2005 10 07_kof2005_xoops
Tom Hayakawa
「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップ
Yasuhito Yabe
20120118 titanium
20120118 titanium
Hiroshi Oyamada
ExtJSで作るAIRアプリケーション
ExtJSで作るAIRアプリケーション
Daisaku Yamamoto
CSS Nite in Matsuyama vol.1 - session 4
CSS Nite in Matsuyama vol.1 - session 4
arisu yano
sgvizler
sgvizler
Fumihiro Kato
Webapp startup example_to_dolist
Webapp startup example_to_dolist
Shinichiro Kumeuchi
Semelhante a YUI
(20)
アプリコンテスト
アプリコンテスト
webを飾る技術
webを飾る技術
HTML5 on ASP.NET
HTML5 on ASP.NET
Module02
Module02
Java Script4
Java Script4
第19回html5とか勉強会 pjax
第19回html5とか勉強会 pjax
Jetpack Library 事始め
Jetpack Library 事始め
お父さんのための実用JavaScriptプログラミング~入門篇~
お父さんのための実用JavaScriptプログラミング~入門篇~
WordBench Saitama vol.6
WordBench Saitama vol.6
jQuery Mobile 最新情報 & Tips
jQuery Mobile 最新情報 & Tips
Struts2を始めよう!
Struts2を始めよう!
CodeIgniterによるPhwittr
CodeIgniterによるPhwittr
WordPress と Bootstrap
WordPress と Bootstrap
2005 10 07_kof2005_xoops
2005 10 07_kof2005_xoops
「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップ
20120118 titanium
20120118 titanium
ExtJSで作るAIRアプリケーション
ExtJSで作るAIRアプリケーション
CSS Nite in Matsuyama vol.1 - session 4
CSS Nite in Matsuyama vol.1 - session 4
sgvizler
sgvizler
Webapp startup example_to_dolist
Webapp startup example_to_dolist
Último
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
WSO2
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
sn679259
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Hiroshi Tomioka
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
Último
(12)
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
YUI
1.
YUI
2.
YUI って何だ?
3.
Y ahoo!
U ser I nterface Library Yahoo! が提供する CSS と JavaScript のライブラリ
4.
何が出来るの?
5.
カレンダー リッチテキストエディタ アップローダー
ドラッグ&ドロップ タブ切り替え スライドショー サジェスト(入力補完) グラフ ソート可能なテーブル
6.
メリット
7.
・見た目がカッコイイ ・開発時間の短縮 ・名前の衝突がない
・ クロスブラウザ 対応
8.
9.
デメリット
10.
・読み込むファイルが多い ・読込みが重いかな?
11.
使ってみましょう ( ・
ω ・ ) ノ
12.
ドラッグ&ドロップ
13.
<script type=“text/javascript”>
new YAHOO.util.DD(" ddImg "); </script> <img id=" ddImg " src="nekomurasan.jpg">
14.
タブ切り替え
15.
<script type=“text/javascript”>
var tab = new YAHOO.widget.TabView(" myTab "); </script> <div id=" myTab " class="yui-navset yui-navset-top"> <ul class="yui-nav"></ul> <div class="yui-content"></div> </div>
16.
<script type=“text/javascript”>
var tab = new YAHOO.widget.TabView(" myTab "); </script> <div id=" myTab " class="yui-navset yui-navset-top"> <ul class="yui-nav"> <li><a href="#"><em> tab-title1 </em></a></li> <li><a href="#"><em> tab-title2 </em></a></li> <li><a href="#"><em> tab-title3 </em></a></li> </ul> <div class="yui-content"> <div> content1 </div> <div> content2 </div> <div> content3 </div> </div> </div>
17.
<button onclick=" addtabs
()"> タブを追加 </button> <script type=“text/javascript”> var tab = new YAHOO.widget.TabView(" myTab "); var addtabs = function() { tab.addTab( new YAHOO.widget.Tab( { label: ‘ ラベル’ , content: ‘ 内容’ } )); } </script>
18.
リッチテキスト エディタ
19.
<script type=“text/javascript”> var
myConfig = { height: '200px', width: '520px', handleSubmit: true, autoHeight: true }; var myEditor = new YAHOO.widget.SimpleEditor(' yuieditor ', myConfig); myEditor. render() ; </script> <textarea id=" yuieditor " name=" yuieditor "> </textarea>
20.
アップローダー ※ 複数ファイルの同時アップロード可能
21.
<div id=" yuiuploader
“></div> <script type=“text/javascript”> YAHOO.widget.Uploader.SWFURL = "uploader.swf"; var uploader = new YAHOO.widget.Uploader(" yuiuploader "); uploader.addListener('fileSelect',onFileSelect); uploader.addListener('uploadError',onUploadError); uploader.addListener('uploadComplete',onUploadComplete); uploader.addListener('uploadProgress',onUploadProgress); uploader.addListener('uploadStart',onUploadStart); uploader.upload(fileID, 'upload.cgi'); </script>
22.
こんなことも 出来ます(・∀・)
23.
スライドショー ※ slideshow.js
というものを使っています。
24.
<script type=“text/javascript”> var
ssConfig = { effect: YAHOO.myowndb.slideshow.effects.slideRight, interval: 3000 }; var ss = new YAHOO.myowndb.slideshow(" yuislide ", ssConfig); </script> <div id=" yuislide " class="yui-sldshw-displayer"> <img class=" yui-sldshw-frame " src="neko.jpg" /> <div class=" yui-sldshw-frame "> <p>HTML を表示することもできます </p> </div> <div class=" yui-sldshw-frame "> <iframe width="312" height="176" src=“…"></iframe> </div> </div>
25.
まとめ
26.
① ID を付ける。
② コンストラクタに ID を渡す これだけ
27.
YUI++ YUI を利用して、短時間でカッコイイ
Web ページを作っちゃいましょう
Baixar agora