MrPornGeek > チームに会う > Alishia

Alishia

フロントエンド開発者 MrPornGeekにて

アリシアは、MrPornGeekの各所をクリックしたときに、実際に正しく動作する理由そのものです。デザインが外見を整え、彼女が機能を実装します。ページの正しい読み込み、スマートフォンで崩れないレイアウト、役割を果たすボタンなど、すべて彼女の仕事です。

MrPornGeekでの役割

アリシアはここのフロントエンドのコードをすべて書いています。新しいデザインが上がってきたとき、それを形にするのが彼女です。機能を追加する必要があれば、彼女がコードを書きます。モバイルで表示がおかしければ、彼女が修正します。彼女は時間の大部分をデザイン部門とバックエンドチームの間で過ごし、すべてが一つのユニットとして機能するように繋ぎ合わせています。「これは可能か？」「Safariで崩れないか？」「このアニメーションは表示速度を落とさないか？」といった多くのやり取りが行われます。毎日状況は異なりますが、基本的な役割は同じです。サイトを機能させ、高速に保つことです。

職歴

  • フロントエンド開発者 - MrPornGeek - 2020年 – 現在

    フロントエンドのコードをすべて執筆・管理。デザイン案を実際のページへと作り変え、特殊なブラウザや古いスマートフォンでも崩れないよう監視します。彼女はすべての更新リリースに携わり、コードの確認とテストを行い、公開前に他のすべての要素とうまく連携していることを確認します。

  • フロントエンド開発者 - 大規模コンテンツプラットフォーム - 2017年 - 2020年

    大規模なコンテンツサイトのフロントエンド構築に3年間従事。数百のテンプレート、厳格なパフォーマンス予算の中で、雑なコードが許されない環境でした。公開後に常に監視し続ける必要のない、再利用可能なコンポーネントの構築方法を学びました。また、フロントエンドでの手抜きは最終的に必ず自分に跳ね返ってくることもすぐに理解しました。

  • ジュニアウェブ開発者 - デジタルエージェンシー - 2015年 - 2017年

    彼女のキャリアの原点。クライアントがデザインファイルを送り、彼女はそれを動作するサイトに作り変える必要がありました。しかもたいてい納期は「昨日まで」でした。厳しい締め切り、こだわりの強いクライアント、膨大な量のHTML、CSS、JavaScript。華やかなものではありませんでしたが、基礎を骨の髄まで叩き込まれました。彼女は今でもその経験を毎日活かしています。

専門分野

  • クリーンなHTML、CSS、JavaScriptの執筆
  • モバイルファーストかつレスポンシブな構築
  • すべてのブラウザで動作させる技術
  • 表示速度への強いこだわり
  • 再利用可能なコンポーネントによる構築
  • CSSプリプロセッサの習熟
  • JSフレームワークとライブラリの活用
  • ピクセル単位のデザイン再現
  • アクセシビリティと標準に準拠したコード
  • Gitとチームワークフローの実践

開発へのアプローチ

彼女はシンプルさを重視します。20行のバニラJavaScriptで済むことに、巨大なフレームワークを使う意味はないと考えています。彼女のコードは十分にクリーンなので、他の人が見ても何が起きているか理解できます。スパゲッティコードも、謎の関数も、「これは何のためのものか」と悩む瞬間もありません。公開サイトに近づく前に、あらゆるものを適切にテストします。異なるスマートフォン、異なるブラウザ、異なる画面サイズ。そして、自分の作ったものがデザイン案と一致しているか、常にデザイナーと確認します。Figmaでは素晴らしく見えても、ブラウザでダメになってしまうことほど最悪なことはないからです。

継続的な業務と新鮮さ

フロントエンドに終わりはありません。常に新しいパーツが追加され、古いページは更新が必要になり、テンプレートは変更されます。アリシアはほぼ毎日コードベースに向き合っています。機会があれば古いコードも見直し、重くなったり煩雑になったりした箇所を整理し、細部を詰め、表示速度を監視しています。サイトは成長し続けているため、常に注意を払うべき箇所があります。半年前に機能していた手法も、新しく3つのセクションを追加した今では、考え直す必要があるかもしれません。

ツールとワークフロー

VS Codeが彼女の拠点です。バージョン管理にはGitを、深く掘り下げる必要があるときにはChrome DevToolsを使用します。ビルドツールやフレームワークは、その仕事に最適なものを選びます。特定の技術に固執することはありません。すべては公開前に適切なチェックを受けます。彼女はQAと連携し、バックエンドチームと調整して、何も衝突が起きないようにします。チェックなしにコードをプッシュする人はいません。それがここでのやり方です。

MrPornGeekへの貢献

  • 主要なすべてのセクションのフロントエンド・コードを執筆
  • ページ読み込み時間を大幅に短縮
  • 新しいページの作成を早める再利用可能なテンプレートを構築
  • サイト全体の質的なデザイン変更の実施を支援
  • フロントエンドの土台にアクセシビリティを組み込んだ

責任と連絡先

正しく表示されない箇所がありますか？そちらの環境でサイトの挙動が変ですか？メッセージをお送りください。件名に「Alishia – Frontend」と記入していただければ、彼女に届くようになります。アリシアへの連絡はこちらから。

プロフィール最終更新日: 2026年1月17日

      All Categories & Tags
      A-Z

      Updated On 25, April 2026