Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

ModelとViewに分ける設計 - #JSオジサン

4,910 views

Published on

複数のUIから同じデータを変更する際、ModelとViewとに分けて考えると良いよーって話と、その二つを簡単に実装するためのライブラリーOsteoporosis.jsの紹介。

Published in: Technology
  • Dating for everyone is here: ♥♥♥ http://bit.ly/2Qu6Caa ♥♥♥
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Dating direct: ❶❶❶ http://bit.ly/2Qu6Caa ❶❶❶
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

ModelとViewに分ける設計 - #JSオジサン

  1. 1. M。deーとYiewーニ 分ーナる吾受盲十 And ]S Lib「aw二 。Ste0p0「0SiS'jS JSオジサン #4 今年j瞳i釜ブ三ヵ丶らォしのぁ舌をー…{」婁ナ supp。ned by G。。C…pa孟ch
  2. 2. つらし丶アフ〝'丿実装のイ麦ー]
  3. 3. ノ`丶 力 フ一 ピ`ン力一 samp,e
  4. 4. `主免… 力ラ一マ`ンフ~をク'丿`ンクしナニら` S…7巾刀丿0
  5. 5. `主免… 力ラ一マ`ンフ~をク'丿`ンクしナニら` S…7巾刀丿0
  6. 6. `二免…力ラ一マ`ンフ“をク'丿`yク samp,e しナニ 寡`
  7. 7. `ニ労… 糸吉果をイ也のUーへ反日央 ご samp,e 藝 R二 255 G二0 B二。
  8. 8. `主亮警 数{直を入力しナニら、 ご sam〝,e 延 R二 255 G二0 B二。
  9. 9. `二隷管 数ィ直を入 力 しナニら 、 ご samp,e
  10. 10. `ニ免… 糸吉果をイ也のUーへ反日央 samp,e 趣“ G二0 B二。
  11. 11. 魍 `ニ褻…スライ夕〝一を動ヵ丶しナニら`
  12. 12. ノ ら ~ 戯ノ 戮〝`』繍一 豚 〟/蓼 系ィ夕 ・ノ,洛づ ・二宍・
  13. 13. 魍 `ニ褻…糸吉果をイ也のUーへ反E央
  14. 14. 丶二肉'・ ` 〝`丶 実装面イ至ーーそう
  15. 15. 愉 `ニ免… そして上司ヵヾ来て .... ..
  16. 16. `…`「=ョ「 こ仁炉 `主壷警 そして上司ヵヾ来て '''' .. 實す二 戯 浴 / KDe〝《」。「e 丶
  17. 17. 愉 `ニ免… そして上 司 ヵヾ来て 。{』縄縄縄 〟 『 「*~鼻 會 声J「 『 『 ブ〝『〝`二〝〝繁『 薔 繍薙 "〝〝 盧 簡単ー完色を選‡尺できる 丶麟 』奇 便未ーーボタンを追カロよろ。 『譚二 丶 簡単ナ三ろ? 繍離諮 ~ ノ ご〝 {鱗丿
  18. 18. `…`「=ョ「 こ仁炉 `主壷警 そして上司ヵヾ来て '''' .. 實す二 戯 浴 / KDe〝《」。「e 丶
  19. 19. Gー=聘n C馴 ニ藻灣董ゴL 〝董昆
  20. 20. 追力囗してみナニ
  21. 21. Gー=聘n C馴 ! 「 璽}〝 匡縄…離 魍'~
  22. 22. …`け【ョrこロ『
  23. 23. `ニ,〝`讐 まナニ上司カヾ来て....-.
  24. 24. `ニ,"警 まナニ上司カヾ来て・.ニ〝今含ー.會.計 』
  25. 25. `ニ,〝`讐 まナニ上司カヾ来て....-.
  26. 26. Gー=聘n C馴
  27. 27. M。d巳ーとVi巳W[ニ分{ナて 幸せー二プよろう
  28. 28. 丶 ・丿 `・兜こ力ラ一ピ`ン力一の凵ーとデ一夕 {艸 『縄c'璽2主} ` }濃〝】~〟'縄すー 垢三` 丶}』『丿軒〝}計〝二ゆ〝含七`】 KEY 「 VALUE ` S…Zm刀丿。 萱厘 璽す 亡 亜green ^ 0 睡 「 旦
  29. 29. Gー=聘n C馴 ー`〉 "、バ.〈 ー`ずー 〟 '[ ,壁繍 '^ ` 【 " ' ,〟 一〟,丶 ) - )ハ ], , ' ) 〟 〟 〟 ハ ` ,} 〟 、` ` , ー 一ゝ〝・ ' ^^」【 ` `)w 一 亀 【 【 * , 〝〔 〝 【 【 v , ーー ・ 】 丶 一` N` 4 ~ 量 、』`y〉 〟 ・ 〈 」ー- .` 」" r v繍 」 ,」, ,` 」 一 . 〟 〟 、 .` 【〈 」ー- 繍 ,”〝 一' - - ぃ,、 》
  30. 30. `主党…力ラ一マ`ンフ"をク'丿`ンクしナニ~ M靴c隷喇。v讐」 垢ewいw退J } KEY VALUE samp丿e 暑red すす 255す
  31. 31. 丶 ・丿 `一晃こ 糸吉果をモデ丿しーニ反日央 {』 縄繍c'}ヱ夏} ` }離~】〝"鼻縄ー 下2離 丶『骨縄丿萄繍〟}〝二『』〝丶 KEY VALUE ` S…7mp丿。 麦厘 型〝 亡 】green ^ 0 胆 「 『藝 _ 『 ~
  32. 32. い r、 ー 丿 緩鼎庵 膚縄[周膚口 縄一ー薗=髑」 ,〟周 網`.〟 .繍,`-}いパ ヾ〝〉 ,」垢 ' ` 疆」 ー[ 繍 【 【 y 憂
  33. 33. `ニ褻…そしてモデ丿レヵヾ変,丶されナニら、Uーを更茉斤 [』縄=繍離"…主} ` }葦~】〝〟.す野 ~ 折ヱ` 寶 丶}亭『丿笥^『}〝二ゆ』含七退】 KEY VALUE ` S…〕m双丿り 麦厘 型, > 亡 】green ^ 0 胆 「 〝甥 峰 ~ 丶)丶〝Q 』十「一 , R〟 255 † ` 『 _ 二0 〇 Bご 0 ー ` 妻 丿ー丶 (
  34. 34. `ニ亮… 数イ直を入力しナニら、 M斗c斐 い。v父J 市ew いw麩J samp,e
  35. 35. `ニ亮… 数イ直を入力しナニら、 Mヰc斐 ぃ。v父」 折ew いw叉J samp,e
  36. 36. `ニ褻…糸吉果をモデ丿レーニ反日央 〝},繍〝 〝ー〝〝ー} ` }繍〝“ ー 折ゎ、 - 丶璽-繍丿篇^『ト,'ゆ'〝繍、 ー“c. ,, 縄u】..縄す ~ } 〝 〟`』`】 KEY S…}mp丿。 麦厘 型, 亡 】green ^ 0 bーue ` 一藝 』 丶 )丶 Q 声 “ 」
  37. 37. ' ・ )) ハ, ・ 一一 ,嬲 〕 ~ - 〝ハ 〝` ,, ,〟一 .“~' ー ~丿 繍 . ` 〈 ` `繍 ~ . 丶 ,-` 一 〆 , ' 【' 」',,』」 【^ ~ー 聯」 , ー. 鱗^ '~ ^ ` ` ,“ ,"】 縄^ { 〝〟= 【 {ノ” 〈ゴ` 穴' 一 , 「 .」 " 「 ”` ・ (. =〔縄 〝〟ぃJ} d, 【,、h ` 〟ゝ` '一 ,〔 "〈, "叶"[丶 y . 」 .い`凵〟ーー *)“ 〉`漸 ヵ { 一 繍〝 , 〝〟 } 縄 軸棚〟 疆 ' ゝ, ] 〝 〝 」〝一 齔縄 』 ] ー,」` ,`" 」 一 . ' {. 一轟, ) 「 【 【ゝ〈 . )『 」, , 〝 ー ー 〝 〝 丶 `〝丶 、 .'〈ハー 仏 〟 、 へj 一 { 〟 , 】` ・ .,- 繍 '【{ 【' 一 皿 ー 〉債) 馨 ” ー h" 〟 〝 "ハ`、 猶'〟 〝 "・ 【,ゴ、 〝【 】 ' 一 い丿~ ー ぃ ノ ~ ー' ”' u ` 」」 【` し ー 】 ゝ y
  38. 38. `ニ褻…そしてモデ丿レヵヾ変更されナニら、Uーを更茉斤 [』縄=繍離"宣主} ` }葦~】〝〟.縄す野 ~ 折ヱ` 寶 丶}亭『丿符ノ}〝二ゆ』含七退】 KEY VALUE ` ーred 璽す > S…麟p丿。
  39. 39. 夕〝一を動ヵ丶しナニら` ~折逸` 』 丿繍}} ユヮぬ〟縄` ど > S…7巾p丿0 疇',ー〟 系 `〕〟 ・スライ (ー〝離 麦麦 ` c VALUE 丶丿 一ノ `丶 ー C KEY 麗興 `g「e亨n ^ bーue
  40. 40. `主,"…スライ夕〝一を動ヵ丶しナニ 丶}寶繍丿 笥縄『 } 〝二ゆ縄含七丶〟 S…7巾p丿0 ー~掘主` 蹄ー〟 し〝〕 繍'_【 } ` 緻}^〟〝鍾ー〝宣!} KEY 孟red
  41. 41. 〝 . . - ー .', '. 」. " 【'〝】〟”, r】^ 〝繍、 〝 縄 ,・一” ハ」 '〔 縄 一,ー〕ー〟 ハ' . } '」 { '】u 〟ー { “ 圓〝 { 嬲-^ ' 『(~〝】 〉 "〟 - ^ `, 〔“ー ー 飼{{}
  42. 42. ' ・ )) ハ, ・ 一一 ,嬲 〕 ~ - 〝ハ 〝` ,, ,〟一 .“~' ー ~丿 繍 . ` 〈 ` `繍 ~ . 丶 ,-` 一 〆 , ' 【' 」',,』」 【^ ~ー 聯」 , ー. 鱗^ '~ ^ ` ` ,“ ,"】 縄^ { 〝〟= 【 {ノ” 〈ゴ` 穴' 一 , 「 .」 " 「 ”` ・ (. =〔縄 〝〟ぃJ} d, 【,、h ` 〟ゝ` '一 ,〔 "〈, "叶"[丶 y . 」 .い`凵〟ーー *)“ 〉`漸 ヵ { 一 繍〝 , 〝〟 } 縄 軸棚〟 疆 ' ゝ, ] 〝 〝 」〝一 齔縄 』 ] ー,」` ,`" 」 一 . ' {. 一轟, ) 「 【 【ゝ〈 . )『 」, , 〝 ー ー 〝 〝 丶 `〝丶 、 .'〈ハー 仏 〟 、 へj 一 { 〟 , 】` ・ .,- 繍 '【{ 【' 一 皿 ー 〉債) 馨 ” ー h" 〟 〝 "ハ`、 猶'〟 〝 "・ 【,ゴ、 〝【 】 ' 一 い丿~ ー ぃ ノ ~ ー' ”' u ` 」」 【` し ー 】 ゝ y
  43. 43. `ニ褻…凵ーとデ一タで世界を分ーナる { 縄 " `管 藻_〟繍) 〟〉繍” 〝^ 饗' ゞ 縄mp丿こ KEY VALU … 浴 red 255 g「een 0 ノ bーue )〝,)v》 "鈬丿退麦餅`箪瓜 〝` > 退丿爪p/召 ゝS
  44. 44. `ニ褻…凵ーとデ一タで世界を分ーナる 、“丶丶, 麦 ""辱〝 〝・ ' ^ゝ f j 〟 ,ー〟、ノ〟ノ嬲,^s' 〉;~〕v》 "鈬丿 遷寶g「ネ瓜 SZ丿mp丿C' KEY VALU巨 ど^ $2Z爪p/C 〕 〝 「。d z繍s 〕 > g g 0 ノ“ bーue 〝 二 0 ` 0 〝」 ゝ“ 離遭 」 ノ` ” 255 ヱ 鬱 ;g ニ 〉 〟 工'
  45. 45. ライフ`ラ'丿 一イ侑L丿ましナニ つてし丶う言舌
  46. 46. Backb。ne・JS 閤-k野g璽工甦[' ー! ー讐] /^rr,:`vコ ーn'r尤u('ー。" u四,adーng EVぐ=薫~ ,杯 ' 〝一讐翼^「 ・ゴ一ー 寶 「齔二一ー【へ ー C盆【=ー〝ー 〝繍 B=iーー^i" EVQ"ー團 M。d駅ー 「 享《 {ぬ 巳ACK巳〇NE」S B暮ckb。ne j$ gーVe$ 薯廿M轍U「e 驚。 Web 書ppーi蘭寶j0nS by p「。Vーd【=g m鮒GーS Wi… key-V墓ーu8 binding and cus[Qm eVenーS, c0ーー農G鸞iG"s Wー(h a rich APー 0{ enumerabーe ダ==鮒0n$' Vig鵬 Wー【h decーa「奮【ーVG GVen【 h轟ndーーng. 覆=d のnne鸞s 【鸞 aーー 【0 y0U「 eXーS【ー=g APー 。Ve「 翼 RESTfUー Js。N i=讐e梅C翼、 The p「0je醗 ーS h0S讐9d Q〔 G】賽HL繍b_ and 【he 3「〔。饗aーed S。凵「C暮 C0d膏 ーS 轟Vaーーabーeー aS Weーー aS an 。nーーne tes【 s凵 te, an exョmp】e a匹〉ーca(ー。n' a ー`sご 。f tu【。「ーョーS and a ー。n璽ーsー 。デ reaF-'〟。「】d Eー0烹eC竈S 【ha【 uSe B轟ckD。ne. BaCkb0【e iS aVa】ー翼bーe f。「 =Se UDder [he 「'ー】T S。廿~~・a【e ー 二會〔Se, Y0U 鮪n ーep。廿 bugs and dーS叩SS fea【u「es Dn 【h嘗 G`T汁Ljb_`$s」ーes掘agE' 0n F「een魔e ーRC in 黛he 鮭dn【ーーmnqTr]。ーーd 軌ann會ー_ p0S竈 qUES{i0=S {。 讐【E G。。g}e G「0u旦_ 覆dd 陣ggS 【0 讐he
  47. 47. 愉 `二野麦 Backb。ne・JS二 工〇〇の‡幾含管 ゝ】〝ヱ ー ーー蠣 !!レーー`ーY' ーーー ごーー}' 'ー ーー'j'「ー "" {` 'L【〝'ー〝V 'ゝ'
  48. 48. GGGGG 饗网
  49. 49. 丶', `〟宛ニ 。ste。p。r。sis'jsのオ且氏要 ' '〝〇Ste0p。「0SiS"= 「骨米且曇麦症」 (冒冒L`骨って事で) ・ M。deー一viewの機含扈を‡是イ共 ・ Backb。ne.JSの下イ立互換 ・ ー8ネテでー・。KB (minified) ginpei/〇Ste。p。「。SiS'jS
  50. 50. `主壷… 。*。jsの‡且死要 ' '〝〇Ste0p。「0SiS"= 「骨米且曇麦症」 (冒冒L`骨って事で) ・ M。deー一viewの機含扈を‡是イ共 ・ Backb。ne.JSの下イ立互換 ・ ー8ネテでー・。KB (minified) ginpei/〇Ste。p。「。SiS'jS
  51. 51. `主壷…ロ*.jsヵヾ‡是イ共する‡幾肯巨ーま イ固 ・ コンストラク夕一生成 ・ イべント ・。・M。deー:デ一夕管王里 ・。・V寶eWニ D。M主果イ竿
  52. 52. `主壷…ロ*'jsヵヾ‡是イ共する‡幾肯巨ーまユーイ固 ・ コンストラク夕一生成 ・ イべント ・ 〇・eXtend(p「0t0type[, StatiCS]) ・ 0・0n(type,ーiStene「) ・ 。't「igge「(type [, data・'・]) ・。・M。dg'ニデ一夕管ェ里 ・。・View: D。M‡果イ催 m。deー'initiaーiZe(att「ibuteS) ' view・initiaーize(。pti。ns) ・ m。deー・att「ibuteS ' view'$eー . m。deー'get(key) ・ VieW・$(SeーeCt。「) m。deー・Set({ 'key〝ニVaーue }) Change eVent
  53. 53. `主壷… 。*。jsヵヾ‡是イ共しナよし丶‡幾肯旨 ・ 〇・R。Ute「 ・ 。.0杆() ・ 0.C。ーーeCti。n ・ 0・ーiStenT0() ・ m0deー.id ・ VieW'm0deー ・ m。deー-haS() ・ VieW・「ende「() ・ m。deー・SaVe() ・ VieW・deーegateEVentS()
  54. 54. GGGGGG [伽 つ力丶し丶ヵ丶ナニ ーt is very EASY!
  55. 55. `二,"…GitHubで検索して` GitHub Eゅー。re Fe嬲r離 E"mmri離 m。g Sea「Ch 。$(e鞭琥0SiS.jS 口 Rep。si'。=鰹s ー ginpe麦`丿。stegpqrg$i$(j$ () 七の會 2,ー9g Mー〔ーmaー M。de【-VーeW ーーb「a「y f0【 JaVa$c「ーp【 0 `〝s`^e$ U叫己奮ed 。〔 讐9 〇C【 愚 〟S實「S 〝~二主ー', コ'亡 ヾ}]「フ巳廿 ゝごこ】`〔` Language$ J轟〉豊$C「〈p【 ー 騒 ~~髑"寶" s醸r=h J團)轟S仁「】pー 驚7 岬0
  56. 56. E`〔FョF 〔帥 `二免…GitHubで検索して、 G賃鸞Hub E粗ー轟「讐 Fe奮…「麓 昆n讐奪巾「i騨 團0g ” ” r i n p ei signin $earch gー叩d $earch 囗 尺e〟〟〝ニgゴc"g遜 枚 〝隷 ginpe[ TakanaShi. Ginpei 贔F。ーー。W ' q ` 二・'二g"`隅ー@gn旺ーーー 〇 ` (〉 「二cdE g馨 Q 〝~~L」eS ー6 _ _ 讐 Gーnpeーn 姦 F。ーー。W 隷 u鱒膚 2 〇 Lang=ag響s Ja〉日SC「】p翼 ー
  57. 57. 」`n E【〔鮒 丶 ' 丿 `・,`ニ *.min-jsの中身をコピ一して、 レ ー 〝mi鐘ーV 。5賽e0p0y。SjS.jS 。奮鸞夢Q卯「Q$ー$〟mー".ー$ `ヘ・ 【V大S】 V夢楓颯【 [ ' 〝i"p'ー へ「 臼艶ma團〟 肩=攣 23 ーー魍 (亥 ~~臓〕 ー 3ー5k〝 腕 竄縄m饗 彌s瞼W ー ,`レV ' 〝" 〝 ""樫〉〈し`ー` A (】yニ` ニ`ー" `丿V~繍' ーー^〝v」” ( ー' 〝 一'$」ーーーヾゝ 〝 ー廿ー【〝=`】〝` ム`y` 〈 〈ゝ`];縄^~ーー~丸`ー」 ー""】 ~択^dァLV>' 'ゝ ”・ーV(V〉丶 〈V`ーV}麗ー】Zゞ`轟ー }"【【"也`球r"~讐 ー`~ーレー【レヘy〟じ d 坐又【甦バブ,'ーーー pァゝy烹《`(丶yへ(・_欟"(】ーー };.〉 ~`ー^めレーVー【讐斥"Vロ驚jー`ー・ { ー r` (」'_Vゝ】 ,` ` 〝”ー ~ゞ璧八〝f~, [* Y`ーー`ー 【讐nレー「` {}}レ` "【`ー 〝【 轟, `Ly》)" ` ーL` `^J》】〟』` ` 'レvー'ー 】〟~ーrー' ' K~{「纂】y[〉ー〈ー `又 F、 `ゝー【に`」肛fy丶賽~' 「賽麦ー~肛ァ【贔`†y篭 `ー ヘ(ー》{〟 ー "r`薔)こ…, ハーいユ 【rーご秒ー = ム '【 " ". ' `ヘ〝`V 繍}〟'「yー ー丶“篭(〟ー;〟=「`=Vーーーー*ニr へーーゝ`ー【・ `v〈,〟 " `)レ 麦~~" ー~ヘy` [)〈] `、_ 〟,' べ」”"`:ーゝ 〉 ”,' 】gg'〉r c・ (d】〈 」〉~・`ー】】 `饗ー~' ` r "`aー{ ・ 7v ムヘ掘rv ー }-〟y〈'
  58. 58. E ````` [鮒 `ニ壷… それをコードー二貝占L丿イ寸ーナる
  59. 59. E`np,E榊 〔岬 `主労警 ※シヨ一卜力`ントイ竿っナニ方ヵヾイ更未ーー u,縄' ー LーーーL L」uーー典d 丿ーー 〝・LLーー ーー Lーーょゝ・ pヒょ〟 ー ーレ`〈ー丶dノj ,uーーーヒ' t「igge「})'a}()蔓 VaP 〇 ニ 〇Sてe。p。P。SiS;
  60. 60. 、', `~野ニ M。deーイ羊成 ・ 〇'M0deー'eXtend() VaP Tab ニ 0'M0deー・eXtend({ })…
  61. 61. G`npEr [鮒 ' 。・VieW・eXtend() ~'a「 Tabvie鸞 ニ 。・Vie攣〟e齔end(( ^ 」了〝」・,=二ニ二v,: fur'cti。g'(。pti。ns) { 【hisー叫eー ニ Dpti。ns'剛eー; てhi~'~(〝n繍v a')'。n(〝(}i(薫' , thi~'叩cーi(kBu一 讐【翼~'聯eー 〟0n(〝【hange=†a「g?† ' , T〔i~〟。=(hanー },
  62. 62. `二完… Backb。ne.」sと同じようプよ感じ ~(fーjーー( 讐 i()「ー() 〈 VaF t己b ニ ngW "“三"()j Vd「` t己bVieW コ ーーeW ず』〟」f`丿`i^ーニ'(({ ~eー= $(〝驚[h9'【竄b'), 爪。deーご tab })… tab〝~et(( taー〝get: 'i藻[測ー ' }); });
  63. 63. もうちよつと丿]丶さ〈プよると,思うので丶 PRお挿寺ちしておL丿ます httpS二//github・C。雌ginpei/。Ste0p0r0SiS・jS
  64. 64. `ニ崗“・ 『 ノ `丶 ギンべイでしナニ 髑TAKANASHー Ginpei ・ . /ginpei/ ・ ginpei'inf。 ・ @ginpei一en / @ginpeiJp ーご享青聴あL丿ヵヾとうござし丶ましナニ。

×