新潟・上越国際スキー場の景色
撮影日：2022/1/29
ハワイ・昼間のカイルアビーチ
撮影日：2019/3/15
シンガポール・マーライオン
撮影日：2019/1/6
ハワイ・ワイキキビーチと夕陽
撮影日：2017/9/12
京都・圓光寺の敷き紅葉とお地蔵さん
撮影日：2016/11/25
沖縄・果報バンタの絶景
撮影日：2023/3/1
ハワイ・ダイヤモンドヘッドからの眺め
撮影日：2023/3/16
ハワイ・昼間のワイキキビーチ
撮影日：2023/3/16
新潟・上越国際スキー場の景色
撮影日：2022/1/29
ハワイ・昼間のカイルアビーチ
撮影日：2019/3/15
Work List
About Me
旅行会社にて商品企画や営業を経験した後、フロントエンドエンジニアの部署に配属となる。業務ではページのデザインカンプを作成するところから、コーディング、テスト、公開まで一貫して担当。転職後もwebページの制作に携わっている。JavaScriptやフレームワークを使用したページの作成を得意とし、フロントエンドだけでなくデザインにも関われることが強み。
- ニックネーム
- zatty
- 出身地
- 東京都
スキル 言語
HTML、CSS、Sass(SCSS)、JavaScript
ライブラリ
React
フレームワーク
Astro.js
開発ツール
Github、Visual Studio Code、npm、Node.js、vite
デザインツール
illustrator、Photoshop、Adobe XD
詳しくはこちら↓
趣味 野球観戦
横浜DeNAベイスターズの大ファンです。
旅行
好きな旅先はハワイと宮古島です！
好きなビーチは「カイルアビーチ」と「与那覇前浜ビーチ」です！テニス
小学校1年生の頃から続けている大好きなスポーツです。
スキー
中級レベルのコースまでなら転ばずに滑れます。
模型制作
エアブラシで塗装も行います。
ゲーム
好きなジャンルはアクションゲームとRPGです。
Skill List
言語
HTML-5
基本ルールを理解し、タグの使い分けやSEOへの最適化も考慮したコーディングが可能
CSS-3
セレクタやプロパティを理解し、レスポンシブ対応を考慮したコーディングが可能
Sass(SCSS)
@mixinや@functionを活用したコーディングも可能
JavaScript
モーダルやタブ切り替えなどに加えて、fetchを活用したAPIの取得にも対応可能
TypeScript
今後学習予定
ライブラリ
React
Swiperやリアルタイム検索機能、モーダルなど部分的なコーディングが可能
Vue
現在学習中
partytown
GTMをWebWorker上で動作させることが可能
Storybook
コンポーネントの作成やカスタマイズなどが可能
フレームワーク
Astro.js
基本文法や仕組みを理解し、300ページ近くの大規模サイトを1から作成可能
Next.js
基本的な知識は備えているため、環境構築から簡単な静的ページを作成することが可能
Nuxt.js
今後学習予定
Tailwind CSS
基本的な知識は備えているため、ページ制作に用いることが可能
開発ツール
Git
ローカルレポジトリの作成、クローン、コミット、プッシュまで一通りの操作が可能
Github
レポジトリの作成やGitHub PagesとActionsを活用した静的ページの公開が可能
Visual Studio Code
拡張機能の導入や、Live Shareによる複数人での共同作業が可能
Vite
プロジェクトの作成やconfigファイルを活用した設定変更が可能
npm
パッケージのインストールやテストサーバーの立ち上げ、scriptの実行などが可能
Node.js
package.jsonの編集やfsモジュールを活用したscriptの記述が可能
Bitbucket
プルリクエストの作成やマージなどの操作が可能
sourcetree
ローカルレポジトリの作成、クローン、コミット、プッシュまで一通りの操作が可能
デザインツール
illustrator
基本操作を理解し、テキストの装飾やグラデーション、地図の作成が可能
Photoshop
基本操作を理解し、画像の加工や切り抜きなどが可能
Adobe XD
基本操作を理解し、ランディングページのデザインカンプを1から作成可能
Figma
基本操作を理解し、バナーの作成や開発モードを使用したマークアップが可能
AIツール
Chat GPT
出力構造と挙動特性を把握し、プロンプトの構文設計・再現性向上のための制御テンプレート開発に対応可能。
チャットツール
Microsoft teams
チャットのやり取りやグループの作成などが可能
slack
リストによるタスク管理やハドルミーティングを行うことが可能
OS
Windows
基本操作を理解し、環境構築やレジストリの変更、修正などに対応可能
Mac
基本操作を理解し、環境構築などにも対応可能
その他
Notion
インテグレーションの作成や、データベースの操作などが可能
WordPress
基本的な操作を理解し、ブログなどの記事ページを作成することが可能
JIRA
チケットの作成やコメントでのやり取りが可能
confluence
ページの作成やカスタマイズが可能
News List
Storybook
Storybookを公開しました。
Portfolio
「Work List」を更新しました。
Portfolio
「Skill List」を更新しました。
Portfolio
「Skill List」を更新しました。
Portfolio
「Work List」を更新しました。
Blog
「クリスマス感たっぷりのディズニーシーで過ごす特別な一日」を投稿しました。
Portfolio
ポートフォリオのデザインをリニューアルしました。
Blog
ブログのデザインをリニューアルしました。
Blog
「名古屋&伊勢旅行〜part2〜」を投稿しました
Portfolio
「SkillList」を更新しました
Portfolio
ポートフォリオのデザインをリニューアルしました
Blog
ブログのデザインをリニューアルしました
Blog
「名古屋&伊勢旅行〜part1〜」を投稿しました
Blog
「1年ぶりのディズニーランド」を投稿しました
Blog
「28歳になりました〜後編〜」を投稿しました
Blog
「28歳になりました〜前編〜」を投稿しました
Blog
「自己紹介～フロントエンド編～」を投稿しました
Blog
「自己紹介～趣味編～」を投稿しました
Blog
ブログを開設しました
Portfolio
「Work List」に制作期間を追加しました
Portfolio
ポートフォリオページを開設しました