作ったものたち

tyoi-server

tyoi-server の起動画面

なんで作ったの？

小さなAPIサーバーや静的ファイルサーバーを簡単に立ち上げるために作っているNode.js / TypeScript製のサーバーフレームワーク。

リンク

npmで見るGitHub でリポジトリをみる

RΛLINE 3D Visual Portfolio

RΛLINE の画面
1 / 2

なんで作ったの？

3D 表現を使った架空のビジュアルポートフォリオ。

リンク

ウェブサイトをみる

タグ連鎖モデル

タグ連鎖モデルの実行結果

なんで作ったの？

入力からアイデアをつなげるモデルの実験。

AI実験 01

AI実験 01

なんで作ったの？

AI実験の作品。

AI実験 02

AI実験 02

なんで作ったの？

AI実験の作品。

AI実験 03

AI実験 03

なんで作ったの？

AI実験の作品。

Blender アニメーション 01

なんで作ったの？

Blender アニメーションの作品。

Blender アニメーション 02

なんで作ったの？

Blender アニメーションの作品。

Blender アニメーション 03

なんで作ったの？

Blender アニメーションの作品。

Blender アニメーション 04

なんで作ったの？

Blender アニメーションの作品。

Blender アニメーション 05

なんで作ったの？

Blender アニメーションの作品。

Blender アニメーション 06

なんで作ったの？

Blender アニメーションの作品。

Blender アニメーション 07

なんで作ったの？

Blender アニメーションの作品。

Blender アニメーション 08

なんで作ったの？

Blender アニメーションの作品。

Blender レンダー 01

Blender レンダー 01

なんで作ったの？

Blender で制作した3D作品。

Blender レンダー 02

Blender レンダー 02

なんで作ったの？

Blender で制作した3D作品。

Blender レンダー 03

Blender レンダー 03

なんで作ったの？

Blender で制作した3D作品。

Blender レンダー 04

Blender レンダー 04

なんで作ったの？

Blender で制作した3D作品。

Blender レンダー 05

Blender レンダー 05

なんで作ったの？

Blender で制作した3D作品。

Blender レンダー 06

Blender レンダー 06

なんで作ったの？

Blender で制作した3D作品。

Blender レンダー 07

Blender レンダー 07

なんで作ったの？

Blender で制作した3D作品。

Blender レンダー 08

Blender レンダー 08

なんで作ったの？

Blender で制作した3D作品。

バス時刻表

バス時刻表の画面
1 / 4

なんで作ったの？

次のバスと出発までの時間を見やすく表示する画面を作ってみた。

C言語 数当てゲーム

ゲーム画面

なんで作ったの？

C言語で作った、難易度を選んで遊べる数当てゲーム。

電子工作

1 / 3

なんで作ったの？

部品を触りながら、電子工作でできることを試していた記録。

エラーページ

1 / 8

なんで作ったの？

エラー画面にも雰囲気をつけたくて作ったデザイン。

ゲーム制作

なんで作ったの？

ゲームを作っていたときの動画記録。

Xヘッダー画像

DONNEKO のXヘッダー画像

なんで作ったの？

ペットボトルのラベル風に作ったヘッダー画像。

YouTubeヘッダー画像

DONNEKO のYouTubeヘッダー画像

なんで作ったの？

DONNEKO のデザインを横長サイズに合わせたヘッダー画像。

宇宙図版

FALL MAP の図版
1 / 2

なんで作ったの？

宇宙をテーマにした図版デザイン。

グリッドシステム

GRID SYSTEM のタイトルカード

なんで作ったの？

グリッドをテーマにしたグラフィック。

Automated Systems

ポスター

なんで作ったの？

自動化システムをテーマにしたグラフィック。

市民生活

ポスター

なんで作ったの？

市民サービスを題材にしたグラフィック。

インターネットサービス

ポスター

なんで作ったの？

ネットワークを題材にしたグラフィック。

梱包表示システム

注意ラベル
1 / 6

なんで作ったの？

梱包用の注意表示とアイコンをまとめたデザイン。

インタラクティブ字幕

プレビュー
1 / 2

なんで作ったの？

ノードで組み立てる字幕表現の試作。

日本語タイポグラフィ

編集画面

なんで作ったの？

日本語文字を使ったグラフィックの試作。

HTML/CSSコーディングバナー

コーディングバナー

なんで作ったの？

HTML/CSS コーディングを題材にしたバナー。

デジタルデザインコレクション

コレクション

なんで作ったの？

過去に作った画面やグラフィックをまとめたもの。

自習マナーポスター

静かな自習
1 / 3

なんで作ったの？

自習時のマナーを伝えるポスター。

配信用フレーム

配信用の21対9フレーム

なんで作ったの？

ワイド配信向けに作ったフレーム素材。

メモアプリリスト

メモアプリの画面
1 / 2

なんで作ったの？

メモを気軽に書き留めるためのシンプルなアプリ。

このサイトの旧デザイン

旧デザイン
1 / 7

なんで作ったの？

このサイトを作り直す前に考えていた実験的なデザイン案。

おにぎりイラスト

おにぎりのイラスト

なんで作ったの？

小さなペンタブの動作確認がてら描いたおにぎり。

東京の都市ポスター

東京の都市ポスター

なんで作ったの？

Photoshop で制作したグラフィック作品。

富士山ポスター

富士山ポスター

なんで作ったの？

Photoshop で制作したグラフィック作品。

求人マッチングポスター

求人マッチングポスター

なんで作ったの？

Photoshop で制作したグラフィック作品。

報・連・相ポスター

報・連・相ポスター

なんで作ったの？

Photoshop で制作したグラフィック作品。

F-15ポスター

F-15ポスター

なんで作ったの？

Photoshop で制作したグラフィック作品。

海ポスター

海ポスター

なんで作ったの？

Photoshop で制作したグラフィック作品。

夏ポスター

夏ポスター

なんで作ったの？

Photoshop で制作したグラフィック作品。

破壊ポスター

破壊ポスター

なんで作ったの？

Photoshop で制作したグラフィック作品。

自作Webサーバー

自作Webサーバーの実行画面

なんで作ったの？

Node.js で Web サーバーの動きを試していた記録。

Stormworks デモ

なんで作ったの？

Stormworks で制作したものの動画記録。

Stormworks モニターウォール

モニターウォール

なんで作ったの？

Stormworks の中で制作したモニター表示。

Stormworks ビルド 01

Stormworks ビルド 01

なんで作ったの？

Stormworks ビルドの作品。

Stormworks ビルド 02

Stormworks ビルド 02

なんで作ったの？

Stormworks ビルドの作品。

Stormworks ビルド 03

Stormworks ビルド 03

なんで作ったの？

Stormworks ビルドの作品。

Stormworks ビルド 04

Stormworks ビルド 04

なんで作ったの？

Stormworks の中で制作したもの。

学習・実験 01

なんで作ったの？

学習・実験の作品。

学習・実験 02

なんで作ったの？

学習・実験の作品。

学習・実験 03

なんで作ったの？

学習・実験の作品。

学習・実験 04

学習・実験 04

なんで作ったの？

学習や試作の記録。

学習・実験 05

学習・実験 05

なんで作ったの？

学習や試作の記録。