Kageyama's 
portfolio

これまで演劇の企画・制作の仕事を主に行って参りましたが、2021年より並行してweb制作の実務を開始しました。これまでに自主事業のためのwebサイト運営の他、企業のエンジニアチームにも所属し、主にHTML、CSS、PHP、Javascriptを使用したコーディングを担当して参りました。今後は実作経験を深めながら、様々な種類の制作に携われるようになりたいと考えています。

影山直文

WORKS

円盤に乗る場presents 「NEO表現まつりZ」WEBサイト(2024)

コーディング:影山直文 デザイン:ヤング荘

自分が運営に携わっている、共同アトリエ「円盤に乗る場」が開催したイベントの公式WEBサイト。Javascriptを使用したギミックを多用し、遊び心あふれる仕様になっています。各プログラムの紹介、NEWSなど、イベントの運営のために必要な要素についても、非コーダーでも編集しやすいよう実装しました。

「NEO表現サテライト」WEBサイト(2024)

コーディング:影山直文 デザイン:ヤング荘

自分が運営に携わっている、共同アトリエ「円盤に乗る場」が開催したイベントの公式WEBサイト。シンプルな構造ですが、最大限効率的なコーディングを意識しました。

「円盤に乗る場」WEBサイト(2024)

コーディング:影山直文 デザイン:ヤング荘

自分が運営に携わっている、共同アトリエ「円盤に乗る場」の公式WEBサイト。RSSを利用したnote記事の取得など、細かい部分に工夫を凝らしています。

円盤に乗る場presents 「NEO表現まつり」WEBサイト(2023)

コーディング:影山直文 デザイン:ヤング荘

自分が運営に携わっている、共同アトリエ「円盤に乗る場」が開催したイベントの公式WEBサイト。CSSで表現するにはやや複雑なデザインでしたが、様々な画面サイズ・環境で自然に見えるように調整しました。

渋木すず様個人ブログ「ちょっとしたパーティー」(2022)

コーディング・デザイン:影山直文

主にエッセイのための個人ブログ。wordpressを利用し、webの専門知識がなくても更新ができるように構築しました。

円盤に乗る派公式webサイト(2022)

コーディング:影山直文 デザイン:大田拓未

演劇プロジェクト「円盤に乗る派」の公式webサイト。更新の際の効率性を高めるためにwordpressで制作しています。メールマガジンの登録・配布など、団体運用に必要な機能も実装しました。

『ウォーターフォールを追いかけて』公演webサイト(2021)

コーディング:影山直文 デザイン:大田拓未

演劇プロジェクト「円盤に乗る派」の公演『ウォーターフォールを追いかけて』の特設web。初めて公開目的で制作したものです。jQueryによる様々なアクションを実装すると共に、レスポンシブ対応も行っています。

SKILLS

HTML5 / CSS3

なるべく適切なセマンティクスのマークアップを意識しています。エディタはVisual Studio Codeを使用しています。

Sass(SCSS)

現在はSCSSを主に利用し、拡張性・メンテナンス性の高いコーディングを意識しています。

JavaScript

多くの場合はjQueryを使用していますが、場合によっては平文での記述も行っています。

WordPress/PHP

Wordpressの仕組みについては一通り習熟しています。それに関連し、基本的なPHPの文法も取得しています。

Illustrator / Photoshop

web制作の実作業で、独学にて基礎的な操作方法を習得しました。

その他

Shopifyを使用したECサイト構築に参加した経験があり、Liquidも使用可能です。

CONTACT

影山直文

mail : n.kageyama0101@gmail.com