Successfully reported this slideshow.
Your SlideShare is downloading. ×

Gunmaweb#12 nuuk jam

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Upcoming SlideShare
Cores tubulação
Cores tubulação
Loading in …3
×

Check these out next

1 of 24 Ad
Advertisement

More Related Content

Advertisement

Gunmaweb#12 nuuk jam

  1. 1. Nuuk Jam Gunma.web #12 2013.02.09 @ivoryworks
  2. 2. Profile @Ivoryworks ● 会社員
  3. 3. Nuuk Jam Nuuk(ヌーク)とは、 世界最大の島グリーンランドの首都です。 Jam(ジャム)は、 あのジャム。いちごジャムとか。あまい。 とりあえずデモ行ってみよう。
  4. 4. しってる? http://goo.gl/
  5. 5. Google URL Shortener http://goo.gl/ http://nuukjam.ivoryworks.com/ http://goo.gl/HxraR
  6. 6. トップレベルドメイン .gl Greenland http://goo.gl/
  7. 7. URL短縮サービスのおさらい
  8. 8. 保存するデータをURLとして扱う Welcome! URL Encode Nuuk Jam Welcome!%0ANuuk%20Jam http://nuukjam.ivoryworks.com/Welcome!%0ANuuk%20Jam http://goo.gl/BTdA4 BTdA4
  9. 9. ここから本編 demo.
  10. 10. Data URI Scheme(さっきのいちご) data:image/jpeg;base64, /9j/4AAQSkZJRgABAQAAAQ ABAAD//gA7Q1JFQV・・・ ・・・4000文字くらい
  11. 11. makeJam()
  12. 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. 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. 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. 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. 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. 17. URL短縮 http://goo.gl/GflFS GflFS ジャム【jam】詰め込む、押し込む
  18. 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. 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. 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. 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. 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. 23. mgmg Nuuk Jam
  24. 24. まとめ 今日勉強になったこと ● グリーンランドは世界最大の島であること ● グリーンランドの首都はヌークであること ● グリーンランドのトップレベルドメインは.glであること ● Gunma.webのLTは案外なんでもいい

×