Arimura Ryoma

# プロジェクト概要 大手新聞社の採用サイトの新規開発を行なった。 # チーム構成 ディレクター１名、デザイナー１名、開発１名 # サイトURL https://saiyou.yomiuri.co.jp/ # 役割 - サイト内全てのマークアップ - サイト内全てのアニメーションなどの動きの実装 # 使用技術 HTML, CSS, SCSS, FLOCSS, JavaScript, jQuery # 取り組んだ課題と成果 ## タイトな納期の中でデザイナーとコミュニケーションを取りながら全ての実装を担当 新規サイトの開発であり、トップページ、下層ページ含めて約５０ページほどの規模でアニメーションなどの動きも割と複雑で、なおかつ定められた納期が１ヶ月半ほどの比較的タイトめな案件だった。 開発当初はデザイナーからのフィードバックが多く手戻りが多くなってしまい進捗が遅れ気味になっていたので、そこから不安な部分は事細かにデザイナーに相談するようにしたことで手戻りが減り、納期に遅れることなく納品することができた。

# プロジェクト概要 児童発達支援・放課後等デイサービスを運営している企業のWEBサイトの新規開発を行なった。 # チーム構成 ディレクター１名、デザイナー１名、開発１名 # サイトURL https://7colors-kids.com/ # 役割 - サイト内全てのマークアップ - サイト内全てのアニメーションなどの動きの実装 - サイト内全てのWordPressの組み込み - 公開作業 # 使用技術 HTML, CSS, SCSS, FLOCSS, JavaScript, jQuery, WordPress, PHP # 取り組んだ課題と成果 ## デザイナーからのアニメーション等の動きの細かな要求に対応しながら全ての実装を担当 児童発達支援のデイサービスを運営している会社のサイトということもあり、子供が見ても楽しめるような動きがサイト全体にちりばめられていて、デザイナーからの動きのイメージの細かなフィードバックに対応する必要があった。なのでデザイナーと密にコミュニケーションを取り、修正を最小限に抑えて、結果的にイメージ通りのサイトに実装することができた。

# プロジェクト概要 飲食、美容関連事業をしている企業のWEBサイトの新規開発を行なった。 # チーム構成 ディレクター１名、デザイナー１名、開発１名 # サイトURL https://door-and-crew.jp/ # 役割 - サイト全てのマークアップ - サイト全てのアニメーションなどの動きの実装 - サイト全てのWordPressの組み込み - WordPressの管理画面のカスタマイズ - 公開作業 # 使用技術 HTML, CSS, SCSS, FLOCSS, JavaScript, jQuery, WordPress, PHP # 取り組んだ課題と成果 クライアントがwebにあまり精通していないこともあり、WordPressの管理画面をできるだけ使いやすいものにする必要があった。 管理画面のダッシュボードをカスタマイズして、そこを見れば一眼で必要なページに遷移できるようなUIにカスタマイズしたり、ブロックエディターを導入して投稿の編集画面のスタイリングをフロント側と合わせ、編集画面で公開後の見た目を確認できるようにした。 結果としてwebに詳しくないクライアントでも使いやすい管理画面にすることができた。

# プロジェクト概要 コーポレートサイトの新規開発を行なった。 # チーム構成 ディレクター１名、デザイナー１名、開発２名（静的なマークアップ担当１名、WordPressの組み込み担当１名） # サイトURL https://hagukumu.co.jp/ # 役割 - WordPressの組み込み - WordPressの管理画面のカスタマイズ - 公開作業 # 使用技術 JavaScript, jQuery, WordPress, PHP # 取り組んだ課題と成果 管理画面のダッシュボードをカスタマイズして、そこを見れば一眼で必要なページに遷移できるようなUIにカスタマイズしたり、ブロックエディターを導入して投稿の編集画面のスタイリングをフロント側と合わせ、編集画面で公開後の見た目を確認できるようにした。 結果としてクライアントが使いやすい管理画面にすることができた。

# プロジェクト概要 自動車のサブスクリプションのwebサイトの改修作業、新規LPの作成を行なった。 # チーム構成 ディレクター１名、デザイナー１名、開発３名 # 役割 - React(Next.js)を用いた部分的な改修業務 - React(Next.js)を用いた新規LPの作成 # 使用技術 HTML, Tailwind CSS, JavaScript, React, Next.js

# プロジェクト概要 コーポレートサイトの新規開発を行なった。 # チーム構成 デザイナー１名、開発１名 # 役割 - AstroとTailwind cssを使用したマークアップとスタイリング - WordPress Rest APIとmicroCMSからのデータの取得、表示 # 使用技術 HTML, Tailwind CSS, JavaScript, TypeScript, Astro, WordPress, Git GitHub # 取り組んだ課題と成果 コーポレートサイトのリニューアルの案件だった為、今後の改修や修正などを容易にするために、共通化できるパーツはできる限りコンポーネント化するなどの工夫をした。 また、Tailwind CSSでのスタイリングではgitやapplyを用いることで、global.cssを使わずにTailwind CSSのみで完結できるように実装したことでより管理のしやすいものにできた。

# プロジェクト概要 ポートフォリオサイトのリニューアルを行なった。 # URL 【サイトURL】 https://arimura-ryoma.com 【GitHubリポジトリURL】 https://github.com/Ryoma0305/my-astro-portfolio-site # 役割 - AstroとTailwind cssを使用したマークアップとスタイリング - WordPress Rest APIとmicroCMSからのデータの取得、表示 - Vercelへのデプロイ # 使用技術 HTML, Tailwind CSS, JavaScript, TypeScript, Astro, WordPress, Git GitHub # 取り組んだ課題と成果 以前WordPressで運用していた自分のポートフォリオサイトをAstro、 Tailwind CSS、WordPress、Vercelを用いたJamstackアーキテクチャでリプレイスした。 今後の改修や修正などを容易にするために、共通化できるパーツはできる限りコンポーネント化するなどの工夫をした。 また、Tailwind CSSでのスタイリングではgitやapplyを用いることで、global.cssを使わずにTailwind CSSのみで完結できるように実装したことでより管理のしやすいものにできた。