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.6k
Honoのおもしろいミドルウェアをみてみよう
yusukebe
1
250
MCP with Cloudflare Workers
yusukebe
2
330
Remix on Hono on Cloudflare Workers
yusukebe
3
580
Honoの来た道とこれから
yusukebe
20
5.1k
JS RPCを理解する
yusukebe
5
800
Honoとhtmx
yusukebe
6
1.9k
Cloudflare Workersの環境を再現することについて
yusukebe
7
1.1k
Hono v4
yusukebe
11
5.2k
Other Decks in Programming
See All in Programming
dbt Pythonモデルで実現するSnowflake活用術
trsnium
0
280
Djangoにおける複数ユーザー種別認証の設計アプローチ@DjangoCongress JP 2025
delhi09
PRO
4
520
Ça bouge du côté des animations CSS !
goetter
2
170
Boos Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
800
Datadog DBMでなにができる? JDDUG Meetup#7
nealle
0
160
Jakarta EE meets AI
ivargrimstad
0
840
AIレビュー導入によるCIツールとの共存と最適化
kamo26sima
1
1.2k
Devin入門 〜月500ドルから始まるAIチームメイトとの開発生活〜 / Introduction Devin 〜Development With AI Teammates〜
rkaga
3
1.4k
AIプログラミング雑キャッチアップ
yuheinakasaka
21
5.4k
Introduction to C Extensions
sylph01
3
130
データベースのオペレーターであるCloudNativePGがStatefulSetを使わない理由に迫る
nnaka2992
0
250
Your Architecture as a Crime Scene:Forensic Analysis @bastacon 2025 in Frankfurt
manfredsteyer
PRO
0
130
Featured
See All Featured
Speed Design
sergeychernyshev
28
820
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
GitHub's CSS Performance
jonrohan
1030
460k
Being A Developer After 40
akosma
89
590k
What's in a price? How to price your products and services
michaelherold
244
12k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
1.1k
A Tale of Four Properties
chriscoyier
158
23k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
30
4.6k
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 ͋ͳͨͲͷαʔϏε͕ ͖Ͱ͔͢ʁ
·ͱΊ
ͨ͘͞Μͭ͘Γ·ͨ͠
͋Γ͕ͱ͏͍͟͝·ͨ͠