Enviar pesquisa
Carregar
Webページで学ぶJavaScript2013 第8回
•
1 gostou
•
840 visualizações
京大 マイコンクラブ
Seguir
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 29
Baixar agora
Baixar para ler offline
Recomendados
Webページで学ぶJavaScript2013 第6回
Webページで学ぶJavaScript2013 第6回
京大 マイコンクラブ
【もくもく会】Windows環境でSassを使う!Gulp導入のキモ
【もくもく会】Windows環境でSassを使う!Gulp導入のキモ
Masako Miyazaki
Yeoman RIAビルドツール超入門
Yeoman RIAビルドツール超入門
Masakazu Muraoka
Webページで学ぶJavaScript2013 第5回
Webページで学ぶJavaScript2013 第5回
京大 マイコンクラブ
WordPressで電子書籍
WordPressで電子書籍
Takayuki Miyauchi
20150523
20150523
Toshihiro Suzuki
Let’s angular js!!
Let’s angular js!!
Syoko Matsumura
ServerSideJavaScript
ServerSideJavaScript
Ryunosuke SATO
Recomendados
Webページで学ぶJavaScript2013 第6回
Webページで学ぶJavaScript2013 第6回
京大 マイコンクラブ
【もくもく会】Windows環境でSassを使う!Gulp導入のキモ
【もくもく会】Windows環境でSassを使う!Gulp導入のキモ
Masako Miyazaki
Yeoman RIAビルドツール超入門
Yeoman RIAビルドツール超入門
Masakazu Muraoka
Webページで学ぶJavaScript2013 第5回
Webページで学ぶJavaScript2013 第5回
京大 マイコンクラブ
WordPressで電子書籍
WordPressで電子書籍
Takayuki Miyauchi
20150523
20150523
Toshihiro Suzuki
Let’s angular js!!
Let’s angular js!!
Syoko Matsumura
ServerSideJavaScript
ServerSideJavaScript
Ryunosuke SATO
Webページで学ぶJavaScript2013 第4回
Webページで学ぶJavaScript2013 第4回
京大 マイコンクラブ
Web制作勉強会 #2
Web制作勉強会 #2
Moto Yan
春のJavaScript祭り
春のJavaScript祭り
Masahiro Hata
視て覚えるWeb用語
視て覚えるWeb用語
GIG inc.
Webサイトのライブデザイン&コーディング実演授業!
Webサイトのライブデザイン&コーディング実演授業!
webcampusschoo
Webサーバ、HTML
Webサーバ、HTML
Shuhei Iitsuka
Raytracing4
Raytracing4
Kazuma Hatta
Capybaraで雑にWebスクレイピング
Capybaraで雑にWebスクレイピング
Koji Nakamura
Crystal 勉強会 #5 in 渋谷 発表資料
Crystal 勉強会 #5 in 渋谷 発表資料
at grandpa
Node.jsでサーバプログラマ デビューしよう
Node.jsでサーバプログラマ デビューしよう
Yuusuke Takeuchi
Meguro es7
Meguro es7
健太 田上
Crystalを触り始めてから起こったこと
Crystalを触り始めてから起こったこと
at grandpa
もっとはじめる Ember.js !! ~ Getting started with Ember.js more ~
もっとはじめる Ember.js !! ~ Getting started with Ember.js more ~
Ryunosuke SATO
今さら始めるJavaScript
今さら始めるJavaScript
Ashitaba YOSHIOKA
はじめる Ember.js!! ~ Getting started with ember.js ~
はじめる Ember.js!! ~ Getting started with ember.js ~
Ryunosuke SATO
大阪Node学園 七時限目 「ゼロからはじめるnode.js」
大阪Node学園 七時限目 「ゼロからはじめるnode.js」
Shunsuke Watanabe
PhpStormとGrunt.jsで作るCakePHP快適開発環境
PhpStormとGrunt.jsで作るCakePHP快適開発環境
kamiyam .
Fuel phpをcomposerに本気で対応させた時の話
Fuel phpをcomposerに本気で対応させた時の話
Keishi Hosoba
レガシーシステムのDBマイグレーションし始めた話
レガシーシステムのDBマイグレーションし始めた話
nekogeruge_987
CodeIgniterでXMLを処理してみる
CodeIgniterでXMLを処理してみる
智之 大野
Webページで学ぶJavaScript2013 第7回
Webページで学ぶJavaScript2013 第7回
京大 マイコンクラブ
Constexprとtemplateでコンパイル時にfizz buzz
Constexprとtemplateでコンパイル時にfizz buzz
京大 マイコンクラブ
Mais conteúdo relacionado
Mais procurados
Webページで学ぶJavaScript2013 第4回
Webページで学ぶJavaScript2013 第4回
京大 マイコンクラブ
Web制作勉強会 #2
Web制作勉強会 #2
Moto Yan
春のJavaScript祭り
春のJavaScript祭り
Masahiro Hata
視て覚えるWeb用語
視て覚えるWeb用語
GIG inc.
Webサイトのライブデザイン&コーディング実演授業!
Webサイトのライブデザイン&コーディング実演授業!
webcampusschoo
Webサーバ、HTML
Webサーバ、HTML
Shuhei Iitsuka
Raytracing4
Raytracing4
Kazuma Hatta
Capybaraで雑にWebスクレイピング
Capybaraで雑にWebスクレイピング
Koji Nakamura
Crystal 勉強会 #5 in 渋谷 発表資料
Crystal 勉強会 #5 in 渋谷 発表資料
at grandpa
Node.jsでサーバプログラマ デビューしよう
Node.jsでサーバプログラマ デビューしよう
Yuusuke Takeuchi
Meguro es7
Meguro es7
健太 田上
Crystalを触り始めてから起こったこと
Crystalを触り始めてから起こったこと
at grandpa
もっとはじめる Ember.js !! ~ Getting started with Ember.js more ~
もっとはじめる Ember.js !! ~ Getting started with Ember.js more ~
Ryunosuke SATO
今さら始めるJavaScript
今さら始めるJavaScript
Ashitaba YOSHIOKA
はじめる Ember.js!! ~ Getting started with ember.js ~
はじめる Ember.js!! ~ Getting started with ember.js ~
Ryunosuke SATO
大阪Node学園 七時限目 「ゼロからはじめるnode.js」
大阪Node学園 七時限目 「ゼロからはじめるnode.js」
Shunsuke Watanabe
PhpStormとGrunt.jsで作るCakePHP快適開発環境
PhpStormとGrunt.jsで作るCakePHP快適開発環境
kamiyam .
Fuel phpをcomposerに本気で対応させた時の話
Fuel phpをcomposerに本気で対応させた時の話
Keishi Hosoba
レガシーシステムのDBマイグレーションし始めた話
レガシーシステムのDBマイグレーションし始めた話
nekogeruge_987
CodeIgniterでXMLを処理してみる
CodeIgniterでXMLを処理してみる
智之 大野
Mais procurados
(20)
Webページで学ぶJavaScript2013 第4回
Webページで学ぶJavaScript2013 第4回
Web制作勉強会 #2
Web制作勉強会 #2
春のJavaScript祭り
春のJavaScript祭り
視て覚えるWeb用語
視て覚えるWeb用語
Webサイトのライブデザイン&コーディング実演授業!
Webサイトのライブデザイン&コーディング実演授業!
Webサーバ、HTML
Webサーバ、HTML
Raytracing4
Raytracing4
Capybaraで雑にWebスクレイピング
Capybaraで雑にWebスクレイピング
Crystal 勉強会 #5 in 渋谷 発表資料
Crystal 勉強会 #5 in 渋谷 発表資料
Node.jsでサーバプログラマ デビューしよう
Node.jsでサーバプログラマ デビューしよう
Meguro es7
Meguro es7
Crystalを触り始めてから起こったこと
Crystalを触り始めてから起こったこと
もっとはじめる Ember.js !! ~ Getting started with Ember.js more ~
もっとはじめる Ember.js !! ~ Getting started with Ember.js more ~
今さら始めるJavaScript
今さら始めるJavaScript
はじめる Ember.js!! ~ Getting started with ember.js ~
はじめる Ember.js!! ~ Getting started with ember.js ~
大阪Node学園 七時限目 「ゼロからはじめるnode.js」
大阪Node学園 七時限目 「ゼロからはじめるnode.js」
PhpStormとGrunt.jsで作るCakePHP快適開発環境
PhpStormとGrunt.jsで作るCakePHP快適開発環境
Fuel phpをcomposerに本気で対応させた時の話
Fuel phpをcomposerに本気で対応させた時の話
レガシーシステムのDBマイグレーションし始めた話
レガシーシステムのDBマイグレーションし始めた話
CodeIgniterでXMLを処理してみる
CodeIgniterでXMLを処理してみる
Destaque
Webページで学ぶJavaScript2013 第7回
Webページで学ぶJavaScript2013 第7回
京大 マイコンクラブ
Constexprとtemplateでコンパイル時にfizz buzz
Constexprとtemplateでコンパイル時にfizz buzz
京大 マイコンクラブ
One-Phase Construction
One-Phase Construction
京大 マイコンクラブ
BFmeta
BFmeta
京大 マイコンクラブ
お絵かきをはじめよう!
お絵かきをはじめよう!
京大 マイコンクラブ
素集合データ構造
素集合データ構造
京大 マイコンクラブ
すごいスライド(Lazy K 紹介)
すごいスライド(Lazy K 紹介)
京大 マイコンクラブ
Quine
Quine
京大 マイコンクラブ
計算量とオーダー
計算量とオーダー
京大 マイコンクラブ
Google Photosにネットで拾ったイラストを溜め込む
Google Photosにネットで拾ったイラストを溜め込む
京大 マイコンクラブ
ECMAScript没proposal追悼式
ECMAScript没proposal追悼式
京大 マイコンクラブ
SSL で守られる生活
SSL で守られる生活
京大 マイコンクラブ
実用Brainf*ckプログラミング
実用Brainf*ckプログラミング
京大 マイコンクラブ
Windows改造計画
Windows改造計画
京大 マイコンクラブ
Unityプロファイラについて
Unityプロファイラについて
Mio Ku-tani
Ultra piet
Ultra piet
京大 マイコンクラブ
オセロの終盤ソルバーを100倍以上高速化した話
オセロの終盤ソルバーを100倍以上高速化した話
京大 マイコンクラブ
CUI3D
CUI3D
京大 マイコンクラブ
C++11
C++11
京大 マイコンクラブ
よいコード、わるいコード
よいコード、わるいコード
京大 マイコンクラブ
Destaque
(20)
Webページで学ぶJavaScript2013 第7回
Webページで学ぶJavaScript2013 第7回
Constexprとtemplateでコンパイル時にfizz buzz
Constexprとtemplateでコンパイル時にfizz buzz
One-Phase Construction
One-Phase Construction
BFmeta
BFmeta
お絵かきをはじめよう!
お絵かきをはじめよう!
素集合データ構造
素集合データ構造
すごいスライド(Lazy K 紹介)
すごいスライド(Lazy K 紹介)
Quine
Quine
計算量とオーダー
計算量とオーダー
Google Photosにネットで拾ったイラストを溜め込む
Google Photosにネットで拾ったイラストを溜め込む
ECMAScript没proposal追悼式
ECMAScript没proposal追悼式
SSL で守られる生活
SSL で守られる生活
実用Brainf*ckプログラミング
実用Brainf*ckプログラミング
Windows改造計画
Windows改造計画
Unityプロファイラについて
Unityプロファイラについて
Ultra piet
Ultra piet
オセロの終盤ソルバーを100倍以上高速化した話
オセロの終盤ソルバーを100倍以上高速化した話
CUI3D
CUI3D
C++11
C++11
よいコード、わるいコード
よいコード、わるいコード
Semelhante a Webページで学ぶJavaScript2013 第8回
B 2-1 はじめての Windows Azure
B 2-1 はじめての Windows Azure
GoAzure
JavaFXとRoboVMを使ってiOS上で動くアプリを試してみた
JavaFXとRoboVMを使ってiOS上で動くアプリを試してみた
Satoshi Takami
Glass fishで作ったアプリをweblogicに移植してみた
Glass fishで作ったアプリをweblogicに移植してみた
Satoshi Kubo
Nodeにしましょう
Nodeにしましょう
Yuzo Hebishima
今更GWTで遊ぶぜ!
今更GWTで遊ぶぜ!
Daisuke Kamikawa
Gwt+objectifyでラクラクGAEアプリ開発
Gwt+objectifyでラクラクGAEアプリ開発
Y OCHI
20121019-jenkins-akiko_pusu.pdf
20121019-jenkins-akiko_pusu.pdf
akiko_pusu
WkWebViewのキャッシュについて調べた
WkWebViewのキャッシュについて調べた
firewood
エンジニアが Webを学ぶために やっててよかったこと
エンジニアが Webを学ぶために やっててよかったこと
Hirata Tomoko
Xcode で gulp を使うお話
Xcode で gulp を使うお話
Yoichiro Sakurai
GUIツールで送る快適な Gitライフ@Creators MeetUp #29
GUIツールで送る快適な Gitライフ@Creators MeetUp #29
Erina Takei
Google Apps Script 概要
Google Apps Script 概要
Y OCHI
goog.require()を手書きしていいのは小学生まで
goog.require()を手書きしていいのは小学生まで
Teppei Sato
Semelhante a Webページで学ぶJavaScript2013 第8回
(13)
B 2-1 はじめての Windows Azure
B 2-1 はじめての Windows Azure
JavaFXとRoboVMを使ってiOS上で動くアプリを試してみた
JavaFXとRoboVMを使ってiOS上で動くアプリを試してみた
Glass fishで作ったアプリをweblogicに移植してみた
Glass fishで作ったアプリをweblogicに移植してみた
Nodeにしましょう
Nodeにしましょう
今更GWTで遊ぶぜ!
今更GWTで遊ぶぜ!
Gwt+objectifyでラクラクGAEアプリ開発
Gwt+objectifyでラクラクGAEアプリ開発
20121019-jenkins-akiko_pusu.pdf
20121019-jenkins-akiko_pusu.pdf
WkWebViewのキャッシュについて調べた
WkWebViewのキャッシュについて調べた
エンジニアが Webを学ぶために やっててよかったこと
エンジニアが Webを学ぶために やっててよかったこと
Xcode で gulp を使うお話
Xcode で gulp を使うお話
GUIツールで送る快適な Gitライフ@Creators MeetUp #29
GUIツールで送る快適な Gitライフ@Creators MeetUp #29
Google Apps Script 概要
Google Apps Script 概要
goog.require()を手書きしていいのは小学生まで
goog.require()を手書きしていいのは小学生まで
Mais de 京大 マイコンクラブ
テキストファイルを読む💪 第1回
テキストファイルを読む💪 第1回
京大 マイコンクラブ
かわいくなろうとしたら語彙力が下がった話
かわいくなろうとしたら語彙力が下がった話
京大 マイコンクラブ
Common Lisp入門
Common Lisp入門
京大 マイコンクラブ
多倍長整数の乗算と高速フーリエ変換
多倍長整数の乗算と高速フーリエ変換
京大 マイコンクラブ
つくってあそぼ ラムダ計算インタプリタ
つくってあそぼ ラムダ計算インタプリタ
京大 マイコンクラブ
Geometry with Unity
Geometry with Unity
京大 マイコンクラブ
セミコロンレスc++
セミコロンレスc++
京大 マイコンクラブ
エンジニアと健康
エンジニアと健康
京大 マイコンクラブ
女の子になれなかった人のために
女の子になれなかった人のために
京大 マイコンクラブ
Pietで競プロしよう
Pietで競プロしよう
京大 マイコンクラブ
もし太陽のコアがIntelCoreだったら
もし太陽のコアがIntelCoreだったら
京大 マイコンクラブ
C# ゲームプログラミングはホントにメモリのことに無頓着でいいの?
C# ゲームプログラミングはホントにメモリのことに無頓着でいいの?
京大 マイコンクラブ
プログラムを高速化する話Ⅱ 〜GPGPU編〜
プログラムを高速化する話Ⅱ 〜GPGPU編〜
京大 マイコンクラブ
ドット絵でプログラミング!難解言語『Piet』勉強会
ドット絵でプログラミング!難解言語『Piet』勉強会
京大 マイコンクラブ
No SSH (@nojima; KMC関東例会)
No SSH (@nojima; KMC関東例会)
京大 マイコンクラブ
DTM練習会2017第1.5回 「伴奏の付け方」
DTM練習会2017第1.5回 「伴奏の付け方」
京大 マイコンクラブ
hideya流 テストプレイ観察術
hideya流 テストプレイ観察術
京大 マイコンクラブ
暗号技術入門 秘密の国のアリス 総集編
暗号技術入門 秘密の国のアリス 総集編
京大 マイコンクラブ
Altseed
Altseed
京大 マイコンクラブ
C#でゲームを作る2016 第8回
C#でゲームを作る2016 第8回
京大 マイコンクラブ
Mais de 京大 マイコンクラブ
(20)
テキストファイルを読む💪 第1回
テキストファイルを読む💪 第1回
かわいくなろうとしたら語彙力が下がった話
かわいくなろうとしたら語彙力が下がった話
Common Lisp入門
Common Lisp入門
多倍長整数の乗算と高速フーリエ変換
多倍長整数の乗算と高速フーリエ変換
つくってあそぼ ラムダ計算インタプリタ
つくってあそぼ ラムダ計算インタプリタ
Geometry with Unity
Geometry with Unity
セミコロンレスc++
セミコロンレスc++
エンジニアと健康
エンジニアと健康
女の子になれなかった人のために
女の子になれなかった人のために
Pietで競プロしよう
Pietで競プロしよう
もし太陽のコアがIntelCoreだったら
もし太陽のコアがIntelCoreだったら
C# ゲームプログラミングはホントにメモリのことに無頓着でいいの?
C# ゲームプログラミングはホントにメモリのことに無頓着でいいの?
プログラムを高速化する話Ⅱ 〜GPGPU編〜
プログラムを高速化する話Ⅱ 〜GPGPU編〜
ドット絵でプログラミング!難解言語『Piet』勉強会
ドット絵でプログラミング!難解言語『Piet』勉強会
No SSH (@nojima; KMC関東例会)
No SSH (@nojima; KMC関東例会)
DTM練習会2017第1.5回 「伴奏の付け方」
DTM練習会2017第1.5回 「伴奏の付け方」
hideya流 テストプレイ観察術
hideya流 テストプレイ観察術
暗号技術入門 秘密の国のアリス 総集編
暗号技術入門 秘密の国のアリス 総集編
Altseed
Altseed
C#でゲームを作る2016 第8回
C#でゲームを作る2016 第8回
Webページで学ぶJavaScript2013 第8回
1.
Webページで学ぶ JavaScript 2013 第8回 tyage@KMC 7/9
2.
あっっっっっついですね! いやほんと、アイスが捗ります さっき生鮮館で半額アイスを1500円分ほど購入し たら、冷凍庫に入りきりませんでした
3.
先週やったこと ● Ajaxの例としてMOCO'SキッチンAPIを叩いて みました ● どうでしたか? ●
HTTPについても軽く説明があったのですがイ メージをつかめたでしょうか
4.
今日の予定 ● 今回を含めて残り二回になりました
5.
今日の予定 ● 今回を含めて残り二回になりました 何をしましょうか ● サーバーサイドJS(node.jsとか) ●
JavaScriptについて詳しく ○ prototype based oopとかスコープとかやってないことは 多い ● ブラウザ拡張機能 ● ゲーム ● Webサイトを見る・いじる・作る
6.
今日の予定 ● 今回を含めて残り二回になりました 何をしましょうか ● サーバーサイドJS(node.jsとか) ●
JavaScriptについて詳しく ○ prototype based oopとかスコープとかやってないことは 多い ● ブラウザ拡張機能 ● ゲーム ● Webサイトを見る・いじる・作る 他は時間が・・・(後期にやります?)
7.
例えばこのサイト ● http://nep-anime.tv/ ○ falcon君の紹介 ○
safariの人は注意
8.
例えばこのサイト ● http://nep-anime.tv/ ○ falcon君の紹介 ○
safariの人は注意 ● JavaScriptを見てみよう ○ HTMLソースを見て探してみるとこれが怪しい ○ http://nep-anime.tv/js/top-min.js?20130625
9.
例えばこのサイト ● http://nep-anime.tv/ ○ falcon君の紹介 ○
safariの人は注意 ● JavaScriptを見てみよう ○ HTMLソースを見て探してみるとこれが怪しい ○ http://nep-anime.tv/js/top-min.js?20130625 _人人人人人人人人_ > 圧縮されてる! <  ̄Y^Y^Y^Y^Y^YY ̄
10.
どうして圧縮されてるの ● 圧縮されていると送信するデータ量が少なくなる ○ →通信にかかる時間が短くなる! ○
→ページの読み込みが早くなる! ○ →うれしい!✌('ω'✌ )三✌('ω')✌三( ✌'ω')✌ ● 実は、HTMLとかもgzip圧縮されて送信されてる ことがあります ● 可読性を低くするため、という理由で使う場合も あります・・・
11.
読めないんだけど・・・ ● がんばって綺麗にしましょう ● コードを綺麗にしてくれる機能があります ○
Developer ToolsのSourcesタブを開く ○ 左ペインからnep-anime.tv→js→top-min.js ○ jsファイルを開いたら右したのボタン群からPretty print ボタンを見つけて押す
12.
読めないんだけど・・・ ● がんばって綺麗にしましょう ● コードを綺麗にしてくれる機能があります ○
Developer ToolsのSourcesタブを開く ○ 左ペインからnep-anime.tv→js→top-min.js ○ jsファイルを開いたら右したのボタン群からPretty print ボタンを見つけて押す ● が、今回はこれでも読めない・・・ ● (☝ ◞‸◟)☝
13.
諦めたらそこで(ry ● さて、このjsコードで圧縮に使用されてるのは packerというツールです ○ eval(function(p,a,c,k,e,r)
... ● packer用decoderとかあるんですが、今回は自 分で元に戻してみよう
14.
packerの簡単な原理 ● packerでは、元のコードを圧縮したものを文字 列として持っています ○ なので、送信するデータ量が少なくて済む ●
実行時には、圧縮した文字を元のコードに戻し て、eval関数に渡し、実行しています
15.
packerの簡単な原理 ● evalとは、引数に渡した文字列をjsプログラムと して解釈して実行する関数です ○ (非推奨関数なのであんまり使わないでね) eval("1+1;"); =>
2 eval("console.log('あびゃびゃびゃびゃ');"); => あびゃびゃびゃびゃ
16.
packerの簡単な原理 ● eval関数に渡される文字は、人が書いた圧縮前 の読みやすいコードのはずです ● じゃあ、eval関数を書き換えてしまおう! var
eval = function(code) { console.log(code); }; これを実行してeval関数を書き換えたあとに、圧縮 されたコードを実行すると・・・
17.
もうひと押し jQueryっぽいコードが見えたけど、改行もインデン トもされてないからやはり読みにくい http://jsbeautifier.org/ これを使います (実は最初からこれ使えばよかったというのは秘密)
18.
整形結果 https://gist.github.com/tyage/5955919 読んでみよう読んでみよう
19.
setTimeout ● 設定時間後に関数を実行します ○ タイマーを設定する感じ ●
ページを開いてしばらくしたらいろいろ落ちてく るのはこの関数を使っています(295行目) setTimeout(function() { alert("カップ麺ができました"); }, 1000); 設定する時間はms(ミリ秒)なので、1000ms = 1秒です
20.
clearTimeout ● タイマーをなかったことにします ● setTimeoutでタイマーIDが帰ってくるのでそれ を渡します var
id = setTimeout(function() { alert("カップ麺ができました"); }, 1000); //カップ麺キャンセル!!! clearTimeout(id);
21.
setInterval ● 設定した時間間隔で関数を実行します ● アニメーションはこれを使ってることが多い ○
0.06秒ごとに1px下にずらす、とかすればアニメーション してるように見える setInterval(function() { console.log(new Date()); }, 1000);
22.
clearInterval ● タイマーキャンセルします var id
= setInterval(function() { console.log(new Date()); }, 1000); // 10秒たったらおしまい setTimeout(function() { clearInterval(id); }, 1000*10);
23.
例えば なんか女の子動かしたい! $("#chara-nepgear").animate({ top: "+=500", left: "+=500" });
24.
例えば もっと動かしたい! window.setInterval(function() { $("#chara-nepgear").css({ top: "+="+(Math.random()*20-10), left:
"+="+(Math.random()*20-10) }); }, 10);
25.
例えば まだだ!まだ動きが足りんぞ! window.setInterval(function() { $("img").each(function() { $(this).css({ top:
"+="+(Math.random()*20-10), left: "+="+(Math.random()*20-10) }); }); }, 10);
26.
次のターゲット: 7さんのサイト ● http://www.mizukinana.jp/ ○ yu3の紹介 ●
画像が5秒おきに入れ替わります ○ →高速で入れ替えたい!! ● Sourcesタブからjs→home.js ○ 5秒おきに画像をfadeIn, fadeOutしています
27.
高速にしてみませう function home_image(idx){ if(!$("#home_images >
img:eq("+idx+")").length) idx = 0; next = idx+1; if(!$("#home_images > img:eq("+next+")").length) next = 0; fadeout = setTimeout( function(){ $("#navigation img").removeClass('select'); $("#navigation img:eq("+next+")").addClass('select'); $("#home_images > img:eq("+next+")").fadeIn(10); $("#home_images > img:eq("+idx+")").fadeOut(10, function(){home_image(next);}); },50); }
28.
結果 ● http://gifzo.net/bQOzgKkTFk ● http://gifzo.net/LTnASueCTW
29.
お疲れ様でした ● 作ったものがあれば以下へアップロード!!! ○ https://www.kmc.gr.jp/~tyage/uploader/ ●
次回は来週です ○ 最終回!
Baixar agora