Work/FOR SOCIAL LIFE
Education · Curriculum

FOR SOCIAL LIFE

Practical Language Courses for Real Life

実生活で使える、実践的な語学コース

FOR SOCIAL LIFE screenshot 1FOR SOCIAL LIFE screenshot 2

01 / 02
01

Overview

概要

Textbooks teach you to conjugate verbs and order a coffee. They do not teach you to make friends, flirt, or navigate a night out where the conversation moves fast and nobody is speaking in full sentences. For Social Life inverts the usual curriculum: it is built entirely around the social situations people actually want to survive in a new language.

教科書は動詞の活用やコーヒーの注文の仕方は教えてくれます。でも、友達の作り方や、口説き方、会話が速く誰も完全な文で話さない夜の街での過ごし方は教えてくれません。For Social Lifeは一般的なカリキュラムを逆転させ、新しい言語で人々が本当に乗り切りたい社交の場面だけを中心に構成しています。

This one is a curriculum product rather than an AI app, and I include it deliberately — range matters. It distils five languages down to the handful of social scenarios that genuinely change how a trip or a move feels: making friends, flirting, nightlife, and everything after. Each language gets its own cultural identity rather than a one-size-fits-all template.

これはAIアプリではなくカリキュラムのプロダクトで、あえて掲載しています。幅の広さは大切だからです。5つの言語を、旅や移住の印象を本当に変える社交の場面、つまり友達作り、恋愛、ナイトライフ、そしてその先に絞り込みました。各言語には、画一的なテンプレートではなく、それぞれの文化的な個性を持たせています。

02

How it was built

開発

The design leans into the cultures it teaches. Every language carries its own jewel-tone palette and typographic personality — Imperial Red and Gold for Mandarin, Indigo and Sakura for Japanese, Jade and Persimmon for Korean, Orchid and Temple Gold for Thai, Lotus and Jade for Vietnamese. It is sophisticated and culturally informed, never gamified or condescending.

デザインは、教える文化に寄り添っています。各言語に固有の宝石色のパレットと書体の個性があります。中国語はインペリアルレッドとゴールド、日本語は藍と桜、韓国語は翡翠と柿、タイ語は蘭と寺院の金、ベトナム語は蓮と翡翠。ゲーム的でも見下すようでもなく、洗練されていて文化を踏まえたものです。

03

What it does

機能
01
Five Languages
5つの言語

Mandarin, Japanese, Korean, Thai and Vietnamese — each with its own colour-coded identity drawn from the culture it represents.

中国語、日本語、韓国語、タイ語、ベトナム語。それぞれの文化に由来する色分けされた個性があります。

02
Real-Life Scenarios
実生活の場面

Five social-scenario lessons per language, built around the moments that matter: making friends, flirting, nightlife and everything after — not airport announcements and hotel check-ins.

各言語に5つの社交場面のレッスン。空港のアナウンスやホテルのチェックインではなく、友達作り、恋愛、ナイトライフ、その先といった大事な瞬間を中心に作っています。

03
Browser + PDF
ブラウザとPDF

Read any lesson in the browser, or download it as a clean PDF to study offline. The same content, delivered the way you actually want to consume it.

どのレッスンもブラウザで読めるほか、きれいなPDFとしてダウンロードしてオフラインで学習できます。同じ内容を、好きな形で受け取れます。

04
Mobile-First
モバイル優先

Designed to work beautifully on a phone, because that is where you will reach for it — on the train, in the queue, the night before you travel.

電車の中、列に並んでいる時、出発前夜など、手に取るのはスマートフォンなので、スマートフォンで快適に使えるように設計しています。

04

Under the hood

技術の詳細

Curriculum as the productカリキュラムこそがプロダクト

The craft here is the syllabus, not the inference. Each of the five languages distils down to the social scenarios that actually change how a trip or a move feels — making friends, flirting, nightlife — rather than airport announcements and hotel check-ins.

ここでの工夫は推論ではなく、学習内容そのものです。5つの言語それぞれを、空港のアナウンスやホテルのチェックインではなく、友達作り、恋愛、ナイトライフといった、旅や移住の印象を本当に変える社交の場面に絞り込んでいます。

One source, two outputs1つのソースから2つの出力

A structured lesson system renders each course both in-browser and as a downloadable PDF from the same source, with per-language theming across palettes and typography. It's mobile-first, lightweight and login-free — a reminder that good engineering is also knowing when a problem doesn't need a model thrown at it.

構造化されたレッスンの仕組みが、同じソースから各コースをブラウザ表示とダウンロード用PDFの両方に出力し、言語ごとのテーマをパレットと書体に適用しています。モバイル優先で軽量、ログイン不要。モデルを持ち込む必要のない問題を見極めることも良いエンジニアリングだと思い出させてくれます。

05

Stack

技術構成

For Social Life is a Next.js and React application with Tailwind CSS, hosted on Firebase. It is content-driven: a structured lesson system renders each course both in-browser and as a downloadable PDF from the same source, with per-language theming applied across palettes and typography. The build is mobile-first and deliberately lightweight — no login wall, no friction, just the lessons. It sits alongside my AI work as a reminder that good engineering is also knowing when a problem does not need a model thrown at it.

For Social LifeはNext.js、React、Tailwind CSSで構築し、Firebaseでホスティングしています。コンテンツ主導の構成で、構造化されたレッスンの仕組みが、同じソースから各コースをブラウザ表示とダウンロード用PDFの両方に出力し、言語ごとのテーマをパレットと書体に適用しています。モバイル優先で意図的に軽量に作っており、ログインの壁も手間もなく、レッスンだけがあります。AIの仕事と並べて置くことで、モデルを持ち込む必要のない問題を見極めることも良いエンジニアリングだと示しています。

06

Where it is now

現状と今後

For Social Life is live as a content-driven site delivering five languages in-browser and as PDFs. Growth here is curriculum — more languages and more of the social scenarios people actually need — not more machinery.

For Social Lifeはコンテンツ主導のサイトとして公開中で、5つの言語をブラウザとPDFで提供しています。今後の成長は仕組みではなくカリキュラムです。言語を増やし、人々が本当に必要とする社交の場面を増やしていきます。

For Social Life is the counterweight in the portfolio: a product where the craft is in the curriculum and the restraint, not the inference. Sometimes the most respectful thing you can build is a well-made static experience that loads instantly and teaches someone how to make a friend.

For Social Lifeはポートフォリオの中の対となる存在です。工夫は推論ではなく、カリキュラムと抑制にあります。誰かに友達の作り方を教える、すぐに読み込まれる丁寧に作られた静的な体験こそが、最も誠実な作り方であることもあります。

Next case study 次の実績
HAYAAT
Private End-to-End-Encrypted AI Journal
→