パブリッシャー就職のための真のガイド電子書籍（PDF）で、効率的なパブリッシング学習方法、質の高いパブリッシング講義や教え方の手際が良い講師を見極める眼、新人でありながら経験者のようにパブリッシングするコツ、望ましいコーディング習慣と原則、個人ポートフォリオサイトの制作方法、デザイナーや開発者との協業のコツ、パブリッシャーとして知っておくべき必須サイト、フォトショップUIデザインの実力向上など、パブリッシャー就職のために必ず知っておくべきHTML+CSS+JQUERYパブリッシングの基礎を詳細にお伝えします。また、国費支援パブリッシャー課程についても詳しく説明します。
学習した受講者のレビュー
5.0
감나무
まだ初めて読んでいるのですが、下のように私もこれが遅すぎて出会った血のような時間のために涙が出ますね。そうでない場合はやめてコーディングワークス講義を聞いたら、就職していたのに… という考えを消すことができませんね。 講義4ヶ月目が終わる頃に、私は講師の講義を聞くのをあきらめて先生の講義を聞いていたのですが、その講師の勉強が一生懸命聞いて、仲良くなった友達に隣の友達にボックスサイジングが何ですか？ その授業で健全なのはひたすら大変だった私を応援してくれてインフラとコーディングワークスを教えてくれた優しくて感謝した友達だけですね。 国費支援 考える他の友人にもぜひ見てほしいと紹介してくれました。 脆性敗退過程の中で相談師がどんどん惹かれながら、どこでも早く就職するように言ってストレスでしたが、途中にある「合理的な選択をされたら集中して前だけ見て進めてください」と同じ言葉も力になって良かったです。 今月の間にぜひ先生講義たち頑張ってきっちりとしたところ就職することが目標です。
5.0
lawesome1
国費パブリック過程を一ヶ月前に修了したにもかかわらず就職準備するのに幕を閉じただけで、再び3万ウォンは捨てても良いという心情でダウンロードされました。 ガイド内容が国費パブリック授業の内容だと言われて、大きな期待はしないで復習するわけで読もうと言ったが、資料と内容は本当に知っていて最高ですね。 この策が数ヶ月だけ早く出てきても国費過程を通っていなかったのに後悔が大変ですㅜㅜ。 5ヶ月という金のような時間を本当に知覚欠席せずに一生懸命通っていたのに残ったのは寂しい個人ホームピー1つだけで、どこに行って自信を持って話も恥ずかしかったが、本の中に紹介された悪いコーディング習慣も除習館とまったく同じで、国費講師には申し訳ないが指摘一度受けた敵のない内容なのにとてもコックコックに届きますね。 就職ガイド内容どおりに最初から再び実力上げ始めます。私のように国費支援を通って行こうとする人や今通っている人や本当にあらかじめガイドを見て決めてくださいとぜひ申し上げたいです。 今でもこのような良い機会を持たせてくれたコーディングワークス講師に感謝します。
5.0
geezharrychill
前からウェブコーディングするのがとてもカッコよくて見せていつもやりたかったのにどこから始めるのかわからないので吠えるが基本機がなくてもいいから酷い行ってしまったのにとても面白く見たようです。 正直pdfなので少し悩みましたが、むしろ私のスピードに合わせて読むことができてずっと楽で良かったと思います。 そしてビデオを見るよりもむしろ退屈しているように 初めて接するのに簡単に説明してくれてあまり難しかったです。 まだ少し怖いですが、おかげで簡単に始めたと思います。
コーダー（パブリッシャー）就職のために何をどう準備すべきかのコツ
パブリッシングの基本を身につけるための習慣と原則
個人ポートフォリオサイトの制作方法
パブリッシングスキルを高める効率的な学習方法
新人だけど経験者のようにパブリッシングするノウハウ
講師が語る国費支援パブリッシャー課程のリアルストーリー
Webパブリッシャー就職のための準備手順とコツをまとめたPDFガイドブック！
皆さんの目標に一歩近づいてみてください！
パブリッシャー就職の真の実戦ガイドは、パブリッシャーの就職準備とコツだけでなく、
就職して序盤に苦労して学ぶ実務のコツをあらかじめ知って備えることができる内容で構成されています。
インターネットで偶然見かけた言葉なのですが。いや〜、なんて素晴らしい言葉でしょうか。「成功するまで挑戦する！」この言葉を見ると、挑戦する意欲がどんどん湧いてきそうで、実に格好いい言葉のように聞こえますが、個人的な考えとしては、なんて残酷な言葉なのだろうと思います。実際にそれを実行している当事者は、どれほど辛いことでしょうか。周りで、できないことをできるようになるまでやり続けている人の姿は、どれほど痛々しいものでしょうか。また、できるはずなのに方向性を間違えて、時間、お金、情熱を浪費している姿を見ると、切なくなります。それが自分自身であれば、言うまでもありません。
ですので、成功という言葉も定義が少し曖昧ですが、私たちは一旦「パブリッシャー就職」だと考えることにします。そして「パブリッシャー就職の実戦ガイド」が、パブリッシャー就職という目標に少しでも早く近づけるようお手伝いします。
パブリッシャー就職実践ガイド講座は、電子書籍（PDF）コンテンツで構成された講座です。
パブリッシャーという職に就こうと始めた方々が、試行錯誤しながら時間を浪費しているのを見て、そのような試行錯誤を最小限に抑えてあげたいという思いで制作することになりました。
最近2年間、国費支援パブリッシング課程の講師として100名以上の学生を教えてきたパブリッシングのノウハウを、この一冊にすべて詰め込んだ自負しております。パブリッシャー就職を準備する学生の立場ではなく、十分な実務経験と講義経験を持ち、実際にパブリッシャーとして就職させた人間が作ったパブリッシャー就職ガイドです。
何も知らない学生たちがパブリッシャーとして就職するために、コーディングの基礎から中上級のパブリッシングスキル、そして個人ポートフォリオサイトの制作まで準備させた内容を中心に、実務のための必須事項をまとめました。
パブリッシャー就職完全ガイド講座は、電子書籍(PDF)に盛り込まれている内容は...
パブリッシャーとして働くための職種への理解度や心構えから、新人であっても経験者のようにコーディングできる「パブリッシングの基礎力向上スキル」を丁寧に盛り込みました。セクションの目次と詳細内容をご覧いただければより深くご理解いただけると思いますが、経験者のようなパブリッシング手法だけでなく、個人ポートフォリオサイトの制作のコツ、パブリッシャーとしての履歴書の書き方、Web UIデザインスキルの磨き方、国費支援パブリッシング課程に関する詳細な説明など、パブリッシャー就職のために知っておくべき必須内容が収められています。
パブリッシャー就職実践ガイドが、動画ではなくなぜ電子書籍なのかというお話をしようと思います。
パブリッシャー就職実践ガイドの電子書籍を作る前に、動画での制作を始めました。序盤に制作してみると、レコーディングしては抜け漏れが多すぎて撮り直すということを繰り返し、少し余裕がないと感じました。そこで、動画よりも電子書籍で作ろうと考えて始めたのですが、良い選択だったと思っています。タイピングする前にどんな話をすべきか頭の中で描き、どんな語彙を使い、どの範囲まで書くかについて考えを整理してから執筆したので、はるかに安定感があり、うまく書くことができました。
これをお話しするのには理由があります。この本を書く前までは、学生たちにパブリッシングの教材を勧めてほしいと言われたら、「今どき誰が本を見て勉強するんですか。YouTubeやInflearnの動画を見ながら勉強してください」と言っていました。しかし、今回の電子書籍を書きながら感じたのは、動画という媒体は便利ですが、自分で考え、咀嚼しながら悩むことはできないということです。学生たちもこの電子書籍を読みながら、これからのパブリッシャー就職に向けた計画や心構えを考え、じっくりと味わいながら見てもらえるのではないかと強く感じました。
パブリッシング就職実践ガイドを最初に企画した時、ネットで資料を少し集めようかと何日もウェブサーフィンをしましたが、見つけることができませんでした。そうして感じたことが2つありました。
一つ目は、だからパブリッシャーを準備している人たちが方向性を掴めずに苦労しているんだな…
二つ目は、インターネットにソースがないから、すべての内容を純粋に自分の力だけで作らなければならないんだな…
満足のいかない国費支援のパブリッシング課程に通っていたり、修了したりした学生から、パブリッシャー就職のために準備すべき事項についての質問を、メールやYouTubeのコメントで頻繁にいただきます。しかし、このようなテーマは数行で語れる内容ではないため、簡単にお教えしながらも、心苦しい気持ちが多々ありました。そこで、パブリッシャー就職ガイドを準備すべきだと考えました。
そして…
時々、私に学んだ学生からパブリッシャーとして就職したと、以下のようなカカオトークが届きます。頻繁ではありませんが、このようなメッセージを受け取ると、とても誇らしく感じます。私が最近2年間、国費支援のパブリッシング課程の講師をしながら、全くの未経験の学生をパブリッシャーとして就職させるのに役立った方法を、パブリッシャー就職を準備しているものの、何から始めればいいか分からず途方に暮れている方々と共有したいと思いました。
📔 ウェブサイト全体のパブリッシングのための機能定義書(PDF)を提供
ウェブサイト全体を制作する場合、[UIデザイン → 機能定義書の作成 → パブリッシング]という流れで進めるのが最も体系的です。しかし、機能定義書を作成せずにパブリッシングを行うケースが非常に多いです。機能定義書を作成せずにパブリッシングをすると、一貫性が損なわれる可能性があります。特に、HTML構造やCSSクラス名をあらかじめ決めておかないと、体系的なパブリッシングを行う上で困難に直面する可能性が非常に高くなります。
ウェブサイト全体のパブリッシングのための機能定義書の例を参考にしていただければ、実務で体系的なパブリッシングを行うことができます。
Q) この電子書籍<パブリッシャー就職ガチ実戦ガイド(PDF)>を読む前に、予備知識は必要ですか？
A) 全く必要ありません。パブリッシャーとしての就職や、パブリッシングに興味さえあれば大丈夫です。
Q) 新人のパブリッシャー、または新人のウェブデザイナーとして働いていますが、この本は必要ですか？
A) この本に含まれているメインの内容は、パブリッシングの基礎を養う方法や原則について詳しく説明しています。パブリッシングの基礎とは、すなわち経験者のようにパブリッシングするノウハウのことであり、現在働いている方にとっても必ず必要な内容だと考えています。
Q) この電子書籍<パブリッシャー就職ガチ実戦ガイド(PDF)>のページ数と内容はどのようになっていますか？
A) 全ページ数は159ページです。そして、内容はCodingWorksがすべての資料を100%作成しました。ネット上にある資料を拾ってきて加工したものは一切ありません。コーディング画面、文字の一つひとつ、キャプチャ画面のすべてをCodingWorksが純粋に制作しました。つまり、ネット上にあるような誰にでも書ける内容で構成されていないと自負しています。
時々、電子書籍を見ると上下左右の余白が画面の3分の1を占めているケースを見かけます。しかし、CodingWorksの<パブリッシャー就職ガチ実戦ガイド(PDF)>は、上記の電子書籍内容のキャプチャ画面のように、文字と内容がぎっしりと詰まっています。
Q) この電子書籍「パブリッシャー就職ガチ実践ガイド(PDF)」以外に他のコンテンツもありますか？
A) 「パブリッシャー就職ガチ実践ガイド(PDF)」の本の内容の中に、[セクション6. パブリッシングの始まりであり完成！HTML構造ワイヤーフレーム]の内容として、HTML構造ワイヤーフレームを制作するミッションがあります。そのミッションの完成版をダウンロードして、ご自身が制作したワイヤーフレームと比較するコンテンツが含まれています。本の内容に詳しい方法が記載されています。
Q) この電子書籍<パブリッシャー就職ガチ実戦ガイド(PDF)>は ダウンロード後にアップデート 事項がありますか？
A) 電子書籍の特性上、頻繁なアップデートはありません。しかし、パブリッシャー就職ガイドとして知っておくべき内容がある場合、PDFファイルが修正されアップロードされます。既存の内容が修正されるアップデートはほとんどないでしょう。追加内容のアップデートがある場合は、どのような追加内容があるかを含め、新着ニュースを通じてすぐにお知らせします。
パブリッシングの基本がしっかりしていれば、就職も早くなります。そして、仕事をしていても認められます。
ところで、パブリッシングの基本とは何なのか漠然としているかもしれませんが、決してそうではありません。
パブリッシングの基本が良いということは、コーディングの際にやってはいけないことをしなければ、自然と望ましい習慣だけが残ります。そうすれば、パブリッシングの基本ができていると言われるようになります。
特にパブリッシャー就職を準備している新人のコードを見ると、コーディングの基本がめちゃくちゃな場合が多いです。
ところが、自身のコードがどれほど間違っているのか分からず、こうした理由がパブリッシャー就職がうまくいかない主な原因になります。
パブリッシングの基本を間違って学んだからです。知ればすぐに直すことができます。
パブリッシャー就職ガチ実践ガイド(PDF)の本の中に、そのパブリッシングの基礎を向上させる具体的な方法をすべて詰め込みました。
私はコーディングワークスと申します。
ウェブデザイナーを長く務めました。
ウェブパブリッシャーに転向して実務で長く働き、
ここ2年間は国費支援パブリッシング課程の専門講師として、それなりに認められながら講義を行ってきました。
コー딩웍스（コーディングワークス）というYouTubeパブリッシング講義チャンネルを3年前から運営しており、
今年初めからはInflearn（インフラン）でウェブデザイン技能士の実技試験講義、パブリッシング実戦例題制作講義、レスポンシブウェブサイト制作講義を行っています。
厳しい時期に、コーディングワークスの受講生の皆様が目標を達成されることを願う気持ちで丁寧に講義を制作し、
受講生の皆様の質問に対する回答もまた、そのような心構えで向き合っている人間が作成した「パブリッシャー就職実践ガイド電子書籍」です。
▲ 国費支援パブリッシング課程で私から4ヶ月半ほど学んだ学生から、就職したとカトク（LINE）が届きました。
▲ コーディングワークスの個人ポートフォリオ制作オフライン講座の受講生から、面接・就職結果のLINE（カトク）をいただきました。(2023.4.24)
先生、こんにちは :)
先生のInflearnの講義を受けていた学生の金Oジョンです。
今年の夏、個人ポートフォリオについてアドバイスをいただこうとメールを差し上げた学生です。
覚えていらっしゃいますでしょうか？（笑）
ほかでもありませんが、
先生にアドバイスをいただいたポートフォリオで、パブリッシャーとして就職に成功したという報告をしたくてメールを送りました！
しかも！！
求人サイト（サラムイン）に載せていたポートフォリオを見て会社側から先に連絡があり、Zoomで面接を受けて合格しました！
会社側では希望年収を考慮してくれましたし、デザインや開発業務を行わない、本当にパブリッシャー！としての業務だけに専念できる会社に入ることになりました。
経験者パブリッシャーを募集している会社でしたが、新人である私に連絡が来たので、なぜ私に連絡をくださったのかと尋ねたところ、
他の方々のポートフォリオもたくさん見たけれど、私のポートフォリオにあった「機能定義書」が目に留まって連絡したとのことでした。
これらすべてが先生の講義のおかげだと思っています。
先生の講義を聞いていなければ、私もやはり平凡なポートフォリオになっていたはずですが、先生が教えてくださったコツのおかげで就職に成功することができました！
直接お会いしたことはありませんが、
ポートフォリオを作成している間、先生の講義を見ながらとても頼りにして、信じて一生懸命作りました！
塾で長い間授業を聞きながら積み上げた実力よりも、先生の講義を聞いてポートフォリオを作った3ヶ月間のほうが、実力が格段に上がったと実感しています。
切実に願い、
先生がおっしゃった通りに信じて取り組んだところ、本当に良い結果が出ました。
本当にありがとうございました！
コロナにお気をつけて。
また良い講義でお会いしたいです :)
感謝の気持ちをお伝えしたくて。ｗｗ
これまで先生の講義を受講し、2週間ほど履歴書を出しながら少し苦労しましたが…
ある会社から面接合格をいただき、出勤することになりました。本当にありがとうございます…（涙）
実は私が32歳ということもあり、不安が多かったです。履歴書をたくさん送ったのですが、なかなか連絡も来ず…
ですが、この会社の採用担当者の方は、自分はスクール出身者はあまり好きではないとおっしゃっていました（笑）
私が入社することになった会社は規模は小さいですが、開発者もいてウェブデザイナーもいます。
3ヶ月間教育を受けてから実務に投入されるという形式でした。
距離も少しあり、年収も低い方ではありますが…一生懸命学んで年収を上げていこうと思います〜（笑）
これまで本当にありがとうございました。質問にも丁寧に答えてくださり、こうしてオンラインで講義を受けて就職が決まったので、とても不思議な気持ちです。
これからも先生の講義を聴きながら、さらに実力を高めて勉強していきます。ファイト〜！
学習を進める中で気になることがあれば質問してください。質問の際は、うまくいかない内容とコード、そしてブラウザの結果画面のキャプチャを添付してください。コードについては、HTML、CSS、JSのコードをすべて載せていただければ、正確な回答を差し上げることができます。
質問文にコードを載せず言葉だけで問題を説明されると、非常に単純な内容でない限り、正確な回答を差し上げることが難しくなります。そうなると、私が「HTML、CSS、JSのコードとブラウザのキャプチャをアップロードしてください〜」と再度返信せざるを得なくなり、結局解決策を得るまでに手間と時間が余計にかかってしまいます。
▲ 該当講義コミュニティの「よくある質問」をまず確認してください〜
コーディングワークス・パブリッシングのYouTubeチャンネルで、理論の動画講義を並行して視聴することをお勧めします。もちろん、すべての理論動画がYouTubeチャンネルにあるわけではありませんが、重要な理論動画はほとんど揃っています。動画の数が多いので、動画を探す際は以下の例のように検索するのが良いでしょう。
コーディングワークス パブリッシング YouTubeチャンネル： https://www.youtube.com/codingworks
コーディングワークスと共にする パブリッシャー就職ガチ実践ガイド
セクション別目次および詳細内容
※ 詳細内容のうち、赤色で表示されている部分は最近アップデートされたトピックです。
セクション 00. プロローグ
01. CodingWorksがパブリッシャー就職ガイド講義を準備することになった動機
02. パブリッシャー就職ガイドの学習内容と目標
03. パブリッシャー就職ガイドの詳細目次
セクション 01. パブリッシャーについて理解し、決心する
01. 私の適性はパブリッシャーの業務に向いていますか?
02. パブリッシャーへの就職、どこから始めてどのように準備すればいいですか？
03. パブリッシャーがどのような職種で、どのような仕事をするのか正確に知りたいです.
04. Webデザイナーの競争力が今、大きく低下している理由とは？
05. パブリッシャーの就職において、専攻者と非専攻者の違いはありますか？
06. Webサービスプロジェクトを構成する人々はどのような業務を行うのですか？
07. ウェブサービスプロジェクトを構成する人々との協業のコツが知りたいです。
08. パブリッシャーの年収はどのくらいですか？ デザイナーより良いのでしょうか？
09. パブリッシャーとしての就職を準備していますが、年齢が少し高いです。 年齢はどの程度関係があるでしょうか？
10. 新人のコーダー（パブリッシャー）が就職したら、会社では主にどのような仕事をすることになりますか？
11. デザイナーがいない会社と開発者がいない会社、どうしても行かなければならないならどちらに行くべきですか？
12. デザイナーがパブリッシング能力を高めようと一生懸命努力する理由は何ですか?
13. 著作権フリーの無料デザイン素材ダウンロードサイトまとめ
14. コーディングを上達させたいなら、必ずデュアルモニター環境を整えてください.
セクション 02. 国費支援パブリッシャー課程プレビュー
01. パブリッシャー就職のための国費支援課程について詳しく知りたいです.
02. 国費支援パブリッシング課程の全日程と講師の採用プロセス
03. パブリッシャー就職のために適切な国費支援課程を選ぶコツ
04. 国費支援パブリッシング課程で生じる各種リスクと変わりゆく講師
05. パブリッシャーの国費支援課程を受講するなら、必須で知っておくべき内容は何ですか?
06. それでは、国費支援のパブリッシング課程に通うべき？ やめるべき？ 結論を出してください。
07. 国費支援課程に通ったことを後悔しているという書き込みや動画を見た時に感じること
セクション 03. 実力のあるパブリッシャーになるための学習
01. コーディング（パブリッシング）スキルを向上させるための最適な学習方法は何ですか?
02. オンライン学習のために本で勉強？ YouTubeが良いでしょうか？ Inflearnの講義が良いでしょうか？
03. デザイナー、パブリッシャー、ディブリッシャー.. 3次コーディングテスト
04. フォトショップはデザイナーは得意で、パブリッシャーは苦手でも大丈夫ですか？
05. パブリッシャーとして働くつもりですが、フォトショップの能力はどこまで必要で、イラストレーターも使いこなせなければなりませんか?
06. デザイン能力を高めるための現実的な方法にはどのようなものがありますか?
07. パブリッシャーとして知っておくべきスキルと、参考にすべきサイトにはどのようなものがありますか？
08. パブリッシャーに最適なテキストエディタは何ですか？
09. コーディング（パブリッシング）のスキルが高いというのは、正確には何を指すのでしょうか？
10. レスポンシブWeb制作のためにフレックス(Flex)とグリッド(Grid)、どちらを使うのが効率的でしょうか?
11. SCSS, SASSと呼ばれるSassとは何ですか、また必ず習得すべきでしょうか？
12. コーディング理論を知っているからといって、成果物がすべて同じになるわけではありません。(コーディングに対する愛情と真心)
13. パブリッシングYouTubeチャンネル「コーディングワークス」での学習のコツと活用方法
14. 良いパブリッシング講義、教え上手なパブリッシング講師を選ぶ眼力
セクション 04. フォトショップ UI デザインスキルの向上
01. コーディングのスキルは短期間で向上させることができますが、デザインのスキルはそうではありません。
02. 優れたウェブ UI デザインを下絵にして、優れたデザインセンスを身につける
03. 修正・補完して制作したウェブ UI デザインをパブリッシングする
04. パブリッシャーがデザイナーのように色を使いこなす方法
05. フォトショップ UI デザインの実力を高めるセクションをまとめながら..
06. パブリッシングソースとデザインソースのメッカ、テーマフォレスト(ThemeForest)
07. デザイナーとパブリッシャーのための無料デザイン素材Freepik(FreePik) 活用法
08. パブリッシャーにとっても最適なPhotoshopのバージョンは Photoshop CC 2019
セクション 05. 新人でも経験者のようにパブリッシングする方法
01. 新人コーダーを採用するプロ(?)たちは、ソースコードを見ればすべて分かります.
02. ハードコーディング(Hard Coding) できますか?
03. 新人や初心者のパブリッシャーが無闇に使う Reset CSS、使用目的を理解して使いましょう.
04. Font Awesomeのどのバージョンをどのようにリンクして使うか？
05. 外部ファイルを使用する時、 Download するべきか？ CDN を使用するべきか？
06. 新人パブリッシャーを採用する際の3次関門！コーディングテストについて調べてみましょう
07. コーディングの実力とはすなわち、HTML構造をうまく作ることです。
08. 経験豊富なパブリッシャーのように CSS コーディングする(望ましいコーディングの必須項目)
09. 動画で学習しながらポートフォリオを準備する最も効率的な方法
10. パブリッシャーとしてファイル容量を減らす習慣を持つ(Image File Optimize)
11. パブリッシング就職のためのジェイクエリ(JQUERY) 学習範囲
12. コーディング（パブリッシング）開始に適したテキストエディタ Adobe Brackets の使い方を身につける
13. JavaScriptは難しいですが、インラインJavaScriptは必須で知っておく必要があります.
14. コーダーにとって非常に重要なフォルダ構造の作り方 X 相対パスと絶対パスを正しく理解する
15. レスポンシブコーディングにおいて px em rem どの単位を使用すべきでしょうか？
16. span タグは他の用途で使ってはならず、テキストだけを囲まなければならないって?
17. レスポンシブのためのメディアクエリを難しく考えず、今必要なことだけを知っておけば大丈夫です.
18. パブリッシャーに不可欠なChrome拡張機能の活用法
19. Chromeデベロッパーツールの使い方と、使うべき時・そうでない時
20. コーディング作業のために必ず知っておくべき CSS 疑似クラス
21. 中級パブリッシングへ上がるための必須! 属性セレクター(Attribute Selector)
セクション 06. パブリッシングの始まりであり完成！ HTML 構造ワイヤーフレーム
01. このセクションがなぜ非常に重要であるかについて、まず理解しておく必要があります。
02. HTML 構造ワイヤーフレーム を上手に描く方法とトレーニング
03. パワーポイントを使って HTML 構造ワイヤーフレームを描く
04. 手書き(Hand Drawing)による HTML 構造ワイヤーフレームの作成
05. 理論の例題や実践の例題を勉強する際に知っておくと役立つヒント(Tip)
06. HTML ワイヤーフレーム作成および HTML コーディングミッション取扱説明書
07. HTML 構造ワイヤーフレームミッション(1) : 個人プロフィールカード UI
08. HTML 構造ワイヤーフレームミッション(2) : パブリッシング過程紹介リスト
09. HTML 構造ワイヤーフレームミッション(3) : 個人ホームページポートフォリオリスト
セクション 7. パブリッシングの基本！ 望ましいコーディング習慣と原則
01. HTMLを作成する際、特別な場合を除いて絶対に空行を作らないこと
02. HTML タグの大文字・小文字を混用しない(HTML 属性内の引用符にスペースを入れない)
03. HTML タグに適切にコメントを入れる(コメントを多用しない)
04. HTML タグのクラス属性またはID属性を入れる際の望ましい順序
05. p タグにテキストを入れるときは、必ず改行してから入れます.
06. HTML タグのインデント(indent) を揃える(タブ間隔を理解する)
07. HTML5 セマンティックタグを活用する
08. Bracketsと Visual Studio Codeでタブの間隔を設定する
09. CSS コーディングで絶対にやってはいけない 0 順位、1行コーディングをしないこと
10. CSS セレクタ属性内のスペースを適切に空ける
11. CSS コードで適切にコメントアウトする(空行の許容範囲)
12. CSS 結合子をどのように整理するか?
13. CSS セレクタを HTML の順序通りに整理する
14. CSS 共通クラスを整理する
15. CSS 子孫セレクタを乱用しないこと
16. CSS クラス名を適切に作成する (一定のパターンとルール)
17. IDとクラスを使い分けて使用する
18. HTML head 内に入れる内容をしっかり整理する
セクション 08. パブリッシャー就職のための個人ポートフォリオホームページの準備
01. パブリッシャー就職のためのポートフォリオ準備はどうすればいいですか?
02. ポートフォリオという種類と範囲は正確にどこまでですか?
03. パブリッシャー就職のための個人ポートフォリオサイトには、どのような種類を何個ほど準備すればよいですか？
04. 個人ポートフォリオサイトで制作物をうまく見せるための UI/UXはどうすればいいですか？
05. 個人ポートフォリオサイトを上手く準備するためのプロセスを教えてください.
06. 個人ポートフォリオホームページで制作物(ポートフォリオ) を効果的に見せる
07. 個人ポートフォリオホームページをウェブホスティングする(Cafe24、FTP の使い方)
セクション 09. 個人ポートフォリオサイトが準備できたらパブリッシャーとして就職活動を始める
01. パブリッシャー就職のための履歴書と職務経歴書の書き方が知りたいです.
02. パブリッシャーとしてのキャリアを積むのに良い会社は、どのような会社を選ぶのが良いでしょうか?
03. パブリッシングのレベルを分ける際、初級、中級、中上級、上級はどのような基準で区分するのですか？
04. 求人広告でデザイナーの募集よりパブリッシャーの募集が相対的にかなり少ないですが、理由はなんですか？
05. CSS フレームワークとはどのようなものか教えていただき、パブリッシャーに最も適したものを推薦してください。
セクション 10. パブリッシャーとして働きながら知っておくと良く、知らなくてもいい、ただの常識コーナー
01. パブリッシャーとして働く上で、知っておくと役立つ、知らなくても困らない、ただの常識コーナー
02. 入社前に知っておくと良いこと(業務処理、協業など)
03. デザインスタイルガイドはデザイナーだけに必要なのではありません。 パブリッシャーにも必ず必要です。
04. パブリッシャーが非常識なデザイナーに出会ったとき
05. パブリッシャーとしての最初の会社は、長く勤める会社を選びますよね？
06. パブリッシャーとして就職するのにウェブデザイン技能士の資格は役に立ちますか？
07. パブリッシャーとして就職するために、ウェブアクセシビリティなどを十分に経験してから就職すべきでしょうか？
08. パブリッシャーとして就職した後、コーディング能力を向上させるためにはどのように勉強すればよいでしょうか？
セクション 11. エピローグ
01. パブリッシャー就職実践ガイドを終えるにあたって...
02. コーディングスキル向上のための効率的な学習ロードマップはありますか？
03. お疲れ様でした.
面接と就職を勝ち取るパブリッシャー個人のポートフォリオホームページ制作、scss, sass, flex, grid, html, css, html/css, website, ウェブパブリッシャー, パブリッシャー就職, ウェブサイト, コーディング, coding, jquery, javascript, ジェイクエリ, ジャバスクリプト, レイアウト, インタラクティブウェブ, interactive web, web design, ウェブデザイン, ポートフォリオ, パブリッシング, レスポンシブウェブ, ウェブデザイン技能士実技試験, bootstrap, ブートストラップ, css frameworks, フレームワーク
学習対象は
誰でしょう？
コーダーとして就職を希望される方
デザイナーからパブリッシャーへの転職を希望される方
初級パブリッシャーだが、経験者のような望ましいコーディングのコツが必要な方
国費支援のパブリッシング課程に通おうか悩んでいる方
13,042
受講生
784
受講レビュー
2,122
回答
4.9
講座評価
23
講座
■ [現在] 国費パブリッシング＆フロントエンド講師
■ [現在] フリーランス フロントエンドパブリッシャー
■ [現在] HTML+CSS+JQUERY パブリッシング YouTubeチャンネル「コーディングワークス」運営
■ グリーンコンピュータアカデミー ウェブパブリッシング講師
■ ザ・ジョウンコンピュータアカデミー ウェブパブリッシング講師
■ イゼンコンピュータアカデミー ウェブパブリッシング講師
■ フロントエンドパブリッシャー、フロントエンドパブリッシング専門講師
■ UI/UX ウェブデザインポートフォリオ講義
■ ウェブデザイン技能士実技資格クラス講義
■ イージー＆エデュ フロントエンド UI/UX デザインおよびパブリッシング
🌏コーディングワークス Inflearn 講義一覧 - https://www.inflearn.com/users/@codingworks
🌏Inflearn コーディングワークス 講義学習順序（学習ロードマップ） - https://www.inflearn.com/blogs/2351
🌏コーディングワークス Inflearn パブリッシングブログ - https://www.inflearn.com/users/@codingworks/blogs
🌏コーディングワークス パブリッシング YouTube チャンネル - https://www.youtube.com/codingworks
🟣Inflearn In-focus コーディングワークス インタビューを見る : https://www.inflearn.com/pages/infocus-8-20230704
全体
7件 ∙ (7分)
講座資料（こうぎしりょう）:
全体
40件
5.0
40件の受講レビュー
受講レビュー 29
∙
平均評価 5.0
受講レビュー 8
∙
平均評価 5.0
5
国費パブリック過程を一ヶ月前に修了したにもかかわらず就職準備するのに幕を閉じただけで、再び3万ウォンは捨てても良いという心情でダウンロードされました。 ガイド内容が国費パブリック授業の内容だと言われて、大きな期待はしないで復習するわけで読もうと言ったが、資料と内容は本当に知っていて最高ですね。 この策が数ヶ月だけ早く出てきても国費過程を通っていなかったのに後悔が大変ですㅜㅜ。 5ヶ月という金のような時間を本当に知覚欠席せずに一生懸命通っていたのに残ったのは寂しい個人ホームピー1つだけで、どこに行って自信を持って話も恥ずかしかったが、本の中に紹介された悪いコーディング習慣も除習館とまったく同じで、国費講師には申し訳ないが指摘一度受けた敵のない内容なのにとてもコックコックに届きますね。 就職ガイド内容どおりに最初から再び実力上げ始めます。私のように国費支援を通って行こうとする人や今通っている人や本当にあらかじめガイドを見て決めてくださいとぜひ申し上げたいです。 今でもこのような良い機会を持たせてくれたコーディングワークス講師に感謝します。
こんにちは。 lawesome1さん〜コーディングワークスです。 まず、率直な受講後期ありがとうございます。 他の方にも良いヒントになると思います。 私も国費支援パブリッシング講師を長くしましたが、講義満足度がなくて大変で後悔する学生たちの話を聞くと心が痛いです。満足のいく5ヶ月のコースですが、パブリッシャーで始められるきっかけになったほど、肯定的に考えるのが気持ちいいです。最初から始めるのは簡単ではありませんが、とても勇気ある選択'であり'合理的な選択'になると思います。コーディネートが応援します〜ファイティング^^
受講レビュー 2
∙
平均評価 5.0
5
まだ初めて読んでいるのですが、下のように私もこれが遅すぎて出会った血のような時間のために涙が出ますね。そうでない場合はやめてコーディングワークス講義を聞いたら、就職していたのに… という考えを消すことができませんね。 講義4ヶ月目が終わる頃に、私は講師の講義を聞くのをあきらめて先生の講義を聞いていたのですが、その講師の勉強が一生懸命聞いて、仲良くなった友達に隣の友達にボックスサイジングが何ですか？ その授業で健全なのはひたすら大変だった私を応援してくれてインフラとコーディングワークスを教えてくれた優しくて感謝した友達だけですね。 国費支援 考える他の友人にもぜひ見てほしいと紹介してくれました。 脆性敗退過程の中で相談師がどんどん惹かれながら、どこでも早く就職するように言ってストレスでしたが、途中にある「合理的な選択をされたら集中して前だけ見て進めてください」と同じ言葉も力になって良かったです。 今月の間にぜひ先生講義たち頑張ってきっちりとしたところ就職することが目標です。
柿の木〜率直な受講後ありがとうございます。 私も国費支援パブリッシング過程講義をする講師でもある立場でうまく合わない学生たちも明らかにあります。しかし、生徒に少なくとも授業能力の評価を悪く受けないように増やす授業ですが、授業準備はいつもします。 ＆＃x27;合理的な選択をしている場合は、集中して前を見て進んでください。＃＃27;という文章を書きながら、心からそうしたいという気持ちで書きました。 これで再起動してください。少し遅れても望ましい道に行くと信じられています。応援します～！
受講レビュー 1
∙
平均評価 5.0
5
前からウェブコーディングするのがとてもカッコよくて見せていつもやりたかったのにどこから始めるのかわからないので吠えるが基本機がなくてもいいから酷い行ってしまったのにとても面白く見たようです。 正直pdfなので少し悩みましたが、むしろ私のスピードに合わせて読むことができてずっと楽で良かったと思います。 そしてビデオを見るよりもむしろ退屈しているように 初めて接するのに簡単に説明してくれてあまり難しかったです。 まだ少し怖いですが、おかげで簡単に始めたと思います。
こんにちは。コーディングワークスです。 私も今回の講義を電子ブックにするのが上手だったと思いましたが幸いですね。 本の中にもありますが、パブリッシングに着実な関心があればすぐにうまくいくでしょう。 受講後ありがとうございます。^^
受講レビュー 10
∙
平均評価 5.0
知識共有者の他の講座を見てみましょう！
同じ分野の他の講座を見てみましょう！
期間限定セール
￥536,107
27%
￥4,514
![ウェブデザイン開発技能士 [2025年] 実技全体 (カカオトーク質問可能)講義サムネイル](https://cdn.inflearn.com/public/courses/332868/cover/3a2245ca-bb9f-414a-ba67-403cfcb2b7c9/332868.jpg?w=420)
.png?w=420)
![[幻想的な足足]デザインからコーディングまで講義サムネイル](https://cdn.inflearn.com/public/courses/332845/cover/5d0ef569-50e5-4300-96ed-3205d526795b/332845.png?w=420)
