SlideShare a Scribd company logo
1 of 11
進級制作
「やきにく千佳」
WEBサイト
自己紹介
トライデントコンピュータ専門学校 Webデザイン学科1年
飼沼晴輝
■ 1997年10月16日生まれ
■ 愛知県名古屋市出身
■ 趣味:ゲーム・麻雀・音楽鑑賞
自己紹介
志望職種
■ マークアップエンジニア
■ フロントエンドエンジニア
やきにく千佳について
■ 愛知県名古屋市中川区に店を構える
■ 私の父が経営
■ 30年以上続く焼肉屋
■ 店長は小学生の頃から手伝いをしている
制作目的
■ 自分の実家が経営している焼肉屋にまだWebサイトがな
かった。
■ 常連のお客様が多く、新規のお客様があまり多くない
■ 年齢層も比較的高い。
■ 若年者の新規のお客様を増やしたい!
使用アプリ
■ Illustrator
■ Photoshop
■ Adobe XD
■ Visual Studio Code
使用技術
■ HTML
■ CSS
■ SCSS
制作の上で気をつけたこと
■ コーディングをしやすいようにデザイン
■ BEMのルールを使い、誰が見てもわかりやすいように
コーディングすることを心がける
実際のWebサイト
■ https://harunixi.secret.jp/YakinikuChika
進級制作をやってみて
■ 自分の集中力が思ったほど続かない
■ スケジュール管理がうまくできなかった
■ 今までに学んだことのアウトプットができた
終わり
ありがとうございました。

More Related Content

Featured

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

Featured (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 

2021年度進級制作展プレゼンスライド

Editor's Notes

  1. 進級制作の発表を始めたいと思います。よろしくおねがいします。
  2. まずは私の自己紹介から始めたいと思います。トライデントコンピュータ専門学校 ウェブデザイン学科1年の飼沼晴輝です。愛知県名古屋市の出身で、1997年生まれの24歳 で、趣味はゲームと麻雀、音楽鑑賞です。
  3. そして、志望職種といたしましては、マークアップエンジニア、フロントエンドエンジニアとして就職したいと思っております。
  4. 次に、今回の進級制作でWebサイトを制作させていただいたやきにく千佳について、簡単に説明したいと思います。やきにく千佳とは、愛知県名古屋市中川区に店を構えていて、私の父が経営しています。このやきにく千佳は30年以上続いており、私の祖父の代から続く地元の人から愛されるお店です。ここの店長は小学生の頃からお手伝いをしており、私も昔から顔なじみです。
  5. 次に、今回の制作目的といたしましては、私の父が経営しているやきにく千佳にまだWebサイトがなかったということと、私がアルバイトとしてお手伝いをしていた頃や、今回のWeb制作に先立ってお店に来ているお客様にアンケートを取った結果、常連のお客様が多く、新規のお客様があまり多くないという印象を受けました。また、年齢層も比較的高いというのもあるので、若年者の新規のお客様を増やしたい、という目的に至りました。
  6. 次に、作品の内容についてお話させていただきたいと思います。まず、使用アプリケーション、使用技術といたしましては、使用アプリのほうがお店のアイコンのトレースなどに使用したIllustrator、写真の加工等に使用したPhotoshop、Webサイトのワイヤーフレームを作成したAdobeXD、コーディングで使用したVisual Studio Codeとなっています。
  7. 次に、使用技術といたしましては、HTML、CSS、SCSSとなっております。SCSSは最近授業で習ったばかりであり、使いこなせるかどうかが不安でした。
  8. 次に、Webサイトを制作する上で気をつけたことについてですが、今回、Webサイトのデザインについては私に全面的におまかせする、と言われました。デザイナー志望ではありませんが、後にコーディングすることを考えて、コーディングのしやすいデザインを作成することを心がけました。また、コーディングの点に関しても、自分のスキルアップのために、BEMのルールを適用し、他の人が自分のコードを見ても分かりやすいようなコーディングをすることを心がけました。
  9. では、実際のWebサイトについて紹介していきたいと思います。
  10. 最後に、今回の進級制作を実際にやってみて思ったことは、まず第一に自分の集中力が思ったほどに続かなかったと言うことです。自分の集中力が切れたときは無理して制作を続けるのではなく、体を伸ばしたり、別のことを考えたり、音楽を聞いたりなど、リフレッシュしながら作業をすることで長い作業時間をこなせるということがわかりました。また、今回の制作は長期間に渡るもので、スケジュール計画を建てることの大事さや、スケジュールを計画通りに実行することが難しいということ、スケジュールどおりに行かなかったときにどうすればよいかなどを色々と考えさせられました。しかし、トライデントコンピュータ専門学校に入って学んだことのアウトプットができたので、これからもインプットとアウトプットを大事にして、就職活動や学びに生かして行きたいと思います。