#00A5BF
Portfolio

Works制作実績

• Website

  主にコーディングを
  対応させていただいたサイトなど。
  閉鎖済みのサイトも多数あり、
  一部は画像のみ掲載させていただいております。

• 

  おせちOEMサイト

  華やかで細かいディティールが多く、非常に作りがいのあるサイトでした。
  作業時間は2営業日ほどです。

• 

  自治体シティプロモーションページ

  セクションごとにデザイナーが違い、使う技術も様々で、とても楽しくコーディングさせていただけたサイトです。
  ただ楽天GOLDのサーバと、メインビジュアルとして採用された動画自動再生の相性が悪く、その点はかなり頭を悩ませました...。

• 

  楽天PCテンプレート（※PC専用）

  上記のシティプロモーションページに付随した楽天商品ページのPC用テンプレートです。複数のテンプレートをまたぐもので、更新の工数減や漏れを防ぐため、一部iframeなども使用しております。

• 

  オフィシャルサイト

  EC CUBEで作成したショッピングサイトをShopifyに移行することとなり、会員様情報の移行作業や、0からの立ち上げやカスタマイズに関与しております。

• 

  福岡の八女茶特集

  LP作成が多い勤務先で、珍しく下層ページがあるサイトでした。
  各ページに共通する箇所をどう作っておくかなど事前に深く考えて作成しています。

• 

  母の日特集ページ

  CSSから初めてSCSSに移行した思い出深いサイトです。
  異なるデザインのテイストで父の日、敬老の日のページも作成し、楽天や自社ECサイトなど、それぞれのサイトに展開しました。

• 

  楽天ふるさと納税特定自治体 ゴルフ用品特集ページ

  「極力工数を減らすように」という指示の上作成されたページ。
  実装時間はレスポンシブ対応含めて4時間程度です。

• 

  ふるさと納税特集サイト

  自治体様と勤務先の契約終了に伴い、残念ながら閉鎖となりました。
  他ページへのリンクが非常に多く、遷移先の収集も業務としてお任せいただいたため、ミスがないよう注意いたしました。

• 

  新卒採用サイト

  こちらも勤務先の新卒採用終了に伴い閉鎖となってしまいましたが、スライド、カウントアップ、円グラフのアニメーションなど動きが格段に多く、大変勉強になりました。

• • 博多グルメランキング特集
  • おせち特集ページ
  • 春夏ばりよか！人気返礼品ランキング
  • 【人気返礼品】年間ランキング特集

  上記以外にも様々な特集ページや、新築マンションサイトなどにもコーディング（一部デザイン）で多数関わった経験がございます。

• Tools・Data

  作成した業務効率化ツールや、
  CSV、Python等を用いたデータ処理業務例。
  いずれも生成AIとの協業ですが、
  要件定義などは私が対応しております。

• フリック一括入力ツールGoogle Chrome拡張機能

  サイトの仕様により機能は異なりますが、楽天の場合、

  • 現在入力されているフリック画像のURLを一括でクリア
  • Cabinet画像のURLを一括で入力する

  といった機能を実装いたしました。
  楽天、auPAY！Wowma、ふるさとチョイス、イオンのふるさと納税、ふるさと百選など、
  サイトに応じて処理の切り替えが可能なツールにしております。

  また、画像ファイル名に命名規則があることが前提ではございますが、このツールに合わせ、画像1枚のURLと枚数を入力すると自動でURLを生成するツールなども別途作成いたしました。

• PC・SP同時比較ツールGoogle Chrome拡張機能

  楽天など特定のモールでChromeの同一ウィンドウ内に検証用のスマートフォン画面を呼び出すもの。
  PCとスマートフォンで入力箇所が分かれている場合の検証などに適しています。

• テキスト入力補助ツールGoogle Chrome拡張機能

  ふるさと納税は同一の返礼品を複数のサイトに展開していく必要があるのですが、工数が大きいため、その補助となるよう開発したツールです。

  特定のサイトに登録した内容を基準とし、展開時に拡張機能を呼び出すと入力内容をコピーしていくというもの。
  サイトごとの仕様差も大きく、「コメントアウトは削除」や、「サイトごとに入力箇所が異なる項目については特定の箇所で分割し、別々に移植する」など、動作についてはかなり深く検討しながら作成いたしました。

• Photoshop用スクリプトJavaScript

  JavaScriptとPhotoshop、CSVを組み合わせ、指定の位置に画像やテキストを自動で入れ込んでいくスクリプトを作成いたしました。同デザインでシリーズが多い商品ページなどに重宝しています。

  【例】おせち商品ページ 単品紹介画像（一品一品が紹介されている部分）

• CSV使用例（寄附額一括改定）CSV・TSV

  ふるさと納税の制度変更により、登録されている返礼品の寄附額やコードの変更が必要となった際、返礼品数1000点弱×登録されているサイトの数だけ修正作業が発生します。
  サイトごとにCSVの作り、文字コードや改行コードなどが異なることに注意しつつ、ほぼ全て単独で対応いたしました。

  ▼その他使用例

  • 様々なモールの画像一括登録やページ修正
  • GoogleスプレッドシートとCSVを組み合わせ、複数人で同時に扱えるチェックシート作成
  • 項目選択肢の一括追加、変更、削除など
  • 各サイトの編集画面URLを生成するときの材料などにも使用

  CSVは様々な業務の中で日常的に使用しております。

• Python業務使用例Python

  作業の対象数が多い場合などに、効率化の一環として使用しております。

  • 多数の画像の一括リサイズ、EXIF情報の削除など
  • 特集ページ作成の際、楽天のお気に入り登録に使用するIDの一括収集
  • 新サイトをオープンさせる際、CSVと組み合わせ、既存サイトの画像をファイル名を変更しながら一括ダウンロード
  • ページ登録作業の際、保存先のフォルダ階層が複雑な画像を一括で集める
  • 商品ページの型とCSVを組み合わせ、テンプレートエンジンによる一括コード生成
  • クリッカブルマップ画像のサイズ変更時の一括座標変更

×