Arihito Matsuda
Portfolio
Next more

History

松田有人 1971年11月10日生/A型/蠍座/満歳

  • 創形美術学校

    1991年4月

    平成3年3年制

    専門学校創形美術学校
    グラフィックデザイン科一期生入学

  • 有限会社ロジック

    1994年4月

    平成6年在職3年

    有限会社ロジック入社
    アシスタントデザイナー　広告、チラシ

  • 株式会社プラルト

    1996年

    平成8年在職2年

    株式会社プラルト入社
    グラフィックデザイナー　広告、CDジャケット

  • 株式会社フライング・ハイワークス

    2000年3月

    平成12年2000年起業〜2007年途中退社

    株式会社フライング・ハイワークス設立
    取締役 / Webディレクター / Webデザイナー
    Webコンテンツ制作、広告

    在職5年創形美術学校/城北高校グラフィック非常勤講師

  • アクトリンク株式会社

    2007年

    平成19年2007年起業〜2018年清算

    アクトリンク株式会社設立
    代表取締役　Webコンテンツ開発・広告制作

    読売理工学院 契約
    在職3年:2010年6月〜2013年4月職業訓練講師

    株式会社ジードライブ 契約
    在職7年:2013年5月〜2020年4月職業訓練講師

  • 株式会社EBA

    2020年5月

    令和2年2020年5月〜

    EBA株式会社入社
    プログラム研修講師

  • 松田有人

Skill

講師業を中心にカリキュラム制作や余暇の時間で身に付けた技術になります

グラフィックデザイナーとして広告デザインを10年ほど受託制作を行い、 後に会社を起業しフリーランスとして、主にフロント部分(デザインやコーディングなど)のWebコンテンツの制作や開発を経験してきました。

制作業務の傍ら、高校や専門学校のグラフィックソフトの講師を、非常勤(週1〜2/1時間/5年)で教えることで、人の技術を教えることで力になれる喜びを知り、 その後、職業訓練校を主要業務として(週4〜5/6時間/6ヶ月毎/12年/30歳前後の生徒/15〜30人)講師を続けています。

その半年間の中で使用するカリキュラムや練習問題を、適時トレンドをキャッチアップし更新し続けています。

現在、主に作成しているカリキュラムは以下のとおりです。

Deisign Photoshop Illustrator XD WebDesign HTML5 Emmet
CSS SEO GoogleAnalytics Sass BEM Bootstrap
Program JavaScript jQuery shell/vim git/GitHub Gulp Babel
Webpack Vue.js PHP MySQL WordPress WooCommerce(EC)
Deisign Program
Photoshop JavaScript
Illustrator jQuery
XD shell/vim
WebDesign git/GitHub
HTML5 Gulp
Emmet Babel
CSS Webpack
SEO Vue.js
GoogleAnalytics PHP
Sass MySQL
BEM WordPress
Bootstrap WooCommerce(EC)

受講生が行うサイト制作実習では、ウェブサービスの効率的な開発環境構築を共有し、 開発のスケジュール管理や設計、実用的な運用のアシスト、またWebディレクションなどのクオリティチェックを モチベーションが下がらないように先導し、トータルなバックアップサポートを心懸けています。

PHP

PHP

使用歴7年

  1. ★
  2. ★
  3. ★
MySQL

MySQL

使用歴6年

  1. ★
  2. ★
  3. ★
JavaScript

JavaScript

使用歴5年

  1. ★
  2. ★
  3. ★
Ruby

Ruby

使用歴2年

  1. ★
  2. ★
Python

Python

使用歴2年

  1. ★
  2. ★
Swift

Swift

使用歴1年半

  1. ★
Nuxt.js

Nuxt.js

使用歴1年半

  1. ★
  2. ★
Next.js

Next.js

使用歴1年半

  1. ★
  2. ★
Ruby on Rails

Ruby on Rails

使用歴3年

  1. ★
  2. ★
AWS

AWS

使用歴1年

  1. ★
  2. ★
GCP

GCP

使用歴1年

  1. ★
Docker

Docker

使用歴1年半

  1. ★

Frontend

Evernote Memo

Backend

Evernote Memo

Design

Evernote Memo

GitHub
GitHub Green
GitHub
GitHub
GitHub Repogitory Lists
GitHub
twitter
twitter Timeline
twitter
Facebook
Facebook Feed
Facebook
connpass
connpass dashboard
connpass
Qiita
Qiita Mypage
Qiita

Product

独自でテスト開発しているプロダクトタイトル一覧です
Frontend / Backend / Other

3DPrinter9
Body5.gx
apple.gx
catdish.gx
dishSupport.gx
earPad.gx
firstObj.stl
sample
tabletbox.gx
test.gx
AMP2
test01
test02
ActiveRecord1
dotinstall
Android22
201507HandsOn
AndroidTest01
MyApplication
MyApplication10
MyApplication11
MyApplication4
MyApplication41
MyApplication5
MyApplication51
MyApplication53
MyApplication6
MyApplication61
MyApplication62
MyApplication63
MyApplication7
appliMockup
glassTest01
issue
javaFirstTest
myo-android-sdk-0.10.0
myomote-master
sdk
Angular19
Angular1
Material
ngDemo
test0.html
test01
test1.html
test2.html
test3.html
test4.html
Angular212
appPot
ng2-Todos-master
ng2-hands-on-201705
ng2-hands-on-seed-master
ng2-hands-on-seed-master2
ng2-start-master
ng_jp-angular
test01
test02
test03
test04
test05
Angular62
chatApp
ng6-bootstrap4
AppleWatch1
AppleWatch
Babel1
babel-trial
Bash1
20171227
Bootstrap12
Lesson08
Lesson10
Lesson11
MDB_3.3.3
TipsSample
bootstrap-3.3.4-dist
bootstrap-sass-3.3.4
bootstrapStudio
bower_components
htmlformat
kento
original
Bower3
bower.json
bower_components
webpackTest
Browserify1
test01
CodeCamp5
FreeCodeCamp
htmlcss
java
js
php
DeepLearning1
ensorflow_demo.apk
Docker10
DockerBook
Udemy
docker-lamp
elasticsearchkibana
exercise_20190518
lig_20181030
test_20180811
test_20180903
try-docker
wpssl
EC-CUBE1
Eccube-Styleguide
Elm3
elm-architecture-tutorial
elm-chat
elm-hands-on
Eslint3
ESLint-template-test20190609
ci-handson
jslounge-test-ci
Firebase1
ChatApp
Foundation2
foundation-5.5.1
sample
Gatsby1
hello-world
Git27
2daysgit3
2daysgit3First
Collabo
GHpageTest
GitBook-Demo20170111
GitLv4
Test
akiba201810
akibaOrigin201810
cshool
cshoolClone
dotinstall
e2d3
e2d3_new
groupRed
gucchi
hifive
issueTest
john
kayaba201702
newProject
pullReqMakerTest
testOrigin
testProject
trunk20170418
vscTest
web300
GitBook1
ReactBook
GoLang2
handson_20190429
test
GoogleGlass1
myo-android-sdk-0.10.0
Grunt1
test01
Guideline3
pointsample
report02
serviceCheck
Gulp13
cssnite39
dotinstall
get-started-gulp-master
googlestarterkit
lig2015
path
schoo
schooSample
shrinkwrap
test1508
test1601
test1703
wordcamp
Haskell1
haskell-nyumon-handson
iOS1
OSTraining-master
IoT1
deviceConnect
Jasmine2
test01
test02
Java10
Helloworld
KotAndr_test
RemoteSystemsTempFiles
SampleStruts2
Servers
carExtend
iijTest
schoo
schooApp
sit-wt-report
JavaFramework1
struts-2.3.29
JavaScript25
AJAX_API
Basic_20170910
CodeRecipe
ReactLifeSycle.png
TokyoJS
bizreach
breakthrough
canvasPerticle
debugCoding
ebisuBasic01
ebisuBasic02
es2015total
eventModal
jquery.preload-master
jsmook
jumpAdjust
learn_async
learn_this
object
prototype
roppongi_20170323
test
timer
todoList
typingTest
Jest1
ebisu170329
jQuery4
Fricslide
MS-VisualStudio
samples
test
Karma1
test01
Kotlin1
github-client-for-droidkaigi
Laravel3
laravel_docker
myProject
techmeeting_laravel_1st
Meteor4
meteor-react-example
meteor-task-twitter-clone
sample-app
sample-app02
Mocha4
damage-calc-4005
js-test-practice
test01
test02
Monaca1
ayuta20161203
MovableType1
test01
Myo2
Myo-iOS-SDK-792
gmail.myo
Node11
Ebisu
ayutaTest
ayutaTest02
basic-js-with-expressjs
httpRequest
myapp
nodeTest
packagejsonMaking
psdjs
pub20151205
webdbexpress
Nodeschool7
git-it
how-to-npm
javascripting
learnyounode
program.js
scope-chains-closures
stream-adventure
Nuxt.js7
axiosAPIFeed20181118
axiosFirebase20190216
jslounge20171208
mokumokuDera20181117
nuxt-blog20190331
nuxt-handson
nuxt-qiita
PWA1
pwa_handson
Parallax2
parallax-JS
parallax01
PayPal1
ndex.html
PhantomJS1
test
Polymer1
test01
PostCSS3
test01
test02
wdpress93
Promise1
test01
Pug1
frontend-oosaka
Python8
IntroductionToML
Neet-AI
SkillupAI
TensorflowTest
firstTest
jupyter
python_exercise
schoo
RWD2
20171001_Stockerjp
Sample-student
React52
ChromeAllowAccess
ElectronBook
ElectronBook_test
GenbaNoKyokasho
Next-ReduxThunk201904
Nextjs-handson
QiitaReader
ReactVR
ReduxTest01
ReduxTest02
ReduxTest03
Rekit
Stripe
apolloQl
ayuta-tutorial
bizreachTips
envBuild
jslounge-firebase20190110
jslounge-reactTS20190426
learnReactJS01
learnReactJS02
levarages
ochanomizuRedux201705
react-hands-on_oosaka
react-handson-for-beginner
react-handson_vol03
react-handson_vol04
react-sass
reactHandson
reactNativeTodoSample
reactNative_ChatApp
reactSample_shoeisha
reactide-master
redux-memo201904
rest-api-server
sassRedux
searchKindle
shinjuku20170723
slackApp
spa-note-ssr
ssr-principle
todoTS
todoTS02
udemy_react
udemy_react_own
yahoo-api-ranking
Ruby3
Agile
metapro
ruby-vuejs-ec
RubyonRails19
RailsBrons
_myapp
blog
brablog
myApp
rails-bizreach
rails-tutorial
rails_aws
rails_camp
rails_cofeecup
rails_projects
rails_schoo
rails_tutorial
railsbook
railsbook_Sample
shinjuku_vue
simpleTest
tamachi_vue
zooloppa
Rust2
project_with_nightly
test
SSH1
event.pem
SVG1
drawsvg
Sass6
cssTest
cssnite
es2015Build
koala-config.json
schooTest
scss
Scala2
hello
target
slack1
bot-hubotton
SpreadSheet2
BizReach01
BizReach02
StyleLint1
backstop
Swift30
Classes
CodeCamp
CodeCampPractice
GLCameraRipple
HelloSwift
MWFeedParser-master
MyPlayground.playground
Myo-iOS-SDK-0.4.0
RSSFeed
SwiftNews
SwiftSingleView
TableOriginalTest
TableTest
WatchKitCatalog
appleWatch-master
asynchroTest.playground
cameraTest
chap08
gestrueSample-master
hello
hikalabTest
myWatch
myoTest
rssTest.playground
sample_project
sessionTest.playground
swiftNews_sample
swiftTest.playground
tableTest.playground
watchTest01
Terraform1
izreach
ThreeJS2
HandsOnTest01
three-kit
TypeScript9
BFF_TS
babel7-tsesPrettier
jsLounge
test01
test02
test20190417
tsTest
tslint.json
vsCodeEnv
Unity3
Unity-HandsOn-master
UnityDojoSpecial2017Yasuhara
UnityUIStudy-master
VBA2
20190223_test.xlsm
test.bas
VCCW1
test01
Vagrant10
DotinstallTest
appleWatch-master
mongodb
myBox
myCentOSVM
myCentOSVM2
nodejs
rubyonrails
shirasagi
xenial64
Vue.js22
ElementUI
VueBook
VueBookTest
VueBookTest02
VueCalc
VueDockerAWS
VueJest-hHandson
VueMarkdown
VueRailsHackason
VueTypeScript
chatApp
scouter
test01
vue-basic
vue-cli-v3-jsLounge
vue-firebase
vue-storybook
vueHandson-20190530
vuejs-handson
vuex01
vuex02
vuex03
WebAPI1
apitore-handson-vol3
WebGL2
WebGL-HandsOn-for-beginner-master
three.js-r74
WebRTC2
test
webrtc-handson-2016
WebStrage2
RSSFeedTest01
RSSFeedTest02
Webpack11
TSjQuery
eslintTest
react-webpack
test01
test02
test03
test04
test05
test05_ans
toR
webpack_20170224
WordPress3
RestAPIConsole
WPWS
workflowSheet
XD4
20180609Tutorial.xd
20180622-BasicTutorial.xd
20180622-intermediate.xd
Wires_jp.xd
Yarn3
html
html2
js-stack-from-scratch-master
Yeoman1
test01

Self Produce

自分が働く上での心掛けと目標です

今まで講師業を長く主要業務として携わってきました。
生徒に新しい技術を教える立場である以上、常にトレンド技術を把握しておく必要があるため、 10年ほど業務終了夕方から夜までの時間、また週末の休日などは、趣味の延長としてWebのセミナーに参加したり、独学を重ねることで、プログラムのスキルアップに取り組んできています。

Frontend開発では主に、React(Next.js)やVue.js(Nuxt.js)JSフレームワーク以外にも、PWAやSSR、TypeScript、TDDなど BackendではRailsやLaravel/Django、Python/ML、iOSやAndroidなど定期的に触れるようにして繰り返し学習しています。

新刊の書籍や、チュートリアルの記事、学習動画、ハンズオンセミナー、キュレーションサイトの毎日のチェックなど 自分のレベルに見合った知見は貪欲に取り込むように心掛けています。

授業カリキュラムは、日々の最新情報に反映されるようにアップデートを繰り返しています。 ならべく図解画像や簡潔な表現を繰り返し、初心者にわかりやすく伝わるように適時調整を行っています。

半年間、受講する中で、タイピングができない人は最後まで理解が追いつくまでに時間がかかりますが、 パソコンの基本操作を心得ている人は、最後の修了まで前向きに取り組み続けてくれるため、 修了時には充実感と達成感を感じてもらうことができます。

その受講生の期待に応え、彼らの将来の財産を蓄えてあげることが、 自分の働くことで得られる喜びであり、やり甲斐、次への大きなモチベーションとなっています。 これをライフワークとして活かせる環境を築くことで、自他共に研鑽できる場を共有できると思っています。

Portfolio

過去に制作した幾つかのプロジェクトです。

Kaspersky

Webpage Design

King Kaz

Website Design

Clinic

Website Design

Corporate

Website Design

Girls

Webpage Design

Other works

Logo / Illustration

Contact Us

お気軽にお問い合わせください。