takeshi sakuma portfolio

20220615

LandingPage(github.io)
Repository(GitHub)

  • Web Design
  • Next.js(SSG)
  • SCSS
  • TypeScript
  • XD
  • npm-scripts
  • GSAP
  • 原稿作成

spindey

Website(spindey.com)

  • Web Design
  • UI Design
  • Pug
  • SCSS
  • JavaScript
  • 写真撮影
  • npm-scripts

Krafty

ChromeExtensions(Store)
Repository(GitHub)
Article(Qiita)

  • Chrome Extension
  • UI Design
  • HTML
  • SCSS
  • JavaScript

Weather App

WebService(github.io)

  • Web Design
  • UI Design
  • JavaScript
  • OpenWeatherMap API

spooky

storybook(github.io)

  • Storybook
  • React
  • UI Design
  • SCSS
  • TypeScript

Your Info

Website(github.io)

  • Web Design
  • webpack
  • ipinfo.io API
  • Axios
  • CSS
  • TypeScript

MOVEMENT

Website(github.io)

  • Web Design
  • UI Design
  • React
  • YouTube Data API
  • Axios
  • SCSS

takeshi sakuma portfolio

Website(github.io)

  • Web Design
  • UI Design
  • npm-scripts
  • Pug
  • SCSS
  • JavaScript

DailyUI Day1

Design(dribbble)

  • UI Design
  • XD
  • 写真撮影

Web Director(portrait)

Illustration(dribbble)

  • 似顔絵

Web制作向けnpm-scripts

Article(Qiita)
Repository(GitHub)

  • npm-scripts
  • Markdown
  • eslint
  • Node.js
  • Prettier
  • Pug
  • SCSS
  • TypeScript
  • Stylus
  • ejs
  • stylelint
  • stylint

Mac OSでのパッケージ管理

Article(Qiita)

  • Homebrew
  • mas
  • MacOS

.browserslistrcで対象ブラウザを指定する

Article(Qiita)

  • .browserslistrc
  • Autoprefixer

Sassの記法(SCSS構文)

Article(Qiita)

  • SCSS

react-transition-group

Sample(github.io)
Article(Qiita)

  • UI Design
  • React
  • react-transition-gtroup
  • SCSS
  • CSS Modules

.prettierrc

Article(Qiita)

  • Prettier

Marp(Marpit)

Article(Qiita)

  • Marp
  • Marpit

GSAP(基本機能)

Article(Qiita)

  • GSAP