Portfolio
Since 2022

① Works (LP)

ナハト

【株式会社ナハト_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を用いたオープンソースを利用)
・バリデーションの実装
・レスポンシブコーディング(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 (Wordpress)

留学ハワイ

【留学ハワイ】

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

② Works (webアプリ/Python)

アプリケーション

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

【概要】

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

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

▼その他詳細
■使用言語

・Python

◼︎環境構築

・anaconda

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

・streamlit(Webアプリ開発/デプロイ)
・pandas(データ分析)
・yfinance(株価情報)

② Works (webアプリ/Vue.js)

アプリケーション

【電卓アプリ】

【概要】

・制作時期:2024年8月頃 Vue.jsの学習のために環境構築も兼ねて、デプロイまで一貫して手を動かすために作成したアプリケーションとなります。
環境構築~デプロイまでの一連の流れの勉強になりました!

▼その他詳細
■使用言語(フレームワーク)

・Vue.js
・html, css, JavaScript

◼主な構築手順

・npmにてVueCLIをインストール。
・ローカルでプロジェクトを作成。
・作成したプロジェクトをビルド。
・サーバはAWSのEC2インスタンスを活用(apacheをインストール)。
・上記サーバにデプロイしWeb上に公開。

【③ 社内での主業務】

【ECサイトの改修

現在は主にECサイトの構築を担当しており、ECforceや楽天RMS/楽天goldなどのプラットフォーム内でコーディング作業を担当しております。

♦️使用技術
【liquid, HTML, CSS(scss), javascript】

【LP制作】

社内で新規事業発足時にLPを0→1制作しております。

♦️使用技術
【HTML, CSS(scss), javascript, PHP(メールフォーム), ajax,GAS(フォームとスプレッドシートの連携)】

【管理業務 (工数/依頼フロー)】

前職の航空会社で経験させていただいた計画/生産管理系のノウハウを活かし、クリエイター職の工数管理、依頼フローの仕組み化なども行なっております!

♦️使用技術
【git/github(sourcetree), スプレッドシート(GAS)】

【評価制度/採用】

社内にシニアエンジニアが在籍していないため、上長と共にエンジニアのキャリアプランの策定や採用面接などにも携わらせていただいております!

【④ IT系の資格】

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

・基本情報技術者試験 (2023年9月合格)

・Python3 エンジニア認定基礎試験
(2023年10月合格)

・応用情報技術者試験 (2024年7月合格)

・Java SE11 Programmer Ⅰ (Java Silver)
(2024年9月合格)

今後はOracle Master, Java Gold, CCNA等に挑戦予定となります!

【⑤ 学習中】

初期段階ではございますが、外注先との共通言語として必要であったり、新しい技術取得のため以下についても学習中となります。

Java (Java silver 2024年9月取得済み)

Python (資格を取得し簡易的なアプリ作成等)

AWS (EC2インスタンス上にwebサーバ(apache)をたちあげLPのファイルをアップし、既存の所有ドメインを紐づけるDNS設定、Let’s EncryptによるSSL化等)

Vue.js (簡単な電卓アプリを作成→ ビルド→ EC2インスタンス上にデプロイ→web上での公開まで実施)

Node.js (npm,webpack(バンドル)の理解のためUdemy学習教材を活用)

Thanks for visiting!