My Portfolio

学習記録・技術ブログ・制作物・職務経歴を整理したポートフォリオです。

公開タイムライン一覧

制作物 Adobe XDのデザインデータからのフロントエンドコーディング クラウドワークスの募集へ応募し、「完成イメージが膨らんだ」と評価いただいたことで受注につながりました。Adobe XDのデザインデータをもとに、HTML・CSS・JavaScript・jQueryでフロントエンドを実装し、初回納品後の修正、OGP設定、ディレクトリ構成の変更、グラフ表示機能の修正、リニューアルまで継続して対応しました。 公開URL
制作物 デザインカンプからのコーディング実践 PhotoshopとAdobe XDのデザインカンプをもとに、HTML・CSS・JavaScriptで静的サイトを制作しました。 公開URL
制作物 MUJI HOTELの模写コーディング 実案件で感じたレスポンシブ対応の課題を克服するため、約2週間かけてPC・スマホ表示を実装しました。 公開URL
制作物 フリーランス向けサービス Workshipの模写コーディング HTML・CSS・JavaScriptを使い、レスポンシブ対応やアニメーションを含むWebサイトを模写しました。 公開URL
制作物

Adobe XDのデザインデータからのフロントエンドコーディング

クラウドワークスの募集へ応募し、「完成イメージが膨らんだ」と評価いただいたことで受注につながりました。Adobe XDのデザインデータをもとに、HTML・CSS・JavaScript・jQueryでフロントエンドを実装し、初回納品後の修正、OGP設定、ディレクトリ構成の変更、グラフ表示機能の修正、リニューアルまで継続して対応しました。

公開URL
制作物

デザインカンプからのコーディング実践

PhotoshopとAdobe XDのデザインカンプをもとに、HTML・CSS・JavaScriptで静的サイトを制作しました。

公開URL
制作物

MUJI HOTELの模写コーディング

実案件で感じたレスポンシブ対応の課題を克服するため、約2週間かけてPC・スマホ表示を実装しました。

公開URL
制作物

フリーランス向けサービス Workshipの模写コーディング

HTML・CSS・JavaScriptを使い、レスポンシブ対応やアニメーションを含むWebサイトを模写しました。

公開URL