1. Nuuk Jam
Gunma.web #12
2013.02.09
@ivoryworks

2. Profile
@Ivoryworks
● 会社員

3. Nuuk Jam
Nuuk(ヌーク)とは、
世界最大の島グリーンランドの首都です。
Jam(ジャム)は、
あのジャム。いちごジャムとか。あまい。
とりあえずデモ行ってみよう。

4. しってる？
http://goo.gl/

5. Google URL Shortener
http://goo.gl/
http://nuukjam.ivoryworks.com/
http://goo.gl/HxraR

6. トップレベルドメイン .gl
Greenland
http://goo.gl/

7. URL短縮サービスのおさらい

8. 保存するデータをURLとして扱う
Welcome! URL Encode
Nuuk Jam
Welcome!%0ANuuk%20Jam
http://nuukjam.ivoryworks.com/Welcome!%0ANuuk%20Jam
http://goo.gl/BTdA4
BTdA4

9. ここから本編
demo.

10. Data URI Scheme（さっきのいちご）
data:image/jpeg;base64,
/9j/4AAQSkZJRgABAQAAAQ
ABAAD//gA7Q1JFQV・・・
・・・4000文字くらい

11. makeJam()

12. URI Data
data:image/jpeg;base64,
/9j/4AAQSkZJRgABAQAAAQABAAD//gA7
Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c
2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR
5ID0gOTAK/9sAQwADAgIDAgIDAwMDBA
MDBAUIBQUEBAUKBwcGCAwKDAwLCgs
LDQ4SEA0OEQ4LCxAWEBETFBUVFQwP
FxgWFBgSFBUU/9sAQwEDBAQFBAUJBQ
UJFA0LDRQUFBQUFBQUFBQUFBQUFBQ
UFBQUFBQUFBQUFBQUFBQUFBQUFBQ
UFBQUFBQUFBQUFBQU/8AAEQgBQAHh
AwEiAAIRAQMRAf/EAB8AAAEFAQEBAQ
EBAAAAAAAAAAABAgMEBQYHCAkKC//
EALUQAAIBAwMCBAMFBQQEAAABfQEC
AwAEEQUSITFBBhNRYQcicRQygZGhCCN
CscEVUtHwJDNicoIJChYXGBkaJSYnKCkq
NDU2Nzg5OkNERUZHSElKU1RVVldYWVpj
ZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5
SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw
8TFxsfIycrS09TV1tfY2・・・・・・・・・・・・・・・・・・・
・・・・・・・・・・・・・

13. URL Encode
data%3Aimage%2Fjpeg%3Bbase64%2C%2F9j% data:image/jpeg;base64,
2F4AAQSkZJRgABAQAAAQABAAD%2F% /9j/4AAQSkZJRgABAQAAAQABAAD//gA7
2FgA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZy Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c
BJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK% 2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR
2F9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKB 5ID0gOTAK/9sAQwADAgIDAgIDAwMDBA
wcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFB MDBAUIBQUEBAUKBwcGCAwKDAwLCgs
UVFQwPFxgWFBgSFBUU% LDQ4SEA0OEQ4LCxAWEBETFBUVFQwP
2F9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQU FxgWFBgSFBUU/9sAQwEDBAQFBAUJBQ
FBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU UJFA0LDRQUFBQUFBQUFBQUFBQUFBQ
FBQUFBQUFBQUFBQUFBQU% UFBQUFBQUFBQUFBQUFBQUFBQUFBQ
2F8AAEQgBQAHhAwEiAAIRAQMRAf% UFBQUFBQUFBQUFBQU/8AAEQgBQAHh
2FEAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEB AwEiAAIRAQMRAf/EAB8AAAEFAQEBAQ
QYHCAkKC%2F% EBAAAAAAAAAAABAgMEBQYHCAkKC//
2FEALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQ EALUQAAIBAwMCBAMFBQQEAAABfQEC
USITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoI AwAEEQUSITFBBhNRYQcicRQygZGhCCN
JChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1 CscEVUtHwJDNicoIJChYXGBkaJSYnKCkq
RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk NDU2Nzg5OkNERUZHSElKU1RVVldYWVpj
5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycr ZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5
S09TV1tfY2drh4uPk5ebn6Onq8fLz9P・・・・・・・・・・・・・・・ SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 8TFxsfIycrS09TV1tfY2・・・・・・・・・・・・・・・・・・・
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ ・・・・・・・・・・・・・

14. 分割してURLとする
http://nuukjam.ivoryworks.com/img/
http://nuukjam.ivoryworks.com/data%3Aimage%2Fjpeg%3Bbase64%2C%2F9j・・・
http://nuukjam.ivoryworks.com/img/j6tNe7Noz4PAFnqU6s0k8KHGUifAr03・・・
http://nuukjam.ivoryworks.com/img/tJ2pDG0obNLTcUgFBoIz0pvSgGi4C0m・・・
http://nuukjam.ivoryworks.com/img/2B9KTTfalpiFzQT1pKKAsKTmgCgUCmhC・・・
http://nuukjam.ivoryworks.com/img/DG0obNLTcUgFC・・・・
http://nuukjam.ivoryworks.com/img/・・・・・
：
：
：
：
URL41本

15. URL短縮
http://goo.gl/SBJd1 http://goo.gl/i7Fxh http://goo.gl/fp2jK
http://goo.gl/eKIAq http://goo.gl/rkm5g http://goo.gl/JMiE8
http://goo.gl/n02GG http://goo.gl/cNWpb http://goo.gl/l9Fxr
http://goo.gl/fWERG http://goo.gl/HKHv6 http://goo.gl/NqqFY
http://goo.gl/yh49y http://goo.gl/IU29N http://goo.gl/JFTZK
http://goo.gl/NXYjc http://goo.gl/89qb2 http://goo.gl/uPrGR
http://goo.gl/0h1Nl http://goo.gl/dKp9u http://goo.gl/vPpl0
http://goo.gl/kWS3z http://goo.gl/ryos6
http://goo.gl/ZVna5 http://goo.gl/kLD1q
http://goo.gl/WLQy8 http://goo.gl/wdoFc
http://goo.gl/s2n58 http://goo.gl/rceJo
http://goo.gl/f47pc http://goo.gl/5hq4d
http://goo.gl/vfnSb http://goo.gl/HGQ9M
http://goo.gl/1yQOO
http://goo.gl/BzjCJ
http://goo.gl/FjtpE
http://goo.gl/hGomX 短縮URLが
http://goo.gl/FsGHo http://goo.gl/KeBDj
http://goo.gl/VBzIB http://goo.gl/hR3ez 41本できる

16. つなげる
http://nuukjam.ivoryworks.
com/SBJd1/eKIAq/n02GG/fWERG/yh49y/NXYjc/0h1Nl/k
WS3z/ZVna5/WLQy8/s2n58/f47pc/vfnSb/1yQOO/BzjCJ/F
sGHo/VBzIB/i7Fxh/rkm5g/cNWpb/HKHv6/IU29N/89qb2/
dKp9u/ryos6/kLD1q/wdoFc/rceJo/5hq4d/HGQ9M/FjtpE/
hGomX/KeBDj/hR3ez/fp2jK/JMiE8/l9Fxr/NqqFY/JFTZK/
uPrGR/vPpl0
更にURL短縮する

17. URL短縮
http://goo.gl/GflFS
GflFS
ジャム【jam】詰め込む、押し込む

18. eatJam()
http://nuukjam.ivoryworks.
com/SBJd1/eKIAq/n02GG/fWERG/yh49y/NXYjc/0h1Nl/k
WS3z/ZVna5/WLQy8/s2n58/f47pc/vfnSb/1yQOO/BzjCJ/F
sGHo/VBzIB/i7Fxh/rkm5g/cNWpb/HKHv6/IU29N/89qb2/
dKp9u/ryos6/kLD1q/wdoFc/rceJo/5hq4d/HGQ9M/FjtpE/
hGomX/KeBDj/hR3ez/fp2jK/JMiE8/l9Fxr/NqqFY/JFTZK/
uPrGR/vPpl0
短縮URLを元に戻す

19. URL短縮を41本
http://goo.gl/SBJd1 http://goo.gl/i7Fxh http://goo.gl/fp2jK
http://goo.gl/eKIAq http://goo.gl/rkm5g http://goo.gl/JMiE8
http://goo.gl/n02GG http://goo.gl/cNWpb http://goo.gl/l9Fxr
http://goo.gl/fWERG http://goo.gl/HKHv6 http://goo.gl/NqqFY
http://goo.gl/yh49y http://goo.gl/IU29N http://goo.gl/JFTZK
http://goo.gl/NXYjc http://goo.gl/89qb2 http://goo.gl/uPrGR
http://goo.gl/0h1Nl http://goo.gl/dKp9u http://goo.gl/vPpl0
http://goo.gl/kWS3z http://goo.gl/ryos6
http://goo.gl/ZVna5 http://goo.gl/kLD1q
http://goo.gl/WLQy8 http://goo.gl/wdoFc
http://goo.gl/s2n58 http://goo.gl/rceJo
http://goo.gl/f47pc http://goo.gl/5hq4d
http://goo.gl/vfnSb http://goo.gl/HGQ9M
http://goo.gl/1yQOO http://goo.gl/FjtpE
http://goo.gl/BzjCJ http://goo.gl/hGomX
http://goo.gl/FsGHo http://goo.gl/KeBDj
http://goo.gl/VBzIB http://goo.gl/hR3ez

20. それぞれ元に戻す
http://nuukjam.ivoryworks.com/data%3Aimage%2Fjpeg%3Bbase64%2C%2F9j・・・
http://nuukjam.ivoryworks.com/img/j6tNe7Noz4PAFnqU6s0k8KHGUifAr03・・・
http://nuukjam.ivoryworks.com/img/tJ2pDG0obNLTcUgFBoIz0pvSgGi4C0m・・・
http://nuukjam.ivoryworks.com/img/2B9KTTfalpiFzQT1pKKAsKTmgCgUCmhC・・・
http://nuukjam.ivoryworks.com/img/DG0obNLTcUgFC・・・・
http://nuukjam.ivoryworks.com/img/・・・・・
：
：
：
：
URL41本

21. URL Decode
data%3Aimage%2Fjpeg%3Bbase64%2C%2F9j% data:image/jpeg;base64,
2F4AAQSkZJRgABAQAAAQABAAD%2F% /9j/4AAQSkZJRgABAQAAAQABAAD//gA7
2FgA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZy Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c
BJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK% 2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR
2F9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKB 5ID0gOTAK/9sAQwADAgIDAgIDAwMDBA
wcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFB MDBAUIBQUEBAUKBwcGCAwKDAwLCgs
UVFQwPFxgWFBgSFBUU% LDQ4SEA0OEQ4LCxAWEBETFBUVFQwP
2F9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQU FxgWFBgSFBUU/9sAQwEDBAQFBAUJBQ
FBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU UJFA0LDRQUFBQUFBQUFBQUFBQUFBQ
FBQUFBQUFBQUFBQUFBQU% UFBQUFBQUFBQUFBQUFBQUFBQUFBQ
2F8AAEQgBQAHhAwEiAAIRAQMRAf% UFBQUFBQUFBQUFBQU/8AAEQgBQAHh
2FEAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEB AwEiAAIRAQMRAf/EAB8AAAEFAQEBAQ
QYHCAkKC%2F% EBAAAAAAAAAAABAgMEBQYHCAkKC//
2FEALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQ EALUQAAIBAwMCBAMFBQQEAAABfQEC
USITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoI AwAEEQUSITFBBhNRYQcicRQygZGhCCN
JChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1 CscEVUtHwJDNicoIJChYXGBkaJSYnKCkq
RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk NDU2Nzg5OkNERUZHSElKU1RVVldYWVpj
5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycr ZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5
S09TV1tfY2drh4uPk5ebn6Onq8fLz9P・・・・・・・・・・・・・・・ SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 8TFxsfIycrS09TV1tfY2・・・・・・・・・・・・・・・・・・・
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ ・・・・・・・・・・・・・

22. URI Data
data:image/jpeg;base64,
/9j/4AAQSkZJRgABAQAAAQABAAD//gA7
Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c
2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR
5ID0gOTAK/9sAQwADAgIDAgIDAwMDBA
MDBAUIBQUEBAUKBwcGCAwKDAwLCgs
LDQ4SEA0OEQ4LCxAWEBETFBUVFQwP
FxgWFBgSFBUU/9sAQwEDBAQFBAUJBQ
UJFA0LDRQUFBQUFBQUFBQUFBQUFBQ
UFBQUFBQUFBQUFBQUFBQUFBQUFBQ
UFBQUFBQUFBQUFBQU/8AAEQgBQAHh
AwEiAAIRAQMRAf/EAB8AAAEFAQEBAQ
EBAAAAAAAAAAABAgMEBQYHCAkKC//
EALUQAAIBAwMCBAMFBQQEAAABfQEC
AwAEEQUSITFBBhNRYQcicRQygZGhCCN
CscEVUtHwJDNicoIJChYXGBkaJSYnKCkq
NDU2Nzg5OkNERUZHSElKU1RVVldYWVpj
ZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5
SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw
8TFxsfIycrS09TV1tfY2・・・・・・・・・・・・・・・・・・・
・・・・・・・・・・・・・

23. mgmg
Nuuk Jam

24. まとめ
今日勉強になったこと
● グリーンランドは世界最大の島であること
● グリーンランドの首都はヌークであること
● グリーンランドのトップレベルドメインは.glであること
● Gunma.webのLTは案外なんでもいい