Jocelyn Stericker

Let’s build a voice journal in Rust | Ep. 5: Electron + napi-rs 2

2022-01-17T00:01:15+00:00

In this episode, we’re taking our voice journal CLI written in Rust and adding a UI for it. This episode covers many topics very quickly: napi-rs, Electron, Parcel (which uses swc, a JS compiler written in Rust!), React, and Tailwind.

In this series, we’re building Oxygen, a voice journal and audio analysis toolkit for people who want to change the way their voice comes across. In the next few episodes, we’re going to be improving the UI and setting up GitHub Actions to build Oyxgen for Mac, Windows, and Linux. This involves generally making the build/linting setup less ad hoc. Later on, we’ll be adding voice analysis to Oxygen, which is really the whole point.

Let’s build a voice journal in Rust | Ep. 4: audio exports, std::path

2022-01-10T00:01:15+00:00

Today, we’re adding subcommands to export audio clips.

Let’s build a voice journal in Rust | Ep. 3: audio imports

2022-01-04T00:01:15+00:00

Today, we’re adding a subcommand to import existing audio clips.

Let’s build a voice journal in Rust | Ep. 2: opus encoding, db migration

2022-01-03T00:01:15+00:00

Today, we’re taking a brief look at the audio encoding/decoding landscape in Rust and replacing our naive audio encoding with opus.

Let’s build a voice journal in Rust | Ep. 1: audio I/O, SQlite, CLI args

2021-12-31T00:01:15+00:00

In this series, I’m going to build Oxygen, a voice journal and audio analysis toolkit for people who want to change the way their voice comes across. In the first episode, we’re making a CLI clone of the “Voice Memos” app on Apple platforms — it lets you record and play back audio clips. In the next few videos, I’ll talk about audio compression/encoding/decoding and make our CLI app a little more fully featured. Later on, I will also be building a UI and diving into audio processing and analysis.

Figma SVG to React SVG

2019-05-19T18:30:00+00:00

In Figma, you can select anything and copy it as SVG using a context menu option. It’s great! I used this feature to get started the interactive illustrations on the Khan Academy homepage (currently US-only, unless you use that link).

Sadly, the output isn’t JSX, and it embeds images & paths, which adds a lot of busy work before you can actually start adding interactivity.

I made a tool to turn the output from Figma into JSX, while splitting out the images and paths. It’s a simple tool, but it’s already saved me hours.

If this sounds like something that would be useful to you, check it out.

Another game about climbing a mountain!

2018-03-20T18:30:00+00:00

My most recent project (sign-in required) at Khan Academy was a fun program for teachers designed to motivate and engage their students. It takes advantage of peer pressure — the more assignments a class completes, the more progress they’ll have to celebrate on the Brain Training progress tracker. The design was by Jacob Greif and I coded it.

During this project, I had a chance to use Apollo GraphQL for the first time and am a fan. The project is designed to be reskinable and customizable so that we can launch other similar programs around the year, and customize them for different countries and locales.

It’s nice to work on a project that gets this kind of reaction (make sure to turn sound on!):

3rd graders in Mrs.Locovare room are starting off strong 💪😜as the competition begins #BrainTraining @khanacademy @Willow_Dale_ES @CSDKhanAcademy @MathwithJoshG pic.twitter.com/igBQipZA0I
— Conor Corey (@ccorey223) March 19, 2018

Practice makes progress! #KhanBrainTraining #cbrsd With a little bit of preparation to personalize student @khanacademy assignments, teamwork, & expert learners; what else would come of forty minutes of sheer brain power, but HUGE growth & celebrations! I'm on cloud nine! #udl pic.twitter.com/mvJlXvoRO0
— Jennifer Cimini M.Ed (@jenny_cimini) March 20, 2018

And this is why I love my job.

Introducing Hacklily!

2018-03-11T15:29:15+00:00

I’ve been working on an online LilyPond editor in my spare time, and would appreciate your feedback. You can use it as a scratchpad, or sign in with a GitHub account to save sheet music directly there.

Try it at hacklily.org!

It’s inspired by great projects like LilyBin and Overleaf.

You can give me feedback by replying to me, or on GitHub.

I hope you find it useful and am looking forward to your feedback.

Hello World!

2018-03-11T14:48:15+00:00

For those who don’t know me, I am a software engineer working remotely for Khan Academy. In my spare time I play piano, compose, code, bike, climb, and play board games. I live in Waterloo, Canada.

I will — on rare occasions — post about those things.