FRONTEND

01.

HTML5 / CSS3

WEBサイトのデザイン→コーディングまでをワンストップで行います。
HTML5によるHTML構造はSEOの根本を担う部分と考えているため、セマンティックな構造を意識しています。
またCSS3で豊かになったアニメーションを駆使して様々な表現を試みることが好きで、CodePenやブログ発信で日々アウトプットを行っています。
CSSは主にSass(SCSS)、PostCSS、HTML記述はPugなども用います。

  • HTML5
  • CSS3
  • Sass(SCSS)
  • PostCSS
  • Pug
  • アニメーション

02.

JavaScript

サイト上のインタラクション / UI実装にJavaScriptを使用しています。
プラグインを使用することもありますが、基本的には自身のコードで実現できるよう努めています。
使用経験のあるフレームワーク・ライブラリにはjQuery、Vue.js、Nuxt.js、Next.js、Gatsby.jsなどが挙げられます。

  • JavaScript
  • jQuery
  • Vue.js
  • Nuxt.js
  • Next.js
  • Gatsby.js
  • プラグイン制作
  • UIインタラクション

03.

PHP-WordPress

WordPressは既存テーマのカスタマイズはもちろん、PHPによる独自テーマの制作経験があります。
ポートフォリオメインサイトをオリジナルテーマ化し、それを用いてクライアント様のサイトをXAMPP仮想環境にて制作しました。

  • WordPress
  • PHP
  • XAMPP
  • オリジナルテーマ

04.

Environment

ソースコード管理はGit / GitHub にて管理しております。
CodePenはコンポーネントレベルのテスト環境としてよく利用しており、その後の実装やブログでの発信に役立てています。
メインPCはWindows、サブとしてMacを所有しています。

  • Windows
  • Mac
  • Git
  • GitHub
  • Node.js
  • Gulp
  • webpack