web制作で評価されるポートフォリオ作成方法【おすすめ模写コーディング教材も紹介】

[@groundzero6175]

まさに今ポートフォリオ作ってたんで助かります！

[@一-d8h]

ユアコーディングややったのであと二つほどやって営業にコミットします、良い動画でした

[@たくや-f8z]

次回公開方法も楽しみにしてます。

[@shin7441]

カフェのポートフォリオを作りかけてたので、ギクっ😵笑 今回の動画もとても参考になりました✨☺️

[@しょーごログ]

！注意！：今回紹介したものの二番目「psdデータからのコーディング」は「公開禁止」だそうなので、ポートフォリオとして公開したいものを作成したい場合は、微妙かもしれません。何度はいいのですがね...

[@siki2nd0524]

動画と関係ないコメントで申し訳ないのですが、しょーごさんて絶対良い人ですよね

[@石丸大明]

お世話になります。しょーごさんの教材の石井花壇購入してみようとおもいます！案件撮る前に自分に自信をつけるべく案件とれるレベルはこの石井花壇のカンプをもらい何時間で仕上げる感じですか？目安が4〜7日と書いてありましたが私が日によりかけれる学習時間が違うため、完成目標時間（案件とれるレベル）をお伺いしたいです。

[@okioki2148]

今現在デイトラ上級編を 受けております！ いつもしょーごさんの KZbin参考にさせて頂いております。 これからも応援しています！！ (wordpress苦戦中。。笑)

[@しょーごログ]

ありがとうございます！

[@鎌田健太-b7e]

質のあるポートフォーリオは3つで充分

[@whitosi]

わかりやすい動画をありがとうございます！気になったことを質問させてください。 ポートフォリオはサイト模写では無くデザインカンプからと動画内で仰っていましたが、 1.ネット上のサイトを自分でデザインするということでしょうか、それともデザインカンプをネット上で見つけるということでしょうか。 2.どうしてポートフォリオ内でデザイんカンプからのコーディングではなく、サイト模写ということがわかるのでしょうか。

[@しょーごログ]

>デザインカンプをネット上で見つけるということでしょうか。 そうですね！ >どうしてポートフォリオ内でデザイんカンプからのコーディングではなく、サイト模写ということがわかるのでしょうか。 ちょっと質問の意図を汲み取れなかったので、以下想定していた答えと違ったらお許しください。 サイト模写はその性質上「実存するサイト」を模写してるので、「あ、模写か」というのは割とわかりますし（ググれば一発）みんな同じようなサイトを模写しているのもあります（またAirBnBね、などです） いろんな営業メールを会社側は日々もらっているので、わかるようになってきているかなとも思います。

[@whitosi]

@@しょーごログ 質問伝わりにくい言い方ですみません！ 自分の悩みが解決しました、本当にありがとうございました！

[@GDA00606]

とても参考になります。 Wordpressを別として他の３つは難易度的にどういう順番にやるのがおすすめでしょうか？

[@れい-v6f7h]

クリスタやしょーごさんが販売しているXDカンプなどでポートフォリオを作成する場合、写真やテキストなどはそのまま使って公開してもよろしいのでしょうか？それとも変更しなくてはならないのでしょうか。

[@しょーごログ]

そのあたり配慮してますのでそのままで大丈夫ですよ！

[@山木太朗]

とても参考になりました！デザインカンプからのコーディングが必要と感じていたので、早速試してみます！ ちなみにショーゴさんのもやらせて頂いております笑

[@しょーごログ]

ありがとうございます！

[@堀江有平-p7f]

初めまして。 最近、ココナラで、クライアント様にポートフォリオを観たいという話になり、zipを圧縮して、ギガファイルにてお送りしたのですが、しばらくして、クライアント様から、連絡が来て、「ポートフォリオが観れない。」と言われました。 どうしたら、クライアント様にポートフォリオを送れるのでしょうか？

[@しょーごログ]

これの前の動画で話したのですが、ポートフォリオはネット上にアップロードする必要があります。普通の人はzipファイル渡されて、htmlサイトをどうやって見るかわからないかとも思いますね。

[@堀江有平-p7f]

@@しょーごログ さん なるほど。教えて頂いてありがとうございます。

[@hirokippl4256]

いつも拝見させて頂いております。 いきなりの質問失礼致します。 現在、ポートフォリオを制作しております。 動画内で紹介してくださったものは、(psd.を除く)転職活動をする際に、自身の制作してきたポートフォリオとして公開しても大丈夫という認識で間違い無いでしょうか？

[@しょーごログ]

私が出してるものに関しては、デザインからのコーディングという形でアピールしてもらえば、問題ないです！（デザインからやったと偽らなければ） 最新の状況は制作者の文言をご確認下さい👍 note.com/samuraibrass

[@postmanth]

実際の案件やるには、フォトショップやmac購入必須ですか？ できれば、簡単でいいので一つくらい案件やってから、それらを揃えたいと思っているのですが。

[@しょーごログ]

その場合は、知人とか馴染みの範囲で軽くやってみるといいかなと思います。 納期短いものだと、環境が整ってないとストレスが半端ないです。 あとweb制作で食べていく予定なら、Adobe CCは必須になります。Adobe税を逃れるには、Adobeを使わず、Figma縛りとかになるかなと思います。僕は挫折しそうですが笑

[@postmanth]

@@しょーごログ お返事頂きありがとうございます。副業として考えていますが、やはりadobeは必須なんですね。必要になったらすぐに購入するようにします！ ありがとうございました！

[@もにもに-l6c]

wixなどが提供しているテンプレートを編集してポートフォリオ作るのはありなんですか？

[@user-dv5gb4vq6r]

psdはやらずxdカンプやるだけでは案件は難しいでしょうか？

[@しょーごログ]

XDカンプからのコーディングができればpsdもいけると思いますが、心配なら簡単なもので練習してみるといいかなと思います。画像の書き出しと余白やフォント周りに確認ができればOKです。

[@ugh7509]

2番目はポートフォリオとして公開禁止って書いてるのですが、模写した作品集に載せちゃいけないかんじですか？

[@しょーごログ]

ほんまですね。載せるのはよくないみたいです。ただコーディング練習にはなるのでもったいないですね...

[@こうすけ-l2e]

Web制作会社への転職でも、動画のレベル感のポートフォリオでOKでしょうか？

[@しょーごログ]

最後までできれば問題ないかと！実装したこと（プラグイン含め）今できることをちゃんと言語化できるかが肝ですね。 「君は今どこまでできるの？」という質問に答えられれば大丈夫かなと。

[@こうすけ-l2e]

@@しょーごログ ありがとうございます！参考にさせていただきます🙇‍♂️

[@しょーごログ]

@@こうすけ-l2e 頑張ってください！

[@おけつぷりぷり]

ポートフォリオを作る時に使う文章って自分で考えて書くんですか？

[@しょーごログ]

ここで「ポートフォリオ」としているものの定義で話が変わってくるのですが、デザインからのコーディングでしょうか？それはデザイン通りですが、ポートフォリオサイトなら自分でになります。デザインに「サンプルテキスト」などと書いてある場合は自分で書いてもいいと思います。