SN

QUICK SAMPLE MUSIC

音楽試聴サービス

検索内容に基づいて音楽データを表示するWebサービス。

iTunes Search APIを利用。
マルチデバイス対応デザイン。

JavascriptAjaxCSS

Chat Demo

Webチャットアプリケーション

PHP + Ajaxによってリアルタイムに近いチャット機能を実装。
データベースはMySQL。

レスポンシブデザインを採用。

PHPMySQLJavascriptAjaxCSS

Sarchitect

個人ブログ(備忘録)

PHP + MySQLによるCMS構築。
レスポンシブデザインを採用。

PHPMySQLCSSJavascriptSVG

Othello Demo

オセロゲーム

モダンブラウザ向けのブラウザゲーム。
現在、【自由打ち】・【対コンピューター】の2つのモードを用意。

CSS3のプロパティを多く利用したレスポンシブデザイン。

JavascriptCSS

Stop Watch

Androidアプリ

シンプルなストップウォッチ。Javaで制作。

JavaXML
Get it on Google Play

Paint

ペイントアプリケーション

PCの場合はクリックしたままの状態でポインタ(ペン)を移動、タッチデバイスの場合はスワイプすることでペイントが可能。

HTML5 Canvas API + JavaScriptで実装。

JavascriptCanvasHTMLCSS

SHIGEKI NISHITSUJI LABO

実験的作品集

インプットの質を高めることを目的としてアウトプットした作品集。
「クオリティは低いけど取り敢えず作ってみた」集。

サイト本体のメインビジュアルはHTML5 Canvas API + JavaScriptでグラデーションの変化やSVGアニメーションを実装。
レスポンシブデザインを採用。

JavascriptCanvasSVGHTMLCSS

Canvas Aquarium

HTML5 Canvas APIで、グラフィックを作成。

魚の大きさや色、向きなどはランダムに決定される。
ブラウザのサイズによって魚の生成数が変わる仕様。

HTMLCSSJavascriptCanvas

Shigeki Nishitsuji (〜2016)

旧バージョンのポートフォリオサイト (〜2016)

HTML5 Canvas API + JavaScriptでパーティクルアニメーションを実装。
また、トップページのサイト名はSVGを使ったアニメーションを実装。
レスポンシブデザインを採用。

PHPCSSJavascriptCanvasSVG

Shigeki Nishitsuji (〜2014)

旧バージョンのポートフォリオサイト (〜2014)

Webサイトやグラフィックなど、個人作品の掲載。
Ajaxによるスムーズなページ遷移を実現。
レスポンシブデザインを採用。

HTMLCSSJavascript