今時なウェブ開発をSmalltalkでやってみる?
•
1 like•1,130 views
「Smalltalkってまだ生きているの？」とそんな悲しいことを質問されたりするので、Pharo Smalltalkで今時なウェブ開発をする方法について話します。 ESUG 2015で入賞したPharoJSやEnterprise Pharo本に掲載されているライブラリなどPharo Smalltalkでウェブ開発をする方法を話したいと思います。
Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Similar to 今時なウェブ開発をSmalltalkでやってみる?
Similar to 今時なウェブ開発をSmalltalkでやってみる? (20)
More from Sho Yoshida
More from Sho Yoshida (16)
Recently uploaded
Recently uploaded (20)
今時なウェブ開発をSmalltalkでやってみる?
- 1. S H O Y O S H I D A S O R A B I T O I N C Smalltalk ? 3 1 M A R C H 2 0 1 7
- 2. Smalltalk
- 3. Smalltalker
- 4. https://fossbytes.com/most-loved-and-most-hated-programming-languages/ Which Are The Most Loved and Most Hated Programming Languages | 2017
- 5. Smalltalker
- 7. Web Seaside
- 9. Develop in Pharo, Run on Javascript
- 10. PharoJS • https://pharojs.github.io/ • http://smalltalkhub.com/#!/~noury/PharoJS • ESUG 2015 • Pharo JavaScript
- 13. Twitter
- 14. • Smalltalk All the Time & Everywhere PharoJS
- 15. PharoJS
- 16. PharoJS
- 17. PharoJS
- 19. : Teapot
- 20. Smalltalk
- 21. Gofer it smalltalkhubUser: 'noury' project: 'PharoJS'; configurationOf: #PharoJS ; loadBleedingEdge.
- 22. C O D E + T E S T M O D E L Pharo Pharo counter := MyCounter new. counter count. counter increment. counter count.
- 23. C O D E + T E S T I N T E G R AT I O N
- 24. C O D E + T E S T I N T E G R AT I O N MyCounterController MyCounterBrowserApp Model Controller
- 25. C O D E + T E S T I N T E G R AT I O N MyCounterController MyCounterBrowserApp Model Controller
- 26. MyCounterController Object subclass: #MyCounterController instanceVariableNames: 'counter countDisplay' classVariableNames: '' package: 'PharoJS-Demo'
- 27. MyCounterController MyCounterController>>increment self counter increment. self updateDisplay MyCounterController>>reset self counter reset. self updateDisplay MyCounterController>>updateDisplay self countDisplay innerHTML: self counter count
- 28. MyCounterBrowserApp PjFileBasedBrowserApp subclass: #MyCounterBrowserApp instanceVariableNames: 'counter controller' classVariableNames: '' package: 'PharoJS-Demo'
- 29. MyCounterBrowserApp MyCounterBrowserApp>>initialize super initialize. counter := MyCounter new. controller := MyCounterController new. controller counter: counter. controller countDisplay: self countDisplay. self resetButton addEventListener: #click block: [ controller reset ]. self incrementButton addEventListener: #click block: [ controller increment ]
- 30. MyCounterBrowserApp MyCounterBrowserApp>>incrementButton ^ self domElementAt: 'incrementButton' MyCounterBrowserApp>>resetButton ^ self domElementAt: 'resetButton' MyCounterBrowserApp>>countDisplay ^ self domElementAt: 'countDisplay'
- 31. MyCounterBrowserApp MyCounterBrowserApp>>(class)appClasses <pharoJsSkip> ^super appClasses, {MyCounter. MyCounterController} MyCounterBrowserApp>>(class)appJsSubFolder ^'js' JavaScript
- 32. C O D E + T E S T I N T E G R AT I O N MyCounterController MyCounterBrowserApp Model Controller MyCounterBrowserApp setUpAppFolder. MyCounterBrowserApp appFolder. HTML
- 33. C O D E + T E S T I N T E G R AT I O N <!DOCTYPE html> <meta charset="utf-8" /> <head> <title>MyCounter</title> </head> <body> <div class="container"> <div id="countDisplay" class="countText">0</div> <button id="resetButton" class="resetButton">Reset</button> <button id="incrementButton" class="incrementButton">Increment</button> </div> <script language="javascript" type="text/javascript" src="js/index.js"></script> </body> </html> HTML
- 35. PjTranspiler PjTranspiler convertToJs:[ 1+1 ] . jsString := PjTranspiler convertToJs:[ [ 1+ 1 ] ]. jsString := PjTranspiler convertToJs:[:x | x + 1 ]. jsString := PjTranspiler convertToJs:[ [:x | x + 1] value:2 ]. PjTranspiler convertToJs: MyCounter. Smalltalk JavaScript
- 36. MyCounterBrowserAppTest PjWebAppTestCase subclass: #MyCounterBrowserAppTest instanceVariableNames: 'application countDisplay incrementButton resetButton' classVariableNames: '' package: 'PharoJS-Demo-Tests'
- 37. MyCounterBrowserAppTest MyCounterBrowserAppTest>>setUp super setUp. application := self currentApp. countDisplay := application countDisplay. resetButton := application resetButton. incrementButton := application incrementButton. MyCounterBrowserAppTest>>currentApp self subclassResponsibility
- 38. MyCounterBrowserAppTest MyCounterBrowserAppTest>>testClickOnIncrementButtonIncreasesCountAn dUpdatesDisplay 1 to: 10 do: [ : expectedCount | incrementButton click. self assert: countDisplay innerHTML equals: expectedCount asString ]
- 39. MyCounterBrowserAppTest MyCounterBrowserAppTest>>(class)appClass ^MyCounterBrowserApp MyCounterBrowserAppTest>>(class)isAbstract ^self == MyCounterBrowserAppTest MyCounterBrowserAppTest>>(class)targetPlatforms ^{PjSafari . PjGoogleChrome. PjFireFox. }
- 40. T E S T P O R TA B I L I T Y
- 41. MyPharoCounterBrowserAppTest MyCounterBrowserAppTest subclass: #MyPharoCounterBrowserAppTest instanceVariableNames: '' classVariableNames: '' package: 'PharoJS-Demo-Tests' MyPharoCounterBrowserAppTest>>currentApp ^MyCounterBrowserApp start.
- 42. MyPharoCounterBrowserAppTest MyCounterBrowserAppTest subclass: #MyPharoCounterBrowserAppTest instanceVariableNames: '' classVariableNames: '' package: 'PharoJS-Demo-Tests' MyPharoCounterBrowserAppTest>>currentApp ^ self evalBlock: [MyCounterBrowserApp currentInstance]
- 43. PjBridge bridge := PjBridge startOn: 9001 title:'test'. bridge clientTitle. bridge evalBlock: [1+2]. bridge evalBlock: [|x| x := 6 * 7]. bridge loadClass: MyCounter. bridge evalBlock: [ |counter| counter := MyCounter new. counter increment. counter count.]. bridge stop. JavaScript Interpreter
- 44. • PharoJS Smalltalk • Pharo JavaScript