Web系便利Tips集

デザインを中心にGoogle Chromeの拡張機能やPCのアプリケーション，参考になるWebサイトなどを（属人的に）幅広くご紹介しています。

Transcript

1. WebܥศརTipsू ŬŢśŜżŢŝ 20181125ߋ৽த
2. ŬŢśŜżŢŝ GitHub: yosksksk twitter,instagram: @uuknk_yn https://www.yosksksk.com
3. Google Chromeͷ֦ுػೳ ͔ΒMacͷΞϓϦʔέγϣ ϯɺWebαΠτͳͲ෯޿͘ ͝঺հ͠·͢ɻ
4. Google Chrome ֦ுػೳฤ
5. ϑΥϯτͷ͜ͱͳΒ whatfont & fontface ninja
6. whatfont https://chrome.google.com/webstore/detail/whatfont/ jabopobgcpjmedljpbcaablpmlmfcogm?hl=ja Google Chromeͷ֦ுػೳɻ ӳޠͷfont-family, font-size, font-weight, font-colorͳͲΛҰ ؾʹڭ͑ͯ͘Ε·͢ɻ೔ຊޠͷهࣄͰ΋Α͘঺հ͞Ε͍ͯ·͢ɻ ※஫ҙɿ࣌ʑ೔ຊޠʹରԠͯ͘͠Εͳ͍͜ͱ͕͋Γ·͢ɻ
7. fontface ninja https://fontface.ninja/ Google Chromeͷ֦ுػೳɻ ೔ຊޠͱӳޠͲͪΒ΋جຊରԠ͍ͯ͠·͢ɻ whatfontͷํ͕஌ΒΕ͍ͯΔ͚Ͳ๻͸ͬͦ͜Γͬͪ͜Λ ࢖͍ͬͯ·͢ɻস ঺հαΠτ͕΋͏͓͠ΌΕɻ
8. ৭ͷ͜ͱͳΒ Colorpick Eyedropped or ColorZilla
9. ColorPick Eyedropper https://chrome.google.com/webstore/detail/ colorpick-eyedropper/ ohcpnigalekghcmgcdcenkpelffpdolg Google Chromeͷ֦ுػೳɻ γϯϓϧͳΧϥʔϐοΧʔͰRGBσʔλΛऔಘ Ͱ͖·͢ɻ
10. ColorZilla https://chrome.google.com/webstore/detail/colorzilla/ bhlhnicpbhignbdhedgjhgdocnmhomnp?hl=ja ͪ͜Β΋ΧϥʔϐοΧʔɻ αΠτશମʹ࢖ΘΕ͍ͯΔ৭ΛWebpage Color AnalyzerͰղ ੳɾऔಘͰ͖Δͷ͕ಛ௃Ͱ͢ɻ
11. λϒΛ։͖͗ͯ͢ ύιίϯ͕ॏ͘ͳ͍ͬͯΔͳΒ The Great Suspender
12. The Great Suspender https://chrome.google.com/webstore/detail/the-great- suspender/klbibkeccnjlkjkiokjodocebajanakg?hl=ja Google Chromeͷ֦ுػೳɻ ࣗ෼͕ઃఆͨ࣌ؒ͠ʢ15෼ͱ͔ʣͰΞΫςΟϒʹ͞Εͳ ͔ͬͨλϒΛεϦʔϓͤͯ͘͞ΕͯϝϞϦΛઅ໿Ͱ͖Δ ͱ͍͏ਆͳػೳɻ
13. ࢀߟʹͳΔαΠτͷશମΛ εΫγϣ͍ͨ͠ͳΒ full page screen capture
14. full page screen capture https://chrome.google.com/webstore/detail/full-page- screen-capture/fdpohaocaechififmbbbbbknoalclacl Google Chromeͷ֦ுػೳɻ ࢀߟʹͳͬͨαΠτ͕ॎ௕Ͱෳ਺ճεΫγϣͯ͠ܨ͛ͯͬ ͯ͢Δͷ໘౗Ͱ͢ΑͶɻͦΜͳͱ͖ʹ͜ΕΛ࢖͑͹Ұؾ ʹશମΛεΫγϣ͢Δ͜ͱ͕Ͱ͖·͢ɻ
15. PCΞϓϦέʔγϣϯฤ
16. ը໘Λ៉ྷʹ෼ׂ͢Δͱ͖͸ Shiftit ʢMacઐ༻ʣ
17. Shiftit https://qiita.com/tozaiuser/items/82f496104aa35226a44b MacͷΞϓϦέʔγϣϯɻ MacͰෳ਺ͷը໘Λ1ͭʹग़͍ͯ͠Δͱ͖Aܕͷਓ͸ಛʹ੔ྻͤ͞ ͨ͘ͳΓ·͢ΑͶɻ ͦΕɺShiftitΛೖΕΔͱͰ͖·͢ɻ ͪͳΈʹWindows10ͷํ͸σϑΥϧτͰͰ͖·͢ɻWinΩʔ+໼ ҹͰ͢ɻ
18. ղ૾౓Λ͍͡ΔͳΒ Display Menu ʢMacઐ༻ʣ
19. Display Menu http://www.atmarkit.co.jp/ait/articles/1610/07/news023.html MacͷΞϓϦέʔγϣϯɻʢଟ෼RetinaσΟεϓϨΠͷΈରԠʣ ղ૾౓Λ্͛ΔͱීஈΑΓ΋૬ରతʹը໘͕େ͖͘ײͯ͡࡞ۀε ϖʔε͕޿͘ͳΓ·͢ɻ ※஫ҙɿ΍Γ͗͢Δͱ໨͕ѱ͘ͳΔՄೳੑ΋͋ΔͷͰ΄Ͳ΄Ͳʹɻ
20. ίϐʔΞϯυϖʔετ ͍ͬͺ͍هԱ͍ͤͨ͞ͳΒ Clipy
21. Clipy https://clipy-app.com/ PCΞϓϦέʔγϣϯɻ ίϐʔͨ͠΋ͷΛෳ਺ݸهԱ͓ͯ͘͜͠ͱ͕Ͱ ͖ΔͷͰίϐϖ͕αΫαΫɻͦͯͦ͠ͷهԱ΋ ΧςΰϦԽͰ͖Δʂ
22. αΠτͷHTML͚ͩͰͳ͘ CSS΍JSͷϑΝΠϧ·Ͱશͯ μ΢ϯϩʔυ͍ͨ͠ͱ͖͸ SiteSucker
23. Sitesucker https://hajipro.com/html-css/sitesucker MacΞϓϦέʔγϣϯɻ HTML͚ͩͰͳ͘ɼͦͷαΠτ͕FTPͰ͍͋͛ͯ ΔϑΝΠϧશͯΛநग़Ͱ͖Δɻ σʔλ͕ലେʹͳΔՄೳੑ͕͋ΔͷͰ஫ҙ΋ඞཁɻ
24. σβΠϯʹ࢖͑Δ WebαΠτฤ
25. ແྉͰࣸਅૉࡐΛ୳͢ͳΒ O-DAN
26. O-DAN http://o-dan.net/ja/ WebαΠτɻ Կ͕͍ͬͯ͢͝ɺෳ਺ͷࣸਅૉࡐαΠτΛಉ͡ϫʔυΛ࢖ͬͯݕ ࡧͯͦ͠ΕΛҰཡԽͤͯ͘͞ΕΔͱ͜ΖͰ͢ɻ ͞Βʹ೔ຊޠʹ΋ରԠ͍ͯ͠Δ༏Ε΋ͷɻ pixtabay΍unsplash,Pexels,StockSnapͳͲΛԣஅͯ͘͠Ε·͢ɻ
27. Designͱ͍͑͹ ͜ͷαΠτʂΛूΊͨ Design notes
28. Design notes https://www.designnotes.co/ WebαΠτɻ˞ӳޠͷΈ UIɼΞΠίϯɼΠϥετɼϑΥϯτɼΧϥʔɼ ϞοΫΞοϓɼϫΠϠʔϑϨʔϜͳͲʹؔͯ͠ࢀ ߟʹͳΔαΠτΛ·ͱΊͯ͘Ε͍ͯ·͢ɻ࠷ڧɻ
29. HTML5/CSS3Λ࢖͏ͱ͖ ϒϥ΢βରԠΛ֬ೝ͍ͨ͠ͳΒ can i use…
30. Can I use… https://caniuse.com/ WebαΠτɻ ͨͱ͑͹FlexboxͳͲCSS3͔Β͔͠ରԠ͍ͯ͠ ͳ͍ٕज़͸ChromeͰ͸࢖͑Δ͚ͲSafariͰ͸࢖ ͑ͳ͍ͳͲΛڭ͑ͯ͘Ε·͢ɻ
31. σβΠϯͷऩूͳΒ Pinterest
32. Pinterest https://jp.pinterest.com/ WebαΠτɻ ͝ଘ஌ͷํ΋ଟ͍ͱࢥ͏͕ɺ͍͍ͳͱࢥͬͨα Πτ΍ΠϥετͳͲͷσβΠϯΛࣗ෼ͷςʔϚ ͝ͱʹ·ͱΊΔ͜ͱ͕Ͱ͖Δɻ
33. WebσβΠϯͷΞΠσΞΛ ऩू͢ΔͳΒ 81-web & muuuuu
34. 81-web.com http://81-web.com WebαΠτɻ WebαΠτͷσβΠϯूͰɼ͓͠ΌΕͳαΠτ͕ͨ ͘͞Μܝࡌ͞Ε͍ͯΔɻ ίϯηϓτΧϥʔ͝ͱʹϑΟϧλʔΛ͔͚ΕͨΓ͢ ΔͷͰͦͷ͋ͨΓ΋ΦεεϝͰ͢ɻ
35. muuuuu.org http://muuuuu.org/ WebαΠτɻ WebαΠτͷσβΠϯूͰɼಛʹॎ௕ͷ͓͠Ό ΕͳαΠτ͕ͨ͘͞Μܝࡌ͞Ε͍ͯΔɻ ͨ͘͞ΜͷΧςΰϦͰϑΟϧλʔΛ͔͚ΒΕΔɻ
36. ଞʹ΋… I/O 3000 https://io3000.com/ Bookma! https://bookma.org/ ͳͲͳͲݴ͍ग़ͨ͠Β͖Γ͕ͳ͍͘Β͍͋Δͷ Ͱ͕͢ɼҰ୴༗໊Ͳ͜ΖΛԡ͑ͯ͞Έ·ͨ͠ɻ ͜Ε΋ࡌͤͯΑʂͬͯͷ͕͋Ε͹ڭ͑ͯͩ͘͞ ͍ɻ
37. ͲΜͳϑΥϯτ͕͍͍͔ ୳͍ͨ͠ͱ͖͸ wordmark
38. wordmark https://wordmark.it/ WebαΠτɻ ೖྗͨ͠จࣈΛ͞·͟·ͳϑΥϯτͰҰؾʹҰ ཡԽͯ͘͠ΕΔͷͰͱͬͯ΋͓͢͢Ίɻ ※೔ຊޠ͸ඍົ͔΋…
39. ਓͱ͸Ұຯҧ͏ ΠϥετΛ࢖͍͍ͨͳΒ design zone
40. design zone https://deszone.net/ ϑϦʔͷύλʔϯɾΠϥετɾΞΠίϯΛ഑෍ ͍ͯ͠ΔૉࡐαΠτͰɼதͰ΋ΞΠίϯ͸جຊ తͳςΠετ͕ἧ͍͔ͬͯͯͭ๛෋ͳςʔϚͰ ଟ਺഑෍͞Ε͍ͯ·͢ɻ΋͏ʮ͍Β͢ͱ΍ʯ࢖ͬ ͯΔ৔߹͡Όͳ͍κʂ
41. WebσβΠϯͰಛʹ ϨεϙϯγϒσβΠϯʹ ಛԽͨ͠΋ͷΛݟ͍ͨͳΒ Responsive Web Design JP
42. Responsive Web Design JP http://responsive-jp.com/ WebαΠτɻ PC൛ͱλϒϨοτ൛ɼεϚϗ൛ͰϨΠΞ΢τΛͲ͏ม ͍͑ͯΔ͔ʹ͍ͭͯΦεεϝͷσβΠϯΛ·ͱΊͯ͘Ε ͍ͯΔɻ ·ͨͦΕʹؔ͢ΔTipsʹ͍ͭͯ΋঺հͯ͘͠Ε͍ͯΔɻ
43. σβΠφʔͱΤϯδχΞͱ Ϛʔέλʔ͕Ұॹʹ੒௕͢Δ ͜ͱΛԠԉ͢ΔϝσΟΞ WPJ
44. WPJ https://www.webprofessional.jp/ WebαΠτɻ Web΍σδλϧͷྖҬͰ׆༂͍ͨ͠ਓ޲͚ʹσβΠφʔɾΤϯ δχΞɾϚʔέλʔͷࢹ఺ͷʮ͔͚ࢉʯʹΑͬͯεΩϧΞοϓ ΛԠԉ͢ΔϝσΟΞͰ͢ɻ αʔϏεΛͨͩͭ͘Δ͚ͩ͡Όͳ͘ɼ࣮ࡍʹӡ༻Λͯ͠ΑΓྑ ͍αʔϏεʹ͍ͯͨ͘͠ΊͷTips͕঺հ͞Ε͍ͯͨΓ͠·͢ɻ
45. Web੍࡞ʹؔ͢Δ͞·͟·ͳ Ϧιʔεɾπʔϧʹ͍ͭͯ
46. Web੍࡞ʹؔ͢Δ͞·͟·ͳϦιʔεɾ πʔϧΛ·ͱΊ͍ͯΔαΠτͷ·ͱΊ https://www.nxworld.net/services-resource/ useful-tools-and-resources-collection.html ɾ໾ཱͭϦϑΝϨϯε΍εχϖοταΠτ ɾ༷ʑͳίʔυΛ༰қʹग़ྗͯ͘͠ΕΔδΣωϨʔλ ɾσβΠϯ੍࡞ʹ࢖͑ΔςΫενϟɾΞΠίϯɾϑΥϯτ ͱ͍֤ͬͨछσβΠϯૉࡐͷ഑෍αΠτͳͲɺΠϯλʔωοτ্ʹ͸α Πτ੍࡞ͷखॿ͚Λͯ͘͠ΕΔαΠτ͕୔ࢁ͋Γ·͢ɻ
47. ੈքͷσβΠφʔͷ Ξ΢τϓοτ͕ݟ͍ͨͳΒ dribbble & designspiration
48. dribbble https://dribbble.com/ WebαΠτɻ ੈք184ΧࠃͷσβΠφʔ͕ར༻͓ͯ͠Γɼ׬੒࡞඼͸ ΋ͪΖΜɼ੍࡞్தͷ΋ͷΛ౤ߘ͍ͯͨ͠Γ͠·͢ɻ Ӿཡ͢Δͷ͸ແྉͳͷͰɼͥͻੈքج४ͷσβΠϯΛ ݟʹ͍͖·͠ΐ͏ɻ
49. designspiration https://www.designspiration.net/ WebαΠτɻ ༷ʑͳσβΠϯ΍ϨΠΞ΢τͷը૾ΛݟΔ͜ͱ͕Ͱ͖ɼΞΠ σΞʹ٧·ͬͨͱ͖ʹΠϯεϐϨʔγϣϯΛಘΒΕ·͢ɻ ϑϥΠϠʔ΍ΞʔτϫʔΫɼλΠϙάϥϑΟͳͲͷΑ͏ʹϑΟ ϧλΛ͔͚ͯࣗ෼͕୳͍ͨ͠σβΠϯΛݕࡧ͢Δ͜ͱ΋Ͱ͖ ·͢ɻ
50. ࣗ෼ͷWebαΠτެ։ ͢ΔͳΒ ໊͓લ.com,Netlify, Github pages
51. ໊͓લ.com https://www.onamae.com/ WebαΠτɻ ࣗ෼ઐ༻ͷυϝΠϯ(~.comͳͲ)ΛGetͰ͖ɼͦ͜ʹ ࣗ෼ͷϙʔτϑΥϦΦαΠτͳͲΛΞοϓͰ͖Δɻ ※WebαʔϏεͷ৔߹͸ผ్ϨϯλϧαʔόʔΛ֬อ ͢Δ͜ͱ͕ඞཁʹͳͬͨΓ͢Δɻ
52. Netlify https://www.netlify.com/ WebαΠτɻ ࣗ෼ͷ࡞ͬͨWebαΠτΛͪΐͬͱίϚϯυଧ ͚ͭͩͰ؆୯ʹΞοϓϩʔυ͢Δ͜ͱ͕Ͱ͖Δɻ
53. Github pages • https://pages.github.com/ • WebαΠτɻ • ࣗ෼ͷ࡞ͬͨWebαΠτΛGithubͰ؅ཧ͍ͯ͠Ε ͹Settings͔Βઃఆ͢Δ͚ͩͰެ։͞ΕΔɻ ʮϢʔβ໊.github.io/ϦϙδτϦ໊ʯͷΑ͏ͳURL ʹͳΔɻ
54. ίʔυΛॻ͔ͣʹ WebαΠτ࡞੒Λ͢ΔͳΒ STUDIO
55. STUDIO https://studio.design/ja WebαΠτɻ σβΠϯΛֶͼͳ͕ΒίʔυΛॻ͔ͣʹWebαΠτ Λ࡞Δ͜ͱ͕Ͱ͖ΔαʔϏεɻ ϨεϙϯγϒରԠ͔ΒαʔϏεެ։·ͰҰ؏ͯ͠ߦ ͏͜ͱ͕Ͱ͖Δɻ
56. σβΠϯؔ࿈ͷ࠷৽৘ใ΍ ͨΊʹͳΔTipsΛॻ͍͍ͯΔ αΠτˍϒϩά
57. ίϦε https://coliss.com/ WebαΠτɻ ϑΥϯτ΍WebσβΠϯͷٕज़ͳͲ෯޿͘঺հͯ͠ ͘Ε͍ͯΔαΠτɻ ༗ྉϑΥϯτ͕ܹ҆ʹͳ͍ͬͯΔͷΛڭ͑ͯ͘Εͨ Γ΋͠·͢ɻ
58. NxWorld https://www.nxworld.net Webϒϩάɻ CSS΍σβΠϯʹ͍ͭͯɼͪΐͬͱ͔Ώ͍ͱ͜Ζʹख͕ಧ͘Α͏ͳϒϩ άΛॻ͍ͯ͘Ε͍ͯΔͱݸਓతʹࢥ͍ͬͯΔ WordpressͳͲϒϩάͷΧελϚΠζʹ͍ͭͯ΋ྑ͘औΓ্͍͛ͯΔɻ લड़ͷʮWeb੍࡞ʹؔ͢Δ͞·͟·ͳϦιʔεɾπʔϧΛ·ͱΊ͍ͯ ΔαΠτͷ·ͱΊʯ΋͜ͷαΠτ͔Βɻ
59. Photoshop VIP http://photoshopvip.net/ WebαΠτɻ Illustrator΍PhotoshopͷνϡʔτϦΞϧ΍΢Σϒ੍ ࡞ɼσβΠϯʹ͍ͭͯͷTipsΛ·ͱΊͯ͘Ε͍ͯΔɻ ಛʹτϨϯυΛහײʹ঺հͯ͘͠Ε͍ͯΔɻ
60. UX MILK https://uxmilk.jp/ WebαΠτɻ ΑΓྑ͍WebαʔϏε΍ΞϓϦΛ࡞Γ͍ͨਓʹ޲͚ͨ ϝσΟΞɻ UXʹϢʔβମݧͱ͍͏ࢹ఺͔ΒσβΠϯʹ͍ͭͯ͞· ͟·ͳTipsΛॻ͍ͯ͘Ε͍ͯΔɻ
61. ͦͷଞ໾ʹཱͭศརπʔϧฤ
62. Google ChromeΛ 100ഒ׆༻͢ΔͨΊͷ γϣʔτΧοτΩʔ·ͱΊ
63. Chromeͷ΢Οϯυ΢ͱλϒΛαΫοͱૢ࡞ Ͱ͖ΔγϣʔτΧοτΩʔ https://wayohoo.com/google-chrome/tips/useful-shortcut-key-list.html
64. ϒϥ΢δϯάΛεʔύʔޮ཰Խ͢Δγϣʔτ ΧοτΩʔ https://wayohoo.com/google-chrome/tips/useful-shortcut-key-list.html
65. Ͱ͔͍ͬϑΝΠϧΛ ୭͔ʹૹ৴͍ͨ͠ͳΒ GIGAFILE
66. GIGAFILE https://gigafile.nu/ WebαΠτɻ ࠷େ30೔ؒ100GB·ͰΛURLͰૹ৴͢Δ͜ͱ͕Ͱ ͖·͢ɻ ύεϫʔυ΋͚ͭΒΕΔͷͰηΩϡϦςΟ໘΋҆৺ʂ
67. Macͷը໘1ຕͰ ޮ཰తʹ࡞ۀΛ͢Δ ํ๏Λ঺հ͍ͯ͠Δ هࣄ
68. macOSͰσΟεϓϨΠ1ຕͰ ࡞ۀ͢Δٕज़ https://qiita.com/saboyutaka/items/ d6cfd2a2b60f1a374d60 Ծ૝σΟεϓϨΠΛ10ݸ΄Ͳ։͍͓͖ͯɼΞϓ ϦέʔγϣϯΛͦΕͧΕͷσΟεϓϨΠʹݻ༗ ʹৼΓ෼͚Δ͜ͱʹΑͬͯޮ཰తʹҠಈ͕Ͱ͖ Δɻ
69. ϓϨθϯεϥΠυΛ େମ͍͍ײ͡ʹ͍ͨ͠ͳΒ Azusa Colors
70. Azusa Colors http://memo.sanographix.net/post/113681262780 Keynote & PowerpointͷςϯϓϨʔτɻ େମ͍͍ײ͡ʹͳΔΛίϯηϓτʹΧϥϑϧͳϑϥοτσ βΠϯͷεϥΠυΛαΫαΫ࡞Δ͜ͱ͕Ͱ͖·͢ɻ ͪͳΈʹ͜ͷεϥΠυ΋AzusaΛ࢖͍ͬͯ·͢ɻ ※ඇৗʹਓؾͳͷͰඃΓ΍͍͢
71. ࣗ෼ͷεϥΠυΛެ։͍ͨ͠ͱ͖͸ SpeakerDeck or SlideShare
72. SpeakerDeck https://speakerdeck.com/ WebαΠτɻ PDFΛΞοϓϩʔυ͢Δ͚ͩͰΦϯϥΠϯঢ়ʹεϥ ΠυΛΞοϓͰ͖·͢ɻ ࠷ۙ͸SlideShareΑΓ͕ͬͪ͜࢖ΘΕ͍ͯΔҹ৅ɻ
73. SlideShare https://www.slideshare.net/ WebαΠτɻ PDFΛΞοϓϩʔυ͢Δ͚ͩͰΦϯϥΠϯঢ়ʹεϥ ΠυΛΞοϓͰ͖·͢ɻ ※ެ։͢Δͱ͖͸ݸਓ৘ใ΍ஶ࡞ݖͳͲͷऔΓѻ͍ ʹ͸े෼஫ҙ͠Α͏ɻ
74. ಠֶͰֶ΂ΔWebܥͷ։ൃΛ ֶ΂ΔαʔϏεฤ
75. ݴΘͣͱ஌ΕͨUX࠷ڧͷ Progate
76. Progate https://prog-8.com/ WebαΠτɻ ؀ڥߏஙͷखؒΛ׬શʹল͍ͯɼWebσβΠϯ ΍WebαʔϏεɼίϚϯυϥΠϯ΍Gitʹ͍ͭͯ ·Ͱ෯޿͘ؾܰʹֶͿ͜ͱ͕Ͱ͖Δɻ
77. ಈըͰஸೡʹڭ͑ͯ͘ΕΔ υοτΠϯετʔϧ
78. υοτΠϯετʔϧ https://dotinstall.com/ WebαΠτɻ ϗʔϜϖʔδ੍࡞͔ΒσβΠϯɼWebαʔϏεɼΞϓϦ։ ൃͳͲ෯޿͍ٕज़Λ؀ڥߏங͔ΒஸೡʹಈըͰڭ͑ͯ͘Ε ·͢ɻಈըͷ࠶ੜεϐʔυ΋ௐ੔Ͱ͖Δͷ΋ϙΠϯτɻ ※঺հ͞Ε͍ͯΔ΋ͷ͕࠷৽ͷόʔδϣϯͱ͸ݶΒͳ͍ͷͰ ड͚Δͱ͖͸஫ҙ͕ඞཁɻ
79. ॳڃ͔Βதڃ·Ͱ෯޿͘Χόʔ CODEPREP
80. CODEPREP https://codeprep.jp/ WebαΠτɻ ॳڃϨϕϧ͔ΒதڃϨϕϧ(vue.js΍websocketͳͲ)ͷٕज़·ͰτϨϯ υΛ௥͍࣮ͭͭફతʹֶͿ͜ͱ͕Ͱ͖·͢ɻ ϒοΫͱ͍͏͏ܗࣜʹͳ͓ͬͯΓɼຊΛಡΈਐΊͳ͕Β΋खΛಈ͔ͤ ΔΑ͏ͳઃܭͳͷͰΘ͔Γ΍͍͢ɻ ʢ࣮͸2018೥9݄຤ͰαʔϏεऴྃͷ༧ఆ͕ͩͬͨχʔζ͕େ͖͔ͬͨ ͷͰແظݶԆ௕ఏڙͱͳͬͨɻʣ
81. ίʔσΟϯάྗΛ֬ೝ͢ΔͳΒ Paiza
82. paiza https://paiza.jp/ WebαΠτɻ PaizaͷதͷʮϥʔχϯάʯͱʮεΩϧνΣοΫʯ͕ΦεεϝͰ͢ɻ ϥʔχϯά͸ಈըͱ࿅श໰୊ʹΑͬͯޮ཰తʹֶͿ͜ͱ͕Ͱ͖·͢ɻ εΩϧνΣοΫ͸EϥϯΫ͔ΒSϥϯΫ·Ͱͷςετ͕͋ΓɼRuby΍Pythonɼ C++ɼGoͳͲ͞·͟·ͳݴޠͰ࣌ؒ಺ʹ͓୊Λ࣮૷͢Δ͜ͱ͕ٻΊΒΕ·͢ɻ ΞϧΰϦζϜܥͷςετͳͷͰڝٕϓϩάϥϛϯάͬΆ͍͜ͱʹڵຯ͕͋Δਓ ͸ͥͻ΍ͬͯΈΔͱྑ͍͔ͱࢥ͍·͢ɻ
83. ʲ൪֎ฤʳࣸਅɾΧϝϥฤ
84. ੈքதͷࣸਅ޷͖ୡ͕ू͏ 500px
85. 500px https://500px.com/ WebαΠτɻ instagramΑΓ΋ʮࣸਅ͕޷͖ʯͳਓ͕ͨͪू͏ SNSɻը࣭΋ͦ͜·Ͱམͱ͢͜ͱͳ͘౤ߘͰ͖ Δ͔ͭɼ೔ຊਓΑΓւ֎ͷਓͷར༻ऀ͕ଟ͍ɻ
86. ࿩୊ͷϑΥτάϥϑΝʔʹΑΔ ࣸਅͱΧϝϥͷWebϚΨδϯ XICOʢώʔίʣ
87. XICO https://xico.media/ WebαΠτɻ ࣸਅͷϨλονͷ࢓ํʹ͍ͭͯͷνϡʔτϦΞ ϧ΍༗ྉͷϓϦηοτΛ࢖ͬͯΈͨײ૝ͳͲࣸ ਅʹ͍ͭͯͷܹࢗΛ΋Β͏ʹ͸े෼͗͢ΔαΠ τɻ
88. ϑΥτάϥϑΝʔʹΑΔࣸਅ ίϥϜ΍࡞඼ੑͷߴ͍ϑΥτ ηοτΛ঺հͯ͘͠ΕΔ RECO
89. RECO https://reco-photo.com WebαΠτɻ ͪ͜Β΋νϡʔτϦΞϧ΋͋Γͭͭɼࣸਅ×ϙΤ ϜΈ͍ͨͳงғؾ͕͋Δɻ ٕज़͚ͩͰͳ͘૝͍Έ͍ͨͳͱ͜Ζ͕ڧ͍ɻ
90. ਵ࣌ߋ৽༧ఆͰ͍͟͝·͢ʂ