Upgrade to Pro — share decks privately, control downloads, hide ads and more …

未踏ジュニア on Jekyll - 小中高生クリエータ支援プログラムを支える技術

未踏ジュニア on Jekyll - 小中高生クリエータ支援プログラムを支える技術

🆕 動画版も公開! → https://youtu.be/YT9NwUEvt6U
📜 お知らせ記事 → https://note.com/yasslab/n/nf5837dabdf8c

銀座Rails#39で発表したスライド資料です。
https://ginza-rails.connpass.com/event/229348/

未踏ジュニア - Web https://jr.mitou.org/
未踏ジュニア - GitHub https://github.com/mitou/jr.mitou.org
未踏ジュニア - Twitter https://twitter.com/MitouJr

※ 各画像およびスクリーンショットの著作権は、その保有者に属します。

【Q. 未踏ジュニアとは?】
未踏ジュニアは独創的なアイデアを持つ17歳以下のクリエータに対し、メンターや専門家による指導、最大50万円の開発資金や開発場所・機材を提供し、ソフトウェア・ハードウェアの開発を約5か月間にわたって支援するプログラムです。

⛰ 未踏ジュニア - 夢をカタチにしよう https://jr.mitou.org/
🔰 未踏ジュニアとは? - YouTube 動画 https://youtu.be/1KNkEAh9AK4

詳しくは以下の動画再生リストをぜひ!

🗣 最終成果報告会まとめ https://www.youtube.com/c/mitoujr/playlists?view=50&sort=dd&shelf_id=6
📑 応募者向け動画まとめ https://youtube.com/playlist?list=PLNObH2jlC6lc3c-gRpILyQrMhlqBIRjKr
🎤 未踏関係者インタビュー https://www.youtube.com/playlist?list=PLNObH2jlC6leiUTypiJYO2zUcwBg7M0Bg

【未踏ジュニア公式アカウント】
最新情報はWebサイトやTwitter/Facebookで公開しています。よければぜひチェックしてみてください。

Web: https://jr.mitou.org/
Twitter: https://twitter.com/mitoujr
Facebook: https://facebook.com/mitoujr

ハッシュタグ『#未踏ジュニア』
https://twitter.com/hashtag/%E6%9C%AA%E8%B8%8F%E3%82%B8%E3%83%A5%E3%83%8B%E3%82%A2

YassLab

March 26, 2022
Tweet

Video


Resources

YouTube で見る

https://www.youtube.com/watch?v=5zZzIsw_T3k

【切り抜き】未踏ジュニア on Jekyll「仕組みを作る視点と、仕組みを使う視点」

YouTube で見る

https://www.youtube.com/watch?v=YT9NwUEvt6U

未踏ジュニア on Jekyll − 小中高生クリエータ支援プログラムを支える技術

More Decks by YassLab

Other Decks in Education

Transcript

  1. ະ౿δϡχΞPO+FLZMM
    6খதߴੜΫϦΤʔλࢧԉϓϩάϥϜΛࢧ͑Δٕज़
    1PX
    FSFECZ3
    VCZ

    View full-size slide

  2. ͪΐͬͱͨ͠
    8FC
    ɹ
    αΠτΛ
    ࡞Ζ͏͔ͳɻ

    View full-size slide

  3. Ͱ΋ෳࡶͳػೳ͸
    ඞཁͳ͍ͷΑͶ͐
    ೝূͱ͔%#ͱ͔

    View full-size slide

  4. +FLZMMPO(JU)VC
    ͷεεϝ
    ͦΜͳͱ͖ʹ
    ʢ3VCZ

    View full-size slide

  5. ͳͥɺࠓɺ+FLZMMʁ
    +FLZMMʷ1BHFT҆શ
    3VCZ

    ʷ"DUJPOTࣗ༝
    :".-ʷ(JU)VC࿈ܞ

    View full-size slide

  6. 1BHFT੩తαΠτಛԽ

    View full-size slide

  7. ͳΔ΂͘खܰͰɺ҆શʹ

    View full-size slide

  8. "DUJPOTͰ੍ݶΛಥഁ
    ໿ϖʔδΛࣗಈੜ੒

    View full-size slide

  9. ໿ϖʔδΛࣗಈੜ੒
    "DUJPOTͰ੍ݶΛಥഁ
    ϖʔδΛͲΜͲΜ౤ߘʂ

    View full-size slide

  10. ୭Ͱ΋ߋ৽Ͱ͖Δ࢓૊Έ

    View full-size slide

  11. ୭Ͱ΋ߋ৽Ͱ͖Δ࢓૊Έ

    View full-size slide

  12. +FLZMM(JU)VCͷ
    8FCαΠτ੍࡞ྫ

    View full-size slide

  13. Remote in Japan ʔ remotework.jp

    View full-size slide

  14. ΧϯϑΝϨϯε ʔ dojocon2021.coderdojo.jp

    View full-size slide

  15. ະ౿δϡχΞ ʔ jr.mitou.org

    View full-size slide

  16. ͪΐͬͱͣͭྑͨ͘͠࿩

    View full-size slide

  17. ͓඼ॻ͖
    ະ౿δϡχΞͱ͸
    KSNJUPVPSHͷ໾ׂ
    ࢓૊Έͷ΢ϥΨϫ

    View full-size slide

  18. ͓඼ॻ͖
    ະ౿δϡχΞͱ͸
    KSNJUPVPSHͷ໾ׂ
    ࢓૊Έͷ΢ϥΨϫ

    View full-size slide

  19. ະ౿δϡχΞ
    ಠ૑తΞΠσΞͱ୎ӽٕͨ͠ज़Λ࣋ͭ
    খதߴੜΫϦΤʔλࢧԉϓϩάϥϜ

    View full-size slide

  20. Accessibility Hardware/CPU VR Fitness Mobile App
    ະ౿δϡχΞ
    ಠ૑తΞΠσΞͱ୎ӽٕͨ͠ज़Λ࣋ͭ
    খதߴੜΫϦΤʔλࢧԉϓϩάϥϜ

    View full-size slide



  21. ݅

    ݅

    ݅


    ݅

    ݅
    ະ౿δϡχΞ
    ೥౓ผͷԠื݅਺ͷਪҠʢϓϩμΫτ̍݅ʣ
    IUUQTKSNJUPVPSHTUBUT
    Accessibility Hardware/CPU
    VR Fitness Mobile App

    ݅

    View full-size slide

  22. www.sfc.keio.ac.jp/news/013292.html cs.sd.tmu.ac.jp/admission_of
    fi
    ce.html newscast.jp/news/1055602
    IUUQTKSNJUPVPSHBCPVU
    ϓϩμΫτ։ൃ͕ਪનೖࢼͰධՁ͞ΕΔ࣌୅
    ະ౿δϡχΞ

    View full-size slide

  23. ຖ೥ϓϩμΫτΛެ։
    https://jr.mitou.org/
    fi
    nal

    View full-size slide

  24. ͓඼ॻ͖
    ະ౿δϡχΞͱ͸
    KSNJUPVPSHͷ໾ׂ
    ࢓૊Έͷ΢ϥΨϫ

    View full-size slide

  25. KSNJUPVPSHͷ໾ׂ
    w ϓϩμΫτͷप஌
    w 63-Ͱ੒ՌΛڞ༗
    w ਺ࣈͰ࠾୒ऀࢧԉ

    View full-size slide

  26. ϓϩμΫτ঺հσʔλ
    _data/projects.yml

    View full-size slide

  27. ϓϩμΫτͷҰཡ࡞੒
    https://jr.mitou.org/
    fi
    nal

    View full-size slide

  28. ϓϩμΫτͷҰҙ URL
    https://jr.mitou.org/projects/2021/telport

    View full-size slide

  29. Ԡื਺ͳͲ΋YAMLͰ!
    _data/stats.yml

    View full-size slide

  30. ධՁऀ޲͚౷ܭσʔλ
    https://jr.mitou.org/stats

    View full-size slide

  31. ܭࢉࣜΛม͑ͨւ֎༻
    https://jr.mitou.org/english/stats

    View full-size slide

  32. σʔλ͸:".-Ͱ࣋ͪɺ
    3VCZ +FLZMM
    Ͱࣗಈੜ੒

    View full-size slide

  33. ͓඼ॻ͖
    ະ౿δϡχΞͱ͸
    KSNJUPVPSHͷ໾ׂ
    ࢓૊Έͷ΢ϥΨϫ

    View full-size slide

  34. 3VCZ +FLZMM

    :".-(JU)VC
    ڞಉฤूπʔϧ
    *U`TCFDBVTF

    View full-size slide

  35. :".-ͳΒ
    ؾܰʹߋ৽

    View full-size slide

  36. ϒϥ΢βͰ؆୯ʹߋ৽Մೳ

    View full-size slide

  37. ޷͖ͳλΠϛϯάͰެ։ʂ

    View full-size slide

  38. ࢓૊Έͷ΢ϥΨϫ
    w :".-Ͱڞಉฤू
    w 3VCZͰࣗಈੜ੒
    w "DUJPOTͰ$*$%

    View full-size slide

  39. ࢓૊Έͷ΢ϥΨϫ
    w :".-Ͱڞಉฤू
    w 3VCZͰࣗಈੜ੒
    w "DUJPOTͰ$*$%

    View full-size slide

  40. 3VCZʷ"DUJPOTʿ
    ໿ϖʔδΛࣗಈੜ੒

    View full-size slide

  41. ໿ϖʔδΛࣗಈੜ੒
    :".-3VCZͰ౤ߘʂ
    3VCZʷ"DUJPOTʿ

    View full-size slide

  42. 8FC,PUFOʢݸలʣ

    View full-size slide

  43. ̍ͭͷ63-ɺ̍ͭͷ੒Ռ
    https://jr.mitou.org/projects/2021/web_koten

    View full-size slide

  44. b8FCݸల`<ݕࡧ>

    View full-size slide

  45. ಈըฤूϑϨʔϜϫʔΫ

    View full-size slide

  46. ಈըฤूϑϨʔϜϫʔΫ

    View full-size slide

  47. ڝ૪ܹ͠ΊͷݕࡧͰ΋…!?

    View full-size slide

  48. ࢓૊Έͷ΢ϥΨϫ
    w :".-Ͱڞಉฤू
    w 3VCZͰࣗಈੜ੒
    w "DUJPOTͰ$*$%

    View full-size slide

  49. 3VCZ
    σʔλͷྲྀΕ چ

    :".-
    +FLZMM
    1BHFT
    UBTLTSC
    @EBUBZNM
    @QPTUNE
    @QPTUNE
    IUNM
    DTT
    KT
    ϒϥ΢βͰڞಉฤू
    σʔλॲཧεΫϦϓτ
    ࣗಈͰϏϧυͱσϓϩΠ
    ˞੍ݶ͋Γ

    ੩తϑΝΠϧͷΈग़ྗ
    HIQBHFTCSBODI

    ˞(JU)VC1BHFTͰ͸ࢦఆͷϥΠϒϥϦͷΈ࢖༻ՄೳˠIUUQTQBHFTHJUIVCDPNWFSTJPOT

    View full-size slide

  50. 3VCZ
    :".-
    "DUJPOT
    1BHFT
    UBTLTSC
    @EBUBZNM
    HJUIVC
    XPSL
    fl
    PXT
    ZNM
    IUNM
    DTT
    KT
    ϒϥ΢βͰڞಉฤू
    σʔλॲཧεΫϦϓτ
    ςετͱϏϧυͱσϓϩΠΛࣗಈԽ
    ಛʹ੍ݶ͸ແ͘ɺࣗ༝ʹ૊ΊΔʣ
    ੩తϑΝΠϧͷΈग़ྗ
    HIQBHFTCSBODI

    σʔλͷྲྀΕ ৽

    +FLZMM
    @QPTUNE
    @QPTUNE
    @QPTUNE

    5FTU#VJME

    View full-size slide

  51. %FNPPO
    (JU)VC
    → mitou / jr.mitou.org

    View full-size slide

  52. +FLZMMΛֶͿ
    jekyllrb.com railstutorial.jp

    View full-size slide

  53. 1BHFTͷཹҙ఺
    docs.github.com/en/github/site-policy/github-terms-for-additional-products-and-features

    View full-size slide

  54. ྫ&$ʷ+FLZMM
    shopify.github.io/liquid/basics/variations

    View full-size slide

  55. ྫ&$ʷ+FLZMM
    shopify.jp/blog/partner-shopify-template-language-liquid-overview

    View full-size slide

  56. ͓඼ॻ͖
    ະ౿δϡχΞͱ͸
    KSNJUPVPSHͷ໾ׂ
    ࢓૊Έͷ΢ϥΨϫ

    View full-size slide

  57. ະ౿δϡχΞPO+FLZMM
    6খதߴੜΫϦΤʔλࢧԉϓϩάϥϜΛࢧ͑Δٕज़
    5IBOLT

    View full-size slide