9/27(Mon)

今日の生放送

デザイナー/フロントエンドエンジニアのためのポートフォリオ制作

デザイナー/フロントエンドエンジニアのためのポートフォリオ制作 -1回目-

第1回:2016年9月28日公開

60min

デザイナー/フロントエンドエンジニアのためのポートフォリオ制作 -1回目-

おためし受講する(5分)

コース概要

この授業ではデザイナー・フロントエンドエンジニア向けのポートフォリオ制作の方法を学んでいきます。デザイナー・エンジニアになりたての頃に最も苦労するものは、このポートフォリオ制作です。目の前のタスクに追われて5年目にしてもいまだポートフォリオを持っていない!なんていう方も多く見られますが、転職活動はもちろん「自分は一体何をやっているのか」ということを伝えるためにポートフォリオはまさに必須アイテムです。

3回の授業を通じて、皆さんもぜひポートフォリオ制作に取り組んでみてください。

 

こんな人にオススメ

現役WEBデザイナーとフロントエンドエンジニア

担当の先生

パーソナリティ

  • 江川 みどり

    江川 みどり

    スクー放送部

参加したい受講生 : 1011

カテゴリー

タグ

月額980円で、4,600本以上の授業が見放題

授業リスト

デザイナー/フロントエンドエンジニアのためのポートフォリオ制作 -1回目-

2016年9月28日公開

60min.

1回目の授業では “そもそもポートフォリオとは何か” ということを学んでいきます。
「何のために必要なのか」
「どのように作ると正解なのか」 
様々な観点からポートフォリオについて学んでいきましょう。  

  • 自己紹介
  • 04:18
  • 授業のターゲット
  • 01:04
  • アジェンダ
  • 01:51
  • そもそもポートフォリオとはなんなのか
  • 00:14
  • 質問:みなさんにとってポートフォリオとは何ですか?
  • 01:48
  • ポートフォリオとは
  • 00:50
  • 本来のポートフォリオの意味とは
  • 01:28
  • 質問:なぜ、ポートフォリオを制作する必要があるのか
  • 02:39
  • ポートフォリオの用途
  • 01:47
  • ポートフォリオを作ることと見ることの違い
  • 04:56
  • ポートフォリオを制作する上で大切なこと
  • 01:59
  • 誰が見ても分かる設計になっているか
  • 01:36
  • メッセージが的確に伝えられているか
  • 06:09
  • Q:ポートフォリオをWebで作る際、紙媒体で作る際に大事なことを教えてください。
  • 03:27
  • より良いポートフォリオを制作するために、 どんな工夫(差別化)をするべきか
  • 01:02
  • ポートフォリオに「あなたらしさ」を加える
  • 01:45
  • よく目にする悪い例
  • 01:32
  • どんな工夫(差別化)をするべきか
  • 05:50
  • 基礎と個性のバランス
  • 04:16
  • まとめ
  • 03:35
  • Q:先生はどこで講師してるんですか?
  • 01:53
  • Q:架空のWebページを作った場合、Top/Menu/Info.htmlというように一つのサイトを遷移も含めて作るのがいいのか、もしくはTopページのみをバリエーションを増やして作ったほうが迷うことがあります。ケースバイケースかもしれませんがよろしければアドバイスください
  • 01:17
  • Q:先生の超おすすめ本を何冊か教えてください。フロントエンドエンジニアとして。
  • 02:08
  • Q:ポートフォリオに作成時間を記載したいのですが、作業が飛び飛びになって時間が分からない!となりがちです。何かコツ的なものってありますか?
  • 01:06
  • Q:ざっくりポートフォリオサイトに載ってる作品群のサイトは現在稼働している本ちゃんサイトなんですかねぇ? それとも自分の使っているサーバにいれてあるものなのですか? 特にサイトでポートフォリオ作った事ないから分からないんです。
  • 01:05
  • 次回授業について

スライド資料

デザイナー/フロントエンドエンジニアのためのポートフォリオ制作 -2回目-

2016年9月29日公開

60min.

2回目の授業ではWebデザイナー向けのポートフォリオの作成方法を学んでいきます。
便利なツールの紹介から、載せる情報のポイントまで、より良いポートフォリオが作れるようしっかりと学んでいきましょう。

  • 自己紹介
  • 02:44
  • アジェンダ
  • 01:49
  • WEBデザイナーのポートフォリオの意義
  • 00:04
  • 質問:皆さんは普段ポートフォリオをどのように制作していますか?
  • 03:34
  • WEBデザイナーは絶対にポートフォリオが必要
  • 00:59
  • WEBデザイナーは必然的に制作物が増えていく
  • 01:27
  • 必然的にポートフォリオ作成の瞬間が来る・・・!
  • 03:13
  • デザイナーがぶつかるポートフォリオの壁
  • 00:23
  • のせるネタは整った!
  • 02:52
  • 質問:皆さんは今までにどのくらい制作物を作りましたか?
  • 02:34
  • 回答:皆さんは今までにどのくらい制作物を作りましたか?
  • 14:37
  • 制作物の数が増えてもポートフォリオがいいものになるとは限らない。
  • 06:29
  • ツールを使ってポートフォリオを作ろう
  • 01:41
  • WIX・JINDO
  • 02:58
  • JINDO
  • 01:31
  • WIX
  • 05:38
  • まとめ
  • 01:37
  • Q:なんでもやらされるようですが、SEO、SEM、サーバサイドのプログラミング(PHP?Node?)はWEBデザイナー(フロント)ならどこまで学ぶ必要がありますか?
  • 03:05
  • Q:コーダー志望の場合コーディング能力も見せたいと思うと思いますが、その場合に適したポートフォリオ作成のサービス、ツールはありますか?
  • 01:04
  • Q:ワードプレスで作った方がアピールも出来ていいのでは? 求人でワードプレス使える人とかよくのってますし・・・・
  • 01:33
  • 次回授業について

スライド資料

デザイナー/フロントエンドエンジニアのためのポートフォリオ制作 -3回目-

2016年10月5日公開

60min.

3回目の授業ではフロントエンドエンジニア向けのポートフォリオの作成方法を学んでいきます。
技術の見せ方から構成、そして載せる情報のポイントまで、より良いポートフォリオを作れるようしっかりと学んでいきましょう。

  • 自己紹介
  • 02:15
  • アジェンダ
  • 02:19
  • フロントエンドエンジニアのポートフォリオの意義
  • 00:10
  • 質問:皆さんはどのようなときにポートフォリオが必要だと考えますか?
  • 03:33
  • フロントエンドエンジニアはポートフォリオがあったほうが世渡りしやすい
  • 08:36
  • フロントエンドエンジニアの技術は常にアップデートする
  • 03:47
  • 初めてポートフォリオが意味をなすとき
  • 00:46
  • フロントエンドエンジニアがぶつかるポートフォリオの壁
  • 00:16
  • のせる技術は整った!・・・デザインができない!
  • 01:04
  • 質問:皆さんは今までにどれだけ満足のいく作品を作ってこれましたか?
  • 07:38
  • 持っている技術が確かでも披露できなければ伝わらない。
  • 03:25
  • デザインは模写でもいい
  • 02:01
  • 模写するサイトを見つける
  • 12:14
  • 綺麗なサイトを再構築するだけでもれっきとしたポートフォリオになる
  • 01:45
  • まとめ
  • 01:08
  • Q:年齢にもよると思いますが、未経験だといきなり正社員になるのは難しいので、派遣やアルバイトからでも潜り込むのはありだと先生は思いますか?
  • 03:10
  • Q:ポートフォリオ制作でオススメのサイト等ありますか?
  • 00:52
  • Q:現在、web業界で jsスキルとphpスキル どちらの方が需要高いでしょうか?
  • 02:27
  • Q:フリーランスで活動していて自分のホームページを持っている場合、ポートフォリオは別ドメインで作成したほうが良いと思いますか?
  • 00:35
  • Q:先生が素晴らしいと思うポートフォリオサイトは
  • 01:21
  • 先生からのメッセージ

スライド資料

関連授業

人気の生放送授業

もっと見る

新着の生放送授業

もっと見る

アクティビティ