loading...

welcome to

デザインやバックエンドも対応できる

フロントエンジニアを目指しています

Shohei-Portfolio

About

作者顔写真

岩田 祥平

1991年札幌生まれ江別育ち

剣道・居合道を通して技術を磨く面白さを知る
大学を卒業後、漠然と総合職として就職
道を究める仕事に憧れ宮大工の訓練を受ける
大工業界の薄給の現実を知り道を断念(阿呆)
プログラミング・WEBデザインに出会い没頭中

趣味は読書と筋トレ、動物動画鑑賞

Skills

  • HTML5/CSS3

    • ★★★★★
    • レスポンシブデザイン・Sass
    開く
    【学習期間】
    約8カ月(独学4カ月・訓練校4カ月)
    【学習教材】
    • HTML & CSSとwebデザインが1冊できちんと身につく本 - 技術評論社
    • HTML5 & CSS3 コーディングとサイト制作の教科書 - 技術評論社
    • CSS設計の教科書 - インプレス
    • Sass & Compass徹底入門 - 翔泳社
  • JavaScript

    • ★★★★☆
    • DOM操作 ・jQuery・Three.js
    開く
    【学習期間】
    約6カ月(独学)
    【学習教材】
    • JavaScript ふりがなプログラミング - リブロワークス
    • ゲームを作りながら楽しく学べるHTML5+CSS+JavaScriptプログラミング - 技術評論社
    • 初めてのJavaScript - オライリー
    • 初めてのThree.js - オライリー
    • jQuery 最高の教科書(学習中) - SB Creative
    • Vue.jsのツボとコツがゼッタイにわかる本(学習中) - 秀和システム
  • PHP/MySQL

    • ★★★☆☆
    • データベース構築・連携
    開く
    【学習期間】
    約3カ月(独学)
    【学習教材】
    • 確かな力が身につくPHP「超」入門 - SB Creative
    • SQL 第2版 ゼロからはじめるデータベース操作 - 翔泳社
    • 独習PHP 第3版(学習中) - 翔泳社
  • WordPress

    • ★★★☆☆
    • 親テーマ手打ち作成
    開く
    【学習期間】
    約3カ月(独学)
    【学習教材】
    • 世界一わかりやすいWordPress 導入とサイト制作の教科書 - 技術評論社
    • 詳解WordPress - オライリー
  • Photoshop/Illustrator

    • ★★☆☆☆
    • 写真加工・ロゴ作成
    開く
    【学習期間】
    約2カ月(訓練校)
    【学習教材】
    • 世界一わかりやすいIllustrator & Photoshop 操作とデザインの教科書(学習中) - 技術評論社
  • Adobe XD

    • ★★★★☆
    • デザインカンプ作成
    開く
    【学習期間】
    • 約2カ月(独学)
    【学習教材】
    • Adobe XDで始めるwebデザイン&プロトタイピング - 翔泳社

Works

作品1

模擬ECサイト

PHP / MySQL

開く
【制作時間】
70時間
  • DB構築,PHP:38時間
  • デザイン,CSS:32時間
【コンセプト】
PHP・SQL学習のアウトプットとして制作しました。
商品情報やユーザー情報などはデータベースで管理しており、ログイン機能、カート機能、お気に入り機能などを実装しています。
作品4

架空整骨院サイト

WordPress / jQuery

開く
【制作時間】
84時間
  • コンセプト決め~カンプ作成:36時間
  • HTML,SCSS:28時間
  • jQuery:6時間
  • WordPress対応:14時間
【コンセプト】
スポーツでケガをした学生をメインターゲットとし、AdobeXDでスマホ版、PC版のデザインカンプをしっかり作り込んでからコーディングしました。
WordPressに対応させ、新着記事に加えてカスタム投稿タイプ「スタッフ紹介」・「よくある質問」を更新可能です。
作品6

3Dゲーム

JavaScript / Three.js

開く
【制作時間】
34時間
【コンセプト】
Web上で3Dを表現できるThree.jsで物理演算を扱えるライブラリを利用し、バスケットボールをシュートするゲームを作りました。
作品2

模擬ECサイト管理画面

PHP / MySQL

開く
【制作時間】
63時間
  • カンプ作成,HTML,CSS:15時間
  • PHP:48時間
【コンセプト】
データベース上にある商品情報やユーザー情報、カート情報などを生成・読み取り・更新・削除でき、商品画像の登録・プレビューも可能です。
(セキュリティ上の理由からパスワードをかけています。)
作品3

架空商店街サイト

WordPress / SCSS

開く
【制作時間】
43時間
  • コンセプト決め~カンプ作成:9時間
  • HTML,SCSS:21時間
  • WordPress対応:13時間
【コンセプト】
メインターゲットを下町観光中にランチの店を探している家族連れと設定し、食欲を掻き立て賑やかさを感じるよう演出しました。
WordPressで新着記事・カスタム投稿タイプ「今月のピックアップ」を更新可能です。
作品5

3Dアニメーション

Three.js

開く
【制作時間】
5時間
【コンセプト】
表現の幅を広げるためにweb上で3Dを扱えるThree.jsを学び始めました。
3Dの球体に画像を貼り凹凸を付けてアニメーションさせています。カメラの視点を動かすことも可能です。
作品6

当ポートフォリオサイト

JavaScript / PHP

開く
【制作時間】
41時間
  • HTML,SCSS:21時間
  • JavaScript,PHP:20時間
【コンセプト】
jQueryは使用せずJavaScriptのみで動きを付け、フォームの送信や送信後の演出にPHPを用いています。

Contact

お名前
メール
メッセージ
上に戻る