開発環境

Development Environment

業界標準の技術で開発します。

当社の開発では、業界のスタンダードな技術のみ採用しています。
ウェブ運用の委託先の変更や、当社の担当に万が一のことが起こった場合にも、お客様の運用が停止しないよう属人化を避けた開発を行っています。

最新技術に対応

ウェブの運用においては、素早く施策を打てるウェブサイトであることが不可欠です。そのためには、ウェブサイトのメンテナンス性と拡張性を高める必要があります。当社では、開発効率を上げるための方法を常に模索し、新しい開発手法を積極的に取り入れることで、素早いウェブサイトの立ち上げと施策の実行を可能にしています。

設計・デザイン制作

Adobe Creative Cloud

Adobe Creative Cloudは、グラフィックデザイン及び動画編集、ウェブデザインのアプリケーションソフトウェアです。主に以下の製品を用いて、デザイン制作や画像編集を行います。

Adobe XD

ワイヤーフレーム、プロトタイプなどを作成するUI/UXデザインツール。

Adobe PhotoShop

写真の編集、デザインやイラストの作成に最適なツール。

Adobe Illustrator

テキストと画像を組み合わせたレイアウトの作成やデザイン、線や図形を組み合わせたイラストの作成に最適なツール。

開発環境

当社ではWordPressのテーマは使用しておりません。内部構造が不明瞭なテーマの使用は避け、bootstrapフレームワークをカスタマイズした独自テーマの開発により、不要なファイルの読み込みとテーマの更新によるトラブルを避けています。

php storm

PhpStormは、PHP用の商用クロスプラットフォームである総合開発環境です。PhpStormで以下の開発言語及びソフトウェアを読み込んで開発しています。

wordpress

オープンソースのブログソフトウェア。データベース管理システムをもち、カスタマイズ性、保守性に優れている。

bootstrap

ウェブサイトを作成する最も有名なフロントエンドフレームワーク。コーディングの量を減らし、開発スピードを向上させる。

sass

コンパイルを可能にしたCSS言語。一貫性を持ち拡張性の高いスタイルを実現できる。

php

動的にWebページを生成することができるサーバーサイドのスクリプト言語。メンテナンス性を向上させる。

jquery

JavaScriptコードをより容易に記述できるようにするために設計されたライブラリ。エフェクトのあるウェブサイトを実現できる。

サーバー構成

円滑な運用を行うため、開発から公開までのサーバーの用途を明確にしています。

ローカル環境

ローカル環境(当社内)

ローカル環境で開発します。インターネット上にお客様とのファイル共有用のスペースを設けることで、データのやりとりをスムーズに行います。

開発環境

開発環境(当社サーバー)

ご確認専用のサブドメインをご用意します。開発中のウェブサイトを確認いただきながら細かな仕様を詰めていきます。

ステージング環境、本番環境

ステージング環境・本番環境(お客様のご契約サーバー)

お客様のサーバーにステージング環境を作ります。本番と同じ環境で最終確認をいただくことで環境に依存する問題点を早期に事前に見つけ、完全な状態で本番環境へ反映します。

構築

2-4. プロトタイプ

制作の初期段階からウェブサイトの動きをウェブ上で確認・検証していきます。