背景デザイン画像1 背景デザイン画像2

Portfolio

Self-Introduction
自己紹介

顔写真

須賀 優美

すが ゆみ
Yumi SUGA
Email のアイコン su-yumi-public [at] email.example.com
テックセレクト大学 情報工学部 情報工学科 3 年生
自己紹介

 はじめまして、須賀 優美 といいます。このサイトは、私の趣味やスキルなどを紹介するポートフォリオです。 このポートフォリオが、Web の 初めての制作物です。どうぞご覧ください。

重要

 このページは Web 制作の学習のためのページです。 掲載されている情報はすべて架空の設定であり、実際とは異なります。 また、プロフィール画像は 写真AC の AI Generator で生成した架空の人物です。

MENU

Hobby
趣味

 旅行と写真を取ることが趣味です。スマートフォンで気軽に撮影したものです。 パノラマ撮影が気に入っています。
静岡県 熱海市 熱海城前
静岡県 熱海市 熱海城前
夕方の大学
夕方の大学
高知県 四万十川 沈下橋
高知県 四万十川 沈下橋
石川県 能登半島 聖域の岬
石川県 能登半島 聖域の岬
長野県 軽井沢町 白糸の滝
長野県 軽井沢町 白糸の滝
新潟県 糸魚川 白馬大仏前
新潟県 糸魚川 白馬大仏前

Skill
スキル

HTML5 Powered with CSS3 / Styling HTML / CSS 1年
 Web のフロントサイドの言語です。 大学の講義では習わないため、学習サイト等で学び ポートフォリオサイトを作成しました。
Node.jsロゴ JavaScript / Node.js 1年
 Web 系で最も有名な言語です。 フロントサイドでは、動きのある動作を作るために使用しました。 Node.js は、ビルドに使用したことがあります。 TypeScript も合わせて勉強しています。
PHPロゴ PHP 1年
 Web のサーバーサイドの言語です。Laravel というフレームワークで データベースを操作する、アプリケーションを制作しました。
MySQL 1年
 データベースです。 少しリレーションが必要な クエリを使用するときに思うようにいかず、苦戦しています。 PostgreSQL 等の他のデータベースも挑戦しようと思っています。
Python 1年
 大学の講義で学習しました。 TensorFlow を使った機械学習を行いました。
Java (Android) 2年
 大学の講義で学習しました。 自主的に Android のアプリを作成したこともあります。 オブジェクト指向が難しいです。
Adobe CC Photoshop 1年
 趣味で撮影している写真を加工する際に使用しています。 電線を削除したり、好みの色合いに簡単に変更できて楽しいです。
Adobe CC Illustrator 1年
 イラスト描画のためのドロー系ソフトウェアです。 絵はうまくありませんが、時々使用しています。 オリジナルの名刺を作成したり、文化祭のポスターを作成しました。
Adobe CC Premiere Pro 1年
 映像編集ソフトです。 最近はオンラインであることが多くなり、動画による紹介の機会が増えてきました。 研究室の紹介動画を作成しました。
Adobe CC After Effects 1年
 映像作成ソフトです。四角や丸のオブジェクト(パーティクル)を使用すると 全く何も素材がないところから、1本の動画を作ることができて楽しいです。 他の人が作成している映像を参考に、挑戦していますが未熟さを感じています。
Adobe XD 1年
 Web 、 アプリ などの UI/UX デザインソフトです。 Web サイトを作成したり、チラシを作成する前の設計に使用しています。 クリックしたときのエフェクトやページの変更をアニメーションすることもできて 本格的です。

My Work
制作物

1. ポートフォリオサイト
ポートフォリオ

 現在表示しているサイトです。 学習サイトを参考にしながら、制作しました。 初めて自分の手で Web ページを作成することを知りました。

こだわりのポイント
  • 配色
    柔らかい印象を持っていただけるように、ベースとなる色を、 色の参考書から 3 色選択し、使用しました。
  • ナビゲーション
    スマートフォン等、小さい画面で見たときに、セクションの移動が 簡単にできるように、メニューを上部に固定しました。 スクロールするまでは、ページの一部になるようにする部分に苦戦しました。
  • レスポンシブレイアウト
    画面幅に応じてレイアウトが変わるようにし、崩れないように細かい部分まで調整しました。
使用した言語・ツール等
  • HTML / CSS
  • JavaScript
  • Swiper (画像スライドショー)
参考にしたサイト
2. 匿名掲示板

 サーバーサイドの練習のために、 誰でも利用可能な掲示板を作成しました。 書き込みをデータベースに保存し、他のユーザーからも閲覧できるようにしました。

こだわりのポイント
  • 投稿内容
    自由なニックネームと投稿内容の 2 つだけのシンプルな構成です。
  • コンテナ化
    Docker で PHP と MySQL を実行できるように構成しました。
実装したいこと
  • ログイン機能
    誰でも削除できてしまうため、ログイン機能やパスワード保護機能で投稿を管理できるようにしたいです。
使用した言語・ツール等
  • HTML / CSS
  • PHP
  • MySQL
  • Docker
参考にしたサイト
3. To Do アプリ
To Do アプリ

 PHP フレームワークの Laravel を使用して To Do アプリを作成しました。 ログイン機能があり、ユーザーごとにタスクを管理できます。 シンプルな Web アプリケーションですが、初期生成されたファイルが多く、大変でした。

使用した言語・ツール等
  • HTML / CSS
  • PHP
  • Laravel
  • MySQL
  • Docker
参考にしたサイト

Licence
帰属