• Homeホーム
  • Statusステータス
  • Plactice自主制作
  • Productsツール開発
  • WorksWebサイト制作
  • About私について

あなたと
私をツナグ
仕事がしたい!

OyakaWorX

ポートフォリオサイトをご覧いただきありがとうございます。
SEO対策やWebサイト制作の現場で培った経験を活かし、
使いやすさと見つけやすさを大切にしたWeb設計を目指しています。
現在はNext.jsを中心に、より快適なWeb体験を目指して日々制作しています。

ステータス Status

Profile

親川 将輝おやかわ まさき

専門学校ITカレッジ沖縄卒業後、SEO対策会社に4年半勤務。
その後、宿泊業界を中心にサービスを展開するWEB制作会社に3年以上勤めておりました。
アクセシビリティ面・SEO面を考慮した構築を意識しています。

Coding

コーダー実務経験3年以上

前職では、主に宿泊業界のホテルサイトを制作しており、LP制作、Shopify制作、楽天カスタマイズページ制作、宿泊予約システムのJS実装など、コーダーとして3年以上 業務に携わってきました。

  • PHP
  • HTML
  • Sass
  • JavaScript
  • jQuery

Reports

サイト分析

WEBサイトは公開して終わりではなく、エンドユーザーが「どんな経路から何人」がアクセスしているのか、分析することも大事。前職では、コンバージョン設定からレポートの分析まで担当しておりました。

  • Googleアナリティクス
  • GTM
  • Search Console

Light design

簡易デザイン

ワイヤーフレームやアイコン作成など、FigmaやPhotoshopを使った簡易的なデザインが可能です。

  • Figma
  • Photoshop

Maintenance

運用保守

制作だけでなく、サブスク型の運用保守も行っておりました。電話・メール・MTGでお客様と直接やり取り可能です。

  • 各種MTGツール
  • AUN

自主制作 Plactice

私が “ Webアプリ ” に感じた最大の魅力

私がWebアプリに強く惹かれた理由は、ユーザーの行動に応じて、体験そのものを変えられる点です。
ユーザーが何を選び、どう操作するかによって表示結果が変化し、その度に新しい体験が生まれる。
「作ったものがユーザーの手元で生き続ける感覚」は、静的なWebサイト制作では味わえないものでした。
この体験を自分の手で作れるようになりたいと考え、私はReact / Next.jsの学習を始めました。

おみくじアプリ2026

学習の応用として、初めて制作したNext.jsアプリが『おみくじアプリ2026』です。
おみくじの運勢に応じて、キャラクターのセリフや表情が変化、購入したアイテムの履歴を保存し、後から振り返れる仕組みを実装しました。
この制作を通して、ユーザーの行動を予測したアプリ設計、状態管理やコンポーネント構築の重要性を実感しました。

スマホでアプリを見る
設計情報はこちら

Please Scan Here. QRコードを読み取ってください。

QRコードが表示されていたら、読み取ってください。

Webアプリ開発 Products

  • デモ画面1
  • デモ画面2
  • Webアプリ
  • 業務管理ツール
  • Next.js
  • Claude.ai

“ 忙しい ” の感覚 を共通化する

問題どこに負荷が集中しているのか?の認識が曖昧だと感じたため、属人的な感覚に頼らず、進捗・工数・期限超過を事実ベースで共有できる仕組みとして、社内向けの進捗可視化ツールを自ら企画しました。

Backlog進捗から 負荷集中を把握

指標Backlogのタスク進捗状況を集計し、マイルストーンに対して、1日○時間リソースを確保すれば良いのか?週次の工数ヒートマップによって負荷が集中している期間を直感的に把握できる構成としています。

Next.js の実務活用

手法Next.js を用いて、要件整理・UI設計を行い、開発しました。短期間での構築が求められたため、Claude.aiを活用しながら、出力コードの理解・調整を行い、業務で実用可能な品質を担保しています。

Webサイト制作 Works

  • おきなわブーゲンフェア2025

    東南植物楽園|おきなわブーゲンフェア2025

    • キャンペーンLP
    • PHP
    • 保守性改修

    沖縄県にある1,300種類以上の熱帯/亜熱帯植物を鑑賞できる東南植物楽園 様。毎年春に開催されるブーゲンビレアフェアのLP制作を担当。SEO面を考慮し、例年のデザインから画像文字をHTML構築化、jsアニメーションを盛り込みました。制作期間|2025/02

    このページを見る
  • HPリニューアル

    アールエヌティーホテルズ株式会社|HPリニューアル

    • TOP・下層ページ構築
    • コンポーネント構築
    • PHP

    「リッチモンドホテル」を全国展開するアールエヌティーホテルズ株式会社 様のHPをリニューアルさせていただきました。全ページでレイアウト・パーツを流用できるよう構築設計を工夫しました。制作期間|2025/02 - 2025/03

    このページを見る
  • HPリニューアル

    ホテルビナリオ嵯峨嵐山|HPリニューアル

    • TOP構築
    • コンポーネント構築
    • 検索窓改修
    • PHP

    ホテルビナリオ嵯峨嵐山 様のHPをリニューアルさせていただきました。TOPページのレスポンシブ化、宿泊予約システム『e-concierge』の検索窓改修など、UI/UX最適化を目的としております。制作期間|2024/09 - 2024/10

    このページを見る
  • HPリニューアル

    ジ・アッタテラス クラブタワーズ|HPリニューアル

    • Shopify
    • 下層ページ構築
    • GA4設定

    沖縄県恩納村にあるホテル ジ・アッタテラス クラブタワーズ 様のHPをリニューアルさせていただきました。私は、下層ページ全般の調整(Liquidコンポーネントの統一化、CSSの管理など)を担当し、高品質なサイトを納品することに貢献いたしました。制作期間|2025/10 - 2025/12

    このページを見る
  • HPリニューアル

    季節の郷土料理の蔵 草菴|HPリニューアル

    • Shopify
    • TOP・下層ページ構築
    • コンポーネント構築

    長野県松本市・中町通りにある飲食店 草菴 様のHPをリニューアルさせていただきました。Shopifyの要件定義は、ディレクター&システム担当にて実施。私はコンポーネントパーツの作成やSassの設計など、フロントエンド周りを担当いたしました。制作期間|2025/05 - 2025/06

    このページを見る
  • オンラインストア構築

    土湯温泉|オンラインストア構築

    • Shopify
    • TOPページ構築
    • コンポーネント構築

    福島県福島市にある土湯温泉 様のオンラインストアを制作させていただきました。1週間でサイト全体の9割を構築、1回のフィードバックを挟んだ後に即公開。シンプルな構成ながら、スピード感を持って正確に対応することができました。制作期間|2025/09

    このページを見る
  • オンラインストア構築

    長崎マリオットホテル|オンラインストア構築

    • Shopify
    • TOPページ構築
    • コンポーネント構築

    長崎マリオットホテル内のショップ「Grab&Go」様のオンラインストアを作成させていただきました。私としては初のShopify案件で、Liquidファイルで制御をかける部分、管理画面からUI変更させる部分の切り分けが最も難しかったポイントです。制作期間|2025/02 - 2025/03

    このページを見る
  • HPリニューアル

    ルネッサンス リゾート オキナワ|HPリニューアル

    • Shopify
    • 下層ページ構築

    沖縄県恩納村にあるルネッサンス リゾート オキナワ 様のHPをリニューアルさせていただきました。私は下層ページのCSS調整(サイト全体の7割) + ブログ機能の拡張で「メタオブジェクトパーツの設計」などを担当いたしました。制作期間|2025/08 - 2025/12

    このページを見る
  • HPリニューアル

    オーシャンリゾートホテル&スパ うみんぴあ|HPリニューアル

    • Shopify
    • 下層ページ構築

    福井県おおい町にあるオーシャンリゾートホテル&スパ うみんぴあ 様のHPをリニューアルさせていただきました。私は、他メンバーが構築したコンポーネントを組み合わせて下層6ページ作成。短納期での構築となりましたが、ページの量産に貢献いたしました。制作期間|2025/06

    このページを見る
  • HPリニューアル

    有馬温泉 メープル有馬|HPリニューアル

    • Shopify
    • 下層ページ構築

    兵庫県神戸市にあるメープル有馬 様のHPをリニューアルさせていただきました。本プロジェクトでは、初めてShopifyでサイトを構築するメンバーへのレクチャー&技術フォロー、下層数ページ(客室やお料理など)の構築を担当いたしました。制作期間|2025/08

    このページを見る

私について About

1996年4月6日生まれ。
世界遺産「斎場御嶽(せーふぁうたき)」がある
沖縄県南城市で育ちました。

コンビニが一軒もない小さな田舎町でしたが、
2009年頃、中学校1年生のときに初めて
本格的にインターネットに触れ始めます。

当時、最もよく閲覧していたWebサイトは
「ポケモン徹底攻略」でした。

今振り返ると、ユーザーの疑問に応え、
情報を整理し続けていたあのサイトも、
Webアプリケーションの一つだったのだと感じています。

2017年、IT系の専門学校を卒業後、
新卒1年目として入社した企業では、
テクニカルSEO担当兼Webライターとして勤務しました。

実業務では、JSON-LDを用いた構造化データの実装や、
コアウェブバイタル改善を目的とした
サイト分析から施策まで、
チームリーダー補佐として、
一連の工程を担当していました。

また、業務で得た知識をアウトプットする場として、
WordPressで個人ブログを設計・運営しました。

当時好きだった「欅坂46」の歌詞考察をテーマに、
毎週1記事の投稿、CTR30%前後を維持できたことは、
継続力の大切さと自身の手応えにつながりました。

2022年、SEOを中心とした裏側の改善だけでなく、
視覚的な価値もユーザーに届けたいと考え、
Webサイト制作会社へ転職しました。

入社後はカスタマーサクセス担当として配属され、
電話やメール対応やLP構築を行いました。
その後、約2年ほど業務を続ける中で、
Shopify制作部署へ異動する機会に恵まれました。

Shopify制作ではコンポーネント単位で構造を捉え、
再利用性を予測した設計を心がけるようになりました。
どの情報をどの責務で持たせるか?を整理する能力は、
フロントエンドにおけるコンポーネント設計や
データ設計と共通する考え方であると感じています。

Webサイト制作やShopify開発に携わる中で、
私は「ユーザー体験の設計」について
強く意識するようになりました。
Webサイトは情報を分かりやすく伝えるための
優れた手段である一方、多くの場合、
体験は一度きりで完結します。

一方で、ユーザーの操作や選択によって状態が変化し、
その都度体験が更新されていくWebアプリには、
作ったものがユーザーの手元で
生き続ける(育っていく)感覚がありました。

ユーザーの行動で表示や結果が変わる仕組みは、
体験そのものを設計している実感があり、
大きな魅力に感じています。

これまでの経験を土台に、ユーザーの行動によって
体験が更新され続けるWebアプリを
設計・実装できるエンジニアを目指しています。

© 2026 OyakaWorX