高齢者介護施設Webサイト

https://www.seiaikai-southerncross.com/

高齢者向け介護施設系ウェブサイトのリニューアル案件です。

スマートフォン画面キャプチャ
seiaikai-southerncross.com_m_01
seiaikai-southerncross.com_m_02

概要

  • 老健施設Webサイトのリニューアル

担当フェーズ

  • 設計、開発、運用保守、更新対応
  • デザイン(レスポンシブ化)

業務内容

  • CMS機能のカスタマイズ
  • レスポンシブデザインの構築、フロント実装
  • サーバーへのデプロイ
  • SEO対策とアナリティクス設置

実績・取り組み

本案件では既に退職済の技術者らによって3年程前に開発したコードをフォークする予定でしたがコードが古く、モジュール化されていなかったため、コア部分を含めて80%程度を再構築しました。 本案件は修正等含め10営業日程度で納品しました。 コンポーネント指向のフロントエンドフレームワークが使用できない中、将来的なそれらの導入やモジュール化を見越して、jQuery依存ライブラリを極力減らし、アニメーションはCSSによって実装する等工夫しました。 Babel, WebpackなどのNode.js系ツールを導入し、以後のプロジェクトではこれらを使用しています。

使用した技術

言語

  • JavaScript
  • HTML/CSS,Sass(Scss)
  • PHP(WordPress)
  • Node.js(webpack, babel, gulp)

OS

  • CentOS(as a Web server)
  • Ubuntu(as a WSL2 guest)
  • Alpine(as Docker containers)
  • Debian(as Docker containers)
  • Windows(as a WSL2 host)

MW

  • Apache
  • MySQL

その他環境

  • Git(GitLab)
  • Docker
  • Adobe Illustrator
  • Adobe Photoshop
PC画面キャプチャ
seiaikai-southerncross.com_pc_01
seiaikai-southerncross.com_pc_02