好奇心を、原動力にする。
A b o u t
挑戦を恐れず、技術の幅を広げていく。
私は職業訓練校で6ヵ月間Webクリエイターとしての基礎を学びながら、授業以外の時間にもJavaScriptの学習に取り組み、自主的にスキルを磨いてきました。
「面白そう！」という好奇心を原動力に、夢中でコードを書き続けてきました。
今後も新しい技術や分野に積極的に挑戦し、常に成長をし続けたいと考えています。
趣味はキックボクシング。
トレーニングを通じて培った集中力や粘り強さを、コードを書く際にも活かしています。
W o r k s
Railroad
修了後2ヵ月目
初めて制作したプロフィールサイトに思い入れがあり、そのサイトをベースにデザイン・構成をリニューアルしました。
- Website
- Coding
- Design
Feel Temp
修了後1ヵ月目
ReactとTypeScriptの基礎を学ぶために制作。
state・propsや型の定義など、両技術の基本的な使い方を学ぶことができました。
- Application
- React
- TypeScript
- Coding
- Design
- API
LLOYD'S COFFEE
訓練6ヵ月目
WordPressに初めて挑戦して作ったサイトです。
公式テーマ「Twenty Twenty-Five」を使用。フルサイト編集機能で編集しつつ、コードでの調整も行いました。
- Website
- WordPress
- Coding
- Design
Pomodoro Timer
訓練5ヵ月目
ポモドーロ・テクニックのタイマーWebアプリです。
前作で学んだJavaScriptの構築やデータ形式の変換を活かしつつ、繰り返し処理や複数のsetIntervalの処理を学びました。
- Application
- Coding
- Design
Planets Watcher
訓練4ヵ月目
AstronomyAPIを使用し、太陽と月のデータを取得、表示するWebアプリです。
非同期処理や時刻データの変換など、これまでより複雑なJavaScriptの構築に挑戦しました。
- Application
- Coding
- Design
- API
Promenade Museum
訓練4ヵ月目
OpenWetherAPIを使って天気予報を表示する機能を初実装し、APIと非同期処理の基本を学びました。
落ち着いた雰囲気を意識したデザインと動きにもこだわっています。
- Website
- Coding
- Design
- API
WSS
訓練3ヵ月目
グループワークで制作したサイトです。
ディレクターとしての仕事をしつつ、JavaScriptによる複数ページの機能実装も担当しました。
また横スクロールの実装も行いました。
- Direction
- Website
- Coding
Sapporo Chocolate
訓練3ヵ月目
JavaScriptでスライドショーを実装した作品です。
自動で無限に動くアニメーションや、スクロールに応じた要素の表示など、苦戦しつつも学びの多いサイトとなりました。
- Website
- Coding
- Design
cafe azito
訓練3ヵ月目
ハンバーガーメニューやスライダーなど、実用的な機能に挑戦したサイトです。
前作で学んだアニメーション表現を活かしつつ、setTimeoutを使ったやや複雑な動きも取り入れました。
- Website
- Coding
- Design
NEXT ONE
訓練2ヵ月目
アニメーションを学ぶことを目的に制作したサイトです。
スライダー実装をきっかけにCSSアニメーションに興味を持ち、ホバーアニメーションやスムーススクロールを実装しました。
- Website
- Coding
- Design
KAMUY
訓練2ヵ月目
初めてデザインの知識を学び、それを取り入れて制作したサイトです。
positionや疑似要素などを加えたレイアウトに加え、パララックスやフェードインの動きも実装しました。
- Website
- Coding
- Design
Profile
訓練1ヵ月目
HTMLとCSSの基礎を活かして制作したプロフィールサイトです。
とても思い入れのあるサイトで、あとからJavaScriptで演出を追加もしています。
- Website
- Coding
- Design
S k i l l s
Coding
- HTMLLivingStandard
- Webサイトの骨組みを構築し、コンテンツの内容に合わせたマークアップを行います。
- CSS3
- デザインカンプに忠実なスタイリングを行います。
レスポンシブ対応も可能です。 - SCSS
- 変数・ネスト・mixin等を利用して、保守性の高いスタイル設計を行います。
- GitHub
- 個人制作物のコード管理に使用しており、ファイルのアップロードや更新など基本的な操作が可能です。
- JavaScript
- DOM操作やイベント処理を用いて、動きのあるサイトやアプリの実装が可能です。
- jQuery
- アニメーション制御やサイトのイベント等、jQueryを活用した効率的な実装が行えます。
- WordPress
- 基本的なサイトの構築・カスタマイズが可能です。必要に応じてコードの編集による調整も行えます。
Design
- Figma
- ワイヤーフレームやデザインカンプの作成を中心に、共同作業やプロトタイピングまで幅広い作業が行えます。
- Photoshop
- 画像編集や写真の合成、ビジュアルデザインに活用しています。バナーなどの作成も可能です。
- adobeXD
- 写真の明るさや色の調整、文字入れなど基本的な操作が可能です。
Office
- Word
- 文書の作成だけでなく、表やグラフの挿入、レイアウトの調整が行えます。見やすく分かりやすい資料を作成します。
- Excel
- 表計算やグラフ作成、基本劇な関数を使ったデータ整理・集計が得意です。
C o n t a c t
Required