Portfolio

主に前職(Web制作業務)での制作実績(代表的なモノ)を紹介します。
Webエンジニアという職種上、技術情報がメインです。

株式会社バッファロー

周辺機器メーカー 株式会社バッファロー BUFFALO http://buffalo.jp/

担当範囲・利用技術

  • トップページ:
    マークアップ全般 / スクリプティング全般(JavaScript, PHP)
  • その他のページ:
    マークアップ(グランド)/ スクリプティング(JavaScript:一部ページ)
  • 使用言語・ライブラリ等:
    XHTML1.0 Transitional / CSS2.1 / JavaScript / PHP / MooTools1.1x/1.2x

説明

2007年10月のトップページリニューアル時にマークアップ・スクリプティング全般担当。その後の何度かのページフル改修時にも担当。製品ナビエリア、プロモーションエリア、ニュースエリア(タブ切り替え、現行トップページにはなし)等をMooToolsを利用して独自スクリプティング。
その後の下層ページ一部改修で、トップページのデザインに合わせた新構成・デザインでグランドコーディングを実施、タブ切り替えや画像ロールオーバーの基本スクリプトを提供。

トップページイメージ(2007年11月時点)
トップページ(2007年11月時点)
トップページイメージ(2008年3月時点)
トップページ(2008年3月時点)

制作会社の制作実績紹介ページ:http://www.aquaring.co.jp/portfolio/detail/buffalo.html

中日ドラゴンズ 公式サイト

中日ドラゴンズ 公式サイト http://dragons.jp/

担当範囲・利用技術

  • サイト全体:
    マークアップ / スクリプティング(JavaScript) / テクニカルディレクション
  • 使用言語・ライブラリ等
    XHTML1.0 Transitional / CSS2.1 / JavaScript / MooTools1.1x

説明

2008年3月のサイトフルリニューアル時にスクリプティング全般、グランドコーディング(マークアップ)とテクニカルディレクションを担当。
トップページを初め各ページのダイナミック演出は、MooToolsを利用して独自スクリプティング。

制作会社の制作実績紹介ページ:http://www.aquaring.co.jp/portfolio/detail/dragons.html

名古屋グランパス 公式サイト

grampus.jpg http://nagoya-grampus.jp/

担当範囲・利用技術

  • サイト全体:
    マークアップ / スクリプティング(JavaScript, PHP) / MovableTypeテンプレートコーディング / テクニカルディレクション
  • 使用言語・ライブラリ等
    XHTML1.0 Transitional / CSS2.1 / JavaScript / PHP5.2 / Perl5.8 / Movable Type 4.2x / MooTools1.2x

説明

2009年2月のサイトフルリニューアル時にスクリプティング全般、テンプレートコーディング(Movable Type)、グランドコーディング(マークアップ)とテクニカルディレクションを担当。
トップページには、ガジェットシステムを導入(MooTools以外の追加ライブラリ無し、PHPとJavaScriptによる独自スクリプティング)。
Movable Type をCMSとして利用し、更新しやすさと利用者の利便性の両方を追求。
トップページを初め下層ページ要所にエージェントシステム(MovableTypeで登録されたデータをキーワードで抽出して出力:Ajax利用独自スクリプティング)により関連記事や写真を動的に埋め込み。
またヘッダナビ・グランドナビ等、アクセシビリティを確保した上でのインタラクティブなナビゲーションメニューを構築。

制作会社の制作実績紹介ページ:http://www.aquaring.co.jp/portfolio/detail/nagoya-grampus.html

sixapart社のサイト紹介記事:http://www.sixapart.jp/business/grampus_movabletype.html

TOYO KITCHEN STYLE | トーヨーキッチン&リビング株式会社

TOYO KITCHEN STYLE | トーヨーキッチン&リビング株式会社 http://www.toyokitchen.co.jp/

担当範囲・利用技術

  • サイト全体:
    マークアップ / スクリプティング(JavaScript) / テクニカルディレクション
  • 使用言語・ライブラリ等
    XHTML1.0 Transitional / CSS2.1 / JavaScript / MooTools1.2x

説明

2009年10月のサイトフルリニューアル時にスクリプティング全般、グランドコーディング(マークアップ)とテクニカルディレクションを担当。
MooToolsを利用し、全ページ共通のグランドナビ、下層ページの左ローカルナビ(エレベーターメニュー)等のインタラクティブなメニューや、スタイリッシュな画像ロールオーバー表現等を実装。

toyokitchen_kitchen.jpg キッチンのトップページでは、横スクロールやマウスホバーによるダイナミックな演出を含めたオリジナルナビを実装。

制作会社の制作実績紹介ページ:http://www.aquaring.co.jp/portfolio/detail/toyokitchen.html

トラックバック(0)

トラックバックURL: http://www.antimon2.atnifty.com/mt5/mt-tb.cgi/82

コメントする

ブログ

研究室
書斎

タグクラウド

最近のブログ記事

【覚書】[Ruby]続・トップレベルに定義したメソッドと同名のメソッドをクラスで定義した場合
研究室ブログ上
第39回FLOSS桜山勉強会
研究室ブログ上
Google Chart API の QRCode 生成機能で日本語を通す方法
研究室ブログ上