Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Web系便利Tips集

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for yosksksk yosksksk
November 25, 2018
Design
66
0

 Web系便利Tips集

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

Avatar for yosksksk

yosksksk

November 25, 2018

Other Decks in Design

See All in Design
デザインツールを開く前に その画面は誰に何と言わせたい？受託UIデザイナーが顧客解像度を高める 「打ち合わせの場での確かめ方」
Avatar for @Garyuten garyuten
1
280
コールセンターのオペレーターに6時間だけなってみた
Avatar for Hiroki Hosaka h0sa
0
180
泥臭く語るUIデザイン会｜ホワイトボードチャレンジ【RAMEN TECH 2026】
Avatar for @Garyuten garyuten
1
190
図書館書架のオンライン閲覧サービス 「honbaco library」の開発 Code4Lib JAPAN カンファレンス 2026
Avatar for SUGIMOTO Tatsuo sugi2000
0
120
自社プロダクトのUIをAIが再現するデザインビルドシステム
Avatar for toy toy1618
0
1.3k
東京都市大学 都市生活学部×一般社団法人オープン企画イベント　「誰もがデザイナーである」とはどういうことか？ 【エツィオ・マンズィーニ氏 特別来日・基調講演】
Avatar for Kimura Atsunobu a2k
1
150
Findy - デザインチーム紹介 / Findy Design Team Culture Deck
Avatar for Findy findyinc
14
150k
ポートフォリオ_あやの
Avatar for ayano ngyenmazt1412
0
2k
The decksh tutorial
Avatar for Anthony Starks ajstarks
1
100
このスロップ時代に良きデザインをつくるには？ / good-design-in-the-slop-era
Avatar for こぎそ / Shinichi Kogiso kgsi
1
1.1k
デザイン組織の"次の"強みづくり
Avatar for 井斉花織（いおり） isaikaori
2
320
Starfall (2025)
Avatar for Rachel Poon rezaline
0
170

Featured

See All Featured
BBQ
Avatar for Matthew Crist matthewcrist
90
10k
Music & Morning Musume
Avatar for Bryan Veloso bryan
48
7.4k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.9k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.5k
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.3k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
52k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
2
1.6k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
8.1k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
430
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
184
10k
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
520

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. ਵ࣌ߋ৽༧ఆͰ͍͟͝·͢ʂ