TATSUYA AKAOFront end Web developer / Designer

フリーランスとして活動している
フロントエンドエンジニア/デザイナーです。
WEB制作・WEBデザイン・
イラスト制作等のお仕事の依頼を
受け付けております。

profile

about me

NAME
TATSUYA AKAO
AGE
28
HOBBIES
ギター、海外旅行、英語
ABOUT
兵庫県出身のフロントエンドエンジニア/デザイナーとして活動しています。海外留学や海外インターンを経て、フリーランスとして独立しました。現在は旅をしながら仕事をしています。

History

  • 2018.10

    未経験からWeb制作の独学を開始。

  • 2019.02

    フリーランスとして最初のWeb制作案件を獲得。

  • 2019.06

    神戸のWeb制作会社様と外注コーダーとして提携。

  • 2019.08

    フィリピンのWeb制作会社"UpWard NEXT"で3ヶ月間のインターンシップ。

  • 2020.01

    フィリピンのWeb制作会社"UpWard NEXT"で3ヶ月間マネジメント・ディレクションを務める。

  • 2020.08

    東京のWeb制作会社様と外注コーダーとして提携。

  • 複数の制作会社様やフリーランスチームと提携しながら、
    Web制作・Webデザインの案件対応をしています。
    お仕事の依頼は、お問い合わせフォームから気軽にご連絡ください。

Skill

Front-End

  • HTML

    100%

    6 years and 7 months

  • CSS

    100%

    6 years and 7 months

  • Sass

    100%

    6 years and 3 months

  • JavaScript

    90%

    6 years and 6 months

  • Gatsby.js

    60%

    4 years and 1 month

  • React.js

    40%

    4 years and 2 months

Back-End

  • PHP

    50%

    6 years and 3 months

CMS

  • WordPress

    90%

    7 years and 9 months

  • MicroCMS

    70%

    4 years and 1 month

Design Tools

  • Adobe Illustrator

    100%

    7 years and 3 months

  • Adobe Photoshop

    60%

    7 years

  • Figma

    70%

    4 years and 8 months

  • Adobe XD

    70%

    5 years and 8 months

works

制作会社様から頂いた案件は原則お見せできませんので、掲載許可を得た一部のみ掲載しています。
この他にもランディングページやWordPressサイト制作など、多数の実績がございます。
※掲載分は全て実際のサイトで、デモサイトや模写は含んでいません。

blog

webdev.tech

webdev.tech

Web制作に特化したブログ「webdev.tech」を個人で運営しています。
フリーランスのフロントエンジニアとして、実際の業務を通して得た知識や、Web制作の独学方法などを紹介しています。

  • JSとCSSで桜を降らせるエフェクトを実装する方法【コピペOK】
  • JSとCSSで落ち葉をひらひらと舞わせるエフェクトを実装する方法
  • JSとCSSで雪を降らせるエフェクトを実装する方法
  • 【CSSのみ】ホバーするとハートがふわっと浮かび上がるボタンを実装する方法
  • 【コピペOK】CSSで立体感のあるボタンを作成する方法
  • 【CSS】ボタンから波紋が広がっていくエフェクトを実装する方法
  • 【CSS】calcとvwを併用して最大・最小フォントサイズを設定する方法【IE11対応】
  • 【脱初心者】Sass・Flexbox・Gridなどを学べる28時間超えのUdemyコースを紹介します!
  • JSとCSSでふわふわと漂う泡のアニメーションを実装する方法【自作&jQueryなし】
  • 【CSS&JS】スクロールに合わせて蛍光ペン風マーカーを引く方法
  • 【JS&CSS】スマホのアドレスバー・ツールバーを除いた100vhの値を指定する方法
  • 横スクロール可能な要素にヒントを表示するJSライブラリ「ScrollHint」の使い方

contact

© 2025 Tatsuya Akao All rights reserved.