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

デザイナーのための便利なGithubの使い方と、大雑把なGitとGithubの説明

machida
October 14, 2014

 デザイナーのための便利なGithubの使い方と、大雑把なGitとGithubの説明

2014年10月11日PHPカンファレンスでのP4D主催で行ったデザイナーのためのGithubハンズオンの資料です。

関連発表

エンジニア×デザイナー GitHubで変わるコミュニケーション(PHPカンファレンス2014 P4Dセッション)
http://www.slideshare.net/HiroyukiYamaoka/phpcon2014-p4d-yamaoka

コミュニケーションツールとしての Git & GitHub
https://speakerdeck.com/ken_c_lo/komiyunikesiyonturutositefalse-git-and-github

Web デザイナのための GitHub ハンズオン
https://speakerdeck.com/satococoa/web-dezainafalsetamefalse-github-hanzuon

machida

October 14, 2014
Tweet

More Decks by machida

Other Decks in Programming

Transcript

  1. σβΠφʔͷͨΊͷศརͳ
    (JUIVCͷ࢖͍ํ
    ͱɺେࡶ೺ͳ(JUͱ(JUIVCͷઆ໌

    View full-size slide

  2. machida
    wொా఩ฏͱਃ͠·͢
    w5XJUUFS*%͸!NBDIJEB
    w(JUIVCΞΧ΢ϯτ΋NBDIJEB
    w߹ಉձࣾϑΟϤϧυͱ͍͏ձࣾͰ

    σβΠφʔΛ΍ͬͯ·͢

    View full-size slide

  3. http://kowabana.jp
    wා͍࿩ͷ౤ߘαΠτʮා࿩ʢ͜Θ͹
    ͳʣʯͱ͍͏αʔϏεΛ΍ͬͯ·͢

    View full-size slide

  4. (JUͬͯԿʁ
    w όʔδϣϯ؅ཧγεςϜͱݺ͹ΕΔ΋ͷͷ̍ͭͰͦͷதͰ΋͍͍΍ͭ
    w ϦφοΫεΛ࡞ͬͨϦʔφεɾτʔόϧζ͞Μ͕-JOVYΧʔωϧͷ։ൃͷͨΊ
    ʹ࡞ͬͨʢͦͷલ͸#JU,FFQFSͱ͍͏΍ͭΛ࢖ͬͯͨʣ

    View full-size slide

  5. (JUͬͯԿʁ
    ♀ ♀
    "͞Μ #͞Μ
    ࡞ۀ ࡞ۀ
    ࠞͥΔ
    1VMM3FRVFTU
    .FSHF

    View full-size slide

  6. 祝☆設立十周年
    決起集会
    !
    * 時間:未定
    * 会場:未定
    パーティー
    !
    * 時間:未定
    * 会場:未定
    QBSUZUYU

    View full-size slide

  7. 祝☆設立十周年
    決起集会
    !
    * 時間:未定
    * 会場:未定
    パーティー
    !
    * 時間:未定
    * 会場:未定

    ܾىूձͷװࣄ

    "͞Μ

    ύʔςΟʔͷװࣄ

    #͞Μ
    QBSUZUYU

    View full-size slide

  8. 祝☆設立十周年
    決起集会
    !
    * 時間:未定
    * 会場:未定
    パーティー
    !
    * 時間:未定
    * 会場:未定
    ܾىूձͷװࣄ

    "͞Μͷίϐʔ
    ύʔςΟʔͷװࣄ

    #͞Μͷίϐʔ
    ίϐʔݩ
    ίϐʔ ίϐʔ
    'PSL 'PSL
    ♀ ♀
    .BTUFS

    View full-size slide

  9. 祝☆設立十周年
    決起集会
    !
    * 時間:未定
    * 会場:未定

    1VMM3FRVFTU
    パーティー
    !
    * 時間:未定
    * 会場:未定
    * 時間:16:30
    * 会場:ベルサール汐留
    ܾىूձͷװࣄ"͞Μ͕ߦͬͨ࡞ۀ$PNNJU
    ίϐʔʹ࣌ؒͱձ৔Λهೖͨ͠
    ίϐʔݩʹऔΓࠐΜͰ͍ͩ͘͞

    View full-size slide

  10. 祝☆設立十周年
    決起集会
    !
    * 時間:未定
    * 会場:未定

    1VMM3FRVFTU
    パーティー
    !
    * 時間:未定
    * 会場:未定
    * 時間:19:30
    * 会場:コンラッド東京
    ύʔςΟʔͷװࣄ#͞Μ͕ߦͬͨ࡞ۀ$PNNJU
    ίϐʔʹ࣌ؒͱձ৔Λهೖͨ͠
    ίϐʔݩʹऔΓࠐΜͰ͍ͩ͘͞

    View full-size slide

  11. 祝☆設立十周年
    決起集会
    !
    * 時間:16:30
    * 会場:ベルサール汐留
    パーティー
    !
    * 時間:19:30
    * 会場:コンラッド東京

    ܾىूձͷװࣄ

    "͞Μ

    ύʔςΟʔͷװࣄ

    #͞Μ
    ೋਓͷߦͬͨ࡞ۀΛίϐʔݩʹࠞͥΔ.FSHF

    View full-size slide

  12. 祝☆設立十周年
    決起集会
    !
    * 時間:16:30
    * 会場:ベルサール汐留
    パーティー
    !
    * 時間:19:30
    * 会場:コンラッド東京

    ܾىूձͷװࣄ

    "͞Μ

    ύʔςΟʔͷװࣄ

    #͞Μ
    ׬੒ʂʂ

    View full-size slide

  13. ཤྺ͕࢒ͬͯΔ
    party.txt の変更履歴(Commits)
    2014/10/10 10:30
    決起集会幹事Aさん“決起集会の時間・会場を記入”
    2014/10/11 12:45
    パーティー幹事Bさん“パーティーの時間・会場を記入”
    2014/10/09 18:30
    AさんBさんの上司“party.txt ファイルを作成”

    View full-size slide

  14. party.txt の変更履歴(Commits)
    2014/10/10 10:30
    決起集会幹事Aさん“決起集会の時間・会場を記入”
    2014/10/11 12:45
    パーティー幹事Bさん“パーティーの時間・会場を記入”
    2014/10/09 18:30
    AさんBさんの上司“party.txt ファイルを作成”
    ࢦఆͨ͠ͱ͖ͷঢ়ଶʹ໭ΕΔ

    View full-size slide

  15. party.txt の変更履歴(Commits)
    2014/10/10 10:30
    決起集会幹事Aさん“決起集会の時間・会場を記入”
    2014/10/11 12:45
    パーティー幹事Bさん“パーティーの時間・会場を記入”
    2014/10/09 18:30
    AさんBさんの上司“party.txt ファイルを作成”
    ࢦఆͨ͠ͱ͖ͷঢ়ଶʹ໭ΕΔ
    ʜͬͯͷ͕(JUʢେࡶ೺ʣ

    View full-size slide

  16. party.txt の変更履歴(Commits)
    2014/10/10 10:30
    決起集会幹事Aさん“決起集会の時間・会場を記入”
    2014/10/11 12:45
    パーティー幹事Bさん“パーティーの時間・会場を記入”
    2014/10/09 18:30
    AさんBさんの上司“party.txt ファイルを作成”
    ࢦఆͨ͠ͱ͖ͷঢ়ଶʹ໭ΕΔ
    ʜͬͯͷ͕(JUʢେࡶ೺ʣ
    くわしくはハンズオンで!

    View full-size slide

  17. (JUIVCͬͯԿʁ

    View full-size slide

  18. (JUIVCͬͯԿʁ

    View full-size slide

  19. (JUIVCͬͯԿʁ
    ͜ΕΒΛอଘͰ͖ͯɺϒϥ΢βͰݟΕΔXFCαʔϏε

    View full-size slide

  20. ͦΕ͚ͩ͡Όͳ͍(JUIVC
    ίϥϘϨʔγϣϯ͕(JUIVCͷ୉ޣຯʂ
    これについては@ken_c_loさんが後でしゃべります

    View full-size slide

  21. σβΠφʔ͕ҰਓͰ(JUIVCΛ࢖͏ͱ

    Կ͕Ͱ͖Δʁ
    コラボレーションの話は後であるので、こっちは一人で使う場合の話を

    View full-size slide

  22. σβΠφʔ͕ҰਓͰ(JUIVCΛ࢖͏ͱ

    Կ͕Ͱ͖Δʁ
    w QTE΍BJͳͲͷϑΝΠϧΛஔ͍͓ͯ͘૔ݿͱͯ͠(JUIVCΛ࢖͏ͱศརʁ
    w ࣗ࡞ͷTBTT΍KTͷίʔυஔ͖৔ͱͯ͠࢖ͬͯΈΔ
    w ۄੴࠞᔿͷ(JUIVC͔ΒๅΛ୳͢
    w )5.-Λެ։͢Δαʔόͱͯ͠࢖͏

    View full-size slide

  23. σβΠφʔ͕ҰਓͰ(JUIVCΛ࢖͏ͱ

    Կ͕Ͱ͖Δʁ
    w QTE΍BJͳͲͷϑΝΠϧΛஔ͍͓ͯ͘૔ݿͱͯ͠(JUIVCΛ࢖͏ͱศརʁ
    w ࣗ࡞ͷTBTT΍KTͷίʔυஔ͖৔ͱͯ͠࢖ͬͯΈΔ
    w ۄੴࠞᔿͷ(JUIVC͔ΒๅΛ୳͢
    w )5.-Λެ։͢Δαʔόͱͯ͠࢖͏

    View full-size slide

  24. QTE΍BJͳͲͷϑΝΠϧΛஔ͍͓ͯ͘૔ݿ
    wࢼ͠ʹࡢ೥ͷΫϦεϚεʹ࡞ͬͨ

    QTEϑΝΠϧΛ(JUIVCͰެ։ͯ͠
    ΈΑ͏ͱͨ͠

    View full-size slide

  25. (JUIVCͰѻ͑ΔϑΝΠϧαΠζ
    w ϑΝΠϧ.#·Ͱʢ.#Λ௒͑Δͱܯࠂ͕ग़Δʣ
    w ϓϩδΣΫτ߹ܭ(#·Ͱ

    View full-size slide

  26. ͡Ό͋ԿΛஔ͘ʁ
    w ΞΠίϯGPOUͷݩσʔλ
    w ΞΠίϯͷݩσʔλ
    w ࣗ࡞ͷ-*/&ελϯϓͷݩσʔλ
    w ςϯϓϨʔτ
    ʜͱ͔ͳΒ͍͍͔΋ɻ

    ҹ࡮໨తͷϕΫλʔҎ֎ͷσʔλΛؚΜͩ΍ͭ͸ݫ͍͠ɻ

    View full-size slide

  27. レイヤーをまとめて無理やり
    Githubにあげてみた

    View full-size slide

  28. QTEϑΝΠϧ͕ϒϥ΢β͔ΒݟΕΔ
    これは便利!

    View full-size slide

  29. σβΠφʔ͕ҰਓͰ(JUIVCΛ࢖͏ͱ

    Կ͕Ͱ͖Δʁ
    w QTE΍BJͳͲͷϑΝΠϧΛஔ͍͓ͯ͘૔ݿͱͯ͠(JUIVCΛ࢖͏ͱศརʁ
    w ࣗ࡞ͷTBTT΍KTͷίʔυஔ͖৔ͱͯ͠࢖ͬͯΈΔ
    w ۄੴࠞᔿͷ(JUIVC͔ΒๅΛ୳͢
    w )5.-Λެ։͢Δαʔόͱͯ͠࢖͏
    物と場合による

    View full-size slide

  30. https://www.pixelapse.com/

    View full-size slide

  31. https://www.pixelapse.com/
    σβΠϯσʔλ૔ݿͷαʔϏε
    こっち使ったほうがよくね?

    View full-size slide

  32. https://www.pixelapse.com/
    σβΠϯσʔλ૔ݿͷαʔϏε
    こっち使ったほうがよくね?
    ؾʹͳΔ͓஋ஈ͸ʁ
    w ແྉʜެ։ϓϩδΣΫτͷΈ࡞੒ՄɺϓϩδΣΫτ਺ແݶɺ(·Ͱ
    w ݄ʜϓϥΠϕʔτϓϩδΣΫτɺ༰ྔແ੍ݶ
    w ݄ʜϓϥΠϕʔτϓϩδΣΫτɺ༰ྔແ੍ݶ
    w ݄ʜϓϥΠϕʔτϓϩδΣΫτɺ༰ྔແ੍ݶ
    w νʔϜϓϥϯ͸ϝϯόʔ਺Ͱֹ͕ۚมΘΔ
    dropboxと迷うね…

    View full-size slide

  33. σβΠφʔ͕ҰਓͰ(JUIVCΛ࢖͏ͱ

    Կ͕Ͱ͖Δʁ
    w QTE΍BJͳͲͷϑΝΠϧΛஔ͍͓ͯ͘૔ݿͱͯ͠(JUIVCΛ࢖͏ͱศརʁ
    w ࣗ࡞ͷTBTT΍KTͷίʔυஔ͖৔ͱͯ͠࢖ͬͯΈΔ
    w ۄੴࠞᔿͷ(JUIVC͔ΒๅΛ୳͢
    w )5.-Λެ։͢Δαʔόͱͯ͠࢖͏

    View full-size slide

  34. ࣗ࡞ͷTBTT΍KTͷίʔυஔ͖৔

    View full-size slide

  35. ࣗ࡞ͷTBTT΍KTͷίʔυஔ͖৔
    Ҏલɺ1%Ͱ(FNΛ࡞ͬͯެ։ͱ͍͏ͷΛ΍ͬͯΈͨɻ

    View full-size slide

  36. ࣗ࡞ͷTBTT΍KTͷίʔυஔ͖৔
    ֎ࠃͷํ͔ΒϓϧϦΫ͍͖ͨͩ·ͨ͠
    Githubすごい!

    View full-size slide

  37. ࠷ۙ͸͜ΜͳͷΛ࡞ͬͯ·͢
    0VMV͍ͬͯ͏TBTTͷNJYJOूΛ࡞ͬͯ·͢

    View full-size slide

  38. ࠷ۙ͸͜ΜͳͷΛ࡞ͬͯ·͢
    Ҋ݅"
    TBTTʹؔ͢Δ໘౗ w GVODUJPO
    w NJYJO
    Ͱղܾ
    0VMV͍ͬͯ͏TBTTͷNJYJOूΛ࡞ͬͯ·͢

    View full-size slide

  39. ࠷ۙ͸͜ΜͳͷΛ࡞ͬͯ·͢
    Ҋ݅"
    TBTTʹؔ͢Δ໘౗ w GVODUJPO
    w NJYJO
    Ͱղܾ
    Ҋ݅#
    TBTTʹؔ͢Δ໘౗ w GVODUJPO
    w NJYJO
    Ͱղܾ
    0VMV͍ͬͯ͏TBTTͷNJYJOूΛ࡞ͬͯ·͢

    View full-size slide

  40. ࠷ۙ͸͜ΜͳͷΛ࡞ͬͯ·͢
    Ҋ݅"
    TBTTʹؔ͢Δ໘౗ w GVODUJPO
    w NJYJO
    Ͱղܾ
    Ҋ݅#
    TBTTʹؔ͢Δ໘౗ w GVODUJPO
    w NJYJO
    Ͱղܾ
    ಉ͡ͷΛॻ͘ͷ͕໘౗ͱ͍͏৽ͨͳ໘౗͕ൃੜ
    0VMV͍ͬͯ͏TBTTͷNJYJOूΛ࡞ͬͯ·͢

    View full-size slide

  41. ࠷ۙ͸͜ΜͳͷΛ࡞ͬͯ·͢
    Ҋ݅"
    TBTTʹؔ͢Δ໘౗Λղܾ
    w GVODUJPO
    w NJYJO
    Ͱղܾ
    Ҋ݅#
    ϥΠϒϥϦ
    0VMV͍ͬͯ͏TBTTͷNJYJOूΛ࡞ͬͯ·͢

    View full-size slide

  42. +absolute(left 20px, top 40px)
    position: absolute

    left: 20px

    right: 40px
    font-size: 16px

    line-height: 1.8

    margin-bottom: 24px

    color: white

    text-align: center

    font-weight: bold
    +text-block(16px, 1.8, 24px, white, center, bold)
    margin-left: 20px

    margin-right: 40px +horizontal-margin(20px 40px)
    border-top: black solid 4px

    border-bottom: white solid 10px
    +border((left black 4px, right white 10px), solid)
    input

    &[type=“email"]

    &[type=“number"]

    &[type=“search"]

    &[type=“tel”]

    &[type=“url”]

    +webfont
    #{$all-en-text-inputs}

    +webfont
    こういうのの詰め合わせ

    View full-size slide

  43. ࠷ۙ͸͜ΜͳͷΛ࡞ͬͯ·͢
    ࠓͷͱ͜ΖSBJMT൛ͱNJEEMFNBO൛Λ։ൃͯ͠ΔΜͰ͕͢ʜ

    View full-size slide

  44. ࠷ۙ͸͜ΜͳͷΛ࡞ͬͯ·͢
    υΩϡϝϯτ͕ͳ͍ͷͰશવ࢖͑ͳ͍
    今年中には書き終えたいなー

    View full-size slide

  45. σβΠφʔ͕ҰਓͰ(JUIVCΛ࢖͏ͱ

    Կ͕Ͱ͖Δʁ
    w QTE΍BJͳͲͷϑΝΠϧΛஔ͍͓ͯ͘૔ݿͱͯ͠(JUIVCΛ࢖͏ͱศརʁ
    w ࣗ࡞ͷTBTT΍KTͷίʔυஔ͖৔ͱͯ͠࢖ͬͯΈΔ
    w ۄੴࠞᔿͷ(JUIVC͔ΒๅΛ୳͢
    w )5.-Λެ։͢Δαʔόͱͯ͠࢖͏

    View full-size slide

  46. ۄੴࠞᔿͷ(JUIVC͔ΒๅΛ୳͢

    View full-size slide

  47. ۄੴࠞᔿͷ(JUIVC͔ΒๅΛ୳͢
    (JUIVC͸ๅͷࢁͳΜͰ͕͢ɺ͜ͷ๲େͳίʔυͷࢁͷத͔Βࣗ෼ͷ୳͍ͯ͠Δ
    ๅΛݟ͚ͭΔͷ͸೉͍͠ɻ

    खؒΛ͔͚ͣʹ؆୯ʹ(JUIVCʹ͋ΔๅΛ͍ͪૣ͘ݟ͚ͭΔํ๏ͬͯ͋Δʁ

    View full-size slide

  48. ۄੴࠞᔿͷ(JUIVC͔ΒๅΛ୳͢
    ਆαʔϏε
    !
    ͷ঺հ
    TUBSTFFLFS
    http://starseeker.so/

    View full-size slide

  49. ۄੴࠞᔿͷ(JUIVC͔ΒๅΛ୳͢
    (JUIVCʹ͸5XJUUFSΈ͍ͨʹ'PMMPXͷػೳ͕͋Γ·͢ɻ

    View full-size slide

  50. ؾʹͳΔϓϩδΣΫτʹ͸ʮ͍͍ͶʂʯΈ͍ͨͳײ͡Ͱɺ

    4UBSΛ෇͚Δػೳ͕͋Γ·͢ɻ
    ۄੴࠞᔿͷ(JUIVC͔ΒๅΛ୳͢

    View full-size slide

  51. ۄੴࠞᔿͷ(JUIVC͔ΒๅΛ୳͢
    ͰɺTUBSTFFLFS͸ࣗ෼͕ϑΥϩʔͯ͠
    ͍Δਓ͕ԿʹTUBSΛ෇͚͔ͨΛຖ೔
    ϝʔϧͰڭ͑ͯ͘ΕΔαʔϏεɻ

    View full-size slide

  52. ۄੴࠞᔿͷ(JUIVC͔ΒๅΛ୳͢
    ͰɺTUBSTFFLFS͸ࣗ෼͕ϑΥϩʔͯ͠
    ͍Δਓ͕ԿʹTUBSΛ෇͚͔ͨΛຖ೔
    ϝʔϧͰڭ͑ͯ͘ΕΔαʔϏεɻ
    ͍͍ϦϙδτϦΛࣗ෼ͷ୅ΘΓʹ୳ͯ͘͠ΕΔ
    自分でも見つけてフォロワーに教えようね

    View full-size slide

  53. σβΠφʔ͕ҰਓͰ(JUIVCΛ࢖͏ͱ

    Կ͕Ͱ͖Δʁ
    w QTE΍BJͳͲͷϑΝΠϧΛஔ͍͓ͯ͘૔ݿͱͯ͠(JUIVCΛ࢖͏ͱศརʁ
    w ࣗ࡞ͷTBTT΍KTͷίʔυஔ͖৔ͱͯ͠࢖ͬͯΈΔ
    w ۄੴࠞᔿͷ(JUIVC͔ΒๅΛ୳͢
    w )5.-Λެ։͢Δαʔόͱͯ͠࢖͏

    View full-size slide

  54. )5.-Λެ։͢Δαʔόͱͯ͠࢖͏

    View full-size slide

  55. )5.-Λެ։͢Δαʔόͱͯ͠࢖͏
    (JUIVCʹ͸(JU)VC1BHFTͱ͍͏

    )5.-Λެ։͢Δػೳ͕͋Γ·͢ɻ

    View full-size slide

  56. )5.-Λެ։͢Δαʔόͱͯ͠࢖͏
    [name].github.io

    ͱ͍͏ϦϙδτϦΛ࡞ͬͯͦ͜ʹQVTI͢Δ͚ͩͰXFCαΠτΛެ։

    View full-size slide

  57. )5.-Λެ։͢Δαʔόͱͯ͠࢖͏
    [name].github.io

    ͱ͍͏ϦϙδτϦΛ࡞ͬͯͦ͜ʹQVTI͢Δ͚ͩͰXFCαΠτΛެ։
    でも、静的なHTMLでしか公開できないんでしょ…

    View full-size slide

  58. )5.-Λެ։͢Δαʔόͱͯ͠࢖͏
    4UBUJD4JUF(FOFSBUPSΛ࢖͑͹ϒϩά΋(JU)VC1BHFTͰ։ઃͰ͖·͢ɻ

    Staticじゃないやつも混ざってるので注意
    https://staticsitegenerators.net http://goo.gl/tPzrS4

    View full-size slide

  59. )5.-Λެ։͢Δαʔόͱͯ͠࢖͏
    4UBUJD4JUF(FOFSBUPSΛ࢖͑͹ϒϩά΋(JU)VC1BHFTͰ։ઃͰ͖·͢ɻ

    http://middlemanapp.com/jp/
    Ruby

    View full-size slide

  60. )5.-Λެ։͢Δαʔόͱͯ͠࢖͏
    4UBUJD4JUF(FOFSBUPSΛ࢖͑͹ϒϩά΋(JU)VC1BHFTͰ։ઃͰ͖·͢ɻ

    http://jekyllrb.com
    Ruby

    View full-size slide

  61. )5.-Λެ։͢Δαʔόͱͯ͠࢖͏
    4UBUJD4JUF(FOFSBUPSΛ࢖͑͹ϒϩά΋(JU)VC1BHFTͰ։ઃͰ͖·͢ɻ

    http://octopress.org
    Ruby

    View full-size slide

  62. )5.-Λެ։͢Δαʔόͱͯ͠࢖͏
    4UBUJD4JUF(FOFSBUPSΛ࢖͑͹ϒϩά΋(JU)VC1BHFTͰ։ઃͰ͖·͢ɻ

    http://hexo.io
    Node.js

    View full-size slide

  63. )5.-Λެ։͢Δαʔόͱͯ͠࢖͏
    4UBUJD4JUF(FOFSBUPSΛ࢖͑͹ϒϩά΋(JU)VC1BHFTͰ։ઃͰ͖·͢ɻ

    http://roots.cx
    Node.js

    View full-size slide

  64. )5.-Λެ։͢Δαʔόͱͯ͠࢖͏
    4UBUJD4JUF(FOFSBUPSΛ࢖͑͹ϒϩά΋(JU)VC1BHFTͰ։ઃͰ͖·͢ɻ

    http://laktek.github.io/punch/
    Node.js

    View full-size slide

  65. )5.-Λެ։͢Δαʔόͱͯ͠࢖͏
    4UBUJD4JUF(FOFSBUPSΛ࢖͑͹ϒϩά΋(JU)VC1BHFTͰ։ઃͰ͖·͢ɻ

    https://sculpin.io
    PHP

    View full-size slide

  66. )5.-Λެ։͢Δαʔόͱͯ͠࢖͏
    4UBUJD4JUF(FOFSBUPSΛ࢖͑͹ϒϩά΋(JU)VC1BHFTͰ։ઃͰ͖·͢ɻ

    http://phrozn.info/en/
    PHP

    View full-size slide

  67. )5.-Λެ։͢Δαʔόͱͯ͠࢖͏
    4UBUJD4JUF(FOFSBUPSΛ࢖͑͹ϒϩά΋(JU)VC1BHFTͰ։ઃͰ͖·͢ɻ

    http://phrozn.info/en/
    ͳͲͳͲɺ͖Γ͕ͳ͍͘Β͍ͨ͘͞Μ͋Δ
    PHP

    View full-size slide

  68. )5.-Λެ։͢Δαʔόͱͯ͠࢖͏
    3VCZ੡ͷTUBUJDTJUFHFOFSBUPS
    NJEEMFNBOͱ͍͏πʔϧͰϒϩάΛ
    ࡞ͬͯΈ·ͨ͠ɻ
    http://machida.github.io/

    View full-size slide

  69. )5.-Λެ։͢Δαʔόͱͯ͠࢖͏
    Πϕϯτͷϖʔδ͸੩తͳ΋ͷͰे෼
    ͳ৔߹͕ଟ͍ͷͰɺ(JU)VC1BHFTͰ
    ͜ͱ଍ΓΔʢਃ͠ࠐΈ͸%PPS,FFQFS
    ͳͲΛ࢖ͬͨ৔߹ʣɻ

    (JUIVCʹϦϙδτϦ͕͋ΔͷͰɺ·ͩ
    ʮDPNNJOHTPPOʯͷ৘ใΛਵ࣌ӡӦ
    ελοϑ͕ܾ·Γ࣍ୈຒΊͯQVTI͢Ε
    ͹͍͍ͷͰ؅ཧ΋ָɻ

    ʮจষ͸͜ΕͰ͍͍ʁʯͬͯ৔߹͸
    1VMM3FRVFTUʹͯ͠ϨϏϡʔΛ΋Βͬ
    ͔ͯΒ.FSHF͢Δͬͯ͜ͱ΋Ͱ͖Δɻ
    http://regional.rubykaigi.org/shibuya01/

    View full-size slide

  70. )5.-Λެ։͢Δαʔόͱͯ͠࢖͏
    KBWBTDSJQU͚ͩ࢖ͬͨͪΐͬͱͨ͠πʔϧͳΜ
    ͔͸(JU)VC1BHFTͰे෼ɻ

    QVTIΛ͢Δ͚ͩͰެ։Ͱ͖ΔͷͰ͓खܰʂ
    phpもあるよ
    http://machida.github.io/vnd2jpy/
    ϕτφϜυϯΛԁʹม׵͢Δπʔϧ

    View full-size slide

  71. )5.-Λެ։͢Δαʔόͱͯ͠࢖͏
    KBWBTDSJQU͚ͩ࢖ͬͨͪΐͬͱͨ͠πʔϧͳΜ
    ͔͸(JU)VC1BHFTͰे෼ɻ

    QVTIΛ͢Δ͚ͩͰެ։Ͱ͖ΔͷͰ͓खܰʂ
    phpもあるよ
    http://machida.github.io/vnd2jpy/
    ϕτφϜυϯΛԁʹม׵͢Δπʔϧ
    (JU)VC1BHFT͸σβΠφʔʹ΋ศར

    View full-size slide

  72. Ҏ্Ͱ͢ɻ

    ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ

    View full-size slide