Engineering and Technology

Sean Becker


## Flights

- **Joey**: Arrive May 10, 2:45 PM NRT | Depart May 24, 4:30 PM NRT
- **Sean**: Arrive May 10, 3:25 PM NRT | Depart May 24, 2:55 PM NRT

---

## Saturday, May 10 — Tokyo

**Booked**

- Stay: Far East Village Hotel Tokyo, Asakusa — [Google Maps: 1-11-6 Asakusa, Taito-ku, Tokyo](https://www.google.com/maps/search/?api=1&query=1-11-6+Asakusa,+Taito-ku,+Tokyo,+Japan,+111-0032)
- 5:00 PM – Arrive & check in
- 6:35 PM – Sunset at [Tokyo Skytree](https://www.google.com/maps/search/?api=1&query=Tokyo+Skytree)

_Optional_

- Imperial Palace East Gardens — [Google Maps](https://www.google.com/maps/search/?api=1&query=Imperial+Palace+East+Gardens)
- Tsukiji Outer Market — [Google Maps](https://www.google.com/maps/search/?api=1&query=Tsukiji+Outer+Market)

---

## Sunday, May 11 — Tokyo

**Booked**

- Stay: Far East Village Hotel Tokyo, Asakusa — [Maps link above]
- 10:00 AM – [Tokyo Free Walking Tour](https://www.tokyolocalized.com/free-walking-tour)
- 6:00 PM – Omakase in Ginza (reservation) — [Google Maps: Ginza](https://www.google.com/maps/search/?api=1&query=Ginza,+Tokyo)

_Optional_

- [teamLab Borderless](https://borderless.teamlab.art)
- [Shinjuku Night Walking Tour](https://www.tokyolocalized.com/tokyo-night-walking-tour-shinjuku-kabukicho)

---

## Monday, May 12 — Tokyo → Kyoto

**Booked**

- Morning – [Sumida River Cruise](https://www.suijobus.co.jp/en/)
- Late AM – [teamLab Planets](https://teamlabplanets.dmm.com/en/)
- Afternoon – Shinkansen to Kyoto
- Stay: Rinn Gion Kenninji — [Google Maps](https://www.google.com/maps/search/?api=1&query=Rinn+Gion+Kenninji,+Kyoto)

_Optional_

- [Fushimi Inari Taisha](https://inari.jp/en/)
- [Nijo Castle](https://www.city.kyoto.lg.jp/sankan/page/0000004002.html)
- Nishiki Market — [Google Maps](https://www.google.com/maps/search/?api=1&query=Nishiki+Market)

---

## Tuesday, May 13 — Kyoto

**Booked**

- Stay: Rinn Gion Kenninji — [Maps link above]
- Morning – [Arashiyama Bamboo Grove](https://www.google.com/maps/search/?api=1&query=Arashiyama+Bamboo+Grove)

_Optional_

- [Samurai Museum](https://www.samuraimuseum.jp/en/)
- Tea ceremony & kimono rental

---

## Wednesday, May 14 — Kyoto

**Booked**

- Stay: Rinn Gion Kenninji — [Maps link above]
- Morning – Kuya-no-taki Waterfall hike — [InsideKyoto guide](https://www.insidekyoto.com/takao-hozukyo-hike-via-kiyotaki-kuya-no-taki-waterfall)

_Optional_

- [Yamazaki Whisky Distillery](https://www.suntory.com/factory/yamazaki/)

---

## Thursday, May 15 — Kyoto

**Booked**

- Stay: Rinn Gion Kenninji — [Maps link above]
- All day – Wander the Gion area

_Optional_

- Fushimi Inari Taisha
- Nijo Castle
- Nishiki Market
- Samurai Museum

---

## Friday, May 16 — Hiroshima → Miyajima

**Booked**

- Morning – Shinkansen to Hiroshima & visit [Peace Memorial Museum](https://hpmmuseum.jp/?lang=en)
- 3:00 PM – Check in at Iwaso Ryokan — [Google Maps](https://www.google.com/maps/search/?api=1&query=Iwaso+Ryokan+Miyajima)
- Evening – Onsen & kaiseki dinner

_Optional_

- Hiroshima Castle — [Google Maps](https://www.google.com/maps/search/?api=1&query=Hiroshima+Castle)
- Itsukushima Shrine (Miyajima) — [Google Maps](https://www.google.com/maps/search/?api=1&query=Itsukushima+Shrine)

---

## Saturday, May 17 — Miyajima → Osaka

**Booked**

- Morning – Miyajima sightseeing (Itsukushima Shrine & Mt. Misen)
- Afternoon – Shinkansen to Osaka; check in at Agora Place Osaka Namba — [Google Maps](https://www.google.com/maps/search/?api=1&query=Agora+Place+Osaka+Namba)
- Evening – [Dōtonbori](https://www.google.com/maps/search/?api=1&query=Dotonbori+Osaka)

_Optional_

- Minayoshi sushi in Kadoma — [Google Maps](https://www.google.com/maps/search/?api=1&query=Minayoshi+Kadoma)
- Tenjinbashi-suji arcade — [Google Maps](https://www.google.com/maps/search/?api=1&query=Tenjinbashi-suji)
- Bunraku theatre — [Google Maps](https://www.google.com/maps/search/?api=1&query=Bunraku+Theatre+Osaka)

---

## Sunday, May 18 — Nara day-trip

**Booked**

- Morning – [Tōdai-ji & Deer Park](https://www.google.com/maps/search/?api=1&query=Todai-ji+Nara)
- Afternoon – [Kasuga Taisha](https://www.google.com/maps/search/?api=1&query=Kasuga+Taisha+Nara) & Nara-machi
- Evening – Return to Osaka (stay above)

_Optional_

- [Himeji Castle](https://www.google.com/maps/search/?api=1&query=Himeji+Castle)

---

## Monday, May 19 — Osaka

**Booked**

- Stay: Agora Place Osaka Namba — [Maps link above]

_Optional_

- Himeji Castle
- [Osaka Castle](https://www.google.com/maps/search/?api=1&query=Osaka+Castle)
- [Kuromon Market](https://www.google.com/maps/search/?api=1&query=Kuromon+Market)
- [Kōshien Stadium](https://www.google.com/maps/search/?api=1&query=Koshien+Stadium)

---

## Tuesday, May 20 — Osaka → Kobe dinner

**Booked**

- Kobe beef dinner — [Kobe Beef Association](https://www.kobe-niku.jp/en/top.html)

_Optional_

- [Kobe Harborland](https://www.google.com/maps/search/?api=1&query=Kobe+Harborland)
- [Mount Rokko night view](https://www.google.com/maps/search/?api=1&query=Mount+Rokko)

---

## Wednesday, May 21 — Osaka → Tokyo

**Booked**

- Travel to Tokyo; check in at Shinjuku Kuyakusho-mae Capsule Hotel — [Google Maps](https://www.google.com/maps/search/?api=1&query=Shinjuku+Kuyakusho-mae+Capsule+Hotel)
- 7:00 PM – [Shinjuku Night Walking Tour](https://www.tokyolocalized.com/tokyo-night-walking-tour-shinjuku-kabukicho)

_Optional_

- Golden Gai bar hop — [Google Maps](https://www.google.com/maps/search/?api=1&query=Golden+Gai+Shinjuku)
- VR arcade

---

## Thursday, May 22 — Tokyo

**Booked**

- Morning – [teamLab Borderless](https://borderless.teamlab.art)
- 6:00 PM – Yomiuri Giants game — [Google Maps: Tokyo Dome](https://www.google.com/maps/search/?api=1&query=Tokyo+Dome)

_Optional_

- [Meiji Shrine](https://www.google.com/maps/search/?api=1&query=Meiji+Shrine)
- [Takeshita Street, Harajuku](https://www.google.com/maps/search/?api=1&query=Takeshita+Street)
- Omotesando cafés

---

## Friday, May 23 — Tokyo

**Booked**

- Morning – [Sumida River Cruise](https://www.suijobus.co.jp/en/)
- 6:00 PM – Natsu Basho at Ryōgoku Kokugikan (tickets secured) — [Google Maps](https://www.google.com/maps/search/?api=1&query=Ryogoku+Kokugikan)

_Optional_

- Tsukiji Outer Market
- Whisky bar crawl (e.g. Bar High Five)

---

## Saturday, May 24 — Departure

**Booked**

- Flight home

_Optional_

- Last-minute shopping


Japan Trip Itinerary


## FuboTV - Senior Software Engineer (2022 - Present)

- Migrated native video players to generic Media Source Extension (MSE) video players on Smart TV devices.
- Built ecosystem of tools to increase team efficiency:
  - Introduced datadog logging and instrumentation to enhance troubleshooting capabilities and gather feedback on releases.
  - Built tool to query logs and generate metrics using ChatGPT function calls to assist with gathering performance insights.
- [Contributed to redesigned application](https://cordcuttersnews.com/fubo-is-rolling-out-a-new-improved-user-interface-with-re-designed-apps/) (launched to 300,000+ users).

## Fubo Gaming - Software Engineer (2021 - 2022)

- Interviewed 70+ candidates for engineering roles. Scaled team from 5 to 15 engineers.
- Coordinated regulatory changes required to launch Fubo Sportsbook in Iowa, Arizona, and New Jersey.
- Rewrote authentication flow & integration between sportsbook and TV
  product; Coordinated effort between white-label provider, in-house
  designers, in-house frontend team, and in-house platform team.
- Integrated [Trustly](https://us.trustly.com) payment provider, simplifying deposit flow and substantially increasing first time deposit rate.

## Prior Employment

For information on prior employment, you can view my resume [here](/docs/resume.pdf).

Go back [home](/).


A brief summary of my professional experience.

Professional Experience


Just looking for code? You can find that [here](https://gist.github.com/seanbecker15/456ddec169eb68aa7e48d38234bb5283).

## Background

Part of the challenge while working at Fubo is that we maintain several SmartTV applications.
In order to reduce the overhead of maintenance we rely on tooling, one of which is the [ares-cli](https://webostv.developer.lge.com/develop/tools/cli-dev-guide).
Unfortunately this CLI doesn't expose functionality to wake a TV up over the network, which is problematic for test automation.
It also means that I need to get up from my desk to turn on my TV before launching a debug version of our application.

## Solution

I found several sources that wake LG over the network such as

- [home assistant](https://github.com/home-assistant/core/blob/2ad5b1c3a6140a49d1113e86e46b68165cf26884/homeassistant/components/wake_on_lan/__init__.py#L34C15-L34C32)
- [LGTVCompanion](https://github.com/JPersson77/LGTVCompanion)

Both of these solutions are embedded in bigger systems so I decided take the code from [Console.cpp](https://github.com/JPersson77/LGTVCompanion/blob/5c63223a9866bc11965a3d9c9240313694c9c3f6/LGTV%20Companion%20Console/Console.cpp#L1531) and convert it to javascript.
This can be quickly ported to another language using a good LLM like ChatGPT or Claude.

You can find the javascript code [here](https://gist.github.com/seanbecker15/456ddec169eb68aa7e48d38234bb5283).


NodeJS script to wake LG (WebOS) TV over LAN

LG TV Wake on LAN


Just looking for code? You can find that [here](https://gist.github.com/seanbecker15/49a20ef17e77682d7907f5eba8fd507b).

## Introduction

There are lots of things that make ChatGPT great under the hood, but let's face it: most people will never truly understand the internals.
That doesn't mean that the entire stack has to be a mystery!

### Why UX is important

If you've ever used the OpenAI API you'll know that it's quite slow to use the standard API without streaming. It can take 10+ seconds to a receive
a response depending on the complexity of the prompt. Although it is [probably a myth](https://www.reddit.com/r/webdev/comments/n66d0r/comment/gx5b2gl) that users will leave your website if it takes more than 3 seconds to load,
it is still super important to have good _perceived performance_. For companies working on cutting edge innovation such as OpenAI it is even more important to prove that their tool is useful.
Waiting for 10+ seconds leads to loss of context and a bad user experience.

Though the total response time is likely the same, the streaming API sends back partial responses as they are generated.
Users can see the response in real time and process the response as it is being generated. This makes a huge difference in the user experience.

### Assumptions

- I'm using React for this example, but most of this code should be very easy to plug into other frameworks.
- I'm assuming that you already have a backend endpoint that forwards the OpenAI stream to your frontend. If not, I will be making a guide on how to do that soon.

### Prerequisites

```bash
npm install eventsource-parser
```

## Let's get coding

1. Scaffold our component. We'll need a prompt input, a submit button, and a location for our results.

```javascript
import { useState, ChangeEvent } from "react";

// Assumes that you can already fetch a completion from OpenAI
import { fetchCompletion } from "./api";

const Chatbot = () => {
  const [prompt, setPrompt] = useState("");
  const [completion, setCompletion] = useState("");

  const handleResponse = async (response: Response) => {};

  const handleChange = (e: ChangeEvent<HTMLInputElement>) => {
    setPrompt(e.target.value);
  };

  const handleSubmit = () => fetchCompletion(prompt)
    .then(handleResponse)

  return (
    <div>
      <div>
        <input type="text" value={prompt} onChange={handleChange} />
        <button type="button" onClick={handleSubmit}>Submit</button>
      </div>
      <p>{completion}</p>
    </div>
  );
}
```

2. Convert OpenAI stream to ReadableStream. OpenAI sends a stream of bytes. We need to convert that to a stream of strings.

```javascript
...

const Chatbot = () => {
  ...

  const handleResponse = async (response: Response) => {
    const stream = response.body;
    const textStream = stream.pipeThrough(new TextDecoderStream());
  }

  ...
}
```

3. Make ReadableStream async iterable. ReadableStream is not yet an async iterable in browsers, so we need to convert it to one.
   If our target platform were NodeJS we wouldn't need this step as ReadableStream is already an async iterable in NodeJS.

```javascript
  ...

  // Convert the stream to an async iterator.
  // Found here https://jakearchibald.com/2017/async-iterators-and-generators/#making-streams-iterate
  async function* streamAsyncIterator(stream: ReadableStream) {
    const reader = stream.getReader();
    try {
      while (true) {
        const { done, value } = await reader.read();
        if (done) return;
        yield value;
      }
    } finally {
      reader.releaseLock();
    }
  }

  ...

  const Chatbot = () => {
    ...

    const handleResponse = async (response: Response) => {
      const stream = response.body;
      const textStream = stream.pipeThrough(new TextDecoderStream());
      const asyncIteratorStream = streamAsyncIterator(textStream);
      for await (const chunk of asyncIteratorStream) {
        console.log(chunk);
      }
    }

    ...
  }
```

4. Previously we were logging each chunk to the console. Now we need to parse each chunk as an event. We'll use the `eventsource-parser` package to do this.

```javascript
...

import { createParser, ParsedEvent, ReconnectInterval } from "eventsource-parser";

...

const Chatbot = () => {
  ...

  const parseEvent = (event: ParsedEvent | ReconnectInterval) => {
    console.log(event);
  };

  const handleResponse = async (response: Response) => {
    ...
    const parser = createParser(parseEvent);
    for await (const chunk of asyncIteratorStream) {
      parser.feed(chunk);
    }
  }

  ...
}

```

5. Update completion text as we get each event. You should now see the completion text update as it is generated.

```javascript
...

const Chatbot = () => {
  ...

  const parseEvent = (event: ParsedEvent | ReconnectInterval) => {
    if (event.type !== 'event' || event.data === '[DONE]') {
      return
    }

    const delta = JSON.parse(event.data).choices[0]?.delta?.content || "";
    setCompletion((prev) => {
      if (prev) {
        return prev + delta;
      } else {
        return delta;
      }
    });
  };

  ...
}
```

## Recap

That's it! You should now have a working chatbot that can complete sentences in real time. You can find the full code [here](https://gist.github.com/seanbecker15/49a20ef17e77682d7907f5eba8fd507b).


Use the OpenAI SSE streaming API to make a chatbot that can complete sentences just like ChatGPT.

OpenAI Series: Chat-GPT Style Completion Using SSE Streaming API


- I grew up in Vernon Hills, IL
- I went to Purdue University where I majored in Computer Science and minored in Business Management
- I try to take at least one ski trip every year, usually on the west coast of the US
- I frequently listen to podcasts including Lex Fridman, Andrew Huberman, Joe Rogan, and Sam Harris
- I enjoy building all things related to technology. Please reach out if you have an idea and want advice on how to build it :)

Go back [home](/).


Just a few snippets of information to get to know me.

About Me


<ProjectList filter={({ active }) => !active} />

Go back [home](/).
