// YOSHITO TSUTSUI
22e.me
TECHNICAL PARTNER
FREELANCE ENGINEER
WEB · SYSTEM · SIGNAGE
PROFILE
24YEARS
276WORKS
2002 — NOW
主にフロントエンドを担当していますが、
奈良県と大阪市京町堀の靱公園あたりに
CAREER
2002 - 2006( 4 years )
東京のシステム会社にSEとして就職。
業務システム開発と、新人研修を担当。 2006 - 2007( 1 year )
温泉宿で働きながら、
家庭犬訓練士の専門学校へ。 2007 - 2012( 5 years )
知人が東京で立ち上げたWEB制作会社に、
パートナーとして参画。 2012 - NOW( 14 years )
フリーランスのエンジニアとして独立。
SERVICE
- MAKE何をつくるか
- STACK何でつくるか
- ROLEどこを担うか
MAKE 何をつくるか
- CORPORATE SITE（WEB）：事業と会社を伝えるサイト。
- RECRUITING SITE（WEB）：求職者に会社を見せる採用サイト。
- BRAND SITE（WEB）：ブランドそのものを見せるサイト。
- PRODUCT SITE（WEB）：製品の特長と使い方を見せるサイト。
- CAMPAIGN SITE（WEB）：期間を区切って打つサイト。応募や診断を組み込む。
- EVENT SITE（WEB）：イベントの告知と案内のサイト。
- LANDING PAGE（WEB）：1ページで伝え切る。
- E-COMMERCE（WEB）：ものを売るサイト。ECサービスへの組み込みも。
- INTERACTIVE CONTENT（WEB）：触って動く体験型のコンテンツ。
- WEB FORM（WEB）：問い合わせや応募を受けるフォーム。
- BUSINESS SYSTEM（SYSTEM）：社内の業務を回すシステム。
- RESERVATION SYSTEM（SYSTEM）：予約の受付と管理画面。サイトに組み込んで作る。
- ADMIN DASHBOARD（SYSTEM）：運用する人が使う管理画面。
- CUSTOM CMS（SYSTEM）：更新のしかたに合わせて作る CMS。
- WORDPRESS PLUGIN（SYSTEM）：足りない機能を WordPress に足す。
- DIGITAL SIGNAGE（SIGNAGE）：サイネージの表示コンテンツと、それを動かすシステムの開発。
STACK 何でつくるか
- JAMSTACK（ARCHITECTURE）：静的サイトとヘッドレスCMSで組む、表示の速いサイト。
- HEADLESS CMS（ARCHITECTURE）：入稿だけを預けて、表示は自前で作る。
- NUXT（FRAMEWORK）：Vue で組むときの土台。SSR と静的書き出し。
- VUE（FRAMEWORK）：画面を部品に分けて組む。
- ASTRO（FRAMEWORK）：必要なところにだけ JS を載せる。
- NEXT.JS（FRAMEWORK）：React で組むときの土台。
- REACT（FRAMEWORK）：Vue と同じ組み方を React でも。
- TYPESCRIPT（FRAMEWORK）：型で間違いを先に潰す。
- TAILWIND CSS（FRAMEWORK）：クラスで書く CSS。人が変わっても崩れない。
- LARAVEL（FRAMEWORK）：PHP で組むサーバー側。
- WORDPRESS（CMS · EC）：自社で更新できるサイトを WordPress で。テーマやプラグインの開発まで。
- SHOPIFY（CMS · EC）：ECサイトを Shopify で。テーマの実装と改修。
- THREE.JS（GRAPHICS）：ブラウザの中で 3D を動かす。
- GLSL（GRAPHICS）：シェーダーで描く、動きのあるビジュアル。
- WEBGPU（GRAPHICS）：WebGL の次の描画方式。対応する環境では、こちらで。
- NODE.JS（PLATFORM）：サーバー側も JavaScript で。
- ELECTRON（PLATFORM）：WEBの技術のまま、PCの画面で動かす。
- AWS（PLATFORM）：サイトを置く場所の用意と設定。
- VERCEL（PLATFORM）：Next.js や Nuxt をそのまま載せる。
- FIREBASE（PLATFORM）：認証やデータの置き場を借りる。
ROLE どこを担うか
- PLANNING（PLAN）：作るものを決める段から入る。
- DIRECTION（PLAN）：進行と、技術まわりの判断。
- WEB DESIGN（DESIGN）：画面の設計から請けることも。
- FRONT-END（BUILD）：画面側の実装。マークアップから動きまで。
- BACK-END（BUILD）：見えない側の実装。データの出し入れと連携。
- MAINTENANCE（RUN）：公開したあとの更新と修正。
- SEO（RUN）：検索に合う構造とマークアップ。
- ANALYTICS（RUN）：計測を仕込んで、公開後を見る。
- TECHNICAL TRAINING（TEACH）：エンジニア向けの研修と講習。
- FULL PACKAGE（ALL）：中小企業のWEBサイトを、企画から公開後の更新まで一式で。
- TECHNICAL PARTNER（ALL）：制作会社の技術側に、案件単位ではなく継続で。
WORKS
2026.vue — 22e-works
2026.vue- 1
<script setup lang="ts">
- 2
const year = 2026
- 3
const frontend = ['HTML/CSS', 'JavaScript', 'three.js', 'React', 'Vue.js', 'GLSL', 'Tailwind CSS', 'TypeScript', 'PixiJS']
- 4
const backend = ['Movable Type', 'PHP', 'WordPress']
- 5
const platform = ['Electron', 'Shopify']
- 6
const AI = ['Claude Code', 'Codex', 'Gemini']
- 7
const works = [
- 8
'子ども向けアーケードリズムゲーム実装',
- 9
'電子部品メーカーの展示用サイネージ・インタラクティブコンテンツ実装',
- 10
'商業施設の開業告知ランディングページ実装・更新',
- 11
'製造業の製品紹介ランディングページ実装（適合表・取扱店検索）',
- 12
'ボディケアブランドのWEBサイト実装',
- 13
'電子機器メーカーのコーポレートサイト実装',
- 14
'腕時計販売の越境ECサイト実装',
- 15
'お香・線香メーカーのWEBサイト検索システム実装',
- 16
'お香・線香メーカーのタブレット用カウンセリングアプリ（PWA）実装',
- 17
'IT企業のWEBサイトのキービジュアルアニメーション実装',
- 18
'化粧品メーカーのブランドサイトのリニューアル実装・キャンペーン対応',
- 19
]
- 20
</script>
- 21
- 22
<template>
- 23
<section class="works">
- 24
<h2>{{ year }}</h2>
- 25
<li v-for="w in works" :key="w">{{ w }}</li>
- 26
</section>
- 27
</template>
- 1
<script setup lang="ts">
- 2
const year = 2025
- 3
const frontend = ['HTML/CSS', 'three.js', 'React', 'Vue.js', 'GLSL', 'Nuxt', 'Next.js', 'Tailwind CSS', 'TypeScript', 'PixiJS']
- 4
const backend = ['PHP', 'WordPress', 'Node.js']
- 5
const platform = ['AWS', 'microCMS', 'Firebase', 'Netlify', 'Electron']
- 6
const AI = ['ChatGPT']
- 7
const works = [
- 8
'電力会社の採用情報ページ改修',
- 9
'ケーキ製造・販売会社のWEBサイト改修',
- 10
'ライフスタイルブランドの10周年記念特設サイト実装',
- 11
'子ども向け体験型コンテンツ実装',
- 12
'給食サービス会社のコーポレートサイト実装',
- 13
'金融機関の各種サービス紹介ランディングページ実装',
- 14
'生活雑貨メーカーのランディングページ実装',
- 15
'筆記具メーカーの手書き診断体験コンテンツ実装',
- 16
'鉄道会社の球体ディスプレイ向け体験型ゲーム実装（スマートフォン連動）',
- 17
'子ども向け運動プログラム会社のコーポレートサイト実装・改修',
- 18
'腕時計修理サービスのチェックシート自動解析システム構築',
- 19
]
- 20
</script>
- 21
- 22
<template>
- 23
<section class="works">
- 24
<h2>{{ year }}</h2>
- 25
<li v-for="w in works" :key="w">{{ w }}</li>
- 26
</section>
- 27
</template>
- 1
---
- 2
const year = 2024
- 3
const works = [
- 4
'国際イベントの公式サイト運用・改修',
- 5
'WEBデザインギャラリーサイト実装',
- 6
'電力会社の採用情報ページ改修',
- 7
'妊活支援サイトの更新',
- 8
'省エネ住宅支援事業のシステム構築',
- 9
'神戸のセレクトショップのオンラインストア実装',
- 10
'セキュリティ系IT企業の採用サイト実装',
- 11
'高級ランジェリーブランドの特設サイト実装',
- 12
'腕時計修理サービスのWEBサイト運用',
- 13
]
- 14
---
- 15
- 16
<section class="works">
- 17
<h2>{year}</h2>
- 18
{works.map((w) => <p>{w}</p>)}
- 19
</section>
- 1
---
- 2
const year = 2023
- 3
const works = [
- 4
'美容業界向けWEBサイトのリニューアル実装',
- 5
'電力会社の採用情報ページ改修',
- 6
'貴金属関連の特設サイト実装',
- 7
'エステティックサービスのWEBサイト実装',
- 8
'食品ブランドのWEBサイト実装',
- 9
'布団販売会社のブランドサイト実装',
- 10
'睡眠がテーマのランディングページ実装',
- 11
'女子大学の学科情報ページ改修',
- 12
'建築家のコーポレートサイト実装',
- 13
'ゲーム会社の製品紹介サイト実装',
- 14
'国際イベントの公式サイト実装',
- 15
'腕時計修理サービスのWEBサイト制作',
- 16
]
- 17
---
- 18
- 19
<section class="works">
- 20
<h2>{year}</h2>
- 21
{works.map((w) => <p>{w}</p>)}
- 22
</section>
- 1
<script setup lang="ts">
- 2
const year = 2022
- 3
const frontend = ['HTML/CSS', 'JavaScript', 'Vue.js', 'Nuxt']
- 4
const backend = ['PHP', 'WordPress']
- 5
const platform = ['Vercel']
- 6
const works = [
- 7
'一般社団法人のWEBサイト実装',
- 8
'お菓子製造会社のコーポレートサイト実装',
- 9
'音楽制作会社の特設サイト実装',
- 10
'AGA（男性型脱毛症）治療関連のランディングページ実装',
- 11
'家電製品のプロモーション特設ページ改修',
- 12
'妊活支援サイトの更新',
- 13
'ゴルフ関連会社のWEBサイト運用・保守',
- 14
'電力会社の採用サイト実装',
- 15
'女子大学のWEBサイト運用・保守',
- 16
'検定試験のWEBサイト改修',
- 17
'グッズ製造・販売会社のWEBサイト実装',
- 18
'ケーキ製造・販売会社のWEBサイトのSEO対策',
- 19
'建築資材販売会社のWEBサイト改修',
- 20
'WordPressのお気に入り機能プラグイン実装',
- 21
'グッズ製造・販売会社のWEBサイト実装',
- 22
'中小企業向け金融サポートサービスのWEBサイト実装',
- 23
]
- 24
</script>
- 25
- 26
<template>
- 27
<section class="works">
- 28
<h2>{{ year }}</h2>
- 29
<li v-for="w in works" :key="w">{{ w }}</li>
- 30
</section>
- 31
</template>
- 1
<script setup lang="ts">
- 2
const year = 2021
- 3
const frontend = ['HTML/CSS', 'JavaScript', 'Vue.js']
- 4
const backend = ['WordPress']
- 5
const works = [
- 6
'製薬会社の製品紹介ページ実装',
- 7
'セキュリティサービスの製品特設サイト実装',
- 8
'自治体の特設ページ実装',
- 9
'製薬会社のキャンペーン特設ページ実装',
- 10
'女子大学のWEBサイト運用・保守',
- 11
'化学会社のWEBサイト改修',
- 12
'化粧品のキャンペーンサイト実装',
- 13
'お寺の特設サイト実装',
- 14
'検定試験のWEBサイト改修',
- 15
'大学のコンセプト紹介ランディングページ実装',
- 16
'酒造会社の製品紹介ランディングページ実装',
- 17
'製薬会社の製品特設サイトの保守',
- 18
'ベンチャー企業のコーポレートサイト実装',
- 19
'製薬会社のコーポレートサイト実装',
- 20
'ごま油の製品紹介サイト実装',
- 21
]
- 22
</script>
- 23
- 24
<template>
- 25
<section class="works">
- 26
<h2>{{ year }}</h2>
- 27
<li v-for="w in works" :key="w">{{ w }}</li>
- 28
</section>
- 29
</template>
- 1
<script setup lang="ts">
- 2
const year = 2020
- 3
const frontend = ['HTML/CSS', 'JavaScript', 'three.js', 'Vue.js', 'GLSL']
- 4
const backend = ['WordPress']
- 5
const works = [
- 6
'オーダーメイド家具のシミュレーター実装',
- 7
'製薬会社の製品ページの運用・保守',
- 8
'製薬会社の製品紹介ランディングページ実装',
- 9
'大学のイベント・プロジェクト特設サイト実装',
- 10
'楽器メーカーの製品・イベント特設サイト実装',
- 11
'化学工業会社のコーポレートサイト実装',
- 12
'化粧水のプロモーションキャンペーンサイト実装',
- 13
'子ども向け教育・エンターテインメント特設サイト実装',
- 14
'ケーキ店のWEBサイト改修',
- 15
'WEBサイトのフォーム改修（使い勝手・機能の向上）',
- 16
'メガネメーカーのWEBサイトのJavaScript機能実装',
- 17
'化学製品メーカーのコーポレートサイト実装',
- 18
]
- 19
</script>
- 20
- 21
<template>
- 22
<section class="works">
- 23
<h2>{{ year }}</h2>
- 24
<li v-for="w in works" :key="w">{{ w }}</li>
- 25
</section>
- 26
</template>
- 1
<script setup lang="ts">
- 2
const year = 2019
- 3
const frontend = ['HTML/CSS', 'JavaScript', 'three.js', 'Vue.js', 'GLSL']
- 4
const backend = ['PHP', 'WordPress', 'Sitecore', 'Laravel']
- 5
const platform = ['futureshop']
- 6
const works = [
- 7
'製薬会社の製品サイトの運用・保守',
- 8
'ゴルフ関連サイトの運用・保守',
- 9
'ヘアメイクアップアーティストのWEBサイト実装',
- 10
'飲料水メーカーのCRM・ECシステムの機能修正',
- 11
'製薬会社の製品・キャンペーン特設ページ実装',
- 12
'大学の公式サイト改修',
- 13
'自治体のPRサイト実装',
- 14
'海外のバンド・映画の特設サイト実装',
- 15
'化粧品のプロモーション用ランディングページ実装',
- 16
'広告代理店のサービス紹介サイト実装',
- 17
'市営公園の情報サイト実装',
- 18
'映像制作会社のCMS実装',
- 19
'酒造会社の製品紹介ランディングページ実装',
- 20
'レジシステム会社の製品紹介ランディングページ実装',
- 21
'電鉄会社のクリスマスイベント特設サイト実装',
- 22
]
- 23
</script>
- 24
- 25
<template>
- 26
<section class="works">
- 27
<h2>{{ year }}</h2>
- 28
<li v-for="w in works" :key="w">{{ w }}</li>
- 29
</section>
- 30
</template>
- 1
<?php
- 2
- 3
namespace Works;
- 4
- 5
// 18 works / PLANNING DESIGN WEB DIRECTION CODING
- 6
class Y2018
- 7
{
- 8
const FRONTEND = [
- 9
'HTML/CSS', 'JavaScript',
- 10
];
- 11
- 12
const BACKEND = [
- 13
'WordPress', 'Python',
- 14
];
- 15
- 16
const PLATFORM = [
- 17
'futureshop',
- 18
];
- 19
- 20
const LIST = [
- 21
'製薬会社のお正月キャンペーンサイト実装',
- 22
'ケーキ会社の新ブランドサイト制作',
- 23
'FMラジオ局のイベント・特集ページ実装',
- 24
'音楽フェスティバルの特設サイト実装',
- 25
'アパレルブランドの採用サイト実装',
- 26
'大学の公式サイト改修',
- 27
'会員登録促進キャンペーンサイト実装',
- 28
'NPO法人の公式サイト実装',
- 29
'futureshopを使ったECサイト実装',
- 30
'仏教系大学のキャンペーンサイト実装',
- 31
'化粧品ブランドの公式サイト実装',
- 32
'飲料水メーカーのCRM・ECシステム実装',
- 33
'建築資材会社のコーポレートサイト実装',
- 34
'椅子ブランドの製品紹介サイト実装',
- 35
'金融系サービスの管理画面フロントエンド実装',
- 36
'お寺の紹介ランディングページ実装',
- 37
'自治体の公式プラットフォームのJavaScript実装',
- 38
'暗号資産の自動取引BOT制作（個人制作）',
- 39
];
- 40
}
- 1
<script setup lang="ts">
- 2
const year = 2017
- 3
const frontend = ['HTML/CSS', 'JavaScript', 'Vue.js']
- 4
const backend = ['PHP', 'CodeIgniter', 'Sitecore']
- 5
const works = [
- 6
'エンジニア向け技術研修の講師',
- 7
'アパレルブランドのランディングページ実装・改修',
- 8
'船舶関連事業のPRサイト実装',
- 9
'化粧品カタログのWEBサイト改修',
- 10
'化粧品の新ブランドのWEBサイト実装',
- 11
'大学の公式サイト改修',
- 12
'自治体のPRサイト改修',
- 13
'高級マンションのランディングページ実装',
- 14
'大学のイベント・テーマ別特設サイト実装',
- 15
'Twitter連動の肌診断キャンペーン実装',
- 16
'旅行会社のプロモーション用特設ページ実装',
- 17
'音楽制作会社のコーポレートサイト実装',
- 18
'通信会社のキャンペーンサイト実装',
- 19
'椅子メーカーの新製品ティーザーサイト実装',
- 20
'携帯電話メーカーの製品紹介ランディングページ実装',
- 21
'電鉄会社の高速バス予約システム実装',
- 22
]
- 23
</script>
- 24
- 25
<template>
- 26
<section class="works">
- 27
<h2>{{ year }}</h2>
- 28
<li v-for="w in works" :key="w">{{ w }}</li>
- 29
</section>
- 30
</template>
- 1
import React from 'react'
- 2
- 3
export default function Works2016() {
- 4
const works = [
- 5
'エンジニア向け研修・講習会の講師',
- 6
'医薬品の製品情報ページ実装',
- 7
'システム開発会社のPRページの改修',
- 8
'製薬会社のブランドサイト改修',
- 9
'数学教育アプリ開発',
- 10
'新作映画のプロモーション用特設サイト実装',
- 11
'大学の公式サイト改修',
- 12
'ゴルフ関連会社のWEBサイト改修',
- 13
'グッズ製造・販売会社の製品紹介サイト実装',
- 14
'携帯電話会社の製品紹介ランディングページ実装',
- 15
'製薬会社のキャンペーンサイト実装',
- 16
'グッズ販売会社のECサイト実装',
- 17
'携帯電話会社の管理画面フロントエンド開発',
- 18
'高級マンションのランディングページ実装',
- 19
'高等学校のWEBサイトの問い合わせフォーム改修',
- 20
'WordPressのページネーション実装',
- 21
'化粧品の楽天市場店舗ページ実装',
- 22
'空調設備会社の特設プロモーションページ実装',
- 23
'下着メーカーのブランドサイト実装',
- 24
]
- 25
return (
- 26
<ul className="works">
- 27
{works.map((w) => (
- 28
<li key={w}>{w}</li>
- 29
))}
- 30
</ul>
- 31
)
- 32
}
- 1
package works {
- 2
- 3
// 19 works / CODING
- 4
public class Y2015 {
- 5
- 6
public static const FRONTEND:Array = [
- 7
"Flash", "HTML/CSS", "JavaScript", "ActionScript", "three.js",
- 8
];
- 9
- 10
public static const BACKEND:Array = [
- 11
"PHP", "WordPress", "CodeIgniter",
- 12
];
- 13
- 14
public static const LIST:Array = [
- 15
"ゲーム開発会社の採用サイト実装",
- 16
"携帯電話会社のプロモーション用Flashバナー実装",
- 17
"一般社団法人の公式サイト実装",
- 18
"不動産関連会社のコーポレートサイト実装",
- 19
"旅行予約サイトのサーバーサイド機能開発",
- 20
"ゴルフ関連会社のコーポレートサイト実装",
- 21
"大学の公式サイト実装",
- 22
"仏教関連の特設サイト実装",
- 23
"北陸の観光情報サイト運用",
- 24
"タイ旅行情報のWEBサイト実装",
- 25
"ホテル会社のプロモーション特設サイト実装",
- 26
"不動産プロジェクトの特設プロモーションサイト実装",
- 27
"工業大学のイベント・テーマ別特設サイト実装",
- 28
"企画会社のコーポレートサイト実装",
- 29
"シューズメーカーの製品紹介Flash特設サイトの運用",
- 30
"化粧品ブランドの公式サイト実装",
- 31
"飲料メーカーの海外向け問い合わせフォーム実装",
- 32
"ヘアアイロンの製品紹介サイト実装",
- 33
"大学講座・セミナーの資料作成支援",
- 34
];
- 35
}
- 36
}
- 1
package works {
- 2
- 3
// 18 works / DESIGN SYSTEM DIRECTION CODING
- 4
public class Y2014 {
- 5
- 6
public static const FRONTEND:Array = [
- 7
"Flash", "HTML/CSS", "JavaScript", "ActionScript",
- 8
];
- 9
- 10
public static const BACKEND:Array = [
- 11
"PHP", "concrete5", "WordPress",
- 12
];
- 13
- 14
public static const PLATFORM:Array = [
- 15
"AWS",
- 16
];
- 17
- 18
public static const LIST:Array = [
- 19
"酒造メーカーの公式サイト改修",
- 20
"大学のFacebook API連携プログラム修正",
- 21
"シューズメーカーの製品紹介Flash特設サイトの運用",
- 22
"電鉄会社のプロモーションキャンペーンサイト実装",
- 23
"携帯電話会社の製品紹介サイト実装",
- 24
"アパレル会社のイベント・製品ライン特設サイト実装",
- 25
"テレビ局のWEBサイト改修",
- 26
"光回線サービスのPRサイト運用",
- 27
"サウンドノベル系コンテンツのFlashデザイン・実装",
- 28
"不動産プロジェクトの特設プロモーションサイト実装",
- 29
"北陸の観光情報サイト実装",
- 30
"飲料メーカーのプロモーションキャンペーンサイト実装",
- 31
"冷蔵庫の製品情報サイト運用",
- 32
"アイドルグループのWEB投票イベントのディレクション・実装",
- 33
"音楽会社の問い合わせ・応募フォーム実装",
- 34
"空調機器メーカーの製品紹介特設サイト実装",
- 35
"塗料メーカーのWEBサイトへのWordPress導入",
- 36
"concrete5を使ったWEBサイト改修",
- 37
];
- 38
}
- 39
}
- 1
package works {
- 2
- 3
// 26 works / DESIGN SYSTEM DIRECTION CODING
- 4
public class Y2013 {
- 5
- 6
public static const FRONTEND:Array = [
- 7
"Flash", "HTML/CSS", "JavaScript", "ActionScript",
- 8
];
- 9
- 10
public static const BACKEND:Array = [
- 11
"PHP",
- 12
];
- 13
- 14
public static const LIST:Array = [
- 15
"パチンコ関連のFlash特設サイト制作",
- 16
"専門学校の公式サイト実装",
- 17
"本のお気に入り共有サービスの機能改修",
- 18
"化粧品の製品紹介サイトのデザイン・実装",
- 19
"光回線サービス紹介用Flash動画制作",
- 20
"光回線サービスのWEBサイトのデザイン・実装",
- 21
"コンタクトレンズのランディングページ実装",
- 22
"ラーメンメーカーのFacebookファンページ実装",
- 23
"お笑い芸人のプロモーション用ランディングページ実装",
- 24
"金融関連会社のWEBサイトトップページ用Flashコンテンツ実装",
- 25
"不動産会社のランディングページ実装",
- 26
"光回線事業者のWEBサイト改修",
- 27
"光回線事業者のFlashコンテンツ実装",
- 28
"医薬品メーカーのWEBサイト用JavaScriptモックアップ制作",
- 29
"WEBデザイン雑誌の原稿執筆",
- 30
"ベビーカーの製品紹介サイト実装",
- 31
"化粧品の診断コンテンツ実装",
- 32
"飲料水のプロモーション特設サイト実装",
- 33
"衣料品のプロモーション特設サイト実装",
- 34
"時計店のFlashコンテンツ制作",
- 35
"マッチングサービスのフロントエンド開発",
- 36
"ポータルサイト内の特設プロモーションサイトのデザイン・実装",
- 37
"大学農学部の紹介ムービー制作",
- 38
"テレビドラマ関連WEBサイトの運用・保守",
- 39
"シューズメーカーの特設プロモーションサイト実装",
- 40
"衣料品の製品紹介サイト実装",
- 41
];
- 42
}
- 43
}
- 1
package works {
- 2
- 3
// 16 works / DESIGN SYSTEM DIRECTION CODING
- 4
public class Y2012 {
- 5
- 6
public static const FRONTEND:Array = [
- 7
"Flash", "HTML/CSS", "JavaScript", "ActionScript",
- 8
];
- 9
- 10
public static const BACKEND:Array = [
- 11
"PHP",
- 12
];
- 13
- 14
public static const LIST:Array = [
- 15
"マンション紹介用Flashコンテンツのオーサリング",
- 16
"iPad向けWEBサイトのデザイン・コーディング",
- 17
"総合ペット製品メーカーのWEBサイト検索機能実装",
- 18
"シューズメーカーの製品紹介用Flashコンテンツのオーサリング",
- 19
"Facebook上で動く診断Flashアプリ開発",
- 20
"マンション販売促進ランディングページ用Flashコンテンツのオーサリング",
- 21
"飲料水ブランドサイトのJavaScriptコーディング",
- 22
"着せ替えFlashコンテンツ制作",
- 23
"ゲーム紹介サイトのディレクション",
- 24
"シューズメーカーの製品紹介用Flashコンテンツのオーサリング（第2弾）",
- 25
"動画投稿サイト用Flashバナー制作",
- 26
"お寺のWEBサイトのワイヤーフレーム・デザイン制作",
- 27
"お菓子のキャンペーン用Flashコンテンツ制作",
- 28
"子ども向け教育機関のランディングページ実装",
- 29
"雑誌の公式サイトのデザイン・実装",
- 30
"Facebook診断アプリの機能修正",
- 31
];
- 32
}
- 33
}
- 1
package works {
- 2
- 3
// 11 works / DESIGN SYSTEM DIRECTION CODING
- 4
public class Y2011 {
- 5
- 6
public static const FRONTEND:Array = [
- 7
"Flash", "HTML/CSS", "JavaScript", "ActionScript", "Lua",
- 8
];
- 9
- 10
public static const BACKEND:Array = [
- 11
"PHP",
- 12
];
- 13
- 14
public static const LIST:Array = [
- 15
"フィットネス関連WEBサイトの運用・保守",
- 16
"ホームジャック広告用Flashバナー制作",
- 17
"携帯電話向けFlashコンテンツ制作",
- 18
"カスタマイズ可能な動画プレイヤー制作",
- 19
"コンペ提出用デザイン制作",
- 20
"演歌歌手の芸道50周年記念WEBサイト実装",
- 21
"クレジットカードのランディングページ実装",
- 22
"自動車修理工房のWEBサイト制作",
- 23
"クレジットカード会社のキャンペーン用Flashシステムのディレクション",
- 24
"記念フォトブックサービス実装",
- 25
"ゲームプレイ補助ソフトウェア開発",
- 26
];
- 27
}
- 28
}
- 1
package works {
- 2
- 3
// 12 works / SYSTEM DIRECTION CODING
- 4
public class Y2010 {
- 5
- 6
public static const FRONTEND:Array = [
- 7
"Flash", "HTML/CSS", "JavaScript", "ActionScript", "Objective-C",
- 8
];
- 9
- 10
public static const BACKEND:Array = [
- 11
"C#/C++", "PHP",
- 12
];
- 13
- 14
public static const LIST:Array = [
- 15
"フィットネス関連WEBサイトの運用・保守",
- 16
"WEB制作会社の年賀Flashサイト制作",
- 17
"雑貨製品のWEBサイト運用",
- 18
"腕時計のプロモーション用Flashバナー制作",
- 19
"学校の公式サイト用Flashコンテンツ実装",
- 20
"ECサイトのトップページ用Flashコンテンツ実装",
- 21
"モデル事務所のWEBサイト用Flashコンテンツ実装",
- 22
"ゲームのランディングページ用Flashコンテンツ制作（携帯電話向け）",
- 23
"アーティスト向けiPhoneアプリ開発",
- 24
"税理士事務所のFlashコンテンツ改修",
- 25
"不動産のランディングページ用Flashコンテンツ実装",
- 26
"ゲームプレイ補助ソフトウェア開発",
- 27
];
- 28
}
- 29
}
- 1
package works {
- 2
- 3
// 7 works / DESIGN CODING
- 4
public class Y2009 {
- 5
- 6
public static const FRONTEND:Array = [
- 7
"Flash", "HTML/CSS", "JavaScript", "ActionScript",
- 8
];
- 9
- 10
public static const LIST:Array = [
- 11
"フィットネス関連WEBサイトの運用・保守",
- 12
"展示会用インタラクティブFlashコンテンツ制作",
- 13
"腕時計ブランドのWEBサイトトップページ用Flashコンテンツ制作",
- 14
"モデル事務所のWEBサイト用Flashコンテンツ実装",
- 15
"各種WEBサイト・広告キャンペーン用バナーのデザイン制作",
- 16
"病院のWEBサイト用Flashコンテンツ実装",
- 17
"雑貨販売サイトの運用",
- 18
];
- 19
}
- 20
}
- 1
package works {
- 2
- 3
// 3 works / PLANNING DESIGN CODING
- 4
public class Y2008 {
- 5
- 6
public static const FRONTEND:Array = [
- 7
"Flash", "HTML/CSS", "JavaScript",
- 8
];
- 9
- 10
public static const BACKEND:Array = [
- 11
"Movable Type",
- 12
];
- 13
- 14
public static const LIST:Array = [
- 15
"WEBサイト制作・運用",
- 16
"紙媒体制作",
- 17
"イベントスタッフ",
- 18
];
- 19
}
- 20
}
- 1
# 2007
- 2
- 3
温泉宿で働きながら、家庭犬訓練士の専門学校へ。
- 4
- 5
## works
- 6
- 7
- 温泉宿スタッフ
- 8
- 家庭犬訓練士見習い
- 9
- 10
---
- 11
- 12
> 2006 - 2007 ( 1 year )
- 13
> この年は現場を離れている。技術タグは無い。
- 14
- 15
<!-- 年輪では細線で描かれる -->
- 1
<%@ Page Language="C#" %>
- 2
- 3
<script runat="server">
- 4
public static readonly string[] Backend = {
- 5
"ASP.NET", "PL/SQL", "SQL Server", "ColdFusion"
- 6
};
- 7
- 8
public static readonly string[] Platform = {
- 9
"Microsoft Access", "Microsoft Excel"
- 10
};
- 11
- 12
public static readonly string[] List = {
- 13
"印刷会社の発注管理システム開発",
- 14
"新人研修講師",
- 15
};
- 16
</script>
- 17
- 18
<section class="works">
- 19
<h2>2006</h2>
- 20
<% foreach (var w in List) { %>
- 21
<li><%= w %></li>
- 22
<% } %>
- 23
</section>
- 1
<%@ Page Language="C#" %>
- 2
- 3
<script runat="server">
- 4
public static readonly string[] Backend = {
- 5
"ASP.NET", "PL/SQL", "SQL Server", "ColdFusion"
- 6
};
- 7
- 8
public static readonly string[] List = {
- 9
"ガス会社の基幹システム開発",
- 10
};
- 11
</script>
- 12
- 13
<section class="works">
- 14
<h2>2005</h2>
- 15
<% foreach (var w in List) { %>
- 16
<li><%= w %></li>
- 17
<% } %>
- 18
</section>
- 1
<%@ Page Language="C#" %>
- 2
- 3
<script runat="server">
- 4
public static readonly string[] Backend = {
- 5
"ASP.NET", "PL/SQL", "SQL Server", "ColdFusion"
- 6
};
- 7
- 8
public static readonly string[] List = {
- 9
"営業管理システム開発",
- 10
};
- 11
</script>
- 12
- 13
<section class="works">
- 14
<h2>2004</h2>
- 15
<% foreach (var w in List) { %>
- 16
<li><%= w %></li>
- 17
<% } %>
- 18
</section>
- 1
<%@ Page Language="C#" %>
- 2
- 3
<script runat="server">
- 4
public static readonly string[] Backend = {
- 5
"ASP.NET", "C#/C++", "PL/SQL", "SQL Server"
- 6
};
- 7
- 8
public static readonly string[] List = {
- 9
"新人研修講師",
- 10
"業務システムのバッチ処理開発",
- 11
};
- 12
</script>
- 13
- 14
<section class="works">
- 15
<h2>2003</h2>
- 16
<% foreach (var w in List) { %>
- 17
<li><%= w %></li>
- 18
<% } %>
- 19
</section>
- 1
# 2002
- 2
- 3
東京のシステム会社にSEとして就職。
- 4
- 5
## works
- 6
- 7
- Excel・Accessの業務システム開発
- 8
- OJT
2026.vue
11 works Vue UTF-8
CONTACT
- INPUT
- ·
- CONFIRM
- ·
- SENT