福野泰介の一日一創

一日一創を始めた2012年の作品ブロックスのように自在に動かすアプリを作りたくなったので、過去の作品を整理、改善。

「blocks」 src on GitHub
動かすたびにURLのハッシュを変更して、ブロック達の場所を保存。ブックマークから復元できるので、作った作品を取っておいたり、共有することができるようになりました。(参考、jig.jpとブロック表現)

古いJavaScriptのコードを整理、リファインしたので再利用もしやすくなってます。

jigインターン2025の高専インターン生ごじらから聞いた象形文字がかわいい人同士のコミュニケーション用人工言語「トキポナ」をウェブで気軽に使えるように、トキポナ字（トキポナ語の象形文字を呼ぶ）と、読みであるラテン語表記を併記するHTML拡張タグ「toki-pona」を作りました。

「toki-pona HTML custom tag」 src on GitHub
ハイフン付きのHTMLのタグで、customElements.defineで、自由に拡張できます。toki-ponaというタグを定義するスクリプトを読み込み、toki-ponaタグを使うとトキポナ字とラテン表記で表現できます。

<script type="module" src="https://code4fukui.github.io/toki-pona/toki-pona.js"></script> <toki-pona>o toki kepeken toki pona!</toki-pona>

簡単ですね！

ごじらのブログ内のトキポナをtoki-ponaタグで表現するとこんな感じ。
トキポナ辞書を使って、意訳してみると、こんな感じ？

ふくっちは、トキポナで遊ぶツールをつくったよ。すごいー ちょっとの時間でトキポナ語がはなせるようになってきた。パワフル！ よかったら、たくさんの人にトキポナの使い方を広めてね

うれしいメッセージ、ありがとう！ごじら！

「toki-pona on ES-Jam」
ES-Jam上でいろいろ試してみましょう！

「toki-pona on GitHub」
オープンソースです。トキポナに興味ある方、トキポナ話者の方、ぜひ感想やご要望、お寄せください。

links
- トキポナ語の象形文字とラテン表記の相互変換ツール、tokipona-input
- めくって覚えるトキポナ単語、CSVオープンデータとオープンソースでお手軽ゲームづくり
- シンプルなトキポナ辞書と120単語対訳オープンデータ
- 2025 jig.jp サマーインターンシップ 振り返り（ごじら） - jigintern real diary

レトロがテーマ、jigインターン2025の成果発表会の作品の1つ、「おもかげ地図」を、別途デプロイし、個別データ表示、データ一覧ツールを追加してみました。

地図から昔の思い出をポリゴン指定して投稿、共有するサービス、おもかげ地図！

レトロな色味がステキ！

オープンデータにすると良さそうなので、オープンデータ賞！

投稿されたデータを「おもかげ地図」のクレジット表記を入れてもらうことを条件に、自由に使ってOKと提示するのがオープンデータ化。データが増えるほどに、おもかげ地図のPRになり、ますますデータが増えるという好循環が狙えます。

投稿一覧画面、作りました。

「おもかげ地図」
このように個別データへ直接リンクできるようになりました。

「jigintern/2025-summer-c」
GitHubでのオープンソース。誰でも開発に参加できます！

Denoで作ったサービスは、Deno Deployを使って無料で公開できる！

Deno Deploy を試すには、GitHubのアカウントで連携して、まずはコマンドをインストール

deno install -gArf jsr:@deno/deployctl

続いて、デプロイしたリポジトリのディレクトリにて、下記コマンドでOK!

deployctl deploy

デプロイしたURLが表示されます。

Deno KVを使ったサーバーのデータ保存は1GBまでOK。リクエストは100万/月までOK。
いろんなサービス作って公開してみよう！

links
- jig.jpインターンシップ振り返り （たまご） （おもいで地図チーム）
- jig.jpインターンシップ振り返り（じぇい）（おもいで地図チーム）
- jigインターンブログ 2025