Kids, Ruby, Fun! Introduction of the Smalruby and Ruby Programming Shounendan Kouji Takao, The Ruby Programming Shounendan, RubyConf 2014, 11.19.2014
Jun 30, 2015
Kids,Ruby,Fun!
Introduction of the
Smalruby and Ruby
Programming
Shounendan
Kouji Takao,The Ruby Programming Shounendan,RubyConf 2014, 11.19.2014
Kody : Kouji Takao• CRuby commiter
(Readline module)• A leader of the
Ruby ProgrammingShounendan
Shounen = Boys & Girls
Dan = Organization
Kody : Kouji Takao• Engineer of NaCl• Network Applied
Communication Laboratory
• [email protected]@takaokouji_enFacebook
Made possible by
NaCl
NaCl is inMatsue, Shimane, Japan
http://en.wikipedia.org/wiki/File:Japan_location_map_with_side_map_of_the_Ryukyu_Islands.svg : Maximilian Dörrbecker (Chumwa) CC-BY-SA 3.0CC by SA
NaCl is
SIer
NaCl has
30Rubyists
NaCl has
6Commiters
Pleasevisit
NaCl♪
6 years ago,
Started to Teach Ruby for youth
MotivationsRuby City MATSUE
Project
Teach my son Ruby
Matsue MayerMasataka MatsuraImage from http://www.matsuura-m.jp/
Ruby City MATSUE Project
• By Matsue-city• Promote IT Business• Increase Rubyists• Find Ruby teachers
Teach my son Ruby• Love Ruby
• Love IT Engineering• Make materials for
teaching Ruby to youth
Find Ruby teachers
Make materials for teaching
Ruby to youth+
Started to Teach Ruby for youth
Since then
1% / yearin Matsue-city
A Programmer’s
Best Friend
Ruby is
and
Kids?
• Typing• English• Ruby Syntax
Problems
Recently,Increased
Programming Education
20,000 Teachers
“Should be a compulsory subject!”
By President Obama
Compulsory educationfor ages 5-16
Concept of algorithmsBuilding and Debugging
It is Practical!
HOUR OF CODE by Code.org27,230 events around the world
http://hourofcode.com/
1,000 Teachers100,000,000
Kids
Japan
Government
Compulsory Education
Junior high school / Since 2012
Sensor
Motor
Measurement and Control
1 Computer / 1 Student
~ 2020Ex) Distributed tablets to all 6-12 ages in Saga-city
about 4,000 students
Company
http://pegpeg.jp/
PEG• Joint project of
CANVAS and Google
• CANVAS hold many workshops for children
• Distributed 5,000 Raspberry Pi
TENTO
http://www.tento-net.com/
Life is Tech!
http://life-is-tech.com/
Programming education as a Service
= PaaS ;-)
Individualizedinstruction
Boot camping
Why many kids programming
workshops are held?
Great tools and materials!
by MIT Media Lab
http://vimeo.com/65583694
http://scratch.mit.edu/
Combinationof blocks
= Program
Blocks= Instructions
English Japanese
Internationalization
Easy to run
Press
Run
• Typing
• English
• Ruby syntax
Problems
➡Blocks
➡ Internationalization
➡ Combination of blocks
Smalruby(smɔ́Rːrúːbi)
Ruby + Scratch
Hi,I’m Hatti!
Demo
Smalruby(smɔ́Rːrúːbi)
GitHub:smalruby/smalruby-editor
Scratch Features
• Instruction Blocks• Characters and
Stages• Easy to Run
Ruby
Instruction Block
( 歩動かす =
move)
Instruction Block
Ruby
Kids wanted to code directly!
Emacs icon : http://ochiailab.blogspot.jp/2013/04/powerlineelemacs.htmlVim Icon : http://www.vim.org/index.php
Sublime Text icon : http://blog.livedoor.jp/nonprofessional/archives/1004031653.html
Now
Experimental programming class using Smalrubyfor 288 studentsin this AprilPhoto from http://business.nikkeibp.co.jp/article/report/20141001/271963/
Madeeducational materialby both teachers who are not IT engineers!
1 Teacher
Students
MATSUE CITY
Ruby classes in whole municipal Junior high school
By 09.04.2014/local news paper(Sanin Chuo Shinpo)
91%Junior high school
students will Learn Ruby
The RubyProgramming Shounendan
“Promoting the joy of programming to many kids. “
“Building internet safety awareness for kids through programming!”
Ruby programming events for kidsand parents
Introducing Ruby,once a month
CoderDojo Matsuehttps://coderdojo.com
Free Ruby computer programming club
for Kids,once a month
Ruby Programming Shounendan
Youth Sports Club
≒ Team
CoachTourna-
ment
Welcome
Developers
Visual editor•Rails•Blockly
http://code.google.com/p/blockly/
Easy to Use• Less Dependency• Small Runtime Size• Simple Installation
RuntimeWindows:DXRuby
Mac or Linux:dxruby_sdl, Ruby/SDL
Smalrubot• Arduino• Dino
GitHub: austinbv / dino
Blockly.Blocks['motion_move'] = { init: function() { this.setColour(208); this.interpolateMsg(‘move%1steps', ['STEP', ['Number'], Blockly.ALIGN_RIGHT], Blockly.ALIGN_RIGHT); this.setInputsInline(true); this.setPreviousStatement(true); this.setNextStatement(true); }};
Define Instruction Block
/app/assets/javascripts/blocks/motion.js.coffee.erb( 歩動かす =
move)
Blockly.Ruby['motion_move'] =function(block) { var arg = Blockly.Ruby.valueToCode(this, 'STEP', Blockly.Ruby.ORDER_NONE); return 'move(' + arg + ')';};
Generate Ruby from Block
/app/assets/javascripts/blocks/motion.js.coffee.erb
( 歩動かす =
move)
Instruction Block
Ruby
“Blockly’s XML”
Ruby
( 歩動かす =
move)
class MotionMove < CharacterMethodCall blocknize '^\s*' + CHAR_RE + 'move\((.+)\)\s*$', statement: true, inline: true
def self.process_match_data(md, context) md2 = regexp.match(md[type]) add_character_method_call_block( context, md2[1], new, STEP: md2[2]) true endend
Translate Block from Ruby
Conclusion• Teaching Ruby Motivations• Ruby City MATSUE Project• Teach my son Ruby
• Smalruby• For over 8 years old
• Ruby Programming Shounendan• Learning Ruby Organization for
Boys & Girls
A Programmer’s
Best Friend
Ruby is
and
Kids
NOTQ & A
THANK YOU
Smalruby (smɔ́Rːrúːbi)
GitHub: smalruby/smalruby-editorEmail: [email protected]
Twitter: @smalruby