ID:68511さん

# 目的 ASP.Netで作られたサイトが古いため、新しくしたい # チーム構成等 自分一人、フロントからバックエンドまで全て担当 # 使用技術や開発環境 - 使用技術はJava(SpringBoot)/MyBatis/CentOS/GCP/Nginx/Nuxt.js - 開発環境は有料IDEのJetbrains社のIntelliJ Ideaを利用(自分で所有しているもの) # 課題 - ASP.netで作られたものだった事と、メンテナンスがされていなかったため処理に無駄が多い - 自分一人ですべてを担当する事。 - 今後も継続的にメンテナンス等しやすいように新しい技術を取り入れること。 # 技術的なアプローチや工夫した点 - 新しく作り直したいとのことだったが今後のメンテナンス性や、習得の難易度からVue.jsを選び、更にSEO方面も考えSSRを行えるNuxt.jsを採用することでフロントエンド側を実装した。 - 既存のASP.Netでは不要な処理や、既に使われていない処理が多数あり、パフォーマンスの低下を招いていたため、不要な処理やASP.Netではできなかった記述の簡略化等を行い、読みやすくコーディングをすることができた。 - サイト上で採用したいアイコンの著作権問題があるため、自分で所有しているペンタブレットとイラストソフトでアイコンを描き、それを利用することで著作権問題をクリアした。 - デザイン周りは今までしたことがなかったが、同業他社のサイトを参考にしながらも自社のイメージカラーを強調しつつ、より見やすいサイトを作るように心がけることができた。 # 成果 今まではサイトも古く、怪しげなサイトにしか見えなかったが新しく作り直したことで年々サイトの利用者数も増加しており、また現在ではPaypalSDKの利用したクレジットカード決済やPaypal決済の導入等でより一層利便性を向上させることができた。

# 目的 新しくしたECサイトに今までになかった顧客のマイページを作りたい # チーム構成等 自分一人、フロントからバックエンドまで全て担当 # 使用技術や開発環境 - 使用技術はJava(SpringBoot)/MyBatis/CentOS/GCP/Nginx/Nuxt.js - 開発環境は有料IDEのJetbrains社のIntelliJ Ideaを利用(自分で所有しているもの) # 課題 - 顧客の購入情報や入金情報の参照できるようにする他、顧客情報を編集可能にできるようにした。 - 外部決済機能の導入 - ASP.Netで作られたサイトではマイページのリンクはあったが、何故か中身がなく、機能等を一から相談を行い、実装する必要があった。 # 技術的なアプローチや工夫した点 - 顧客が利用した情報をただ見やすく作るだけでなく、エクセルファイル(xlsx形式)でのファイル出力をできるようにし、利便性の向上 -　今まで基本的に銀行振込かPaypalでの振込のみしか受け付けておらず、外部決済機能が必要になったが、Web上でPaypal決済を行えるようにしたことで、Paypal側からの手数料を安くしていただく契約を行うことができ、決済手数料を抑えられるようにできた事と、顧客側も普段から利用しているPaypalでの決済をWebから行えることになり、利便性が向上した。 # 成果 顧客の購入済みの商品情報や、発送日付等が確認できるようになった他に、入金を行える場所が更に増えたことにより、売上が伸びた。 現在でも徐々にWeb上での利用者数も伸びてきている。

# 目的 自社で持っていない車両を他社から提携してもらい、売れる車両を増やし利益につなげる # チーム構成等 自分一人、フロントからバックエンドまで全て担当 # 使用技術や開発環境 - 使用技術はJava(SpringBoot)/MyBatis/CentOS/GCP/Nginx/Nuxt.js - 開発環境は有料IDEのJetbrains社のIntelliJ Ideaを利用(自分で所有しているもの) # 課題 - リアルタイムのチャットの作成(提携他社との連携等のため） - 大量の商品情報の登録を行うための処理時間 - 大量の商品写真のアップロードに時間がかかってしまう。 # 技術的なアプローチや工夫した点 - 提携他社との情報連携のため、リアルタイムのチャットができるようにWebSocketを採用。既読通知や返信済みである旨のマーク等の実装まで行い、WhatsAppのような使用感にできた。 - 管理ユーザーでログインすることでお知らせ等を太字等のHTMLタグを利用できるようにしただけでなく、HTMLに精通してない人でもWeb上のお知らせエディタをわかりやすくなるようにボタン等を配置し、XSS対策を行い管理をしている上層部からでも簡単にお知らせを提携会社に掲載できるようにした。 - 大量の商品情報の登録を行うため、1件ずつのコミットでは処理が重くなってしまうので、MyBatisのBatchモードを利用することでBulk Insertを行い、処理時間の最適化を行った。 - 1商品あたり10~30枚ほどの写真があるが、それを1件ずつ処理していては多大な時間がかかってしまうため、並列処理を行いGCPで利用しているCloud Storageにアップロードを行い、処理時間の大幅な短縮をした。 # 成果 今までは商品の仕入れは自社で仕入れたものしかなく、売れなかった場合に維持費で更に費用がかさんでしまっていたが、在庫提携周りを整備し、Webアプリ化することで営業の手入力ではなく、他社が手入力で入れやすくなり、写真の更新も自分のタイミングでできるようになり利便性が向上した。 在庫提携で仕入れた商品の数は実装前は数百程度であったが、今では23,000ほど増え顧客に売れる商品の幅が大幅に増加した。