Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
僕がつくった48個のWebサービス達
Search
Yusuke Wada
October 25, 2024
Programming
21
18k
僕がつくった48個のWebサービス達
Yusuke Wada
2020-12-03
Yusuke Wada
October 25, 2024
Tweet
Share
More Decks by Yusuke Wada
See All by Yusuke Wada
Honoをフロントエンドで使う 3つのやり方
yusukebe
7
3.2k
Honoのおもしろいミドルウェアをみてみよう
yusukebe
1
210
MCP with Cloudflare Workers
yusukebe
2
330
Remix on Hono on Cloudflare Workers
yusukebe
3
540
Honoの来た道とこれから
yusukebe
20
5.1k
JS RPCを理解する
yusukebe
5
780
Honoとhtmx
yusukebe
6
1.9k
Cloudflare Workersの環境を再現することについて
yusukebe
7
1k
Hono v4
yusukebe
11
5.2k
Other Decks in Programming
See All in Programming
さいきょうのレイヤードアーキテクチャについて考えてみた
yahiru
3
750
チームリードになって変わったこと
isaka1022
0
200
CI改善もDatadogとともに
taumu
0
110
XStateを用いた堅牢なReact Components設計~複雑なClient Stateをシンプルに~ @React Tokyo ミートアップ #2
kfurusho
1
900
自分ひとりから始められる生産性向上の取り組み #でぃーぷらすオオサカ
irof
8
2.8k
Grafana Cloudとソラカメ
devoc
0
170
『テスト書いた方が開発が早いじゃん』を解き明かす #phpcon_nagoya
o0h
PRO
2
170
Bedrock Agentsレスポンス解析によるAgentのOps
licux
3
840
密集、ドキュメントのコロケーション with AWS Lambda
satoshi256kbyte
0
190
法律の脱レガシーに学ぶフロントエンド刷新
oguemon
5
740
Pulsar2 を雰囲気で使ってみよう
anoken
0
240
ファインディの テックブログ爆誕までの軌跡
starfish719
2
1.1k
Featured
See All Featured
Bootstrapping a Software Product
garrettdimon
PRO
306
110k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.1k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Thoughts on Productivity
jonyablonski
69
4.5k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
Speed Design
sergeychernyshev
27
790
A designer walks into a library…
pauljervisheath
205
24k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.3k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
The Invisible Side of Design
smashingmag
299
50k
Transcript
͕ͭͬͨ͘ ݸͷ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 ͋ͳͨͲͷαʔϏε͕ ͖Ͱ͔͢ʁ
·ͱΊ
ͨ͘͞Μͭ͘Γ·ͨ͠
͋Γ͕ͱ͏͍͟͝·ͨ͠