Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
就転職の手引き for web designer biginners
Search
shsh0310
February 04, 2017
Education
170
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
就転職の手引き for web designer biginners
@DegitalHollywoodStudioYokohama
shsh0310
February 04, 2017
More Decks by shsh0310
See All by shsh0310
WP REST API と React で始める リモートワークでの有料Webメディア開発
shsh0310
0
530
デザイナードラフト LT UXDAYS TOKYO
shsh0310
0
230
就転職活動ことはじめ Remix for web designer biginners
shsh0310
1
130
就転職ことはじめ for web designer biginners
shsh0310
0
86
Other Decks in Education
See All in Education
North Carolina Task Force on Child Care and Early Education
rashwhitman
0
1.3k
TISSUE
pawan_pharm
0
300
Evaluation Methods - Lecture 6 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
1.7k
Railsチュートリアル × 反転学習の事例紹介
yasslab
PRO
3
190k
20260908_ターゲットとスコープを決める発表法
masakiokuda
1
150
HTML5 and the Open Web Platform - Lecture 3 - Web Technologies (1019888BNR)
signer
PRO
3
3.6k
LP2627
cbtlibrary
0
180
[2026後期火5] 論理学(京都大学文学部 後期 第1回)「名前はあるのに、誰なのかわからない」
yatabe
0
180
Modulo : abc
robintux
0
250
Session 3 - Mass Communication
adeputra13
0
300
人工知能とは/IntroAI02
kfujita
0
120
検定資格の価値 ~実はすごいよQC検定~
bunnchinn3
0
280
Featured
See All Featured
Between Models and Reality
mayunak
4
550
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
470
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
960
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.7k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
450
The agentic SEO stack - context over prompts
schlessera
0
990
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
350
Ten Tips & Tricks for a 🌱 transition
stuffmc
1
280
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
6.2k
The World Runs on Bad Software
bkeepers
PRO
72
12k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
460
Fantastic passwords and where to find them - at NoRuKo
philnash
53
4k
Transcript
就転職活動の 手引き
略歴 • webデザイナー・ディレクター • フロントエンドエンジニア • webアプリケーションエンジニア(今ココ) 一言 自社の採用担当をしています。 元は医療福祉な業界で、総合事務(会計経理・人事・
総務・労務)やってました。 この業界に入ったのは 30歳直前。 異業界・異職種からの転職組です。 意外となんとかなってます! 自己紹介 shunsuke.shimada.3 shsh0310
アジェンダ 1. ポートフォリオ 2. 履歴書、職務経歴書 3. 面接でよくある質問 4. 企業の本音 5.
質疑応答
ゴール 就転職活動する時に何をすれ ばいいか、昨日より少し 具体的に 考えられるようにになる。
ポートフォリオ
ポートフォリオ、何 を書く? 1. 制作した成果物(Webサイト等) 2. 担当した作業 3. 制作期間やコンセプト 4. 工夫点
ポートフォリオ、ど こを見てる? 1. 成果物 2. ポートフォリオ自体 3. 何ができる人なのか?
成果物 作ったものは何でも入れちゃいましょう。 • 卒業制作 • バナー制作で作ったもの • OJTの作品 • 試しに作ってみたアレ
• 趣味で作ってみたアレ ※とりあえず何でもいいです!
ポートフォリオ 自体 紙(PDF) レイアウトもちゃんと考えて、印刷する場合 はちゃんとした紙に印刷する。 Webサイト 大変かもしれないが、一から自分で考えて ビジュアルデザインしたものが好ましい。 ※ これがあるとコードも見てもらえるかも。
Webサービス 最後の手段 ※紙に印刷したほうが好印象らしい。某レシ ピサイトC社デザイナー談。
1. Web サイト → デザイン 2. サイト公開 → コード 3.
WordPress → PHP 4. 企画書 → ディレクション その他、、、 • イラスト → イラストレーター • 音楽 → 動画SE作成 • 動画 → 動画素材作成 何ができる人 なのか?
ポートフォリオ、 なにで作る? 1. 紙(PDF) 2. Webサイト 3. Webサービス
紙の場合 デジハリの例 http://school.dhw.co.jp/school/yokohama/blog/ 20160410.html ※注意点 名刺やフライヤーなどのドキュメントも、実際 の成果物がGood
Webサイト 有名な方(?)の制作事例 http://www.choicely.jp/webdesign/category /portfolio/ ※卒業生のものではないです。 ※注意点 レンタルサーバ及び、サイトのデータは全て 自分で用意する等の手間がかかります。
Webサービス ▪ Behance https://www.behance.net ▪ dribbble https://dribbble.com/
履歴書、職務経歴書
履歴書& 職務経歴書、 何を書くの? • 職務要約 • 活かせる経験・知識・技術 • 経歴書(逆時系列に) •
仕事以外の活動(セミナー、勉強会参 加) • 資格 • 自己PR ↑デジハリで学習した事とかは、ここでも アピール! ※Webの業務に関係なくても、業務内容を しっかりと書きましょう。
面接でよくある質問
面接時によくある 質問1 1. 経歴紹介、自己紹介 2. 転職しようと思ったきっかけと、会社選 びの基準 3. どういう時に仕事のやりがいを感じま すか
4. 得意な事、最近気になる事(web関連 でなくても可) ※ 注意点 • 志望理由は会社ごとに変えましょう。 意地悪な質問とかあるかもですが、気 にしない。
質問の意味 • 転職しようと思ったきっかけと、会社選 びの基準 • どういう時に仕事のやりがいを感じま すか →問題意識の持ち方、意欲 • 得意な事、最近気になる事(web関連
でなくても可) →学習意欲と成長意欲 ※補足 • スムーズなコミュニケーション • 適度に元気がある(覇気がある) • 嘘付いてない感じ のあたりも気にしています。
面接時によくある 質問2 ※その他の質問 • 好きなデザイン(デザイナー)は? • 最近読んだ技術書は?(コー ダー、エンジニア) • 最近見たWebサイトでよかったも
のと、その理由は?→ネタ探しを 心掛けましょう!
良いWebサイト、 ネタ探し ▪ ikesai http://www.ikesai.com/ ▪ AWWWARDS http://www.awwwards.com/ ▪ CSS
winner http://www.csswinner.com/
企業の本音
担当者の本音 前述の素質が見込めて、 ある程度のスキルがあれば、 未経験だろうがなんだろうが関 係無いです!
メッセージ 自信をもって活動 しましょう!
求人情報の探し方
求人情報の探し方 ▪ コーポレートサイト →「絶対にここに入りたい!」という企業が ある方 ▪ 求人媒体 →マイペースに調べて応募したい方 ▪ 転職エージェント
→いろいろわからないので、誰かに相談と かに乗って欲しい方
コーポレート サイト いわゆるこういうところ http://www.dhw.co.jp/jobs/
求人広告 最近はクリエイティブ職専門のサイトも 増えてきました。 Green https://www.green-japan.com FindJob www.find-job.net moreworks https://www.moreworks.jp
転職エージェント いろいろな手間のかかることを代行し てくれたり、相談に乗ってくれたりもし ます! イマジカデジタルスケープ https://www.dsp.co.jp/ ハリウッドエージェント http://hlywd.co.jp/ ワークポート https://www.workport.co.jp/
求人情報の探し方 自分にあった探し方を選択しましょう!
おわり
質疑応答