非エンジニアから開発者まで！DrupalPodを使用したDrupal環境の作成

https://drupal-meetup-haneda.connpass.com/event/249475/
#DrupalPod #Gitpod #IDE #VSCode #ローカル開発環境

Transcript

1. ඇΤϯδχΞ͔Β։ൃऀ·Ͱʂ
   
   
   DrupalPodΛ࢖༻ͨ͠Drupal؀ڥͷ࡞੒
   ·Δ΍· ͻ͔Δ
   

   View Slide

2. ࣗݾ঺հ
   ● 1991೥10݄29೔ ੜ·Ε
   
   
   ● ಠཱܥιϑτ΢ΣΞ։ൃձࣾͰιϑτ΢ΣΞΤϯδχΞ
   
   
   ● ͷͪΤόϯδΣϦετͱͯ͠ϓϩμΫτͷܒ໤׆ಈ
   
   
   ● 2019೥8݄ ΞΫΠΞʹδϣΠϯ
   
   
   ● ΢ΣϒαΠτͷίϯςϯπͷٕज़຋༁΍ϩʔΧϥΠζΛ
   ୲౰
   
   
   Ruby / Rails / Web API / Docker / AWS
   

   ϥʔϝϯ / εΠʔπ / Ωϟϯϓ൧ / ొࢁ
   ؙࢁ ͻ͔Δ
   

   ΞΫΠΞδϟύϯ ςΫχΧϧτϥϯεϨʔλʔ
   

   View Slide

3. ࠂ஌
   ٕज़ॻయ12Ͱ൦෍ͨ͠ॻ੶͕
   

   ঎ۀࢽʹͳΓ·ͨ͠ʂʂ
   
   
   ʮDrupal 9 ͓͍͍͠Ϩγϐू 2ʯ
   
   
   ΞϚκϯͰ޷ධൃചத̇
   

   View Slide

4. DrupalΛαΫοͱ
   
   
   ߏங͍ͨ͠ɾɾɾ
   
   
   

   ͲΜͳํ๏͕͋ΔͩΖ͏͔
   ʁ
   

   View Slide

5. Drupal؀ڥΛαΫοͱ༻ҙ͢Δํ๏
   ● Acquia Dev Desktop
   

   ● Docker, Lando, DDEV
   

   ● Simplytest.me
   → αϙʔτऴྃ
   

   

   → ඇΤϯδχΞʹ͸೉͍͠
   

   

   → ੍࣌ؒݶ͕͋Δ(݁ߏ୹͍)
   DrupalPod͕ྑ͍ͷͰ͸ʁ
   

   View Slide

6. ຊ೔ͷ಺༰
   ● DrupalPodͷ֓ཁ
   
   
   ● DrupalPodͷ͸͡Ίํ
   
   
   ● Gitpodͱ͸Կ͔
   
   
   ● DrupalPodͷػೳ΍࢓༷ʹ͍ͭ
   ͯ
   
   
   ● ·ͱΊ
   

   View Slide

7. DrupalPodͷ֓ཁ
   DrupalΛΑΓߩݙ͠΍͘͢͢ΔͨΊʹɺ
   

   ϫϯΫϦοΫͰ׬શͳDrupal։ൃ؀ڥΛ
   

   ༻ҙͯ͘͠ΕΔπʔϧ
   
   
   ࡞ऀɿOfer Shaal
   

   ެࣜαΠτɿhttps://www.drupalpod.com
   

   View Slide

8. DrupalPodͷ͸͡Ίํ
   1. ϒϥ΢β֦ுΛΠϯετʔϧ
   
   
   2. Drupal.orgͷissueϖʔδʹҠಈ
   
   
   3. DrupalPod֦ுͷϘλϯΛΫϦοΫ
   

   View Slide

9. ૣ଎σϞ
   
   
   

   ϫϯΫϦοΫʂ
   1. ϒϥ΢β֦ுΛΠϯετʔϧ
   
   
   2. Drupal.orgͷissueϖʔδʹҠಈ
   
   
   3. DrupalPod֦ுͷϘλϯΛΫϦοΫ
   

   View Slide

10. DrupalPodͷ͍͢͝ͱ͜Ζ
    ඇΤϯδχΞʙ։ൃऀ·Ͱ
    
    
    ෯޿͍૚Ͱ׆༻Ͱ͖ͦ͏ʂ
    

    View Slide

11. ͔͜͜Βɾɾ
    
    
    গ͠։ൃ໨ઢͷ࿩
    

    View Slide

12. DrupalPod͸ҰମͳΜͳͷ͔
    ● DrupalPod͸ཪଆͰ͸ Gitpod ͱ͍͏αʔϏεΛ࢖ͬͯϦονIDE
    ؀ڥΛىಈ͍ͯ͠Δ
    

    View Slide

13. Gitpodͱ͸
    ● ແྉͰ࢖͑ΔΫϥ΢υIDE
    
    
    ○ GitHubͳͲͷϦϙδτϦͱ࿈ܞͯ͠ɺϒϥ΢β্ͰIDE͕Քಇ͠·͢
    
    
    ○ URLɺ΋͘͠͸ϒϥ΢β֦ுͰىಈ
    https://gitpod.io/#https://github.com/org/repo
    ʹΞΫηεɺ΋͘͠͸
    
    
    ϒϥ΢β֦ு͔ΒϘλϯΫϦοΫ
    ʘ IDE ര஀ ʗ
    

    View Slide

14. Gitpodͷಛ௃ͦͷᶃ
    
    
    շదͳ։ൃ؀ڥ
    ● VS Codeͱಉ͡Α͏ͳ
    ૢ࡞ײ(Theiaͱ͍͏Φʔ
    ϓϯιʔεIDEΛར༻)
    

    ● ֦ுػೳͰσόοά
    πʔϧ΋ઃఆՄೳ
    λʔϛφϧ
    ΤσΟλ ϓϨϏϡʔ
    αΠτ
    

    View Slide

15. Gitpodͷಛ௃ͦͷᶄ
    
    
    ࢖͍ࣺͯײ֮Ͱ࡞੒Ͱ͖ΔϫʔΫεϖʔε
    ● ϫʔΫεϖʔεΛ4ͭ·Ͱฒྻ
    ͰՔಇՄೳ
    
    
    ● 50࣌ؒ/݄·ͰແྉͰར༻Մೳ
    Քಇத
    Քಇத
    ఀࢭத
    ఀࢭத
    ఀࢭத
    

    View Slide

16. Gitpodͷಛ௃ͦͷᶅ
    
    
    ར༻͢Δʹ͸GitpodͷΞΧ΢ϯτొ࿥͕ඞཁ
    
    
    ● GitLab, GitHub,
    BitbucketͷΞΧ΢ϯτ
    ࿈ܞ͕Մೳ
    

    View Slide

17. Gitpod͚ͩͰྑͦ͞͏͡Όͳ͍ʁ
    
    
    DrupalPodඞཁʁͱ͍͏ํͷͨΊʹ
    Github͔ΒDrupalͷGitlabϦϙδτϦΛࢦఆͯ͠ىಈ͢ΔͱͲ͏ͳΔ͔
    
    
    ● Drupalͷιʔείʔυ͕Ϋϩʔϯ͞ΕͨIDE؀ڥ্ཱ͕͕ͪΔ
    
    
    ● ͔ͦ͜Βcomposer installͨ͠ΓDB༻ҙͨ͠ΓWebαʔόʔىಈ͢Δͷ͸λʔϛφϧܦ༝Ͱߦ͏ඞ
    ཁ͕͋Δ
    
    
    ● GitpodͰ͸.gitpod.ymlͱ͍͏ઃఆϑΝΠϧʹ৭ʑهड़͢Δ͜ͱͰಛఆͷDockerΠϝʔδΛར༻͠
    ͨΓ೚ҙͷεΫϦϓτΛ࣮ߦͰ͖Δ
    

    ● ͦΕΛΰϦΰϦʹDrupal༻ʹ࠷దԽͯ͘͠Ε͍ͯΔͷ͕DrupalPod
    

    View Slide

18. DrupalPodͷ࿩ʹ໭ͬͯ
    
    
    DrupalPodͷ
    

    ػೳ΍࢓༷
    

    View Slide

19. DrupalPodͷϢʔεέʔε
    ● ॳΊͯDrupalΛࢼ͢ɻ
    
    
    ● DrupalͷҟͳΔόʔδϣϯΛࢼ͢ɻ
    
    
    ● issue͔ΒύονΛςετ͢Δɻ
    
    
    ● ਺෼ͰDrupal։ൃ؀ڥΛηοτΞοϓ͢Δɻ
    
    
    ● ։ൃ؀ڥΛଞͷਓͱڞ༗ͯ͠ɺڞಉ࡞ۀΛߦ͏ɻ
    
    
    ● ։ൃதͷWIPιϦϡʔγϣϯΛଞͷਓʹݟͯ΋Β͏ɻ
    

    View Slide

20. DrupalPodΛ࢖͏ͨΊʹ༻ҙ͢Δ΋ͷ
    ● GitHubΞΧ΢ϯτ
    
    
    ● GitpodΞΧ΢ϯτ(GitHubΞΧ΢ϯτ࿈ܞ)
    
    
    ● ϒϥ΢β (Chrome or Firefox)
    
    
    ● DrupalPodϒϥ΢β֦ுػೳ
    

    View Slide

21. DrupalPodΛ࢖༻͢Δ
    ● DrupalαΠτͷϢʔβʔ໊/ύεϫʔυɿadmin/admin
    
    
    ● DevelɺAdmin ToolbarɺDrush͸ΠϯετʔϧࡁΈ
    
    
    ● λʔϛφϧ͔Βddev, git, drush, composerίϚϯυ͕࣮ߦՄೳ
    
    
    ● ςετ΍Xdebugͷ࣮ߦ
    
    
    ● phpmyadminɺϝʔϧαʔόʔͷར༻
    
    
    ● DrupalαΠτΛڞ༗ͨ͠Γɺ࣮ߦதͷϫʔΫεϖʔεΛڞ༗ͯ͠ڞಉ࡞ۀͰ͖Δ
    

    View Slide

22. ᶅIDE ര஀
    DrupalPodͷ࢓૊Έ
    ● DrupalPodͷϒϥ΢β֦ுͰԿ͕ߦΘΕ͍ͯΔͷ͔ʁ
    
    
    ○ issueϖʔδ͔Βඞཁͳ৘ใΛूΊͯɺURLΛੜ੒͍ͯ͠Δ
    ᶃissueϖʔδʹΞΫηε
    https://gitpod.io/
    #DP_PROJECT_NAME=google_analytics,DP_ISSUE_FORK=
    google_analytics-3291489,DP_ISSUE_BRANCH=3291489-
    googleanalytics.visibility-has-
    a,DP_PROJECT_TYPE=project_module,DP_MODULE_VERSI
    ON=4.0.0,DP_CORE_VERSION=9.1.x,DP_PATCH_FILE=,DP_I
    NSTALL_PROFILE=standard/https://github.com/shaal/
    drupalpod
    ᶄDrupalPodͷϒϥ΢β֦ு
    

    ͰGitpodͷURLΛੜ੒
    

    View Slide

23. URLΛ֦େ͠·ͨ͠
    https://gitpod.io/#
    

    DP_PROJECT_NAME=google_analytics,
    

    DP_ISSUE_FORK=google_analytics-3291489,
    

    DP_ISSUE_BRANCH=3291489-googleanalytics.visibility-has-a,
    

    DP_PROJECT_TYPE=project_module,
    

    DP_MODULE_VERSION=4.0.0,
    

    DP_CORE_VERSION=9.1.x,
    

    DP_PATCH_FILE=,
    

    DP_INSTALL_PROFILE=standard
    

    /https://github.com/shaal/drupalpod
    Կ΍ΒύϥϝʔλͰ
    
    
    ৭ʑ੍ޚͰ͖Δ
    

    Α͏Ͱ͢Ͷɾɾɾ
    

    View Slide

24. ΫΤϦจࣈྻΛউखʹղऍͯ͠Έͨ
    ύϥϝʔλ໊ આ໌ ྫ
    DP_PROJECT_NAME DrupalϓϩδΣΫτͷϚγϯ໊
    ɾdrupal
    
    
    ɾgoogle_analytics
    
    
    ɾbootstrap_barrio
    DP_ISSUE_FORK ʢΦϓγϣϯʣϑΥʔΫϦϙδτϦͷࢦఆ ɾgoogle_analytics-3291489
    DP_ISSUE_BRANCH ʢΦϓγϣϯʣissueʹϒϥϯν͕࡞੒͞Ε͍ͯΔ৔߹ɺϒϥϯνΛࢦఆͰ͖Δ ɾ3291489-googleanalytics.visibility-has-a
    DP_PROJECT_TYPE
    https://www.drupal.org/api-d7/node.json?
    field_project_machine_name={DP_PROJECT_NAME} ͷtypeͷ஋
    ɾproject_core
    
    
    ɾproject_module
    
    
    ɾproject_theme
    DP_MODULE_VERSION ର৅ϓϩδΣΫτͷόʔδϣϯࢦఆ
    ɾ9.4.x
    
    
    ɾ5.5.x
    DP_CORE_VERSION
    DrupalίΞͷόʔδϣϯࢦఆɻର৅ϓϩδΣΫτ͕Ϟδϡʔϧ/ςʔϚͰ͸ͳ͘Drupal
    ίΞͷ৔߹͸DP_MODULE_VERSIONͷ஋ʹ্ॻ͖͞ΕΔɻ
    ɾ9.4.x
    DP_PATCH_FILE
    ʢΦϓγϣϯʣissueʹύον͕Ξοϓϩʔυ͞Ε͍ͯΔ৔߹ɺύονϑΝΠϧΛࢦఆ
    Ͱ͖Δ
    ɾhttps%3A%2F%2Fwww.drupal.org%2Ffiles
    

    %2Fissues%2F2020-09-16%2F2906445-10.patch
    DP_INSTALL_PROFILE
    ʢΦϓγϣϯʣΠϯετʔϧϓϩϑΟʔϧͷࢦఆɻʮ’’ʯͷ৔߹ɺΠϯλϥΫςΟϒΠ
    ϯετʔϥʔ͕ىಈɻۭ΍ଘࡏ͠ͳ͍ΠϯετʔϧϓϩϑΟʔϧΛࢦఆͨ͠৔߹ɺ
    demo_umami͕ىಈɻ
    ɾstandard
    
    
    ɾdemo_umami
    
    
    ɾminimal
    

    View Slide

25. ύϥϝʔλͷ࢓༷(?)͕෼͔ͬͨͱ͜ΖͰ
    https://gitpod.io/#
    

    DP_PROJECT_NAME=drupal,
    

    DP_ISSUE_FORK=,
    

    DP_ISSUE_BRANCH=,
    

    DP_PROJECT_TYPE=project_core,
    

    DP_MODULE_VERSION=9.4.0,
    

    DP_CORE_VERSION=9.4.0,
    

    DP_PATCH_FILE=,
    

    DP_INSTALL_PROFILE=standard
    

    /https://github.com/shaal/drupalpod
    ಛఆͷDrupalίΞόʔ
    δϣϯͰىಈ͢Δ͜ͱ
    ΋Մೳ
    

    View Slide

26. ·ͱΊ
    ● DrupalPod͸ɺDrupal։ൃ؀ڥΛ
    ϫϯΫϦοΫͰ؆୯ʹ༻ҙͯ͘͠
    ΕΔศརͳπʔϧͰ͢ɻ
    
    
    ● ࠇ͍ը໘Λ৮ΒͣʹDrupalαΠτ
    Λ࡞Γ͍ͨඇΤϯδχΞ͔Βɺ
    ϦονͳϩʔΧϧ։ൃ؀ڥ͕ཉ͠
    ͍։ൃऀ·Ͱ෯޿͘࢖͑ΔΑ͏ʹ
    ײ͡·ͨ͠ɻ
    
    
    ● Drupalͷֶश΍ߩݙ͕͞ΒʹՃ
    ଎ʁ
    

    View Slide

27. ࢀߟ
    ● DrupalPod ެࣜαΠτ (Github)
    

    https://www.drupalpod.com/
    

    ● DrupalPodͷ࢖͍ํ (Drupal Wiki)
    

    https://www.drupal.org/docs/develop/development-tools/drupalpod
    

    ● DrupalPodͷνϡʔτϦΞϧಈը (Youtube)
    

    https://youtu.be/bA4oYXFygPY
    

    View Slide

28. ͝ਗ਼ௌ͋Γ͕ͱ͏
    
    
    ͍͟͝·ͨ͠
    

    View Slide