SKILL SET
WEBサイト制作
HTML, CSS, SCSS, JavaScript, Vue.js, PHP
Github, Laravel, SQL, WordPress
サーバー運用管理（サイト移管, サーバー移管）
システム開発・データ分析
Google Apps Script (GAS), App Sheet, Looker Studio
Google Analytics, Search Console
Google Workspace
LINE公式アカウント
デザイン・画像編集
Photoshop, Illustrator
Affinity Photo, Affinity Designer
動画撮影・編集
Filmora, ドローン, 一眼レフ, 照明器具etc…
WEB SITES
様々なジャンルや種類のWEBサイトの開発・リリースに携わってきました。
以下は、個人的に作成したWEBサイトです。
（前職で作成したものを含めるともっとあります）
MIRASHIA
色々な技術を詰め込ませていただいたWEBサイトです。
WordPpressで構築していますが、デザインカンプを元に制作しました。
- ローディング画面（jQuery）
- ハンバーガーメニュー（CSS）
- フワッと表示する（JavaScript）
- カスタムショートコード（PHP）
- アニメーション（CSS）
- お問い合わせフォーム 内容確認（入力 → 確認 → サンクスページ）
- レスポンシブ（デバイスによる要素の出し分け）
- PDF表示＆ダウンロード
- WEBサイト移管（サブディレクトリのサイトをルートドメインで表示）
- 開発中はIP制限（.htaccessによる管理）
etc…
Cafe Ingrid
WordPressをベースに構築したWEBサイトです。
新規リニューアルのため、開発中はサブディレクトリに構築し、公開時にルートディレクトリにファイルやデータベースなどまるごと移管しました。
- 上にスクロール時にグローバルナビゲーションを縮小
- アニメーション表示
- 投稿カテゴリー毎の一覧ページ
- 写真などの素材の撮影、編集
etc…
ボードゲームリゾートGAW
ご予約や料金ページの制作を行いました。
オンライン決済システムや予約カレンダーを表示しています。
裏側ではフルカスタムの予約一覧表やGoogleカレンダーなどともデータ連携しています。
- 予約カレンダー表示
└ 予約可能日を自動でローリング（14日以降～100日以内） - 複数のイベント設定
- 参加人数による入力フォームの出し分け（条件分岐）
- オンライン決済機能
- リマインダーメール
- リダイレクト設定（.htaccess）
- 管理画面のカスタマイズ
- デザインのトンマナ合わせ
etc…
FUMONキャンプ場
サイトの方向性、ペルソナなどの戦略から、写真撮影まで行ったWEBサイトです。
元SEOコンサルタントだった強みを生かし、SEO要素を盛り込みました。
初年度からたくさんのご予約をいただき、TV局の取材も２件ありました（キャンプ場に）。
（デザインが古臭いのでリニューアルしたいなぁと思っています 笑）
- テーマのカスタマイズ（PHP）
- アニメーション
- ロゴ制作
- iframeによる天気予報の埋め込み
- Googleフォームの埋め込み
└ 裏側でシステム連携（予約システム） - Googleマイビジネス
etc…
動画ファーストビューDEMOサイト
自分で撮影した映像を編集して、ファーストビューに埋め込んだDEMOサイトを作成しました。 WEBサイトの中のテキストや写真も全てオリジナルです。
- 動画編集
- ドローン（UAS Level2 国土交通省認定 民間資格所持）
- 一眼レフ、ミラーレス
- ジンバル
SYSTEM DEVELOPMENT
「こんなことできますか？」という要望をヒアリングして、
「どうやったらできるか？」を考える楽しみがあります。
「これでいけるんじゃないか！」と閃く瞬間はとても楽しいです。
組み込みながらエラーや不具合と直面しながら、
より効率的で汎用的なコードを作成し成長していくところに、
ゲーム的な面白さを感じています。
DATA ANALYSIS
これまでのバックグラウンドの中で、たくさんのデータ分析やレポーティングをしてきました。
不具合の原因を探して対処法をまとめるといったことが得意です。
Looker Studioによる見える化
エクセルなどのデータを整理し、LookerSutudioで様々な角度から分析できるようにしました。
AppSheetと連携させることでUIの向上を図ったり、期間や検索対象の指定によるグラフの動的な変化を可能にしています。
【例：見える化手順】
- 元データの確認と修正（重複チェックや書式・入力形式の統一）
- データ追加・削除UIアプリの作成
└ データの追加/削除時に、誤って他の重要なデータを触らないようUI化（AppSheet） - LookerStudioで分析レポートを構築
- セクション毎のレポート切り出し（全期間、期間指定、名前別、会社名別）
- レポートの動的な変更機能の組み込み。
Data Analytics Background
データ分析関連の主なバックグラウンド
（※職歴ではありません。職歴の一部です）
2018-2020
株式会社サイバーエージェントでSEOコンサルタントとして、多くのWEBサイトのデータ分析、レポーティングをしてきました。1日２～4件のアポイントをこなす中で、限られた時間内での要点をついた的確な調査・資料まとめ、打合せのスキルなどを身に着けました。
また、超大規模サイトの分析や、APIを使ってGoogleAnalyticsやGoogleSearchConsoleのデータから自動レポートの作成などをしてきました。
2012-2018
株式会社本田技研工業（HONDA）で不具合解析などの調査や市場への配布用レポートの作成などを行ってきました。
製品修理するサービスショップのエンジニア向けの、製品組み立て・修理マニュアル作成や、一般ユーザーの方向けのマニュアル作成なども行ってきました。
2008-2012
静岡大学・大学院で、ナノマテリアル（カーボンナノチューブ、グラファイト）の基礎研究をしていました。国内論文だけでなく、海外論文も発表した経験があります。
> Graphene segregation on Ni/SiO2/Si substrates by alcohol CVD method
MOVIE
これまで調べものをするときはブログなどのテキスト情報が基本でした。
ですが、最近は技術系の調べものなどにYoutubeを使う機会が増えたと実感しています。
WEBサイトのオシャレなファーストビューも動画を使ったものが多く、
これからますます動画の重要性が増してくると感じています。
YM CAMP (DEMO SITE)
ドローン、一眼レフ、ミラーレス、ジンバルを使って撮影した映像を編集し、ファーストビューを動画にしたキャンプ場のデモサイトを作成しました。
WEBサイトの各ページを読み込まなくても動画を見れば「どんなロケーションか？」「どんなサイト（宿泊場所）か？」「実際に宿泊したときにどんな経験ができるか？」が簡潔に伝わることを意図して撮影・編集しました。
また、ファーストビューとして再生するため、動画の解像度、フレームレート画像品質なども調整し重すぎない映像を採用しています。
Movie with Narration
ドローンで撮影した動画にAIで生成したナレーションをつけたDEMOビデオです。
AIのナレーションの精度は増してきたものの不自然に聞こえる箇所も少なくありません。この作品ではアクセントや抑揚などを一つ一つ調整することで自然なナレーションになることを心がけました。