---
# System prepended metadata

title: Osaka Tokyo Go

---

---
title: Osaka Tokyo Go
tags: 
description: View the slide with "Slide Mode".
---

# Osaka Casual Walk

<!-- Put the link to this slide here so people can follow -->
slide: https://hackmd.io/p/template-Talk-slide

---
## Tickets
- 台北飛大阪5,168＋大阪飛東京1,590＋東京飛台北NT$2,845 = 11000
- Universal studio 6550
- Diseney 2100

## Food
- 雞sobu座銀
- 燒肉
    - 但馬屋 心斎橋 燒肉吃到飽 2000/lunch 8000/dinner
    - Yakiniku Rikimaru Sennichimae 吃到飽方案可選¥2,980/人（不含税）、¥3,480/人（不含税）
    - 國產牛燒肉 あぶりや道頓堀御堂筋店 3480日幣(不含稅)
    - 燒肉五苑 千日前店 排不到其他間店時的選擇 約3000多日圓
    - Kobe Aburi-bokujo honten 神戶和牛 套餐約5000日圓



- 章魚燒
    - 心斎橋
        - 【美國村章魚燒】甲賀流 點份銷量 No.1 的「蔥花酸醋章魚燒」 https://goo.gl/maps/7UMdi3Ae86tUkGRi9
    - 道頓堀
        - 本場大阪のたこ焼き くれおーる 本店 https://goo.gl/maps/cUVTrvvZcBjDtK3s7
    - 赤鬼章魚燒 米其林 
    - 元祖章魚燒あっちち本舗 https://goo.gl/maps/RGzq4CztPVwfFfSd8

- 大阪燒
    - 道頓堀
        - Chibo Okonomiyaki千房大阪燒，排隊老舖必點推薦「道頓堀大阪燒」。 https://goo.gl/maps/cGvy91KfwwfGvBYF6
        - 美津の大阪燒 熱賣No.1山芋燒，魷魚、貝柱、蝦、豬五花肉等，獨特口味好驚艷。 https://goo.gl/maps/ZBf2bJHAmMxD2mgS9
    - 梅田
        - Okonomiyaki Kiji 《電視冠軍》大阪燒，必點人氣王摩登燒，大阪燒和日式炒麵雙組合 https://goo.gl/maps/CkiXRbVfCma3AXu59
    - 日本橋
        - 福太郎 料理東西軍 https://goo.gl/maps/MXaFNR2sYTmvAcFf6
    
- 炸豬排


- 咖喱飯
    - 咖哩飯 自由軒 本店 咖哩飯是最強必點，整顆生雞蛋拌入，濃郁微辣滑順特色爆表 https://goo.gl/maps/muSo3CvsF5GEGPZP9

- 拉麵
    - Dotombori Kamukura - Dotombori 神座拉麵 https://goo.gl/maps/WaNh3TP3RsXYENAv5
    - Kingemon Dotombori 醬油拉麵 https://goo.gl/maps/5ytNeMZo3ysp2DSm6

- 漢堡排
    - 京の百年洋食レストラン 京都百年老店。漢堡排
        - 難波 https://goo.gl/maps/nFTeu3HDCvw8Rzaj6 
        - 天王寺 https://goo.gl/maps/UAw1YPPKHG1YLa4z7
    - 重亭 京都百年老店。漢堡排 https://goo.gl/maps/zThGP5HZMZgzn3Z19
    - 洋食の店 もなみ 神戸牛製作漢堡排 https://goo.gl/maps/tTmp3cYmM735AJrD9
    - 極味や なんば店 炭燒漢堡排、和牛牛排，1000~2000日幣就能吃到 https://goo.gl/maps/s9vFR5KmrueXJTu66



- 壽司
    - 壽司大
    - 春駒 支店 google 分數極高天滿美食的代表春駒的壽司 https://goo.gl/maps/xVXFhmeZWxFCGTyH9
    - 大起水産 回転寿司 道頓堀店 https://goo.gl/maps/9cAEoA5r6XnNaWac8
    - 壽司三昧 Sushizanmai Dotombori 黑鮪魚大王 https://goo.gl/maps/o4kqUEW7xJz1Ze2Q6
    - 元祖ぶっち切り寿司 魚心 本店  用料大方份量十足的壽司的店 https://goo.gl/maps/oVkXPGWcqhUAy9Lq5
    - 法善寺橫丁 誠太郎 創業60多年的老字號壽司店含稅約8,500日圓 https://goo.gl/maps/cGsKnLDzMFaWKURD9

## Dessert

## coffee shop






please prepare laptop or smartphone to join!

---
## Location
![](https://i.imgur.com/1C5maDn.jpg)
- 大阪美國村
- 奈良
- 黑門市場
- 水菸店 https://goo.gl/maps/9CY221K7gu6JGuxt9
- 煙具店 
電子煙
東京首選

https://goo.gl/maps/hy8rmjPaBMfbC7ik8 

大阪
https://goo.gl/maps/jjGXh4Dc2KKeJsRS9
https://goo.gl/maps/hf7X1mbioXkabs3VA
https://goo.gl/maps/QG57eJdKyHKXwnmCA
- CBD 咖啡店 https://goo.gl/maps/Km32XyE2pG86PPT4A
- 環球影城
    > → 庫巴挑戰書
    > → 耀西冒險
    > → 咒術迴戰
    > → 哈利波特園區
    > → 蜘蛛俠
    > → 好萊塢美夢逆轉世界
    > → 哈利波特＿競技之旅/鷹馬
- 迪士尼
- 阿美橫町
- 貓頭鷹咖啡店
- 秋葉原
- 1/1 9:00pm depart from universal 
    > → 10:30pm arrive at <a href="https://goo.gl/maps/Uk32Hsp4SdSYtnE59" target="_blank">Rinku-no-yu (臨空之湯)</a>
    > → 11:15pm depart from <a href="https://goo.gl/maps/Uk32Hsp4SdSYtnE59" target="_blank">Rinku-no-yu (臨空之湯)</a>
    > → 11:30 arrive at 臨空城 station and take the metro to airport terminal 2 </br>

---

## Calendar
<table>
    <tr>
        <td colspan="5">Day 1 _ 11/18-Fri</td>
    </tr>
    <tr>
        <td>Time</td> 
        <td>Activity</td> 
        <td>Location</td>
        <td>Link/Note</td>
        <td>Must to do</td>
    </tr>
    <tr>
        <td>10:45 - 11:44</td> 
        <td>Arrived at Tokyo</td> 
        <td><a href="https://www.narita-airport.jp/ch2/map?terminal=1&map=2" target="_blank">成田機場T1南翼大廳<a/><br>
            <a href="https://www.narita-airport.jp/ch2/step/inter_t1_arr/" target="_blank">Entry procedures guideline</td>
        <td>Fa-So-La NEWS 地點:第1航站樓南翼4樓<br>ANA DUTY ＆ TAX FREE SHOP 地點:第1航站樓 第4衛星樓 3樓</br></td>
        <td>IQOS</td>
    </tr>
    <tr>
        <td>11:35 - 13:41</td> 
        <td>G0 to 新宿</td> 
        <td>2號航站樓的走廊，在那裡上車</td>
        <td>從3號航站樓到達或離開的乘客可以使用連接到2號航站樓的走廊，在那裡上車或下車。<br>班次：11:44~13:11 / 12:20~13:41</td>
    </tr>
    <tr>
        <td>14:00 - 15:30</td> 
        <td>六歌仙燒肉</td> 
        <td><a href="https://goo.gl/maps/BPPQ63uK3Fh1Ph6v5" target="_blank">〒160-0023東京都新宿区西新宿１丁目３−1 新宿サンフラワービル 6F/7F<a/></td>
        <td>到新宿站後走路約10分鐘</td>
    </tr>
    <tr>
        <td>15:30</td> 
        <td>Shopping at 下北澤</td> 
        <td><a href="https://goo.gl/maps/1jPP8ek1fuH7QNY6A" target="_blank">新宿西口駅<a/>
        搭車到<a href="https://goo.gl/maps/fF1aQQ4HVVgR7DoP7" target="_blank">下北沢駅</a></td>
        <td>到新宿西口到下北澤約15分鐘，<a href="https://goo.gl/maps/LQPjf5VMLZpf75fT9" target="_blank">Micmo 2店作為起點</a></td></td>
        <td>Boots & coat<br>
    <a href="https://goo.gl/maps/cQNvDUZBeDGkD6gQ8" target="_blank">天馬屋半熟卵咖哩麵包</a>
    <a href="https://goo.gl/maps/vanJgx3zYd76paaE6" target="_blank">舒芙雷鬆餅Flipper's Shimokitazawa</a>
    <a href="https://goo.gl/maps/oiCcdGGfnmUrKf6i7" target="_blank">大阪人氣乾式咖哩名店舊yamu邸下北莊 (旧ヤム邸 シモキタ荘)</a>
    <a href="https://goo.gl/maps/5NhXu62YpaFro3786" target="_blank">黑墨魚汁豬排咖哩Pannya般ﾟ若（ぱんにゃ）</a>
    <a href="https://goo.gl/maps/RdYVPngQ2iFXDXAL8" target="_blank">全新美食購物商場Mikan Shimokitazawa</a></tr>
</table>
<table>
    <tr>
        <td colspan="5">Day 2 _ 11/19-Sat</td>
    </tr>
    <tr>
        <td>Time</td> 
        <td>Activity</td> 
        <td>Location</td>
        <td>Link/Note</td>
        <td>Must to do</td>
    </tr>
    <tr>
        <td>5:00 - 6:00</td> 
        <td>Go to 豐洲市場</td> 
        <td><a href="https://goo.gl/maps/jJKhQDE9FRePtNFb8" target="_blank">5:07 depart from 淺草橋 to 豐洲市場<a/></td>
        <td>4:10 wakeup<br>5:07 get the metro <br>6:00 arrive at 豐洲市場 </td>
        <td></td>
    </tr>
    <tr>
        <td>6:00 - 8:00</td> 
        <td>Breakfast time</td> 
        <td><a href="https://goo.gl/maps/w3vAaUMGMVxp475y7" target="_blank">Sushi Dai寿司大</a>
            <a href="https://goo.gl/maps/nJ59PEeiprNhhXDM8" target="_blank">Daiwa Sushi大和寿司</a></td>
        <td>
    </tr>
    <tr>
        <td>8:00 - 9:00</td> 
        <td>Go to 新宿</td> 
        <td><a href="https://goo.gl/maps/kN4sBn8RL9pf5wSt9" target="_blank">新宿站<a/></td>
        <td><a href="https://goo.gl/maps/5admjLTvfBr8CDYF7" target="_blank">Hanazono Shrine花園神社</a><br>
        <a href="https://goo.gl/maps/VuwGZSXJEqXxHGdK7"  target="_blank">賞楓新宿御苑matro新宿御苑前駅</a>
        </td>
</td>
    </tr>
    <tr>
        <td>10:00 - 12:00</td> 
        <td>Go to 新宿</td> 
        <td>新宿區域</td>
        <td></td>
    <td><a href="https://goo.gl/maps/YiiWbsFw7xzbiheQ8" target="_blank">1650日圓/40mins手裏剣道場新宿忍者からくり屋敷</a></td>
    </tr>
    <tr>
        <td>15:30</td> 
        <td>Shopping at 下北澤</td> 
        <td><a href="https://goo.gl/maps/1jPP8ek1fuH7QNY6A" target="_blank">新宿西口駅<a/>
        搭車到<a href="https://goo.gl/maps/fF1aQQ4HVVgR7DoP7" target="_blank">下北沢駅</a></td>
        <td>到新宿西口到下北澤約15分鐘，<a href="https://goo.gl/maps/LQPjf5VMLZpf75fT9" target="_blank">Micmo 2店作為起點</a></td></td>
        <td>Boots & coat<br>
        <a href="https://g.page/gyukatsuharajuku?share" target="_blank">澀谷赫赫有名的一間炸牛排店牛かつもと村</a>
        <a href="https://g.page/yotsuyatakeda?share" target="_blank">祖傳三代的炸豬排Takedaかつれつ 四谷たけだ</a><br>
        <a href="https://g.page/saryo-kagurazaka?share" target="_blank">東京抹茶名店(神樂坂 茶寮 本店)</a>
        <a href="https://g.page/tempura_tsunahachi_souhonten?share" target="_blank">茶泡飯天ぷら新宿つな八 総本店</a>
        <a href="https://goo.gl/maps/ipeTYEwKVaonted19" target="_blank">文字燒月島もんじゃ くうや 渋谷</a>
        <a href="https://goo.gl/maps/tFeSbmfrMHo1ykdBA" target="_blank">文字燒Tsukishimamonja Okoge Shibuya</a>
        <a href="https://g.page/sakuratei?share" target="_blank">文字燒Sakura-tei</a
    </tr>
    <tr>
        <td>10:30 - drunk </td> 
        <td>Night Club</td> 
        <td><a href="https://goo.gl/maps/qGB7rHitA82JJGeS9" target="_blank">TK SHIBUYA</a>
        <td><a href="https://goo.gl/maps/4zqpA6NdAjMDr4Cy7" target="_blank">from 渋谷駅 2mins </td>
        <td>MEN before 24:00 2,000 Ladies 500 </td>
    </tr>
</table>
<table>
    <tr>
        <td colspan="5">Day 3 _ 11/20-Fri</td>
    </tr>
    <tr>
        <td>Time</td> 
        <td>Activity</td> 
        <td>Location</td>
        <td>Link/Note</td>
        <td>Must to do</td>
    </tr>
    <tr>
        <td>10:45 - 11:44</td> 
        <td>Arrived at Tokyo</td> 
        <td><a href="https://www.narita-airport.jp/ch2/map?terminal=1&map=2" target="_blank">成田機場T1南翼大廳<a/></td>
        <td>Fa-So-La NEWS 地點:第1航站樓南翼4樓<br>ANA DUTY ＆ TAX FREE SHOP 地點:第1航站樓 第4衛星樓 3樓</br></td>
        <td>IQOS</td>
    </tr>
    <tr>
        <td>11:35 - 13:41</td> 
        <td>G0 to 新宿</td> 
        <td>2號航站樓的走廊，在那裡上車</td>
        <td>從3號航站樓到達或離開的乘客可以使用連接到2號航站樓的走廊，在那裡上車或下車。<br>班次：11:44~13:11 / 12:20~13:41</td>
    </tr>
    <tr>
        <td>14:00 - 15:30</td> 
        <td>六歌仙燒肉</td> 
        <td><a href="https://goo.gl/maps/BPPQ63uK3Fh1Ph6v5" target="_blank">〒160-0023東京都新宿区西新宿１丁目３−1 新宿サンフラワービル 6F/7F<a/></td>
        <td>到新宿站後走路約10分鐘</td>
    </tr>
    <tr>
        <td>15:30</td> 
        <td>Shopping at 下北澤</td> 
        <td><a href="https://goo.gl/maps/1jPP8ek1fuH7QNY6A" target="_blank">新宿西口駅<a/>
        搭車到<a href="https://goo.gl/maps/fF1aQQ4HVVgR7DoP7" target="_blank">下北沢駅</a></td>
        <td>到新宿西口到下北澤約15分鐘，<a href="https://goo.gl/maps/LQPjf5VMLZpf75fT9" target="_blank">Micmo 2店作為起點</a></td></td>
        <td>Boots & coat<br>
        <a href="https://goo.gl/maps/qJk7vfA2gprDVCYHA" target="_blank">主打日式漢堡排的餐廳モンブラン 浅草店</a>
        <a href="https://goo.gl/maps/KeFBYXA7RoiHdqoW6" target="_blank">歷史悠久和牛壽喜燒淺草今半</a><br>
        <a href="https://g.page/saryo-kagurazaka?share" target="_blank">東京抹茶名店(神樂坂 茶寮 本店)</a>
        <a href="https://g.page/tempura_tsunahachi_souhonten?share" target="_blank">茶泡飯天ぷら新宿つな八 総本店</a>

     

    </tr>
</table>

- Front-end developer
- VSCode :heart: 
- I use tabs. :cat: 

---

### 70% of our users are developers. Developers :heart: GitHub.

---

{%youtube E8Nj7RwXf0s %}

---

### Usage flow

---


```graphviz
digraph {
  compound=true
  rankdir=RL

  graph [ fontname="Source Sans Pro", fontsize=20 ];
  node [ fontname="Source Sans Pro", fontsize=18];
  edge [ fontname="Source Sans Pro", fontsize=12 ];


  subgraph core {
    c [label="Hackmd-it \ncore"] [shape=box]
  }
  
  c -> sync [ltail=session lhead=session]

  subgraph cluster1 {
     concentrate=true
    a [label="Text source\nGithub, Gitlab, ..."] [shape=box]
    b [label="HackMD Editor"] [shape=box]
    sync [label="sync" shape=plaintext ]
    b -> sync  [dir="both"]
    sync -> a [dir="both"]
    label="An edit session"
  }
}
```

---

### Architecture of extension

---

![](https://i.imgur.com/ij69tPh.png)

---

## Content script

- Bind with each page
- Manipulate DOM
- Add event listeners
- Isolated JavaScript environment
  - It doesn't break things

---

# :fork_and_knife: 

---

<style>
code.blue {
  color: #337AB7 !important;
}
code.orange {
  color: #F7A004 !important;
}
</style>

- <code class="orange">onMessage('event')</code>: Register event listener
- <code class="blue">sendMessage('event')</code>: Trigger event

---

# :bulb: 

---

- Dead simple API
- Only cares about application logic

---

```typescript
import * as Channeru from 'channeru'

// setup channel in different page environment, once
const channel = Channeru.create()
```

---

```typescript
// in background script
const fakeLogin = async () => true

channel.answer('isLogin', async () => {
  return await fakeLogin()
})
```

<br>

```typescript
// in inject script
const isLogin = await channel.callBackground('isLogin')
console.log(isLogin) //-> true
```

---

# :100: :muscle: :tada:

---

### Wrap up

- Cross envornment commnication
- A small library to solve messaging pain
- TypeScript Rocks :tada: 

---

### Thank you! :sheep: 

You can find me on

- GitHub
- Twitter
- or email me
