FUKUOKA DIGICON PORTFOLIO

一歩先を、
つくる。

福岡デジコン太宰府そう

ブラウザですぐ遊べるゲームと、登録なしで使えるツールをつくっています。ここは、これまでの制作物をまとめた制作実績のページです。

作品を見る できること ご依頼・連絡
  • 01ブラウザで動く
  • 02登録なしで使える
  • 03スマホでも使える
portfolio / profile公開中
太宰府そうのプロフィール画像（イラスト）
太宰府そう
福岡デジコンで制作
CREATOR
WORKS

つくったもの

すべて公開中の作品です。リンク先は公式サイトで、別のタブで開きます。

  • ゲーム

    ほうきバトル

    放課後の教室で、そうじ当番をかけた一騎打ち。ひとりでもふたりでも遊べる8bit対戦ゲーム。

    • JavaScript
    • Canvas
    • Web Audio
  • ゲーム

    Aero Trainer

    ブラウザで遊べる無料の3Dフライトシミュレーター。自由飛行・ミッション・ドローン・司令官の4つの遊び方。

    • JavaScript
    • Three.js
    • WebGL
  • ゲーム

    受験まで365日

    1日の過ごし方を決めたら、閉じていても勉強が進む。模試で判定を上げて本番へ。

    • JavaScript
    • Canvas
    • Web Audio
  • ゲーム

    小さな水族館

    メダカの水槽から始めて、生き物を集めて小さな水族館に。閉じていても育つ放置ゲーム。

    • JavaScript
    • Canvas
    • Web Audio
  • ゲーム

    購買ダッシュ

    昼休みの廊下を走って購買へ。毎日変わるコースで全国ランキングに挑戦。

    • JavaScript
    • Canvas
    • Supabase
  • 教育向け

    番号選び・ペア分け

    番号でランダム指名・順番決め・ペアや班分け。男女・クラス別の条件や名簿CSVにも対応。

    • JavaScript
    • Web Audio
  • 教育向け

    当番表メーカー

    掃除・給食・日直の当番を公平に割り振り。回転式・ローテーション表・カレンダーで印刷できる。

    • JavaScript
    • 印刷用CSS
  • 教育向け

    席替え・座席表

    条件つきのランダム席替え。男女の隣・前の方の席・前回と離すなどに対応し、座席表を印刷。

    • JavaScript
    • 印刷用CSS
  • 教育向け

    中学数学プリント

    中学1年〜3年の20単元の問題を自動作成。答え・解き方つきで印刷もできる。

    • JavaScript
    • Node.js（静的生成）
  • ツール

    PDF結合・分割

    PDFをつなげる・ページを抜き出す・回転する。すべて端末の中で処理します。

    • JavaScript
    • ブラウザ内処理
  • ツール

    QRコード作成

    URL・Wi-Fi・連絡先のQRコードを無料で作成。期限なし・登録不要。PNG／SVGで保存。

    • JavaScript
    • Canvas
    • SVG
  • ツール

    画像リサイズ・圧縮

    画像のサイズ変更・軽量化・形式変換。アップロード不要で、まとめて処理もできます。

    • JavaScript
    • Canvas
    • ブラウザ内処理
  • ツール

    テキスト差分比較

    2つの文章の違いを色分けで表示。日本語は文字単位で比較。入力した文章は送信されません。

    • JavaScript
    • ブラウザ内処理
SKILLS

できること

作品づくりで使っている技術です。小さく作って、ちゃんと動く形にします。

  • HTML / CSS / JavaScript

    ビルド不要の軽いページ、ブラウザで動くゲームやツール。

    FRONTEND

  • Cloudflare Workers

    静的ファイルの配信と、小さなAPI。このページもここで配信します。

    EDGE

  • Supabase

    ランキングや集計など、小さなデータの保存。

    DATABASE

  • GAS（Google Apps Script）

    スプレッドシートやフォームまわりの自動化。

    AUTOMATION

  • Remotion

    コードで組み立てる動画づくり。

    VIDEO

  • AI（Claude）を使った開発

    設計・実装・テストをAIと進める開発。

    AI-ASSISTED
HOW I BUILD

アイデアを、ちゃんと動く形へ。

  1. 01

    アイデア

    「あったら便利」「遊んでみたい」を書き出して、目的をしぼります。

  2. 02

    設計

    画面と動きを決め、端末の中だけで完結できるかを確かめます。

  3. 03

    開発・テスト

    小さく作って試し、テストで動きを確かめながら仕上げます。

  4. 04

    公開・改善

    公開したあとも、使いやすさを見直して直していきます。

CONTACT

ご依頼・ご相談

ご依頼やご相談は、公式サイトのお問い合わせページからお願いします。内容や進め方は「ご依頼・販売」のページにまとめています。

お問い合わせ ご依頼・販売