共創コミュニティのデザイン

qwikWebの制作とニコニコ学会βの立ち上げから得られた知見について述べる。

Transcript

1. ڞ૑ίϛ ϡχςΟͷ
 σβΠϯ ߐ౉ߒҰ࿠ɿχίχίֶձЌ࣮ߦҕһ௕
   ࠃཱݚڀ։ൃ๏ਓ࢈ۀٕज़૯߹ݚڀॴओ೚ݚڀһ
   ೔
   ʙ
   େߐށ3VCZձٞˏίϯϕϯγϣϯϧʔϜ"1౦ژീॏऱ௨Γ
   IUUQSFHJPOBMSVCZLBJHJPSHPFEP
2. ߐ౉ߒҰ࿠ɿϝσΟΞΞʔςΟετʗݚڀऀ ಠཱߦ੓๏ਓ࢈ۀٕज़૯߹ݚڀॴ
   ओ೚ݚڀһ
   ूஂͰͷ૑࡞׆ಈΛઐ໳ʹݚڀΛଓ͚Δ๣Βɺ
   χίχίֶձЌ࣮ߦҕһ௕Λ຿ΊΔ
   ೥ɺܚጯٛक़େֶ؀ڥ৘ใֶ෦
 ϝσΟΞΞʔτͷ࡞඼੍࡞ΛֶͿ
   ೥ɺϝσΟΞΞʔςΟετͱͯ͠׆ಈ
   ೥ɺ࢈ۀٕज़૯߹ݚڀॴݚڀһ
   ೥ɺ౦ژେֶେֶӃ৘ใཧ޻ֶܥݚڀՊमྃ
 ത࢜ʢ৘ใཧ޻ֶʣ
3. 8FC)PQQFS
    ϒϥ΢δϯάͷي੻Λੈք஍ਤ্Ͱࢹ֮Խ
4. ΞϧεΤϨΫτϩχΧ৆άϥϯϓϦ  ΰʔϧσϯχΧ৆ड৆ʢTFOTPSJVNͱͯ͠ʣ
   ΞϧεΤϨΫτϩχΧηϯλʔͷৗઃలࣔ෺ͱͳΔ
5. Πϯλʔωοτ෺ཧϞσϧ
    ೔ຊՊֶະདྷؗɹస͕ΔۄͰΠϯλʔωοτͷ࢓૊ΈΛදݱ
6. ٕज़తഎܠ ਓͷνʔϜͰ੍࡞ɻࢲͷ੍࡞୲౰෦෼͸ɺ
   
   ίϯηϓτઃܭ
 ʢͲͷΑ͏ͳ෺Λ࡞Ε͹͜Ε͕ΠϯλʔωοτͰ͋Δͱݴ͑Δͷ͔ʣ
   
   શମΛ੍ޚ͢Διϑτ΢ΣΞ
   3VCZͰ࡞ΒΕͨੈք࠷ॳͷΞʔτ࡞඼
7. ڞ૑ϓϥο τϑΥʔϜ ͷݚڀ
8. ૑଄ੑɾײੑΛ୓͘πʔϧ΍ҟ࣭ͳਓͱͷ
 ग़ձ͍ʹΑΔ૑ൃΛଅ͢৔Λఏڙ ڞ૑ϓϥοτϑΥʔϜ ࣮ ੈ ք ্ ͷ ৔ ΢ Σ ϒ ্ ͷ ৔ Open Lab for everyone to make (almost) anything with digital fabrication technologies ڞ૑Λଅ͢৔ ίʔυɺಈըͷڞ૑ ෺ͷڞ૑ ڞ૑Πϕϯτ 'BC-BCɿωοτϫʔΫԽ͞Εͨࢢຽ࣮ݧ޻๪
9. .PEVMPCFɿಈ͘දݱ෺ͷ૑࡞ɾڞ༗؀ڥ
    ੜ෺ͷΑ͏ʹಈ͘ϞσϧΛ͔ΜͨΜʹ੍࡞Ͱ͖Δ
10. .PEVMPCFϫʔΫγϣοϓʢʣ ࢁޱ৘ใܳज़ηϯλʔʢ:$".ʣͱͷڞಉݚڀ
 ࢁޱݝ಺ͷখதֶߍͰ߹ܭ ਓҎ্͕ࢀՃ
11. ࠃຽจԽࡇ
    JO
    ࢁޱ จԽிϝσΟΞܳज़ࡇؔ࿈Πϕϯτ
12. Ϙλϯͷ্Ͱδϟϯϓ͢ΔͱɺϞσϧ΋δϟϯϓ
13. RXJL8FCɿϝʔϦϯάϦετͱ8JLJΛ
 ౷߹ͨ͠ίϥϘϨʔγϣϯγεςϜʢʣ ίϥϘϨʔγϣϯͷͨΊͷϝσΟΞΛٻΊͯ
    ϝʔϧʹΑΔϑϩʔ৘ใΛ8JLJʹΑΔετοΫ৘ใʹม׵͠ɺ
 ஌ͷߏ଄ԽΛࢧԉ͢Δ
    ϝʔϧΛग़ൃ఺ʹ8JLJΛ࢖ͬͨڞಉ࡞ۀ΁ͱ༠ಋ http://qwik.jp/
14. RXJL8FCར༻ࣄྫ
15. ͜Ε
16. ಠࣗͷWebΞϓϦέʔγϣϯϑϨʔϜϫʔΫ • ಠࣗͷWebΞϓϦέʔγϣϯϑϨʔϜϫʔΫΛ
 ߏங͠ɺͦͷ্ͰWikiΛ࣮૷ͨ͠ • ػೳ֦ு͕༰қͳઃܭʹ͠ɺػೳͷҰͭͱͯ͠Wiki ͷӾཡɾฤूΛ࣮૷ • ҆ఆͨ͠ӡ༻ʹ͢ΔͨΊʹςετهड़Λ༰қʹ͢Δ ޻෉Λಋೖ͠ɺશͯͷػೳʹػೳςετΛهड़ • ࣮ݧతͳػೳ௥Ճͱ҆ఆͨ͠ӡ༻ͱͷཱ͕྆໨ඪ • ϝʔϦϯάϦετٕज़͸QuickMLΛར༻ RXJL8FCͷಛ௃
    ࡞Γ͕ແବʹڽ͍ͬͯΔɻΦʔύʔπͱݴΘΕͨ
    ػೳ։ൃ΍௥ՃΛ༰қʹ͢Δ޻෉ɻଟগϝλϓϩάϥϛϯάత
17. qwikWebͷΫϥεߏ଄ • Request, ResponseΛΦϒδΣΫτԽ͍ͯ͠Δ • Qwik::Sessionɺ1ηογϣϯͷ৘ใΛอ࣋͢Δ • Qwik::RequestɺϦΫΤετ৘ใΛอ࣋͢Δ • Qwik::ResponseɺϨεϙϯε৘ใΛอ࣋͢Δ • Qwik::ActionɺҰηογϣϯຖʹActionͷΠϯελϯε͕ ੜ੒ɾ࣮ߦ͞ΕΔɻத֩ͱͳΔ • Request, Responseͷ૊Λड͚औΓɺAction#run͕࣮ ߦ͞ΕɺRequest৘ใΛݩʹॲཧ͞ΕɺReponseʹ৘ ใΛ֨ೲ͠ɺΫϥΠΞϯτʹฦ͢ • Request, Responseͷந৅ԽʹΑͬͯςετΛॻ͖΍ ͨ͘͢͠
18. module Qwik class Action def plg_hello(target='world') return [:strong, "hello, ˌ{target}!"] end def act_hello c_notice('hello, world!') { 'Hello, world!' } end end end ػೳ֦ுͷํ๏ • Qwik::ActionΫϥεʹϝιου௥ՃͰϓϥάΠϯ΍Ξ ΫγϣϯɺΤΫεςϯγϣϯΛ࣮૷Մೳ IUUQRXJLKQUFTUIFMMP
    ˠʮIFMMP
    XPSMEʯ <TUSPOH
    IFMMP
    ˌ\UBSHFU^>
    ˣ
    TUSPOHIFMMP
    XPSMETUSPOH
19. if $0 == __FILE__ require 'qwik/test-common' $test = true end if defined?($test) ˍˍ $test class TestActSample < Test::Unit::TestCase include TestSession def test_plg_hello ok_wi([:strong, 'hello, world!'], '{{hello}}') ok_wi([:strong, 'hello, qwik!'], '{{hello(qwik)}}') end def test_act_hello t_add_user res = session('/test/.hello') ok_xp([:title, 'hello, world!'], '//title') ok_in(['hi, there.'], '//div[@class="section"]') end end end ςετͷهड़ํ๏ • ςετίʔυ͸ಉ͡ϑΝΠϧதʹهड़͢Δ
20. RXJL8FCͷ࣌୅తഎܠ ೥݄ʹ࣮૷։࢝ɻ݄ʹӡ༻։࢝ɻʙ೥͝Ζʹ։ൃ
    ೥݄ɺ*OTUJLJ
    ެ։
    %BWJE
    )FJOFNFJFS
    )BOTTPOʹΑΔ
    XFCSJDL
    FSC
    SFEDMPUI
    NBEFMFJOFΛ࢖༻
    ೥݄೔ɺ3)(ษڧձʹͯ3VCZ
    PO
    3BJMTΛֶश
    *OTUJLJͷ஌ݟ͔Βൃల͍ͯ͠Δ
    ೥݄ɺ"HJMF
    8FC
    %FWFMPQNFOU
    XJUI
    3BJMTൃച
    ೥݄೔ɺ0014-"ʹͯ%))ʮ5IF
    4UBUF
    PG
    UIF
    3BJMTʯ
    ೥݄೔ɺ೔ຊ3VCZΧϯϑΝϨεʢ3VCZ,BJHJʣ։࠵
    %BWJE
    )FJOFNFJFS
    )BOTTPOͷߨԋ
21. ೥݄೔ɺ೔ຊ3VCZΧϯϑΝϨεʢ3VCZ,BJHJʣ
22. ͓ئ͍ ຊձ৔಺ͰͷϖοτϘτϧҿྉҎ֎ͷҿ৯͸͝ԕྀ͍ͩ͘͞ɻ ҿ৯͸ϩϏʔ·ͨ͸ଟ໨తࣨͰ͓ئ͍͠·͢ɻ ϩϏʔʹ͸ҿΈ෺ͱ͓՛ࢠΛ༻ҙͯ͋͠Γ·͢ɻࣗ͝༝ʹͲ͏ͧɻ αϯɾϚΠΫϩγεςϜζגࣜձࣾ ձɹɹ৔ɿಠཱߦ੓๏ਓ
    ࢈ۀٕज़૯߹ݚڀॴྟւ෭౎৺ηϯλʔผؗ ʢόΠΦɾ*5 ݚڀ༥߹౩ʣ ओɹɹ࠵ɿ೔ຊ 3VCZ ΧϯϑΝϨϯε  ࣮ߦҕһձɼ ೔ຊ 3VCZ ͷձ ޙɹɹԉɿಠཱߦ੓๏ਓ
    ࢈ۀٕज़૯߹ݚڀॴ ಛผڠࢍɿגࣜձࣾωοτϫʔΫԠ༻௨৴ݚڀॴ ڠɹɹࢍɿαΠϘ΢ζɾϥϘגࣜձࣾɼ גࣜձࣾӬ࿨γεςϜϚωδϝϯτɼ αϯɾϚΠΫϩγεςϜζגࣜձࣾɼ גࣜձࣾπΠϯεύʔΫɼ ೔ຊίϞυגࣜձࣾɼ ༗ݶձࣾϝϩʔτʔϯɼ גࣜձࣾυϦίϜɼ גࣜձࣾϛʔϜ ʢॱෆಉʣ %FTJHOFE
    CZ
    :6/"
    %FTJHO खՙ෺ɾوॏ඼ʹ͍ͭͯ͸ࣗݾ੹೚Ͱͷ؅ཧΛ͓ئ͍͠·͢ɻ ౪೉ɾฆࣦ౳ʹ͍ͭͯͷ੹೚͸ෛ͍͔Ͷ·͢ɻձ৔ʹΫϩʔΫ౳͸༻ҙ͓ͯ͠Γ·ͤΜɻ ར༻Մೳͳ͓खચ͸ձ৔ϑϩΞͷΈͰ͢ɻ͝ڠྗΛ͓ئ͍͠·͢ɻ ձ৔಺͸ېԎͰ͢ɻ٤Ԏ͸ϩϏʔྡʹ͋Δ٤ԎࣨͰ͓ئ͍͠·͢ɻ 8FC ͰࣄલʹΤϯτϦΛࡁ·͍ͤͯΔํ͸ɺ࠙਌ձड෇ʹͯ   ԁΛ͓ࢧ෷͍ͷ্ɺεςοΧʔ Λड͚औ͍ͬͯͩ͘͞ɻ࠙਌ձड෇͸னٳΈʹϩϏʔʹઃஔ͞Ε·͢ɻ࠙਌ձඅͷ͓ࢧ෷͍͸ɺ࠙਌ ձ͕࢝·Δલʹඞͣࡁ·͍ͤͯͩ͘͞ɻ ձ৔಺ͰͷࣸਅࡱӨΛ͞ΕΔํ͸ࣗݾ੹೚ͰΑΖ͓͘͠ئ͍͠·͢ɻ ໊ࡳ͸ࢀՃऀͰ͋Δ͜ͱͷೝূʹར༻͠·͢ɻ ձظத͸໊ࡳΛݟ͑΍͍͢Ґஔʹண༻͍ͯͩ͘͠͞ɻ ࠲੮ʹ༨༟͕͋Γ·ͤΜɻ ͓੠Λ͔͚͋ͬͯɺҰਓͰ΋ଟ͘ͷํ͕ண੮Ͱ͖ΔΑ͏ʹ͝ڠྗΛ͓ئ͍͠·͢ɻ ҿ ৯ ख ՙ ෺ ͓ ख ચ ٤ Ԏ ࠙ ਌ ձ ࣸ ਅ ࡱ Ө ໊ ࡳ ࠲ ੮ http://jp.rubyist.net/RubyKaigi2006/
23. ࢈૯ݚͰϩʔΧϧ୲౰
24. θϩ͔Β৽͍͠ΠϕϯτΛ
 ্ཱͪ͛Δ͜ͱ͕Ͱ͖ͨ
25. ʰύλʔϯɺ8JLJɺ91
    ʙ࣌Λ௒͑ͨ૑଄ͷݪଇʙʱ  ྺ࢙తܦҢΛ໌Β͔ʹͨ͠ έϯτɾϕοΫͱ
 ΢ΥʔυɾΧχϯΨϜͷਓ έϯτɾϕοΫͱ΢ΥʔυɾΧχϯΨϜ ݐஙՈΫϦετϑΝʔɾ ΞϨάβϯμʔ Өڹ ύλʔϯϥϯήʔδͷιϑτ΢ΣΞ։ൃ΁ͷԠ༻  σβΠϯύλʔϯ  
 ϓϩάϥϜઃܭͷఆੴू ΞδϟΠϧιϑτ΢ΣΞ։ൃ 91 
    
 ઴ਐతιϑτ΢ΣΞ։ൃख๏ 8JLJ8JLJ8FCʢ8JLJʣ  
 8FCαΠτΛڞಉͰߏங͢Δख๏ ౎ࢢ͸πϦʔͰ͸ͳ͍  
 ࣗવ౎ࢢͱਓ޻౎ࢢͷ۠ผ ύλʔϯϥϯήʔδ  
 ར༻ऀओମͷݐஙઃܭख๏
26. ೥݄ɺത࢜࿦จఏग़క੾ ೥݄೔ɺ஛಺Ү༤ઌੜɺ࡫ాߞҰઌੜɺത࢜࿦จఏग़
    ௕͔ͬͨʜ
27. 5XJUUFSΞΧ΢ϯτ
 ্ཱͪ͛Λ୲౰
28. ົʹإจࣈΛ࢖͍͕ͨΔ
 ͪΐͬͱมͳਓΛԋग़
30. ϢʔβʔࢀՃܕݚڀձʮχίχίֶձЌʯʹ͍ͭͯ ʗߐ౉ߒҰ࿠ IUUQOJDPOJDPHBLLBJKQ ࢢຽΛר͖ࠐΉݚڀ։ൃ
 ࢢຽࢀըܕͷݚڀͷ৔ʮχίχίֶձЌʯ χίχίֶձЌ͸ɺϓϩݚڀऀͱ໺ੜͷݚڀऀ͕ ڞʹࣗ෼ͷݚڀ੒ՌΛൃදɾڞ༗Ͱ͖Δ৔ͱͯ͠ ࡞ΒΕͨ
    χίχίಈըͳͲͷϝσΟΞΛ௨ͯ͡ݚڀൃදΛ ߦ͍ɺίϝϯτʹΑͬͯϑΟʔυόοΫΛಘΔ͜ ͱ͕Ͱ͖Δ  ݚڀ
 3FTFBSDI Ϣʔβ
 6TFS ࢈ۀ
 *OEVTUSZ ୈճχίχίֶձЌγϯϙδ΢Ϝ ୈճχίχίֶձЌ
 ʮ͍͖΋ͷϚςϦΞϧʯηογϣϯ ࿡ຊ໦χίϑΝʔϨͰͷχίχίֶձЌ
31. ೥͔Β೥·Ͱ
 ܭճͷγϯϙδ΢ϜΛ։࠵ ઒্ྔੜɺۚࢠ༐ɺ෌ా܄ɺኍ੉௨޹ɺງߐوจɺޒेཛྷ݈ ෉ɺീ୩࿨඙ɺ౦ߒلɺ஑্ߴࢤɺҏ෱෦ୡɺழࢠण೭ɺҴ ݟণ඙ɺҏ౻ത೭ɺલ໺΢ϧυߒଠ࿠ɺ౻Ҫ௚ܟɹ΄͔ଟ਺ ओ ͳ ग़ ԋ ऀ ྦྷܭࢹௌऀ਺
 ໿ 60ສਓ
32. γϯϙδ΢Ϝɺݚڀձɺ߹॓ͳͲͷΦϑϥΠϯ׆ಈ΋ॆ࣮͓ͯ͠Γɺ ৽ٕज़͔ΒΞʔτ·Ͱ෯޿͍ςʔϚͷݚڀ಺༰͕ൃද͞Ε͍ͯΔ
34. εέϧτχΫε
     ೥݄ɺԭೄߴઐͷനٱϨΠΤεथɺѨՅྙେɺۄ৓ޫ੍ً͕࡞
 ೥݄ɺεέϧτχΫεגࣜձࣾΛ૑ઃ
35. εέϧτχΫεɺ೥ͷߚനՎ߹ઓʹग़ԋ ʰ͓͔Ίͱͻΐͬͱ͜ͷ͓໘Λ͚ͭͨߴ͞ϝʔτϧɺॏ͞Ωϩͷಈ࡞֦େεʔπʮεέϧτ χΫεʯ͕ొ৔ɻਓͷख଍ͷഒ͸͋Δಉεʔπ͸ɺૢॎऀͷಈ͖͕ͦͷ··ػମʹ఻ΘΔ૷ஔʱ http://skeletonics.com/service/kouhaku/
36. ΞϛουεΫϦʔϯ
     ໢ށΛ࢖ͬͨಁաεΫϦʔϯ
37. ϙϦουεΫϦʔϯ
     ೶ۀ༻ϑΟϧϜΛ࢖ͬͨಁաεΫϦʔϯ
 N͋ͨΓԁͱ͍͏ഁ֨஋
38. ίϯςϯπʹ͓͚ΔΠϊϕʔγϣϯ
39. ϢʔβʔࢀՃܕݚڀձʮχίχίֶձЌʯʹ͍ͭͯ ʗߐ౉ߒҰ࿠ IUUQOJDPOJDPHBLLBJKQ ୈճχίχίֶձЌ ౔ɺ࿡ຊ໦χίϑΝʔϨʹͯ։࠵༧ఆ
    ݱࡏϓϩάϥϜͷ४උதɻָ͓͠Έʹʂ  http://twitter.com/niconicogakkai
40. RXJL8FC͔ΒಘΒΕͨ஌ݟ ͢Ͱʹ։ൃ͸ऴ͍ྃͯ͠Δɻͱ͸͍͑Ͳ͜ʹҠߦͨ͠Β͍͍ͷ͔ʜ
    (PPHMF
    (SPVQTʴ(PPHMF
    %PDTΛ࢖͏͜ͱ͕ଟ͍ɻ͕ͩ࢖͍ʹ͍͘
    ҠߦઌͷҊ͕͋ͬͨΒڭ͑ͯ΄͍͠
    ϝʔϦϯάϦετ؅ཧͱΞΫηε؅ཧΛಉظͨ͠ͷ͸Α͔ͬͨ
    χίχίֶձЌ͔ΒಘΒΕͨ஌ݟ
    ໺ੜͷݚڀऀͷൃදͷ৔Λ࡞Δ
    3VCZ։ൃऀίϛϡχςΟʹ͓͚ΔʮӅΕͨఱ࠽ʯʹ͸େ͖ͳӨڹΛ ड͚ͨ
41. .BU[
    JT
    /JDF
    "OE
    
 4P
    8F
    "SF
    /JDF
42. 3VCZ,BJHJ
    JT
    /JDF
    "OE
    
 4P
    /JDP/JDP(BLLBJЌ
    JT
    /JDF