Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
僕がつくった48個のWebサービス達
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Yusuke Wada
October 25, 2024
Programming
19k
24
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
僕がつくった48個のWebサービス達
Yusuke Wada
2020-12-03
Yusuke Wada
October 25, 2024
Transcript
120 slides
͕ͭͬͨ͘ ݸͷ8FCαʔϏεୡ :VTVLF8BEB
ࣗݾհ w ా༟հ w ੜ·Ε w ਆಸݝࡏॅ w ZVTVLFCFDPN w
UXJUUFSDPNZVTVLFCF
ຊͷςʔϚ
ͷ 8FCϝσΟΞͷ࡞Γํ
None
ʙݸͷ8FCαʔϏε &SPIPP /JDPOPSBUJ ͑͘ˑͨ͢ ΠϯτϩͪΎʔͿ ࣒ʹϨϯγϯ BOQJϨϙʔτ
ਓ͍ͨΒ ΞΠσΞΛࢥ͍ͭ͘ਓਓ ΞΠσΞΛ࡞ΕΔਓਓ ΞΠσΞͰޭ͢Δਓਓ
ݸͷ΄ͱΜͲ͕έͳͯ͘ ݸ͘Β͍͕έͯ ݸ͕ࠓͰऩೖ͋ͬͯ ݸ͕Կਓ͔Λٹͬͨɻ
2 ͋ͳͨͲͷαʔϏε͕ ͖Ͱ͔͢ʁ
Ͱ શ෦հ͠·͢ɻ
8FC ΣϒਐԽ ʮΜͳձࣾʯͷ࡞Γํ 1MBHHFS ϫσΟοτ
$%5VCF PlaggerͰΤϩαΠτ͔Γ࡞͍ͬͯͯͳΜͳΜͰɺ͕ͪ͢ΌΜʹʮPlaggerͬͨͳΜ͔໘ന͍ΞΠσΞͳ͍ʁʯͱฉ͍ͨɻ ͕ͪ͢ΌΜʮΦϦίϯͷνϟʔτͱYouTubeΛϚογϡΞοϓͤͨ͞ΒɺΧϯτμϯTV͕Ͱ͖ΔΜ͡ΌͶʁʯ ͦΕPlaɻͱ͍͏Θ͚Ͱૣ࡞ͬͯΈͨɻ Ͱ͖ͨͷ͕͜Εɺ໊͚ͮͯʮCDTubeʯʹʮΧϯτμϯνϡʔϒʯɻ
$%5VCF ాେհ͞Μ $%5VCFͷ͍ํ IUUQYUDC[JOEFYQIQ *% طʹ֤ॴͰʹͳ͍ͬͯΔCDTubeʢΧϯτμϯTVͷαΠτ͔ ΒϥϯΩϯάσʔλΛҾͬு͖ͬͯͯɺͦͷָۂΛYouTubeͰࣗಈత ʹ୳ͯ͠ϖʔδʹEmbedදࣔͤ͞ΔαʔϏεʣ͚ͩͲɺϨίʔυձ ࣾͷਓ͕ؒ͜Ε͚ͩݟͨΒී௨ʮͳΜͩ͜Εʂɹதࠃؖࠃͷҧ๏ ετϦʔϛϯάαΠτΑΓͻͲ͍ஶ࡞ݖ৵ԣߦαΠτ͡Όͳ͍
͔ʂʯΈ͍ͨͳԠΛىͩ͜͢Ζ͏ɻ CDTubeԻָۀքͷਓ͕ؒࠓ࣌ͷΣϒͱ͍͏ͷ ΛͲΕ͚͖ͩͪΜͱೝ͍ࣝͯ͠Δͷ͔ɺͱ͍͏͜ͱΛ ௐΔ্ͰͱͯΑ͘Ͱ͖ͨʮϦτϚεࢼݧࢴʯͳͷ ͩͱࢥ͏ɻ
None
ωτϥϯ 5XJUUFS .BTIVQ"XBSESE
;PO5VCF AmazonΛYouTubeͱϚογϡΞοϓͤͨ͞αΠτΛ࡞ͬͯΈͨɻ໊લʮZonTubeʯ(΄ΜͱAmaTube͕Α͔͚ͬͨͲطʹ͋ͬ ͨͷͰແཧΓ͜Εʹͨ͠)ɻ͜Ε·ͨCDTubeͱಉ͘͡άϨʔ͕͔ͬͨҰͰ͕͢ެ։ͯ͠ΈΔˠZonTubeβɻ
USB8BMLFS 4traWalker4travel.jpͷཱྀߦΞϧόϜΛGoogleϚοϓ͔ΒͨͲΔ͜ͱ͕Ͱ͖ΔαΠτͰ͢ɻ Ϛοϓ্ ͷదͳॴΛΫϦοΫ͢ΔͱͦͷॴʹͪͳΜͩ4travel.jpͷΞϧόϜࣸਅ͕දࣔ͞ΕɺৄࡉݟΔ ͜ͱ͕Ͱ͖·͢ɻ
$BS5VCF ΧʔηϯαʔͱYouTubeͷϚογϡΞοϓαΠτͰ͢ɻ ΧʔηϯαʔͷΧλϩάʹొ͞Ε͍ͯΔं ʹؔ࿈͢ΔͱࢥΘΕΔYouTubeͷө૾Λ࿈ଓͯ͠࠶ੜ͠·͢ɻ ·ͨɺ࠶ੜதʹͦͷंʹؔ͢ΔϞσ ϧใதݹंใͳͲ͕දࣔ͞Ε·͢ɻ
3JNP$IBO.BLFS 1. YouTubeө૾Λݕࡧ 2. νϟϯωϧʹొ͢Δө૾ΛબΒͿ(υϥοάˍυϩοϓͰϦετʹೖΕΔ) 3. దʹฒସ͑ͨΓ͢Δ 4. νϟϯωϧΛ࡞ or
1ΫϦοΫͰϦετʹೖΕͨө૾ΛRimoͰݟΔ
/JDPOPSBUJ ໊લͰ͓Θ͔Γͷ௨ΓςΫϊϥςΟͷAPIΛ͍ͬͯͯɺ͍ͭ࠷ۙϒϩάʹϦϯΫ͕షΒΕͨχίχίಈը ΛɺͯͳϒοΫϚʔΫͷίϝϯτͳͲͱҰॹʹҰཡͰ͖ΔαΠτͰ͢ɻ ݟ͍ͯΔͱଟ͍ͱ͖ʹ2,3 ʹͻͱͭ͘Β͍ͷϖʔεͰχίχίಈըͷϦϯΫΛషͬͨΤϯτϦʔ͕શࠃͷͲ͔͜Ͱੜ·Ε͍ͯΔͷ ͕Θ͔ͬͯ໘ന͍Ͱ͢ɻ
͑͘ˑͨ͢ ͯͳελʔͰΞότϛʔͷ࣭ʹ͑Δ͜ͱ͕Ͱ͖ΔαʔϏεʮ͑͘ˑͨ͢ʯΛָ͠Έͳ͕ Β࡞ͬͯΈ·ͨ͠ɻΞότϛʔͱϓϩϑΟʔϧΛ࡞Ͱ͖ΔαʔϏεͰɺͦͷϓϩϑΟʔϧ Λ࡞Δ্ͰϢʔβʔ͕ߘ࣭ͨ͠ʹ͑Δͱ͍͏ػೳ͕͋ΔͷͰ͕͢ɺͦ͜ͰΘΕ͍ͯΔݱ ࡏ16000݅Ҏ্͋Δ࣭ʹରͯ͠ɺͯͳͷఏڙ͢ΔϒϩάͷΤϯτϦʔͳͲʹˑΛ͚ͭΔ͜ ͱ͕Ͱ͖ΔͯͳελʔͰ͑ͯ͠·͓͏ͱ͍͏ͷͰ͢ɻ
͜Εˑ΄͍͠ ʮ͜Εˑ΄͍͠ʯͱɺΣϒͰͷʮΈΜͳͷཉʯ͕ͻͱΊͰΘ͔ΔαΠτͰ͋Γ·͢ɻ ͯͳϒοΫϚʔΫ͞ΕͨΤϯτϦʔͷத͔ΒϢʔβʔ͕ʮཉ͍͠ʯͱ͔ʮങ͍͍ͨʯͳͲͱ͍ͬ ͨɺ λάίϝϯτΛ͚ͭͨͷΛϐοΫΞοϓ͠ɺΧϯτͯ͠ද͍ࣔͯ͠·͢ɻ
ࡳίϥϝʔΧʔ ࡳίϥϝʔΧʔͰɺωοτ্ͷࣸਅͷURLΛೖྗ͘͠ɺ ΩʔϫʔυͰݕࡧͨ݁͠Ռͷը૾ Λબ͢ΔͳͲͯࣸ͠ਅΛࢦఆ͠ɺ ͦͷࣸਅʹͯإ͕ݕग़͞ΕΕɺ1000ԁࡳɾ5ઍԁࡳɾ1ສ ԁࡳʹͦΕͧΕඳ͔Ε͍ͯΔ ޱӳੈɾṤޱҰ༿ɾ་٢ͳͲͷإͱऔΓସ͑Δ͜ͱͰ͖Δɺ ʮࡳίϥʯΛ؆୯ʹ࡞Δ͜ͱͰ͖ΔαʔϏεͰ͢ɻ
None
None
None
None
:"1$"TJB J1IPOF(
:PV5VCF.1 ͜͏ͨ͠എܠΛ౿·͑ɺYouTube ಈըͷ mpeg4 ϑΝΠϧʢh.264ܗࣜʣͷμϯϩʔυϦ ϯΫઌΛࣗಈతʹநग़ͯ͠ʮӈΫϦοΫˠ໊લΛ͚ͭͯϑΝΠϧอଘʯͰ؆୯ʹήοτͰ ͖ΔαʔϏεΛ࡞ͬͯΈ·ͨ͠ɻϗϫΠτσʔͰ͢ɻ
-JTU1PE ListPod ͓ؾʹೖΓͷ YouTube ͷಈը ΛϚΠϦετͱͯ͠ొͰ͖ɺ ͦΕΒΛ Podcast ͱͯ͠৴ ͢ΔαʔϏεͰ͢ɻ
OpenID ϩάΠϯʹΑΔ؆୯ͳϢʔβʔొΛ͢Ε୭ͰɺϚΠϦετΛ࡞Ͱ ͖·͢ɻ Podcast ʹΑͬͯ৴͞ΕΔಈը mpeg4 ܗࣜ h.264 ίʔσοΫ (mp4֦ுࢠ) ͷͨΊ iTunes ͪΖΜɺiPod ͳͲͷϓϨΠϠʔͰ࠶ੜ͢Δ͜ͱ͕ՄೳͰ͢ɻ
None
None
None
None
None
Ϙέͯ ͜ͷʮϘέͯʯɺ͓স͍ܥͰ͢ɻ Flickrͷࣸਅ( by attribution ) Ϣʔβ͕Ξοϓϩʔυͨࣸ͠ਅͰҰ ݴϘέΔɺ ͱ͍͏ͷ͕جຊػೳʹͳΓ·͢ɻ
·ͨɺ͜͏ͨ͠ଞͷਓͷϘέΛධՁ͢Δ͜ͱ͕Ͱ͖Δͷ Ͱɺ ࣗʹͱͬͯͷস͍ͷπϘͲ͔͜ͱ͍͏ͷ͕ͳΜͱͳ͘Θ͔ΔΈͰ͢ɻ
None
None
None
None
None
None
None
None
None
None
None
:"1$"TJB NJZBHBXBOJ[F
-BTU-ZSJDT iTunes ͳͲͰɺ·͞ʹʮࠓʯௌ͍ͯΔۂͷՎࢺ͕ΞΫηε͢Δ͚ͩͰݟΕΔͱ͍͏ɻ
7FPI.1 ϑΥʔϜʹ Veoh ͷϏσΦURLΛೖྗ͢Δͱɺ μϯϩʔυϦϯΫ͕දࣔ͞ΕΔͷͰɺͦΕΛӈΫ ϦοΫͯ͠อଘ͢ΔͳΓͯ͠ɺμϯϩʔυ͍ͯͩ͘͠͞ɻ ܗࣜ iPod ʹ࠷దԽ͞Εͨ mpeg4
ܗࣜ ʹͳ͍ͬͯ·͢ɻ ·ͨɺλΠτϧ௨ΓɺVeoh ͷϏσΦϖʔδʹͯɺҎԼͷΑ͏ʹURLʮmp4ʯΛͭ ͚Δͱࣗಈతʹ μϯϩʔυϖʔδඈͿΑ͏ʹͳ͍ͬͯ·͢ɻ
1BTU(JH ΞʔςΟετ໊ͳͲݕࡧΫΤϦʔΛ༩͑ΔͱɺۙͰ͋ͬͨաڈͷϥΠϒΠϕϯτͷใΛऔಘ͠ɺ ͦ Εͱؔ࿈ͷ͋Δ YouTube ͷಈըҰཡ͕ΈΕͯɺ ΫϦοΫ͢ΔͱͦͷͰ࠶ੜ͞ΕΔͱ͍͏ͷͰ͢ɻ ࠓேԿͱͳ͘ࢥ͍͍ͭͯɺઌ΄Ͳެ։͠·ͨ͠ɻ
!FBDPO Twitter ͰΤΞίϯͷԹઃఆΛڞ༗Ͱ͖ΔαʔϏεʮ@eaconʯΛ࡞ͬͯΈ·ͨ͠ɻ ΈΜͳͰԹΛ ڞ༗͢Δ͜ͱͰɺ͕ࣗΤΞίϯΛޮ͔ͤա͔͗Ͳ͏͔Θ͔ͬͯɺ লΤωʹߩݙͰ͖Δ͔͠Ε· ͤΜͶɻ
5FMFUUFS ͦ͜Ͱɺ࣮ݧతʹ Twitter Λͬͯ ࠓΈ͍ͯΔςϨϏ൪ΛͭͿ͍ͯɺ ࢹௌମݧΛڞ༗͢ΔαʔϏε ʮTeletter! - TwitterͰԿνϟϯΈͯΔͳ͏ʯ ͱ͍͏ͷΛ࡞ͬͯɺࡢެ։͠·ͨ͠ɻ
5XJC TwitterܥαʔϏεౖᔶͷϦϦʔεୈ4ɻ Twitter্ͰͭͿ͔ΕͨURLΛऩू͠ɺਓؾॱʹฒΔαʔ ϏεʮTwibʢπΠϒ!ʣʯ Λࡢ൩ΑΓެ։͠·ͨ͠ɻ
None
None
None
5BJM' URLΛؚΉશੈքதͷ Twitter ൃݴΛຊޠͰݶఆͯ͠ϦΞϧλΠϜʹͩΒͩΒͱදࣔ͢Δͱ͍͏ ͷɻ Unix/Linux Λ͍ͬͯΔਓϩάΛ tail -f xxx.log
͘͠ watch | tail xxx.log ͳΜͯίϚϯυͰோ ΊΔͷͱ ಉ͡Α͏ͳײ֮Ͱ Twitter ͷλΠϜϥΠϯΛݟΔ͜ͱ͕Ͱ͖Δͱݴ͑Θ͔Γ͍͔͢ʂͱ ͍͏͜ͱͰɺ ໊͚ͯʮTail-Fʯɻ
,VUUFS ͑ʔͱ͋ΔࡶࢽͰಛूهࣄΛॻ͔͍ͤͯͨͩ͘͜ͱʹͳ͍ͬͯΔ༧ఆͳͷͰ͕͢ɺ ͦͷαϯϓϧWeb ΞϓϦέʔγϣϯͱͯ͠ʮKutterʯͱ͍͏ͷΛ࡞ͬͯ·͢ɻ TwitterͰʮ৯ͨʯͱ͍͏ͭͿ͖Λऔಘ ͠ɺʮԿΛ৯͔ͨʯʹ͍ۙΩʔϫʔυΛλάͰදࣔͤ͞Δͱ͍͏ γϯϓϧͳΞϓϦέʔγϣϯͰ ͢ɻ
ॅॴݕࡧ ΩʔϫʔυͰϚονͨ͠Webϖʔδ͔ΒॅॴͬΆ͍ͷΛநग़ͯ͠දࣔ͠ɺ Ϛοϓͱ࿈ಈ͢Δͦͷ໊ ʮॅॴݕࡧʯͱ͍͏ͷΛ࡞ͬͯΈ·ͨ͠ɻ
JNBHFTFBSDIMB үࢁ͔͞ͱ࡚ᣦಸͷ࣭ͷߴ͍ࣸਅ͕ݟͨͯ͘࡞ͬͯΈ·ͨ͠ɻ Ͳ͏ͧ͝ར༻͍ͩ͘͞ɻ
5XJU'. Last.FMͱ࿈ಈ͍ͯ͠ΔiTunesͱ͔Ͱࠓௌ͍ͯΔۂΛTwitterʹͬ͛͢ʔ؆୯ʹߘ͍ͨ͠ͱࢥ͍࡞ͬͯ Έ·ͨ͠ɻ Last.FMͷϢʔβʔ໊ΛೖΕΔ͚ͩͰ͢ɻ
0OPX ͓ʂͳ͏ ϢʔβʔmixiϩάΠϯYahooͳͲʹରԠͨ͠OpenIDʹΑΔ؆୯ͳೝূͰαΠϯΠϯ͠ɺ ಗ໊Ͱ ࠓͳʹΛ͍ͯ͠Δ͔ͳͲͱ͍ͬͨͭͿ͖Λ140จࣈఔҎͰߘͰ͖Δɻ ઌߦ͢Δϛχϒϩάαʔ ϏεTwitterͱ͜ͷಗ໊ੑͰͻͱͭͷϛχϒϩάΛ࡞͍ͬͯ͘ͱ͍͏ͰࠩผԽΛܭΔͱڞʹɺ ࠓޙ ϢʔβʔͷҙݟΛऔΓೖΕվྑΛ͍ͯ͘͠༧ఆͰ͋Δɻ
ಉڃͬͨʔ
5BCFUJF TabetieͱTwitterͷͭͿ͖Ͱ࡞Δάϧϝใڞ༗αʔϏεͰ͢ɻ ͋ͳͨͷ͖ͳ͓ళɺࠓ৯ ͨϨετϥϯͳͲʹ͍ͭͯ ʮϨϏϡʔʯͱҧͬͨΑΓ͓खܰͳʮͭͿ͖ʯΛൃ৴ɺੵ͍ͯ͘͠ ͜ͱ͕Ͱ͖·͢ɻ ·ͨɺಉ͓͡ళʹ͍ͭͯͭͿ͘͜ͱͰଞͷϢʔβʔͱͷίϛϡχέʔγϣϯʹͳ Δ͔͠Ε·ͤΜɻ
BN[MZ amz.ly Λར༻ͯ͠ Amazon ͷURLΛTwitterʹϙετ͢Δ͜ͱͷԿ͕͍͍͔ͱ͍͏ͱɺ ଞͷϑΥϩʔ ϫʔʹʮ͜ΕAmazonͷURLసૹ͞ΕΔ͔Βͦͷลҙͯ͠Ͷʂʯͱ͍͏͜ͱΛࣗવͱ͑Δ͜ͱ ͕Ͱ͖Δͱ͍͏Ͱ͢ɻ ΞϑΟϦΤΠτΛΉΈʹ౿ΜͰ͠·͏͜ͱΛݏ͕Δํ͍Δͱࢥ͏ͷͰɺͦ ͏͍͏ਓʹ҆৺ײΛ༩͑Δ͜ͱ͕Ͱ͖·͢Ͷɻ
ͨͩɺamz.ly͕AmazonͷURLॖαʔϏεͩͱ͍͏͜ ͱΛଟ͘ͷํ͕ೝͯ͠ΒΘͳͯ͘ɺ૬खʹΘΒͳ͍ͱ͍͏େ͖ͳ͕͋Γ·͢^^;
WJMZ ͦ͜ͰɺTwitterͰ͍ΖΜͳํʑͷҙݟΛฉ͍ͯʮͳΜͱͳ͘ඈͿઌͷυϝΠϯ໊͕Θ͔ΔʯURLॖ αʔϏεʮvi.lyʯͷϕʔλ൛Λ࡞ͬͯΈͯઌ΄Ͳެ։͠·ͨ͠ɻ
5XJU+VLF TwitJukeͰɺTwitterΞΧϯτʮtwitjukeʯѼͷͭͿ͖ͷத͔ΒYouTubeͷURLΛղੳͯ͠ɺ ରͷಈ ըΛϦΫΤετͱͯ͠ड͚औΓ·͢ɻ ͭ·Γɺ͋ͳ͕ͨͱ͋ΔಈըΛTwitJukeͰ͔͚͍ͨʂͱࢥͬͨΒ @twitjuke ͜Ε͓ؾʹೖΓʂ http://www.youtube.com/watch?v=xxxxΈ͍ͨʹYouTubeͷಈըͷURLೖΓͰ πΠʔτͯ͠Έ͍ͯͩ͘͞ɻ
OPXQMZ owp.lyͰɺੈքશࠃͷTwitterͰʮ#nowplayingʯͱ͍ͬͨϋογϡλάͷ͍ͭͨͭͿ͖Λऩू͠ɺ ʮۂʯ ͱͯ͠ղੳɺ΄΅ϦΞϧλΠϜʹҰཡͰ͖·͢ɻ ·ͨɺۂ໊ΛΫϦοΫ͢Δͱ YouTube ϓϨʔϠʔ ͕ىಈ ͯͦ͠ͷͰۂʹؔ࿈͢Δಈը͕ྲྀΕ·͢ɻ ඇৗʹγϯϓϧͳΠϯλʔϑΣʔεʹͳ͍ͬͯ·͕͢ɺࠓ
Twitter্Ͱϗοτ͕Իָ͕Θ͔Δͱࢥ͍·͢ɻ
ϑΣΠεϒοΫ
ΠϯτϩͪΎʔͿ ΈΜͳͰ࡞ΔYouTubeಈըհαΠτʮΠϯτϩͪΎʔͿʯΛެ։͠·͢ɻ ΦϞγϩಈըɺͪΐʔ༊͞Ε Δಈըɺײಈ͢Δಈը... ͋ͳͨͷͱ͓͖ͬͯͷYouTubeಈըΛ ੋඇΠϯτϩͪΎʔͿͰհͯ͠Έͯͩ͘ ͍͞ɻ
)BUFCV1BQFS ͯͳϒοΫϚʔΫΛ৽ฉ෩ʹදࣔ͠ɺӾཡͰ͖ΔHatebuPaperͳΔͷΛ࡞ͬͯΈ·ͨ͠ɻ ࠓͷޕલ1 ࣌ʹ࡞Γग़ͯ͠ɺ7࣌ʹެ։ͨ͠ͷͰຯ6࣌ؒͰͰ͢ɻ
χϡʔπ Google Ajax Search API ͷ News ͬͯͭΛࢼ͔ͨͬͨ͠ͷͰɺ Έ߹ΘͤతʹπΠολʔͱΈ߹Θͤ ͯΈ·ͨ͠ɻ
πΠʔτͱڞʹχϡʔε͕ݟΕͯɺ πΠολʔͰͷχϡʔε͕τοϓϖʔδʹฒͿͦͷ໊ ʮχϡʔπ!ʯͰ͢ɻ
5VNCMS1IPUP4USFBN FriendFeedͰΩʔϫʔυݕࡧͯͩ͠ΒͩΒΤϯτϦ͕ྲྀΕͯ͘ΔͷΈΔͷָ͍ͬͯ͠Ͱ͢ΑͶɻ Ͱɺ Tumblrͷը૾ͩͬͨΒͰ͔ͬ͘ݟ͍ͨʂ ͱ͍͏͔Tumblrͷը૾͚ͩݟ͍ͨʂ ͱ͍͏͜ͱͰɺFriendFeedͷ RealTime APIΛࢼ͍ͭ͢Ͱʹɺ JSΦϯϦʔͰͦΜͳͷ࡞ͬͯΈͨΑɻ
5XJU1JD4USFBN KB ͖ͬ͞TumblrͷࣸਅΛͩΒݟͰ͖Δͷ࡞ͬͨͷͰɺ ࠓTwitPicʢͨͩ͠ຊਓ͕͏pͨ͠ͷʹݶΔʣ ͰͬͯΈ·ͨ͠ɻ ͪ͜ΒJSΦϯϦʔͰɺTwitterͷΦϑΟγϟϧͷAPIΛͬͯ·͢ɻ jQueryͷtooltip pluginར༻͍ͯ͠·͕͢ɺJSͷ෦͜Ε͚ͩͰͰ͖ͪΌ͍·͓͢ɻ
5VCFUUFS Twitter্Ͱଟͭ͘Ϳ͔Ε͍ͯΔYouTubeಈը͕ͺͬͱΘ͔ͬͯɺ͙͢ݟΕͯɺ ͞ΒʹTwitter OAuthϩά ΠϯΛ͢Εө૾Λݟͳ͕ΒͦΕʹ͍ͭͯπΠʔτͰ͖ͪΌ͏ͱ͍͏ ʮTubetter - πϕολʔʯͱ͍͏αΠ τΛ࡞ͬͯΈ·ͨ͠ɻ
Ի୳͠ ҰԠۄͱͯ͠ ʮTwitterϩάΠϯ(OAuthͱ͍͏Έ)͢Δͱɺ͕ࣗϑΥϩʔ͍ͯ͠ΔҰ෦ͷਓ͕େ ͖ͳ ΞʔςΟετ͕Θ͔ͬͪΌ͏͔ʂʯͱ͍͏αʔϏεʹͳΓ·ͨ͠ɻ ໊લʮԻ୳͠ʯͰ͢ɻ
5BH#JUP TagBito(λάਓ)TwitterͰάϧʔϓΛ࡞Εͯɺؾʹೖͬͨάϧʔϓ͕͋ͬͨΒjoin͢Δ͜ͱ͕Ͱ͖ΔαʔϏ εͰ͢ɻάϧʔϓͷϋογϡλάΛઃఆͰ͖ɺͦͷλά͖ͷπΠʔτΛ͢Εͦͷάϧʔϓͷϖʔδʹද ࣔ͞Ε·͢ɻ·ͩϕʔλஈ֊Ͱ͕͢ɺಉ͡झຯάϧʔϓͷTwitterؒΛ୳ͨ͠ΓͰ͖Δ͔Ͷʂ
ϗςϧͷۭࣨݕࡧ ͯ͞ɺͦͷ༧ߦ࿅शΈ͍ͨͳ۩߹Ͱɺ ϚογϡΞοϓ͔ͯͭ͠ɺศརͳϥΠϒϥϦΛ׆༻ͯ͠ʮϗςϧͷ ۭࣨݕࡧʯ αΠτΛ࡞ͬͯΈ·ͨ͠ɻ ݅Λࢦఆ͢Ειʔτॱʹָఱτϥϕϧͱ͡ΌΒΜͷϗςϧͷۭ ͖͕ࣨදࣔ͞ΕΔ͍ͬ͢͝γϯϓϧͳͰ͢ɻ
࣒ʹϨϯγϯ ͱ͍͏͜ͱͰϨϯγϯΛ࢝Ίͱ͢Δ࣒ͷༀ·ͱΊαΠτ࡞ͬͪΌ͍·ͨ͠ʂ Ͳ͏ͧɺ࣒ͷํ͝ར༻͘ ͍ͩ͞ɻ
3JTVUP RisutoYouTubeͷಈըͷϓϨΠϦετΛࣗͰ࡞Εͯɺ༑ୡͱ͔ͱڞ༗͢ΔαʔϏεͰ͢ɻ Facebook্Ͱಈ࡞͠ɺೝূΛߦ͏ͱࣗͰϦετΛ࡞Δ͜ͱ͕Ͱ͖·͢ɻ ྫ͑ʮPerfumeʯͷಈըूΛ ࡞Γ͚ͨΕɺʮPerfumeʯͱ͍͏ΩʔϫʔυͰಈըΛݕࡧ͠ɺ ʮPerfumeʯͱ͍͏໊લͷϦετΛ࡞Γɺ ͲΜͲΜಈըΛՃ͍͖ͯ͠·͢ɻ
-JTU5VCF ౦ຊେࡂ BOQJϨϙʔτ
BOQJϨϙʔτ ݄
None
None
None
None
None
None
None
None
None
None
None
*OTUB4USFBN InstagramͷλΠϜϥΠϯΛͩΒݟ͢Δ (ͨͩͦ͜͠ʹग़ͯ͘ΔࣸਅTwitterʹؔ࿈͚ͮΒΕͨͷͷΈʂ) ͱ͍͏αΠτΛ3࣌ؒ͘Β͍Ͱͬ͘͞ͱ࡞ͬͯΈ·ͨ͠ɻ ໊લʮInstaStreamʯͰ͢ɻ
1JDTU ͦ͜ͰɺͱΓ͋͑ͣTwitpicɺFlickrɺinstagramͱ͍͏3ͭͷαʔϏεͷݸผΤϯτϦʔهࣄ(ͭ·Γࣸਅ͕ࡌͬ ͯΔϖʔδ)ΛɺTwitter API͔Βղੳͯ͠ɺਓؾͷࣸਅΛग़͢ͱ͍͏αʔϏεΛ࡞ͬͯΈ·ͨ͠ɻ ໊લ ʮPicstʯɺಡΈʮϐΫετʯɺURLʮhttp://pic.st/ʯͰ͢ɻ
4IBSFE ࠓ͔Β22࣌ؒલɻ;ͱؾʹͳͬͨΞΠσΞ͕͋ͬͯFacebookʹ͜͏ॻ͖·ͨ͠ɻ FacebookͰ࠷ۙlikeͱshare͞ΕͨϦϯΫͷϥϯΩϯάϖʔδ͕͋ͬͨΒศར͔ͳʂ
ʮΏʔ͚͢ʔϥδΦʯ :"1$"TJBϕεττʔΫ ʮ8FCαʔϏεͷͭ͘Γํʯ ϘέͯJ1IPOF൛ J1IPOF
3FCVJME ʮ1FSMʹ͍ͭͯޠΖ͏ʯ
.FMPEJF ໌͔Β9ؒUSཱྀʹग़ΔͷͰͦͷ४උΛͯͨ͠Βɺ͍ͭͷؒʹ͔શؔ͘ͳ͍JavaScriptΛॻ͍͍ͯͯ ݁Ռతʹ͜Μͳͷ͕ग़དྷͨ... YouTubeͷ࠶ੜϦετΛݕࡧͯ͠બͿͱ࿈ଓ࠶ੜͰಈըΛݟΕΔWebϖʔδ ʮ Melodie ʯͰ͢ɻ
'.5VCF ݁Ռతʹ FMTube ͍ͬͯ͏ʮνϣʔ؆୯ʹ͑ΔYouTubeϛϡʔδοΫϓϨΠϠʔʯ͕ͨ͠ͷͰ͋ͬ ͨɻޙड़͢Δ͕ࣅͨΑ͏ͳϞϊΛ͍͔ͭ͘ϦϦʔε͍ͯ͠ΔͷͰ͕͢ॳݟͷਓʹͱͬͯ ࡞ۀ༻BGM ͱ͔ ʹ͔ͳΓḿΔαΠτͳͷͰͬͯΈ͍ͯͩ͘͞ʂಛʹ Mr.Children Ͱݕࡧͨ݁͠Ռ
͕͍͍ҙຯͰϠό͍͆
ʮ8FCΞϓϦΤϯδχΞཆಡຊʯ "QQSFWFBMVQ J1IPOF
🥺
XBEBGN :"1$&6
4MJEFDL GitHubͷϨϙδτϦʹɺͱ͋Δ؆୯ͳϑΥʔϚοτʹैͬͨMarkdownͷςΩετϑΝΠϧΛஔ͍ͱ͘ͱɺ SlideckͷػೳΛͬͯΦϯϥΠϯͰΫʔϧͳεϥΠυγϣʔ͕දࣔग़དྷ·͢ɻ ϧʔϧʹैͬͨURLͰΞΫ ηεग़དྷΔͷͰϒϥβͰ։͘͜ͱͪΖΜɺγΣΞ͢Δ͜ͱՄೳͰ͢ɻ օ͞ΜͬͯԼ͍͞Ͷɻ
🥺
🥺
🥺
🥺
🥺
2 ͋ͳͨͲͷαʔϏε͕ ͖Ͱ͔͢ʁ
·ͱΊ
ͨ͘͞Μͭ͘Γ·ͨ͠
͋Γ͕ͱ͏͍͟͝·ͨ͠
More Decks by Yusuke Wada
See All by Yusuke Wada
Honoでのサプライチェーン侵害対策 〜 3つのライブラリに学ぶ
yusukebe
8
2.8k
Webフレームワークの ベンチマークについて
yusukebe
1
350
AI時代のUIはどこへ行く?その2!
yusukebe
22
9k
Dynamic Workersについて
yusukebe
2
850
飯MCP
yusukebe
0
810
へんな働き方
yusukebe
6
3.2k
Cap'n Webについて
yusukebe
0
460
OSS開発者の憂鬱
yusukebe
19
37k
r2-image-worker
yusukebe
1
340
Other Decks in Programming
See All in Programming
社内AIエージェント「Askワンバン」における コストチューニングの取り組み
t0yohei
0
170
Claude Code ハーネスDeep Dive – 君はどこまで制御する? -
takateeen_knj
6
5.4k
SODA - FACT BOOK(JP)
sodainc
1
40k
プロジェクトコードをキレイキレイしよう!暗黙的な参照を読み解く静的解析
ostk0069
0
210
protojson における文字化けの扱い
kazuki1023
0
360
AI時代のFlutter品質設計 — アプリ品質を守るQuality Layers
omatty198
0
370
AI時代のTerminal環境を UNIX哲学で設計・運用する
yasunori0418
1
350
AI Augmentation Techniques with Liberty
ivargrimstad
1
450
Spec-Driven Development - Why Vaadin Is the Perfect Fit
simas
PRO
0
240
Vue.jsで作る空間解析アプリとCapacitorプラグインのData Bridge
hal_spidernight
1
170
baseline으로 마이그레이션, 리팩토링 안전하게 맡기기
fornewid
1
970
GraphQL の onError と Nullability のこれから
quramy
0
210
Featured
See All Featured
Accessibility Awareness
sabderemane
1
300
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.7k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
250
1.3M
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.7k
Skip the Path - Find Your Career Trail
mkilby
1
290
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
350
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.9k
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
320
Statistics for Hackers
jakevdp
799
230k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
18k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8.4k
KATA
mclloyd
PRO
35
16k