CoCoLink
掲示板・タイムライン・コミュニティ・DM・ファセット検索・モデレーション・管理画面までを1本にまとめた、多機能なSNS系Webアプリ。
Next.js / TypeScript / React / Prisma
制作事例一覧 / Projects
制作事例
Web 制作・システム開発の制作事例一覧です。
AK²Engine
Eleventyを土台に、YAMLでページ構成とCanvas背景を組み立てる、自作の静的サイト制作基盤。
Eleventy / Node.js / JavaScript / Nunjucks
Color Palette Studio
RGB / HSL / CMYK / HSV の4モードとカラーホイールで色を調整し、配色比較とコントラスト確認ができるカラーパレットツール。
Next.js / TypeScript / React / Node.js
WordPressブログサイト
スピリチュアル心理カウンセラーを題材にした、ブログ・プロフィール・FAQ・お問い合わせを備えたWordPressサンプルサイト。
WordPress / SWELL / Contact Form 7 / CSS
自家焙煎珈琲 ゆきあい
暗い焙煎小屋の空気と、毎朝少量ずつ豆を焼く時間を表現した、架空の自家焙煎カフェの5ページサイト。
PHP / JavaScript / Canvas API / Markdown
整体室 まどろぎ
固定サイドバーで料金と予約を常時見せ、FVスライドショーと弛み罫モチーフ、ブログ「まどろぎ便り」を備えた、架空の整体室サイト。
PHP / JavaScript / Canvas API / Markdown
常盤野税理士事務所
固定10ページとブログ「経営と数字のノート」を、帳簿型グリッドと「二重罫」署名、試算表Canvasで組んだ、架空の税理士事務所サイト。
PHP / JavaScript / Canvas API / Markdown
常盤野あさなぎ工房
利用・製品購入・作業発注の3入口とブログ「工房だより」を、織り場モチーフと個人差の速さを描くCanvasで組んだ、架空の就労継続支援B型事業所サイト。
PHP / JavaScript / Canvas API / Markdown
ぐるりの木 柊野教室
保護者が放課後の過ごし方を具体的に想像できる情報とブログ「教室だより」、夕方の光が移ろうCanvas表現を組み合わせた、架空の放課後等デイサービスサイト。
PHP / JavaScript / Canvas API / Markdown
常盤野リムズ
見学・入会に必要な曜日、費用、雰囲気を短時間で確認でき、減衰と再始動を描くドリブルCanvasを備えた、架空の社会人バスケクラブサイト。
PHP / JavaScript / Canvas API / Markdown
ブックマーク管理
カテゴリ・タグ・評価でリンクを整理できる、CSV保存型のブックマーク管理ツール。
PHP / CSV / JavaScript / Fetch API
ブックマーク管理Desktopアプリ
CSV保存型リンク管理ツール「Linker」を、ElectronでWindowsデスクトップアプリ化した派生版。
Electron / Node.js / JavaScript / CSV
ブラウザ版テトリス
SEGAアーケード版の操作感を意識した、HTML5 Canvasだけで動くブラウザ版テトリス。キー設定とハイスコアに対応。
JavaScript / Canvas API / localStorage / Keyboard Events
メッセージアプリ
1対1とグループチャットに対応した、Socket.IO によるリアルタイム通信のメッセージアプリ。
Next.js / TypeScript / React / Prisma
予約管理システム
WEB予約と店舗管理を一体化した予約管理システム。美容室・整体・教室などへの横展開を想定。
PHP / SQLite / MySQL / PDO
イベント・セミナー受付管理
定員管理・申込者CSV出力を備えた、イベント・セミナーの公開サイトと受付管理システム。
PHP / SQLite / MySQL / PDO
見積・請求管理
インボイス制度に対応した見積書・請求書の発行と入金管理ができる帳票管理システム。
PHP / SQLite / PDO / JavaScript
フォームビルダー
ドラッグ&ドロップでフォームを作成し、回答を集計できるフォーム作成・回答管理システム。
Next.js / TypeScript / React / Prisma
ECサイト
デジタル素材を扱うECサイトのデモ。購入フローまで実装し、決済はモック。
Next.js / TypeScript / React / Prisma
ヘルプデスクシステム
問い合わせ受付からチケット対応までを扱うヘルプデスク。AI返信下書き補助を組み込む。
Next.js / TypeScript / React / Prisma
マイクロブログSNS
140字の短文投稿を中心に、フォロー・通知・検索を備えた小規模なマイクロブログ型SNS。
Next.js / TypeScript / React / Prisma
静的サイト生成CMS
Markdown原稿を管理画面で編集し、「公開」操作で静的HTMLを生成するCMS。WordPressに代わるWeb制作基盤として設計した。
PHP / JavaScript / Markdown / SQLite
よろず掲示板
2ちゃんねる系のスレッド型・匿名テキストボード。板・スレ・レスと管理画面を備える。
PHP / JavaScript / SQLite / MySQL
不動産サイト
設定駆動の汎用ファセット検索エンジンを、不動産物件検索サイトとして実装したデモ。
PHP / JavaScript / SQLite / MySQL
用語集サイト
経済学・心理学などの用語を、カテゴリ・五十音索引・全文検索の3方式で引ける辞典サイト。
PHP / JavaScript / Markdown / Canvas API
AK²Lab公式サイト
自作CMSで静的生成し、Canvas 2Dの3Dワイヤーフレームをヒーローに用いたAK²Lab公式サイト。
PHP / JavaScript / Canvas API / Markdown
ポートフォリオサイト（本サイト）
いまご覧いただいているこのサイト。生成水面とデータ駆動の事例管理を備えた、DBなし・ビルドなしのPHPサイト。
PHP / JavaScript / Canvas API / CSV
在庫管理システム
複数倉庫の在庫・入出庫・棚卸を、追記型の移動台帳で整合管理する在庫管理システム。
PHP / SQLite / MySQL / PDO
ファセット検索プラグイン
既存サイトの投稿タイプ・タクソノミー・カスタムフィールドを、管理画面で選ぶだけで多条件の絞り込み検索にできる汎用WordPressプラグイン。
WordPress / PHP / JavaScript / MySQL
次葉文化アーカイブ
スクロールがそのまま物語の時間軸になる、Three.js（WebGL・GLSLシェーダ）による3Dスクロールストーリーテリングのブランドサイト。文化資料の修復・デジタル化・公開を担う専門会社を題材に、世界観の設定から演出設計・実装まで一貫して制作した。
Next.js / React / TypeScript / Three.js
Webデザインの図解リファレンス
Webデザインの定石を13分野58テーマに分け、1ページ1図で引ける実務リファレンス。Python製の自作生成器で静的HTMLに組み立てている。
Python / Markdown / SVG / JavaScript
条件に一致する制作事例が見つかりませんでした。