ニュースのページをはじめます

合同会社ワーク＆プレイ・イノベーションズは、千歳船橋でコワーキングスペース Tatami Works と、子ども向けのプログラミング教室 Tatami Study を運営しています。

このページでは、会社からのお知らせやイベントの案内に加えて、運営の中で自分たちで作っているもののアップデートを書いていきます。教室の授業で使う教材、日々の運営を助けるツール、そして教室や会社の Webサイトもそのひとつです。

タグで読み分ける

記事には「#お知らせ」「#エンジニア」のようなタグを付けています。一覧の上のタグを選ぶと、そのタグの記事だけを読めます。

技術の話には #エンジニア のタグを付けます。#エンジニア の記事は、Tatami Study の教室サイトにも自動で表示されます。

#エンジニア で書く予定なのは、たとえば次のような話です。

• 授業で使う教材やカリキュラムを、どう作り、どう直したか
• 教室やコワーキングスペースの運営で使っているツールに加えた変更
• Tatami Study の教室サイトや、この会社サイトの仕組みと、その変更点

うまくいったことだけでなく、つまずいたところや、やってみて分かったことも残していくつもりです。

このページの作り方

最初の #エンジニア の記事として、このページ自体の仕組みを紹介します。

記事は Markdown ファイル

このページは CMS を使わず、会社サイトのソースコードと同じ場所に Markdown ファイルとして記事を置く方式にしました。

---
title: ニュースのページをはじめます
date: 2026-10-09
tags: [お知らせ, エンジニア, Webサイト]
---

合同会社ワーク＆プレイ・イノベーションズは、千歳船橋で……

ファイルを1つ足してリポジトリの main ブランチに入れると、自動でデプロイが走り、記事が公開されます。管理画面にログインする必要はなく、記事の変更履歴もコードと一緒に残ります。

ページはビルド時に作る

サイトは Next.js で作っていて、Cloudflare Workers で配信しています。記事の Markdown はビルドのときに読み込んで HTML に変換し、記事ページもそこで書き出します。表示のたびに記事を取りに行く処理はありません。

教室サイトへは RSS で届ける

このページの RSS には、記事ごとにタグが入っています。Tatami Study の教室サイトはこの RSS を定期的に読み、#エンジニア のタグが付いた記事だけを選んで表示しています。教室サイトの側で記事を書き直す必要はありません。

カバーのイラスト

記事のカバーには、記事ごとに選んだイラストを出しています。モチーフは「畳の上のノートパソコン」「積み木」「ブラウザ」「雲と箱」「ノートと鉛筆」「歯車とスパナ」の6種類、地色は い草・柿・藍・山吹・藤・鼠 の6色です。どれもコードで描いた SVG なので、画像ファイルを用意しなくても記事を出せます。写真や図を用意した記事では、そちらをカバーにします。

これから

更新は不定期ですが、お知らせがあるときや、何かを作ったり変えたりしたときに、ここに書いていきます。