田中

■プロジェクトの概要 エコールロゼという大阪にあるショッピングセンターのWEBサイトのリニューアル案件のフロントエンドを担当しました。 デザインを元に１からフロントのコーディングを行い、バックエンドのプログラマー、ディレクターと連携を取りながら製作を進めました。 ■担当 4人チームでの構成でフロントエンドを担当 ■使用技術（バックエンドはプログラマーが担当） フロントエンド「HTML、CSS、javascipt、jQuery」 ■取り組み 【どのような機能の開発・実装】 各店舗様の担当者がサイトの管理画面より、店舗の新着情報や新しい商品の画像を告知したりしてもらう機能や各店舗のカテゴリを分けて表示させるための絞り込み機能を作成しました。 【課題・問題点】 制作当時は管理画面の入力項目が多く大変わかりずらい問題がありより使いやすくするため、無駄な入力項目がないようディレクターに提案、ユーザビリティを意識したフロントエンドの調整などを行い製作を行いました。 ■工夫した点 【概要】 TOPページの「イベント」部分に関してはjQueryによるスライダーを利用して各店舗様の登録された商品情報を表示し、詳細ページへのリンクするようなコンテンツを作成、「ショップ情報」部分に関しては各店舗のカテゴリを絞り込めるような機能をjQueryで実装しました。 【課題・問題点】 ユーザーのストレスを減らすためスクロール量を減らす事を実現するため最大８件表示に設定し、それ以降は「MORE」ボタンを押下して閲覧してもらう作りにしました。 「イベント、ショップ情報」にて表示させているサムネイルも先方の担当者からできるだけ全体を見せて綺麗に配置させるようにしてほしいという要望があり、画像とはいえ形の問題などもあるためどんな画像が出力されても問題がないようにCSSによる調整でリテイクを何度も頂きながら苦戦しましたが先方の理想である形に仕上げました。 【成果】 本番公開後は各店舗様の担当者、エコールロゼの担当者様からの評判も好評でいまでもこういう機能できませんか？のような改修依頼や相談が頂けるぐらいのサイトとなりました。 URL https://www.ecoll-rose.com/

■概要 尼崎商工会議所のWEBサイトの保守運用を入社当初から行っております。 毎日更新依頼があり、新規ページの作成、既存ページの更新からセミナー用の問い合わせフォームの作成など多岐にわたって対応してきました。担当者の方が何人もいるため作業量もそれなりに多い中、他の案件もこなしつつ商工会議所様の業務にも対応してきました。 ■担当 入社当時から既に公開されていたサイトでフロントエンド担当（バックエンドはプログラマー） ■使用技術 フロントエンド「HTML、CSS、javascipt、jQuery」 ■取り組み 【どのようなページの実装、作成】 セミナーページの作成依頼がとても多く、先方から頂いた資料を元にページを作成を行っています。 作成時はセミナーの内容を分かりやすく見せるためにうまく色分けやレイアウトの配置などを考慮して作成しています。ページに内容によってはjQueryを仕様したコンテンツが開閉して表示されるようなページを作成したりしました。セミナーページ作成と同時に申し込み用のフォームの作成も行っていてこちらも資料の内容に沿って作成をしています。 【課題・問題点】 ページ作成時に頂いた資料の情報が多い事がほとんどでユーザーが快適に閲覧できるようにするためにテーブル組みでの作成やできるだけ綺麗に見せるためにセミナーの講師の情報を掲示したりして作成しています。申込みフォーム作成時には不要な入力項目が多い事があるため、作成時はできるだけ必要最低限の数だけを作り、先方からのページチェック、動作チェックを行って頂いて作業を勧めております。 ■工夫した点 新規のページ作成が大変多いためサーバーに負荷がかからないように定期的なデータの整理や、古くなったページのリニューアルの提案など少しでもより良い状態を提供できるように心掛けて保守運用を行ってきました。 ■成果 日頃から一定のクオリティを保って作成を行っている事もあり直接自分宛てにお礼の電話を頂けたり、会社宛ではなく自分宛に直接作業依頼が来るようになったりしました。 URL https://www.amacci.or.jp/