Profile
兵庫県神戸市に拠点を置く 住本 雅彰 ( Masaaki Sumimoto )のポートフォリオサイトです。 今までWEB制作の現場でデザイナー➡️エンジニア➡️ディレクター➡️マネージャーを経験し、現在はフリーランスとして活動しています。 デザイナー視点でコードを書くことを心がける制作スタイルを大切にしています。アートや音楽にも興味がありこれらの活動も積極的に行っています。
Projects
趣味で作っているWEBページ・デザイン・プログラムなどの紹介です。
Figma Template
Web App
Skills
シンプルなコーポレートサイトから、動きのあるプロモーションサイトまで、さまざまなWEB制作の受注承っております。以下の対応可能項目をご確認いただいた上で、Googleフォームにてお気軽にご連絡ください !!
Design
- Figma
- デザイントークンの設計、エンジニアとのコラボレーションを想定したモックアップ制作が可能。
- Adobe XD
- 一般的なモックアップ制作が可能。
- Adobe Photoshop
- 最低限のビットマップ処理と簡単なグラフィックワークが可能。
- Adobe Illustrator
- 最低限のベクター処理と簡単なグラフィックワークが可能。
- Adobe After Effects
- Lottie等、WEBで利用するアニメーション素材制作など、限定な制作が可能。
Basic Web
- Git
- 対応可能。クライアントサービスはGitHubとBitbucketを利用。
- HTML5 / CSS3 / JavaScript ES6
- 深いレベルで対応可能。CSSマークアップにはBEMもしくはOOCSSが可能
- Linux
- 最低限の操作が可能。
Frontend Web
- SCSS
- 対応可能。
- Tailwind CSS
- 深いレベルで対応可能。メインで利用中。
- Bootstrap5
- 対応可能。scssベースでフレームワークを拡張設計し独自フレームワークを設計した経験あり。
- TypeScript
- 最低限の対応可能。主にフロントエンドデザイン領域において実装経験あり。
- React.js
- 対応可能。主にフロントエンドデザイン領域において実装経験あり。
- jQuery
- 対応可能。過去案件ベースで利用経験あり。
- Storybook
- 最低限の対応可能。個人プロジェクトにて軽く利用経験あり
- Animationギミック
- CSSアニメーションに加え、p5.js, GSAP, animate.js, Three.jsなどのフレームワークを利用し動きのあるサイトの作成に対応可能。
Backend Web
- PHP
- 一般的なWEBサイトで利用するコーディングが可能。
- Ruby / Python
- 基礎の基礎を押さえている程度のレベルです。
Web Framework
- Next.js
- 主にデザインコードに特化した実装が可能。
- WordPress
- フロントエンドからバックエンドまで、クライアントWEB制作に関わる一般的な業務が可能。
- Ruby on Rails
- viewの構築においてのみ限定的に対応可能。
Other WEB
- Docker / CD・CI Tools
- 利用する分には問題ありません。
- Webpack / Babel / ES Lint / Prettier
- 利用する分には問題ありません。
- Vite / Bun
- 個人プロジェクトで軽く触れたことがある程度です。
- Test業務
- あまり経験がありません。
- SEO業務
- G4A等、Google Analyticsなどの最低限のナレッジあり。
- Ableton Live
- 特定のジャンルに限り楽曲制作可能。