gunmaweb#12 nuuk jam
DESCRIPTION
TRANSCRIPT
Nuuk JamGunma.web #12
2013.02.09@ivoryworks
Profile
@Ivoryworks● 会社員
Nuuk Jam
Nuuk(ヌーク)とは、
世界最大の島グリーンランドの首都です。Jam(ジャム)は、
あのジャム。いちごジャムとか。あまい。
とりあえずデモ行ってみよう。
しってる？
http://goo.gl/
Google URL Shortener
http://goo.gl/
http://nuukjam.ivoryworks.com/http://goo.gl/HxraR
トップレベルドメイン .gl
http://goo.gl/Greenland
URL短縮サービスのおさらい
保存するデータをURLとして扱う
BTdA4
Welcome!Nuuk Jam
http://nuukjam.ivoryworks.com/Welcome!%0ANuuk%20Jam
http://goo.gl/BTdA4
Welcome!%0ANuuk%20Jam
URL Encode
ここから本編
demo.
Data URI Scheme（さっきのいちご）
data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gA7Q1JFQV・・・
・・・4000文字くらい
makeJam()
URI Datadata:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgBQAHhAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
URL Encodedata:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgBQAHhAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
data%3Aimage%2Fjpeg%3Bbase64%2C%2F9j%2F4AAQSkZJRgABAQAAAQABAAD%2F%2FgA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK%2F9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU%2F9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU%2F8AAEQgBQAHhAwEiAAIRAQMRAf%2FEAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC%2F%2FEALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9P・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
分割してURLとする
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本
http://nuukjam.ivoryworks.com/img/
URL短縮
http://goo.gl/SBJd1http://goo.gl/eKIAqhttp://goo.gl/n02GGhttp://goo.gl/fWERGhttp://goo.gl/yh49yhttp://goo.gl/NXYjchttp://goo.gl/0h1Nlhttp://goo.gl/kWS3zhttp://goo.gl/ZVna5http://goo.gl/WLQy8http://goo.gl/s2n58http://goo.gl/f47pchttp://goo.gl/vfnSbhttp://goo.gl/1yQOOhttp://goo.gl/BzjCJhttp://goo.gl/FsGHohttp://goo.gl/VBzIB
http://goo.gl/i7Fxhhttp://goo.gl/rkm5ghttp://goo.gl/cNWpbhttp://goo.gl/HKHv6http://goo.gl/IU29Nhttp://goo.gl/89qb2http://goo.gl/dKp9uhttp://goo.gl/ryos6http://goo.gl/kLD1qhttp://goo.gl/wdoFchttp://goo.gl/rceJohttp://goo.gl/5hq4dhttp://goo.gl/HGQ9Mhttp://goo.gl/FjtpEhttp://goo.gl/hGomXhttp://goo.gl/KeBDjhttp://goo.gl/hR3ez
http://goo.gl/fp2jKhttp://goo.gl/JMiE8http://goo.gl/l9Fxrhttp://goo.gl/NqqFYhttp://goo.gl/JFTZKhttp://goo.gl/uPrGRhttp://goo.gl/vPpl0
短縮URLが41本できる
つなげる
http://nuukjam.ivoryworks.com/SBJd1/eKIAq/n02GG/fWERG/yh49y/NXYjc/0h1Nl/kWS3z/ZVna5/WLQy8/s2n58/f47pc/vfnSb/1yQOO/BzjCJ/FsGHo/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短縮する
URL短縮
http://goo.gl/GflFS
GflFS
ジャム【jam】詰め込む、押し込む
eatJam()
http://nuukjam.ivoryworks.com/SBJd1/eKIAq/n02GG/fWERG/yh49y/NXYjc/0h1Nl/kWS3z/ZVna5/WLQy8/s2n58/f47pc/vfnSb/1yQOO/BzjCJ/FsGHo/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を元に戻す
URL短縮を41本http://goo.gl/SBJd1http://goo.gl/eKIAqhttp://goo.gl/n02GGhttp://goo.gl/fWERGhttp://goo.gl/yh49yhttp://goo.gl/NXYjchttp://goo.gl/0h1Nlhttp://goo.gl/kWS3zhttp://goo.gl/ZVna5http://goo.gl/WLQy8http://goo.gl/s2n58http://goo.gl/f47pchttp://goo.gl/vfnSbhttp://goo.gl/1yQOOhttp://goo.gl/BzjCJhttp://goo.gl/FsGHohttp://goo.gl/VBzIB
http://goo.gl/i7Fxhhttp://goo.gl/rkm5ghttp://goo.gl/cNWpbhttp://goo.gl/HKHv6http://goo.gl/IU29Nhttp://goo.gl/89qb2http://goo.gl/dKp9uhttp://goo.gl/ryos6http://goo.gl/kLD1qhttp://goo.gl/wdoFchttp://goo.gl/rceJohttp://goo.gl/5hq4dhttp://goo.gl/HGQ9Mhttp://goo.gl/FjtpEhttp://goo.gl/hGomXhttp://goo.gl/KeBDjhttp://goo.gl/hR3ez
http://goo.gl/fp2jKhttp://goo.gl/JMiE8http://goo.gl/l9Fxrhttp://goo.gl/NqqFYhttp://goo.gl/JFTZKhttp://goo.gl/uPrGRhttp://goo.gl/vPpl0
それぞれ元に戻す
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本
URL Decodedata:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgBQAHhAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
data%3Aimage%2Fjpeg%3Bbase64%2C%2F9j%2F4AAQSkZJRgABAQAAAQABAAD%2F%2FgA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK%2F9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU%2F9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU%2F8AAEQgBQAHhAwEiAAIRAQMRAf%2FEAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC%2F%2FEALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9P・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
URI Datadata:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgBQAHhAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
mgmg
Nuuk Jam
まとめ
今日勉強になったこと
● グリーンランドは世界最大の島であること
● グリーンランドの首都はヌークであること
● グリーンランドのトップレベルドメインは.glであること
● Gunma.webのLTは案外なんでもいい