就職のために面接を頻繁に受ける必要があります。面接を頻繁に受けるためには、優れたパブリッシャーの個人ポートフォリオのホームページが必要です。CodingWorksが心を込めて作成した優れた個人ポートフォリオのホームページ作成ガイド教材(PDF)です。 この教材は、インターネットで検索して入手できるものではありません。CodingWorksが長年にわたり現場で300人以上の学生にパブリッシング理論、実務、個人ポートフォリオのホームページ作成の講義を行い、学生が希望する会社に早く就職できるように、世界に一つしかないパブリッシャー就職個人ポートフォリオのホームページ作成ガイド(PDF)に、個人ポートフォリオのホームページ作成方法を詳しくまとめたものです。
個人ポートフォリオのホームページ作成前に注意すべき点と留意事項
個人ポートフォリオのホームページセクション構成/フォルダ構造/絶対アドレス vs 相対アドレス
個人ポートフォリオのホームページのセクションごとのレイアウトとコンテンツ構成
個人ポートフォリオのホームページ公開作業を作成するロードマップ
ターゲット デザインを見つける / CodingWorks が推奨する UI/UX プロトタイプ ウェブサイト
セクション別の実践的な公開 (iframe、フォント アイコン、レイアウト、詳細 CSS)
個人ポートフォリオのホームページをウェブホスティングする
レスポンシブ ウェブ制作の必須理論とノウハウ
機能定義書+HTML ワイヤーフレームの詳細な作成方法
モバイル Web パブリッシング制作に必要な理論とノウハウ
パブリッシャー個人ポートフォリオのホームページ作成完全ガイド（PDF）と活用例
どこにも見つからないノウハウ
コーディングワークスの電子ブック講義で会いましょう📔
個人ポートフォリオホームページコンテンツ構成とUI/UXデザインは
応募者の立場ではなく、応募者を選ぶ人事担当者の立場で製作されなければなりません。
こんにちは。コーディングワークスです。
ウェブサイトの公開作業というのは難しいです。その中で個人ポートフォリオホームページというのが作る最も難しいと思います。たとえば、ショッピングモールを作成すると、ショッピングモールの一般的な種類があります。そして参考にするウェブサイトがガレージであふれます。だから経験のないパブリッシャー志願者でも難しくないようにアイデアを得てUI/UXデザインをします。やはり結果物もほとんど悪くないように出てきます。しかし、個人ポートフォリオのホームページは決まったものはありません。それだけでなく、参考にするウェブサイトもほとんどありません。それで、何をどこでどのように始めるべきかわかりません。さらに、よく作った個人ポートフォリオホームページ制作基準もあいまいです。だから作るのは難しいと思います。
国費パブリッシング過程は5ヶ月程度行われます。最初の2週間は、グラフィックツールを学び、残りの4ヶ月半をパブリッシング学習とポートフォリオを作成する時間として過ごすのが一般的です。講師ごとに異なる部分がありますが、ほとんどそうです。私の経験上、4ヶ月半という期間で最も授業するのが難しく、言葉もたくさんしなければならず、準備もたくさんしなければならない授業がまさにコース終了の3週間です。コーディングワークスは、コース終了の3週間前に個人ポートフォリオホームページの制作を開始し、コース終了前に完成させます。それで、生徒がいわゆるトム（Term）なしでインタビューし、早く就職できるようにコースをタイトに進めます。
上記でも述べたように、決まったことがない個人ポートフォリオホームページの制作は授業が本当に難しいです。個人ごとに好みが異なり、実力の違いもあるので、1～2種類を講師が決めてこうしてくださいと言えません。個人ポートフォリオホームページの基本的な枠組みと目的性を学生に認識させ、学生たち自身で作っていくように指導するのは難しいです。もちろん、学生も簡単な制作プロセスではありません。しかし、経験者の助けを3週間持続してもらいながら作るので、まともな結果をほとんど作り出します。
独学でパブリッシャー就職を準備する人または国費パブリッシング過程を修了したが、期間に個人ポートフォリオホームページの制作ができなかった人の立場で個人ポートフォリオホームページを一人で作成するしかありません。とても難しいことです。経験者の助けを3週間持続してもらって作っても難しいです。ところが、これを一人で何のガイドもなく作るというのは、本当に難しいことです。もちろん作るのが難しいというわけではありません。誰が見ても大丈夫な個人ポートフォリオホームページを作ることは難しいということです。そこでコーディングワークスが国費パブリッシング過程3週間進行する個人ポートフォリオホームページ制作授業内容のすべてを該当PDF教材に盛り込んでいます。
個人ポートフォリオホームページ制作は、一定のパブリッシングスキルがあれば誰でも作ることができます。しかし、ほとんどの目的性を失った結果を作って見せて、とても嬉しく思います。しかし、面接連絡は来ません。面接連絡が来ても、勤務条件や年俸で主導権を握ることはできません。よく作られた個人ポートフォリオのホームページは、単に就職を目的とするものではなく、インタビューで堂々とそして良い労働条件で働くことができるパブリッシャー志願者の最も重要な仕様になります。
今回製作された「個人ポートフォリオホームページ制作完璧ガイドPDF教材」に国費パブリッシング過程最後の3週間のように多くのノウハウとヒントをお伝えします。特に志願者を選ぶ人事担当者の立場で製作されなければならないという目的性に忠実な内容で構成されました。 <個人ポートフォリオホームページ制作完璧ガイドPDF教材>を通じてパブリッシャー志願者自ら本当にまともな個人ポートフォリオホームページ制作ができると信じています。
講義の目標は、一文で「すばやくパブリッシャー就職する」ことです。就職のためにインタビューをよく見なければなりません。面接を頻繁に見るには、まともなパブリッシャー個人ポートフォリオのホームページが必要です。まともな個人ポートフォリオホームページ制作ガイド教材（PDF）です。
コーディングワークス講義中に＜面接と就職を呼ぶ「パブリッシャー個人ポートフォリオホームページ」制作＞映像講義があります。この講義は1年半前に作られた講義です。受講生が速いパブリッシャー就職のためにまともな個人ポートフォリオホームページを作れるように映像講義を準備してオープンしながらかなり多くの努力をしました。しかし、もっと教えなければならないことが多かったのですが、例えば、機能定義書+HTMLワイヤフレーム構造の作成などの内容、モバイルWeb制作に関する内容をより詳細に扱わなければならないのですが。コーディングワークスも映像レコーディングという特性上、ちょっと忙しく講義を制作したものを補完したかったです。そして、最近1年半にわたって積み重ねたコーディングワークスの学生たち、個人ポートフォリオのホームページの実際の事例とともにノウハウとヒントをもっと共有したいと思いました。
＜パブリッシャー個人ポートフォリオホームページ制作完璧ガイド（PDF）＞ 教材内容はインターネットでグーグルして入手できる内容や資料ではありません。コーディングワークスが長年、現場で300人余りの学生にパブリッシング理論、実戦、個人ポートフォリオホームページの制作を講義し、学生が早く希望する会社に就職できるように制作してきました。個人ポートフォリオホームページ制作という漠然とした作業を学生たち自身で具体的なまともな成果物を制作するため、制作期間中に生徒たちに本当に多くの授業内容を細かい部分まで、迅速な理解のために具体的な事例と説明を通じて進めます。
そこで個人ポートフォリオホームページの制作方法を詳細に盛り込んだ世界にひとつだけのパブリッシャー就職個人ポートフォリオホームページ制作ガイド（PDF）です。
講義を聞いた後、まともなパブリッシャー就職個人ポートフォリオホームページ制作のために受講生自身ができることが多くなります。できることが多くなっただけに人事担当者にアピールする個人ポートフォリオホームページ制作を制作することになり、面接もよく見られ、就職も早くなることができます。もちろん、すべての人に該当するわけではありません。該当PDF講義のガイドによく従い、受講生本人も努力があれば十分可能だと思います。
そのPDF講義を企画して完成するのにほぼ2ヶ月という時間がかかりました。私は1ヶ月前に国費パブリッシングの5ヶ月のコースを終えたばかりで、終了の1ヶ月前にPDF講義を企画し、コース終了後にPDF教材の作成を始めました。まさに本を書かなければならないと考えた理由は、記憶が生き生きしたときにすぐに本を書かなければ受講生たちに生き生きとした内容を伝えて、またもれなく伝えることができるという考えをしました。
その講義がPDF教材という特性上、プレビュー映像をお見せできない部分が残念です。 だからPDF教材の部分をスクリーンショットでお見せするしかないが、コーディングワークスが断言できるのは「パブリッシャー個人ポートフォリオホームページ制作完璧ガイド（PDF）」講義を通じて人事担当者が満足できる個人ポートフォリオホームページを制作できるとと思います。
▼セクション 1. 個人ポートフォリオホームページ制作前の注意事項及び注意事項
▼セクション2.個人ポートフォリオホームページセクション構成/フォルダ構造/絶対アドレス対相対アドレス
▼ セクション 3. 個人ポートフォリオホームページ セクション別レイアウトとコンテンツ構成
▼セクション4.レスポンシブWeb作成/機能定義書/ HTMLワイヤフレーム
▼セクション5.個人ポートフォリオホームページパブリッシングワークピースの作成ロードマップ
▼セクション6.ターゲットデザインを探す/コーディングワークス推奨UI/UXプロトタイプウェブサイト
▼セクション7.セクション別実戦パブリッシング（iframe、フォントアイコン、レイアウト、詳細CSS）
▼セクション8.個人ポートフォリオホームページWebホスティング
下記の質問Q&Aの質問に加えて、質問はその講義コミュニティの質問掲示板にしてください。
Q.選手知識、準備事項が必要ですか？
パブリッシャー就職のために今学んでいる方には合いません。この講義はある程度パブリッシング理論学習になり、パブリッシャー就職のために個人ポートフォリオホームページを準備する必要性を感じる段階の受講生の方に適しています。もちろん始めた方も結局はパブリッシャー就職のためにまともな個人ポートフォリオホームページの制作が必要です。そのPDFセクションのうち、「個人ポートフォリオホームページパブリッシングワークピースの作成ロードマップ」セクションでは、パブリッシングポートフォリオをどのように準備して作成するかについて詳しく説明します。プレビューを見ると、将来の学習と終了時にパブリッシングの成果物をどのように準備するかがわかります。
Q.どんな人にこの本が必要ですか？
新入パブリッシャーの応募者として、まともな個人ポートフォリオホームページの制作が必要な方、Webデザイナーまたはグラフィックデザイナーなのですが、パブリッシャーに転職のためにまともな個人ポートフォリオホームページ必要な方に最も必要な講義だと思います。特に、独学でパブリッシャー就職を準備される方、国費パブリッシング過程を通ったが、まともなパブリッシャー就職個人ポートフォリオホームページを作ることができず、卒業された方が該当します。
Q.ページ数と内容はどうなりますか？
全ページは221ページで構成されており、すべての内容はコーディングワークスが100%自己製作しました。インターネットにある資料を広げて加工したものも全くありません。コーディング画面、文字一つ一つ、キャプチャ画面ともにコーディングワークス独自のソースで純粋に製作しました。特に、最近のコーディングワークス国費パブリッシングコースの学生の中で、まともな個人ポートフォリオホームページの事例を詳細に分析し、具体的な方向を提示する内容で構成されています。特にPDF教材で説明する実習内容をファイル完成本を受講生ダウンロードセクションですべてダウンロード頂けます。
インターネット上の一般的な誰もができる内容ではなく、コーディングワークスの長年のノウハウが忠実に込められた価値ある資料だと自信を持っています。
Q.差別化される重要なコンテンツは何ですか？
ほとんど差別化されるコンテンツですが、特にパブリッシングのスキルを高め、まともなパブリッシャー就職個人ポートフォリオホームページ制作に不可欠な機能定義書+HTMLワイヤフレーム構造の制作について詳しく説明します。そして、すべてのセクションを作成する本番セクションの作成でHTML + CSS + JSコードのコアコードレビューを行います。実戦セクション制作完成本も受講生ダウンロードセクションから全てダウンロードできるように用意されています。
国費パブリッシング過程 3週間個人ポートフォリオホームページ制作時に学生に知らせるWeb用語、制作ノウハウ、実務制作コツ、ファイル管理、フォルダ管理、サムネイルイメージ制作などすごく言葉をたくさんするのにこのような部分が該当PDF教材に含まれています。
Q.ダウンロード後のアップデートはありますか？
電子書籍の性質上、頻繁な更新はほとんどありません。しかし、パブリッシャー就職ガイドとして知っておくべきことがある場合は、PDFファイルが修正されてアップロードされ、すぐに新しいニュースで受講生に通知します。
Q. コーディングワークス講義のうち<面接と就職を呼ぶ'パブリッシャー個人ポートフォリオホームページ'制作>映像講義とどう違いますか？
全体的な講義の目的と内容は似ています。 2つの講義ともにまともなパブリッシャー就職 個人ポートフォリオホームページを制作してパブリッシャー就職を早く良い条件にすることが目標に製作された同じケンテンツです。どちらもコーディングワークスが心から作った講義ですが、違いは以下の通りです。
映像講義は特性上直感的に理解でき、映像学習しながら自然に結果物が完成するというメリットはありますが、受講生が自分で考えて解決していき、創造的に自分だけの個人ポートフォリオホームページを作る内空を作るのに制約があります。
一方、PDF講義はコーディングワークスがじっくりとこの本を書いて映像講義で込められなかった目覚めのような参考内容、ノウハウ、ヒントをより詳細に込めました。例えば映像講義で機能定義書+HTMLワイヤフレーム構造の詳細な製作方法、レスポンシブウェブ制作必須理論とノウハウ、モバイルWebパブリッシング制作必須理論とノウハウについて詳しく説明することは難しかったが、PDF講義ではこのような部分を複数ページをを通して詳細に説明しています。特に映像講義は1年半前に制作された講義であり、現在PDF講義はコーディングワークスが指導した学生たちの実際の事例と説明が最新アップデートで100%反映されています。
Q. ビデオ講義とPDF講義のどちらを受講する必要がありますか？
映像講義とPDF講義は受講生が好みに応じて選択すればよいと考えられます。
映像講義の場合は、フルスクリーンモダル、スリックスライダー、UIkitの使い方、CSS Mobile Mockupなど、実際にパブリッシングされる部分を映像と説明を通じて詳細に取り上げます。一方、PDF講義は映像と説明を通してではなく、地面を通して説明する部分が違いがあります。
もしFull Screen Modal、Slick Slider、UIkitの使い方、CSS Mobile Mockup制作に関する映像講義が必要な場合は、<面接と就職を呼ぶ'パブリッシャー個人ポートフォリオホームページ'制作>映像講義で補強してください。
Q. 映像講義にも受講生に提供されるPDF資料がありますが、それと違うのですか？
映像講義で提供するPDFは1年6ヶ月前に製作された資料で、全ページ数は104ページです。映像講義で提供するPDFにも全体的な内容は似ています。しかし、映像講義のための参考資料なので、<パブリッシャー個人ポートフォリオホームページ制作完璧ガイド(PDF)>資料よりページ別の説明は詳細ではありません。 <パブリッシャー個人ポートフォリオホームページ制作完全ガイド（PDF）>は合計221ページで構成され、映像講義で提供するPDFのすべての内容を含めながらさらに詳しく説明されています。特に、最近の1年6ヶ月間に新たにトレンドに合わせて追加された内容と実際の学生作品がはるかに更新されました。
パブリッシャー個人ポートフォリオホームページ制作完璧ガイド（PDF）講義を行ったコーディングワークスは、現在まで300人以上の国費パブリッシングコースの学生にパブリッシング理論、活用、個人ポートフォリオホームページ制作講義を行っています。特に、パブリッシャー就職のためのすべての準備過程をAからZまで完全にガイドしながら、ほとんどの学生がコース終了後すぐに就職ができるように、長年にわたりパブリッシング講義だけが専門的にやってきた講師です。また、Inflearnでパブリッシング関連講義を進めながら、Inflearn受講生の方々にも役に立ったとの評価も受けています。
▲国費支援パブリッシング過程 私に4ヶ月半ほど学んだ学生ですが、就職したとカトクが来ました。
▲コーディングワークス個人ポートフォリオ制作オフライン講義受講生の面接就職結果カトクを受けました。 (2023.4.24)
先生こんにちは:)
先生 Inflearn 講義聞いた学生キム・オジョンです。
今夏のプライベートポートフォリオに関してアドバイスを得ようとメール送信した学生です。
覚えていますか？😊😊
相違ではなく、
先生にアドバイスを得たポートフォリオでパブリッシャー就職成功したというニュースを伝えようとメールを送ります！
でも！
人に載せたポートフォリオを見て会社側から先に連絡が来て、ズームで面接を見て合格しました！
会社側では希望年俸を合わせてデザイン、開発業務をしない本当にパブリッシャー！仕事だけができる会社に入るようになりました。
キャリア職のパブリッシャーを求める会社でしたが、新入社員に連絡が来て、なぜ私に連絡を与えたのかと聞いてみました。
他の人のポートフォリオもたくさん見ましたが、私のポートフォリオで見た「機能定義書」が目立って連絡をいただきました
これがみな先生の講義のおかげだと思います。
先生の講義を聞かなかったら、私もちょうど普通のポートフォリオになりましたが、先生が言ってくれた蜂蜜のヒントで就職に成功することができました！
実際にはお会いできませんが、
ポートフォリオを作る中、先生の講義を見ながらとても頼りにして信じて頑張りました！
学園で長い時間の授業を聞きながら積み重ねた実力より先生の講義を聞いてポートフォリオを作った3ヶ月間の実力がすごく上昇したことが感じられます
切に欲しかったし、
先生がおっしゃっていた通り信じていたら、本当に良い結果が出ました。
本当にありがとうございました！
コロナに注意してください。
また良い講義で会いたいです:)
ありがとうご挨拶お願いします
これまで先生講義受講して2週間ほど履歴書を見ながら苦労してしまいました。
会社一面面接に合格して出勤することにしました。 本当にありがとうございました。
実は私が年齢が32歳だから心配が多かったです。
しかし、この会社の人事担当者が、本人は学園出身は悪いと言っていましたよ😊😊
私が入社することにした会社は小さいですが、開発者もあり、ウェブデザイナーもいます。
3ヶ月間教育させ、実務に投入する食事だったんです。
距離も少しあり、年俸も低かったけど..一生懸命学んで年俸を上げてみようよ～ 😊😊
その間、本当にありがとうございました。質問の回答もよくしてくれてこんなにオンラインで講義をして就職になるからとても不思議ですね。
これからも先生の講義を聞きながら実力を増やしながら勉強します。ファイティング～！
学習しながら質問がある場合は質問してください。ご質問の際にはいけない内容とコード、ブラウザ結果画面のキャプチャを投稿してください。コードの場合は、HTML、CSS、JSのコードをすべてアップロードしてください。
質問文にコードなしでグローだけ問題を説明すれば、本当に簡単ではないと正確な答えを出すのは難しいです。それから私は「HTML、CSS、JSコードとブラウザのキャプチャをアップロードしてください〜」と返信する必要があり、最終的に解決策を得るのに面倒で時間がかかります。
▲該当の講義コミュニティのよくある質問の見方をまず確認してください〜
コーディングワークスパブリッシングYouTubeチャンネルで理論映像講義と並行してください。もちろん、すべての理論映像がYouTubeチャンネルにあるわけではありませんが、重要な理論映像はほとんどありません。映像が多いので、映像を探す方法は以下の例のように検索することをお勧めします。
コーディングワークスパブリッシングYouTubeチャンネル： https: //www.youtube.com/codingworks
パブリッシャー個人ポートフォリオホームページ制作完全ガイド（ PDF）
セクション 1. 個人ポートフォリオホームページ制作前の注意事項及び注意事項
セクション2.個人ポートフォリオホームページセクション構成/フォルダ構造/絶対アドレス対相対アドレス
セクション 3. 個人ポートフォリオホームページ セクション別のレイアウトとコンテンツの構成
セクション4.レスポンシブWebの作成/機能定義/ HTMLワイヤフレーム
セクション 5. 個人ポートフォリオホームページ パブリッシングワークピースの作成 ロードマップ
セクション6.ターゲットデザインを探す/コーディングワークス推奨UI/UXプロトタイプウェブサイト
セクション 7. セクション別実戦パブリッシング (iframe, フォントアイコン, レイアウト, 詳細 CSS)
セクション8.個人ポートフォリオホームページWebホスティング
【受講生ダウンロード】PDF学習に役立つ完成本と参考資料
[HTML+CSS+JS 本番ポートフォリオ（シーズン3）]講義を行ったコーディングワークスは、現在まで300人以上の国費パブリッシング課程の学生にパブリッシング理論、活用、個人ポートフォリオホームページ制作講義を行っています。特に、パブリッシャー就職のためのすべての準備過程をAからZまで完全にガイドしながら、学生のほとんどのコース終了後すぐに就職ができるように、長年にわたりパブリッシング講義だけが専門的にやってきた講師です。また、Inflearnでパブリッシング関連講義を進めながら、Inflearn受講生の方々にも役に立ったとの評価も受けています。
学習対象は
誰でしょう？
出版社への就職のために個人ポートフォリオのホームページを作成する必要がある方
出版作業物を準備して出版社に就職したい方
前提知識、
必要でしょうか？
HTML+CSS+JS の基本と活用能力
12,647
受講生
747
受講レビュー
2,114
回答
4.9
講座評価
23
講座
■ [현재] 국비 퍼블리싱 & 프론트엔드 강사
■ [현재] 프리랜서 프론트엔드 퍼블리셔
■ [현재] HTML+CSS+JQUERY 퍼블리싱 유튜브 채널 '코딩웍스' 운영
■ 그린 컴퓨터 아카데미 웹 퍼블리싱 강사
■ 더조은 컴퓨터 아카데미 웹 퍼블리싱 강사
■ 이젠 컴퓨터 아카데미 웹 퍼블리싱 강사
■ 프론트엔드 퍼블리셔, 프론트엔드 퍼블리싱 전문강사
■ UI/UX 웹 디자인 포트폴리오 강의
■ 웹디자인 기능사 실기 자격증반 강의
■ 이지앤에듀프론트엔드 UI/UX 디자인 및 퍼블리싱
🌏코딩웍스 인프런 강의목록 - https://www.inflearn.com/users/@codingworks
🌏인프런 코딩웍스 강의 학습 순서(학습 로드맵) - https://www.inflearn.com/blogs/2351
🌏코딩웍스 인프런 퍼블리싱 블로그 - https://www.inflearn.com/users/@codingworks/blogs
🌏코딩웍스 퍼블리싱 유튜브 채널 - https://www.youtube.com/codingworks
🟣인프런 인포커스 코딩웍스 인터뷰 보기 : https://www.inflearn.com/pages/infocus-8-20230704
全体
17件 ∙ (13分)
講座資料（こうぎしりょう）:
1. 紹介ビデオ
13:03
全体
10件
4.6
10件の受講レビュー
受講レビュー 12
∙
平均評価 5.0
受講レビュー 9
∙
平均評価 5.0
受講レビュー 1
∙
平均評価 5.0
受講レビュー 10
∙
平均評価 5.0
受講レビュー 3
∙
平均評価 5.0
5
방향을 잡지 못했던 포트폴리오의 대략적인 틀을 잡을 수 있어서 유익한 수업이었습니다! 이 포트폴리오로 취업까지 꼭 성공했으면 좋겠습니다..!
수강평 감사드려요~
￥4,598
知識共有者の他の講座を見てみましょう！
同じ分野の他の講座を見てみましょう！
![모던 웹 인터렉티브 CSS3 [PART2/3]Course Thumbnail](https://cdn.inflearn.com/public/courses/335745/cover/db39333d-68a5-4ca7-9629-dac891711a94/335745.jpg?f=avif&w=420)
![웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)Course Thumbnail](https://cdn.inflearn.com/public/courses/332868/cover/3a2245ca-bb9f-414a-ba67-403cfcb2b7c9/332868.jpg?f=avif&w=420)
![[백엔드/예외처리 시나리오/집계 최적화] 백엔드 포트폴리오와 실무 이력 강화 전략. 올인원 PART1Course Thumbnail](https://cdn.inflearn.com/public/courses/335091/cover/1a19a4de-ec2e-4e26-a84e-28691e777020/335091.jpg?f=avif&w=420)
![[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드Course Thumbnail](https://cdn.inflearn.com/public/courses/324878/course_cover/12211037-e74b-46b3-8942-46d465b81bba/webdesign-cover-02.png?f=avif&w=420)