⚫︎ わたしのこと
about me
takahashi tsuzumi
髙橋 鼓
2000年奈良県生まれ奈良県育ち。
高校卒業後、オーストラリア・ブリスベンへ語学留学。
帰国後はWebサイトの運営・企画に約5年間携わってきました。
日々の業務の中でデザインやコーディングに関心を持ち、社内開発部のデザイン研修に参加。
特にコーディングの面白さに魅了され、より制作に深く関われるような職に就きたいと思い退職しました。
職業訓練校でエンジニアとしての基礎知識を学び、現在は転職活動中です。
career
2019
IBGメディア株式会社 アルバイト入社
音楽メディアUtaTenの編集者として入社。
コンテンツの更新やコラム記事の編集など、サイトのメインコンテンツを主に担当しました。
2020 ~
IBGメディア株式会社 正社員雇用
1年間のアルバイトを経て、正社員雇用されました。
音楽メディアUtaTenのサイトリーダーとしてメインコンテンツの業務と並行して、アクセス数を向上させるための新規コンテンツ企画を行いました。
2021
社内のデザイン研修に参加
［研修内容］
Illustrator・Photoshop ：使用方法・課題バナーの制作
After Effects ：使用方法・課題動画の制作
XD ：使用方法・課題サイトのワイヤー制作
HTML・CSS ：課題サイトのコーディング
2021 ~
デザイン業務開始
実務として広告のバナー、LPの制作を開始。
worksに掲載しているものの他に、アイドルオーディション・マッチングアプリのLP制作に携わりました。
2024
ウェブデザイン技能検定 3級 合格
学んでいることを形に残したいと思い取得しました。
2025 ~
エンジニアを目指して職業訓練校に通う
コーディングを通して形にする面白さを感じ、より専門的な技術を扱えるようになりたいと思いエンジニアとしてのキャリアを意識し始めました。
2025年4月にIBGメディア株式会社を退職。職業訓練校でエンジニアの基礎知識を習得し、現在転職活動中です。
⚫︎ できること
skills
HTML / CSS
デザインカンプを忠実に再現することを意識。レスポンシブ対応や保守性を考慮した規則性のある命名と構造を心がけています。
JavaScript / jQuery / PHP
簡単なアニメーションやスライドなどの動きを実装できます。
PHPを使用したお問い合わせフォームの作成なども可能です。
Java / PHP
DB (MySQL PostgreSQL)
職業訓練校で基礎から学習中です。簡単なWebアプリの開発経験があります。
Illustration / Photoshop
広告バナーやLPで使用する画像など、Web制作に必要な素材作成が可能です。
XD / Figma
ワイヤーフレームやモックアップの作成が可能です。
After Effects
簡単な動画作成が可能です。
⚫︎ 制作物
works
design / coding
ポートフォリオ
概要
経験が浅いため、背伸びをせず「いまのわたしができること」を正確に伝えられるよう意識して制作しました。
目的
制作物をわかりやく整理して伝えること。
ストレスなく閲覧できるサイトにすること。
内容詳細
制作物が主役になるよう全体はグレーベースでシンプルに、アクセントカラーにはグリーンを使用し、明るく前向きな印象になるよう意識しました。
PC・スマートフォン双方での閲覧を想定し、レスポンシブ対応を行っています。
design / coding
UtaTenキャスティングLP
概要
目的
オーガニック流入による問い合わせ数の増加とサービス全体の売上・取引先拡大を狙いました。
内容詳細
サービス内容やレビューなど、ターゲットが求めている情報がスムーズに確認できるよう情報を整理して掲載しています。
問い合わせフォームまでの導線をシンプルにし、お問い合わせへのハードルが下がるように制作しました。
coding
cuna select LP
概要
社内デザイナーが作成したデザインカンプをもとに、実装を担当しています。
目的
実装を通して、マークアップやレスポンシブ対応の理解を深める。
内容詳細
レスポンシブで配置が変わる部分が多かったため、 構造を理解しながらマークアップを行いました。BEM記法を用いてクラス設計を行い、修正がしやすい構成を心がけています。
初めての実務コーディングだったため、調べながら進め、実装方法を考える力や調査力を身につけることができました。
development
カレンダーアプリ（個人開発）
概要
バックエンドからフロントエンドまで、一通りを自分で設計・実装しているWEBアプリです。
目的
内容詳細
JavaテンプレートエンジンであるThymeleafを使用し、バックエンド処理と画面表示の連携を実装。
Javaの基礎理解を重視し、AIに頼らず自力で調査・実装を行いました。
カレンダー画面
TOPのカレンダー画面には現在日と、それに基づくカレンダーを表示。
カレンダーでは現在日の背景色を黄色に。
メモが登録されている日付にはオレンジのドットをつけて、一目でどこにメモが登録されているかわかりやすいようにしています。
メモ画面（新規）
カレンダーの日付をクリックすると、メモ新規登録画面を表示。
タイトルとメモを登録可能です。
メモ画面（既存）
カレンダーの日付をクリックすると、メモの編集画面を表示。
タイトルとメモの更新と削除が可能です。
メモ エラー画面（新規）
タイトル・メモ内容にエラーがあった場合は、エラーメッセージを表示。
＜空白＞
タイトル/メモ内容を入力してください。
＜文字数オーバー＞
タイトル/メモ内容は、100文字/1000文字以内で入力してください。
メモ エラー画面（既存）
内容を変更後、タイトル・メモ内容にエラーがあった場合は、エラーメッセージを表示。
＜空白＞
更新に失敗しました。タイトル/メモ内容を入力してください。
＜文字数オーバー＞
更新に失敗しました。タイトル/メモ内容は、100文字/1000文字以内で入力してください。
メモ 一覧画面
カレンダー画面の「notes list」ボタンをクリックで、その月に登録されているメモの一覧を表示。
メモ部分をクリックで、該当メモの編集画面に遷移します。
メモ 一覧画面（0件）
カレンダー画面の「notes list」ボタンをクリック、その月に登録されているメモが0件の場合は「登録されているメモはありません」の文字を表示。
⚫︎ お問い合わせ
contact