学びとして得た私の経験を紹介

はじめまして、おとはです。
本ナレッジをご覧くださいましてありがとうございます。

私の過去の経験や技術力の参考になればと思いましてナレッジの場をお借りして紹介させて頂きます。

本業とは一切関係なく、個人で開発を行ったサイトですのでご希望があれば一部ソースコードをお見せすることも可能です。
月額プランにご契約頂いた際に相談を頂ければと思います。
 
Windows、Apache2、PHP、MySQL、HTML、CSS、Javascript、jQueryが主要構成です。
設計力を身に着けウェブサーバーやPHPのスクリプトの動作・仕組みを学ぶことを目的としました。
そのためライブラリはjQueryのみ、フレームワークは未使用です。
ブログ投稿サイトは180ファイル、ECサイトは150ファイルほどのPHPで構成しています。
 

 

オーダーメイド商品販売 ECサイト(2017年~2019年)

本ナレッジ下部に記載のブログ投稿サイトのシステムを使用して開発を行ったECサイトです。
オリジナルキャラのイラストを載せたく趣味趣向満載のデザインです、は参考にされないようご注意ください。

※現在は運営終了・公開も終了しておりますので外部からのアクセスは行えません。

私がハンドメイドで製作していたハードウェア・オーディオ用のケーブルの販売目的で製作しました。
特にオーダーメイドとして注文できる機能やオーダー品の打ち合わせ機能などを充実させておりました。
本業の合間に行っていましたので実稼働は週末のみ、運営は約3年で売上高は76万ほどでした。

主な機能

一般公開機能

  • ユーザー登録が自由に可能
  • 登録商品を検索して買い物かごに入れて注文が可能
  • 予め用意したオーダーメイド用の項目から仕様を選んで注文が可能
  • 購入履歴が購入者からも販売者からも確認が可能
  • 物品の配送状況や返金手続きの機能も搭載
  • メッセージボックス機能(カスタム・オーダーメイド製品の仕様の打ち合わせなどに利用)
  • 商品レビュー機能(商品受け取り後にレビューが初めて投稿可能になるように設計)
  • メールマガジン配信
  • 商品のレンタル機能

管理者機能

  • 管理者は専用フォームにて商品の追加・編集が可能
  • 売上、ポイントの利用、送料などの出費など確認が可能
  • 割引クーポン発行機能・ポイント配布機能
  • レンタル商品の貸し出し管理機能
  • 在庫管理機能

商品ページの例

商品画像・価格・詳細説明など一般的な情報を掲載していました。
データはすべて管理ページからアクセスできる専用フォームにて追加・編集が行えるようになっていました。

image

買い物かごの例

買い物かごに入っている商品の一覧、価格を表示していました。
支払い方法、ポイント利用やクーポン利用なども買い物かごにて指定できました。
オーダーメイドと通常販売商品を同時に購入する場合を想定して、配送方法を分割にできる機能もありました。

image

銀行振込及びペイパルにのみ対応することで支払いシステムにかかる費用を抑えていました。

オーダーメイド注文の例

オーダーメイド注文は仕様の変更希望を受けることもありましたので管理者がある程度編集できるような機能も設けていました。
完成したオーダーメイド品の画像を投稿して発送前に依頼人の確認を行う機能などもこちらの画面から操作できるようにしていました。

image

売上履歴一覧ページ

過去に売り上げた商品の一覧を表示して、各種販売商品の保証期間の管理などを行っていました。

image

注文管理の情報は簡易的ではありますがログを残して対応漏れがないような表記を行っていました。

image

商品登録ページ

商品販売を行うための基本的な金額や在庫数・商品説明から画像設定などこちらのページで行っていました。
また、検索を行うためのカテゴリーや追加のタグの設定、商品一覧ページの表示優先度の設定など行えるようにしていました。

その他、購入総額やレビュー数などに応じて会員にランク帯を設けて、閲覧できる商品に制限を設けられる仕組みを実装していました。

image

 

ブログ投稿サイトの開発と運用 (開発:2012年~、運用:2013年~)

こちらのウェブサイトは個人的にPHP・HTML・CSS・Javascript・jQueryを使用して独学で製作を行ったブログ投稿サイトです。

父のブログページ (2013年~現在)

リンクはこちら

父の要望を元に私が開発したブログ投稿サイトです。
2013年から公開・運用を行っておりまして、すでに9年ほど継続しております。

image

技術系ブログサイト(2015年~2017年)

以下のページは私が2017年頃まで更新していたブログとなります。
編集権限のあるアカウントでログインしているため画面それぞれ左右に追加のメニューが表示されています。

image

ブログ投稿サイトとして必要そうな機能は一通り実装しております。

編集サイト

image

こちらは記事投稿・編集が行える専用サイトの編集ページの画像です。

一般的なテキストボックス・セレクトボックス・リッチテキストエディタなどを利用して編集が行えるように実装しています。