Portfolio
Since 2022

Works (Wordpress/LP)

留学ハワイ

【留学ハワイ】

Basic承認をかけているため下記入力願います。

・ユーバー名: umi

・パスワード: umi

【概要】

・制作時期:2022年2月頃 2022年2月に学習期間を終えCrowd Worksにて営業し初めて受注した案件です。デザインカンプを基にWordpressを用いて0→1制作しております。
※現在https://ryugaku-hawaii.comのドメインで公開中(2024/1月現在)

【ポイント】

プログラミングの学習期間を終え、営業〜制作まで一貫して通して行った実務初の案件となります。
お問い合わせフォームやカスタム投稿タイプ/カスタムフィールドなど、Wordpressの簡単な機能を一通り網羅した案件で、クライアントからも特別大きな指摘はなく納品することができました!
シンプルな構造ではありますが、既存テーマを使用せず0→1制作を実践できた案件だったかと思います!

▼その他詳細
■作業範囲

委託元よりAdobeXDデザインカンプのみ提供を受け、0からコーディングを行いWordPress化まで行いました。

■作成したページ

先方にて準備中のコンテンツも存在したため、文章やリンク先など設定未な部分がございます。
・top-page
・サポート料金/内容
・学校紹介
・学校個別記事
・無料カウンセリング
・お問い合わせ
・語学学校一覧ページ
・専門学校一覧ページ
・留学性コラム一覧ページ
・留学生コラム個別記事
・スタッフブログ一覧ページ
・スタッフブログ個別記事
・プライバシーポリシーページ
・404ページ

■使用した機能/スキル

・カスタム投稿タイプ
・カスタムフィールド
・イメージマップ
・スライダー(swiper)
・お問い合わせ、予約フォーム (contactform7)
・ページネーション
・webフォント (googleフォントおよび、フリーフォントをwoffファイルへ変換し読み込み)
・javascript/jQuery, scssを用いたコーディング
・レスポンシブコーディング(PC、タブレット、SP)
・使用したデザインカンプ→ AdobeXD

ナハト

【株式会社ナハト_LP制作広告用LP】

Basic承認をかけているため下記入力願います。

・ユーバー名: umi

・パスワード: umi

【概要】

・制作時期:2023年10月頃 自社のLP制作広告用に制作したLPで、デザインカンプを基に0→1制作しております。
※現在は公開されておりません。

また、お問い合わせフォームに入力された内容をGoogleスプレッドシートにも転記させてほしいと開発要望があったため、スプレッドシートとのAPI連携も実装いたしました。

【ポイント】

自社のLP制作PRのため、アニメーションを多く取り入れました。
また、開発の要望がありお問い合わせフォームに内容を入力し送信すると、下記スプレッドシートに内容が転記されるようにAPI連携しておりますので、ぜひお試しください!

https://docs.google.com/spreadsheets/u/0/d/1rchnaCcD4M3Sb8BBFuA5prS9R2CUI0oc80rJpAagfYs/edit?usp=drive_web&pli=1

▼その他詳細
■作業範囲

・社内デザイナーが作成したAdobeXDデザインカンプを基にコーディング作業全般。
・静的デザインに対し、アニメーションを付与。
・お問い合わせフォームとgoogleスプレッドシートのAPI連携。

■作成したページ

・トップページ
・料金表ページ
・サンクスページ

■使用した機能/スキル

・スライダー(swiper)
・お問い合わせフォームの実装(PHPを用いたオープンソースを利用)
・バリデーションの実装
・GSAP(アニメーションに使用したライブラリ)
・レスポンシブコーディング(PC、タブレット、SP)
・使用したデザインカンプ→ AdobeXD
・お問い合わせフォームの内容をgoogleスプレッドシートに転記するためにAPI連携
・ajax
・GAS(Google App Scripts)

■特別な機能

お問い合わせフォームに内容を入力し送信すると、下記スプレッドシートに内容が転記されるようにAPI連携しておりますので、
ぜひお試しください!

https://docs.google.com/spreadsheets/u/0/d/1rchnaCcD4M3Sb8BBFuA5prS9R2CUI0oc80rJpAagfYs/edit?usp=drive_web&pli=1

Works (webアプリ/Python)

アプリケーション

【有名米国株価可視化アプリ】

【概要】

・制作時期:2024年1月頃 web制作以外のスキルを身につけるために、「Python3 エンジニア認定基礎試験」合格後に実際に手を動かすために作成したアプリケーションとなります。
企業名を選択欄から選択すると、下部に株価のグラフを表示してくれるシンプルなアプリケーションとなります。

※一定の期間アクセスが無いとアプリケーションが停止してしまうため、大変お手数ですが「Yes, get this app back up!」の青いボタンをクリックしその後1~2分お待ちいただけますと幸いですm(_ _)m

▼その他詳細
■使用言語

・Python

■使用した機能(ライブラリ/フレームワーク)

・streamlit
・pandas
・yfinance

その他

【社内での主業務 (2024年現在)

現在は主にECサイトの構築を担当しており、ECforceや楽天RMS/楽天goldなどのプラットフォーム内でコーディング作業を担当しております。
また、前職の航空会社で経験させていただいた計画/生産管理系のノウハウを活かし、クリエイター職の工数管理、依頼フローの仕組み化などにも携わらせていただいております!

【IT系の資格】

IPA主催の試験/資格を中心に、以下資格取得にも尽力しております!

・基本情報技術者試験 (2023年9月合格)
・Python3 エンジニア認定基礎試験 (2023年10月合格)

現在は2024年4月開催予定の応用情報技術者試験に向け勉強中となります!

Thanks for visiting!