Webパブリッシャー就職のための準備手続きとコツを集めたPDFガイドブック! あなたの目標にもう少し近づいてみてください! パブリッシュ就職 本当の実践ガイドは、パブリッシャー就職準備とコツだけでなく、 就職して序盤に大変に学ぶ実務コツをあらかじめ知って準備できる内容で構成されました。
インターネットで偶然見た文ですが。キャット〜これはなんてクールですか?成功するまで挑戦する!この言葉を見ると挑戦精神が吹き飛ばされそうで実に素敵な言葉のように聞こえますが、個人的な考えではこのどれほど残酷な言葉でしょうか。実際にそれを実行している当事者はどれほど難しいかと思います。周りにダメなことになるまでする人の姿がどれほど厄介ですか。またできますが、方向をとんでもなくつかんで時間の無駄、お金の無駄、情熱を無駄にする姿を見ると残念です。それが本人なら言うこともなくて。
それで成功という言葉も区別がちょっと曖昧ですが、私たちはいったん「パブリッシャー就職 」だと思います。そして「パブリッシャー就職本当本番ガイド 」がパブリッシャー就職という目標に少し早く近づけるようにお手伝いします。
📔講義紹介 パブリッシャー就職本当のガイド講座は、電子書籍(PDF)コンテンツで構成された講座です。
パブリッシャーという職業を持ち始める人々が試行錯誤を経て時間を無駄にするのを見ながら、そのような試行錯誤を最小限に抑えたい気持ちで制作することになりました。
最近2年間、国費支援パブリッシング過程講師をしながら、100人以上の学生たちが教えたパブリッシングノウハウをこの本にすべて込めたと思います。パブリッシャー就職を準備した学生の立場ではなく、十分な実務経験と講義経験がある人であり、パブリッシャー就職をさせた人が作ったパブリッシャー就職ガイドです。
何も知らない学生をパブリッシャーとして就職するために、コーディング基礎から中上級パブリッシングスキル、個人ポートフォリオホームページ制作まで準備した内容を中心に、実務のための必須事項をまとめました。
パブリッシャー就職本当ガイド講座は電子ブック(PDF)に含まれている内容は...
パブリッシャーとして働くための職軍の理解度と思いから新入ですが、キャリアのようにパブリッシングできる「パブリッシング基本技向上スキル」を入念に込めました。セクションの目次と詳細をご覧になればよりよく理解しますが、キャリアのようにパブリッシングするだけでなく、個人ポートフォリオホームページ制作要領、パブリッシャーとして履歴書の作成方法、Web UIデザインの実力育成方法、国費支援パブリッシング過程の詳細な説明などパブリッシャー就職のため知っておくべき本質的な内容が含まれています。
📔今回の講座は映像ではなく、なぜ電子書籍ですか? パブリッシャー就職実践ガイドが映像ではなく、なぜ電子ブックなのかという話をしてみようと思います。 パブリッシャー就職実践ガイド 電子ブックを作る前に映像で制作を始めました。序盤に製作してみると、レコーディングして抜いたものが多すぎて再びレコーディングしてを繰り返しながらちょっと余裕がないと思いました。だから映像よりは電子ブックで作ろうと考えて始めたのですが良い選択だったと思います。タイピングする前にどんな言葉をするのか頭で描いてみて、どんな語彙を使うのかどの範囲まで使うのかについての考えをまとめて文を書くので、はるかに安定感を持ってよく書かれました。
この言葉をあげる理由があります。この本を書く前までだけでも、学生たちがパブリッシング教材を推薦してほしいと言えば、要塞誰が本を見て勉強しますか。ところが今回の電子書籍を使って感じたのですが、映像というメディアが楽ですが、私が考えて吟味しながら悩むことはできません。学生たちもこの電子書籍を読んで、今後パブリッシャー就職に対する計画と心構えを考えて吟味しながら見ることができるという考えがたくさん聞きました。
パブリッシング就職実践ガイドを最初に企画するとき、インターネットでソースを少し手に入れようかと、数日数日をウェブサーフィンしたのに手に入ることができませんでした。それから私は考えた2つのことでした。
まずは、だからパブリッシャーを準備する人々が方向をつかんで大変にしているんだ。 二つ目は、インターネットにソースがないからすべての内容を純粋に私の力でだけ作らなければならないんだ。
📔制作動機 満足のいく国費支援パブリッシングの過程や修了した学生に、パブリッシャー就職のために準備することに関する質問をEメールでもYouTubeのコメントでもよく受け取ります。ところで、このような話題が数文で言えない部分なので、簡単にお知らせしながらも残念な気持ちがたくさん聞きました。それで、パブリッシャー就職ガイドを準備しなければならないと思いました。
そして…
たまに私に学んだ学生がパブリッシャー就職したと下記のカトクを送ります。頻繁ではありませんが、このようなカトクを受け取ったときに多くのようになります。私が最近2年間、国費支援パブリッシング過程の講師をしながら何も知らない生徒をパブリッシャーとして就職させるのに役立った方法をパブリッシャー就職を準備したが、どのように始めるべきかを幕を閉じた人々と共有したかったのです。
📔 ウェブサイト全体の公開のための機能定義書(PDF)を提供
ウェブサイト全体を制作する場合、「UIデザイン→機能定義書作成→パブリッシング」につながるのが最も体系的です。しかし、機能定義書を作成せずにパブリッシングをする場合がとても多いです。機能定義書を作成せずに公開すると、一貫性が低下する可能性があります。特に、HTML構造とCSSクラスの名前をあらかじめ決めておかないと、体系的なパブリッシングに苦労する可能性が非常に高いです。
ウェブサイト全体のパブリッシングのための機能定義の例をご覧ください。
🙋🏻♂️講義に関する予想される質問 Q) この電子書籍「パブリッシャー就職実践ガイド(PDF)」を読む前に選手知識が必要ですか? A)全く必要ありません。パブリッシャーの就職やパブリッシングに興味があれば、
Q) 新入社または新入ウェブデザイナーとして働いていますが、この本が必要ですか? A)この本の主な内容は、パブリッシングの基本を育てる方法、原則について詳しく説明しています。パブリッシング基本機というのはまもなく、キャリアのようにパブリッシングするノウハウは現在仕事をしている方にも必ず必要な内容だと思います。
Q) この電子書籍<パブリッシャー就職本当実践ガイド(PDF)>ページ数と内容はどうなりますか? A)全ページは159ページです。そして内容はコーディングワークスがすべての資料を100%作りました。インターネットにある資料を広げて加工したものも全くありません。コーディング画面、文字一つ一つ、キャプチャ画面ともにコーディングワークスが純粋に製作しました。まもなく、インターネットにある一般的な誰もができる内容で構成されていないと自信です。 時々電子ブックを見ると、上下左右の余白が画面の3分の1を占める場合を見ました。しかし、コーディングワークス「パブリッシャー就職本当の実践ガイド(PDF)」は、上にある前作本の内容キャプチャ画面のように、文字と内容が入念に入っています。
Q) この電子書籍<パブリッシャー就職本当本番ガイド(PDF)>以外に他のコンテンツもありますか? A)<パブリッシャー就職本当本番ガイド(PDF)>本の内容中に[セクション6.パブリッシングの開始で完成! HTML構造ワイヤフレーム]コンテンツ中にHTML構造ワイヤフレームを作成するミッションがあります。 そのミッションの完成本をダウンロードして、本人が製作したワイヤーフレームと比較するコンテンツがあります。本の内容に詳細な方法があります。
Q) この電子書籍<パブリッシャー就職本物の実践ガイド(PDF)>ダウンロード後の アップデートはありますか? A)電子書籍の性質上、頻繁な更新はありません。ただし、パブリッシャー求人ガイドとして知っておくべきことがある場合は、PDFファイルが修正されアップロードされます。既存の内容が修正されるアップデートはほとんどないでしょう。追加されたコンテンツの更新がある場合は、追加のコンテンツが含まれていることを含め、新しいニュースを通じて直接お知らせします。
🙋🏻♂️パブリッシング基本機について... パブリッシングの基本がいいと就職も早くなります。 そして働きながらも認められます。 ところがパブリッシング基本機というのが何か漠然とすることができますがそうではありません。 パブリッシングの基本が良いということは、コーディングするときにやらないことをしないと、自然に望ましい習慣だけが残ります。それからパブリッシングの基本が良いと言われます。
特にパブリッシャー就職を準備する新入のコードを見ると、コーディング基本がめちゃくちゃになることが多いです。 ところが、本人のコードがどれくらい間違っているのか分からず、このような理由でパブリッシャー就職ができない主な原因となり ます。 パブリッシングの基本を間違って学んだからです。知ればすぐに直すことができます。
パブリッシャー就職本当の実践ガイド(PDF) 本の中に、そのパブリッシング基本基を良くする具体的な方法をすべて盛り込んでいます。
🙋🏻♂️ 誰が作ったパブリッシャー就職ガイドですか? 私はコーディングワークスと呼ばれます。 Webデザイナーを長くしました。 Webパブリッシャーに転向して実務で長く仕事をしました。 最近2年間、国費支援パブリッシング過程専門講師になり、認められながら講義をしました。 コーディングワークスというYouTubeパブリッシング講義チャンネルを3年前から運営しています。 今年初めからInflearnでウェブデザイン機能士実技試験講義、パブリッシング実践例制作講義、レスポンシブウェブサイト制作講義を行っています。
大変な時期にコーディングワークス受講生の方々が目標を成し遂げたいという気持ちをもって丁寧に講義を制作し、 受講生の方々の質問に対する回答も、そんな気持ちで回答する人が作った「パブリッシャー就職実践ガイド電子ブック」です。
❤コーディングワークスの受講生に来たパブリッシャー合格ニュース
▲国費支援パブリッシング過程 私に4ヶ月半ほど学んだ学生ですが、就職したとカトクが来ました。
▲コーディングワークス個人ポートフォリオ制作オフライン講義受講生の面接就職結果カトクを受けました。 (2023.4.24)
❤コーディングワークスの受講生がパブリッシャー就職後に送ってくれたメール
先生こんにちは:)
先生 Inflearn 講義聞いた学生キム・オジョンです。 今夏のプライベートポートフォリオに関してアドバイスを得ようとメール送信した学生です。 覚えていますか?😊😊
相違ではなく、 先生にアドバイスを得たポートフォリオでパブリッシャー就職成功したというニュースを伝えようとメールを送ります!
でも! 人に載せたポートフォリオを見て会社側から先に連絡が来て、ズームで面接を見て合格しました! 会社側では希望年俸を合わせてデザイン、開発業務をしない本当にパブリッシャー!仕事だけができる会社に入るようになりました。
キャリア職のパブリッシャーを求める会社でしたが、新入社員に連絡が来て、なぜ私に連絡を与えたのかと聞いてみました。 他の人のポートフォリオもたくさん見ましたが、私のポートフォリオで見た「機能定義書」が目立って連絡をいただきました
これはみな先生の講義のおかげだと思います。 先生の講義を聞かなかったら、私もちょうど普通のポートフォリオになりましたが、先生が言ってくれた蜂蜜のヒントで就職に成功することができました!
実際にはお会いできませんが、 ポートフォリオを作る中、先生の講義を見ながらとても頼りにして信じて頑張りました!
学園で長い時間の授業を聞きながら積み重ねた実力より先生の講義を聞いてポートフォリオを作った3ヶ月間の実力がすごく上昇したことが感じられます
切に欲しかったし、 先生がおっしゃっていた通り信じていたら、本当に良い結果が出ました。
本当にありがとうございました!
コロナに注意してください。 また良い講義で会いたいです:)
先生こんにちは〜Inflearn受講生OOOです〜メールアドレスは他の受講生の回答見てわかりました..😊😊 ありがとうご挨拶ありがとうございます
これまで先生講義受講して2週間ほど履歴書を見ながら苦労してしまいました。 会社一ヶ所面接に合格して出勤することにしました。 本当にありがとうございました。
実は私が年齢が32歳だから心配が多かったです。 しかし、この会社の人事担当者が本人は学園出身は悪いと言っていましたよ😊😊 私が入社することにした会社は小さいですが、開発者もあり、ウェブデザイナーもいます。 3ヶ月間教育させ、実務に投入する食事だったんです。 距離も少しあり、年俸も低かったけど..一生懸命学んで年俸を上げてみようよ~ 😊😊
その間、本当にありがとうございました。質問の回答もよくしてくれてこんなにオンラインで講義をして就職になるからとても不思議ですね。
これからも先生の講義を聞きながら実力を増やしながら勉強します。ファイティング~!
🙋🏻♂️質問する前に必ず!読んでください〜! 学習しながら質問がある場合は質問してください。ご質問の際にはいけない内容とコード、ブラウザ結果画面のキャプチャを投稿してください。コードの場合は、HTML、CSS、JSのコードをすべてアップロードしてください。
質問文にコードなしでグローだけ問題を説明すれば、本当に簡単ではないと正確な答えを出すのは難しいです。それから私は「HTML、CSS、JSコードとブラウザのキャプチャをアップロードしてください〜」と返信する必要があり、最終的に解決策を得るのに面倒で時間がかかります。
▲該当の講義コミュニティのよくある質問の見方をまず確認してください〜
⚡ 効果的な学習のためにぜひ!コーディングワークスパブリッシングYouTubeを参照してください。
コーディングワークスパブリッシングYouTubeチャンネルで理論映像講義と並行してください。もちろん、すべての理論映像がYouTubeチャンネルにあるわけではありませんが、重要な理論映像はほとんどありません。映像が多いので、映像を探す方法は以下の例のように検索することをお勧めします。
コーディングワークスパブリッシングYouTubeチャンネル: https: //www.youtube.com/codingworks
👨🏼🏫講師紹介 (現在)フリーランサーフロントエンドパブリッシャー ダージョはコンピュータアカデミーWebパブリッシングインストラクター 今コンピュータアカデミーWebパブリッシングインストラクター フロントエンドパブリッシャー、フロントエンドパブリッシング専門講師 今コンピュータアカデミーウェブデザイン機能士実技資格証明 ラクピアICTトレーニングセンターフロントエンドパブリッシングマスターコース講師 イージー&エデューフロントエンドパブリッシング、UI/UXデザイン HTML + CSS + JQUERYパブリッシングYouTubeチャンネル「コーディングワークス」を運営 ⚡ コーディングワークスパブリッシングYouTubeチャンネル - https://www.youtube.com/codingworks
▲パブリッシャー就職のためのコーディングワークスパブリッシング講義ロードマップ
コーディングワークス とのパブリッシャー就職本物の実践ガイド セクション別の目次と詳細
※詳細中に赤色で表示されている部分は最近更新されたテーマです。
セクション00. プロローグ
01. コーディングワークスがパブリッシャー就職ガイド講義を準備する動機
02. パブリッシャー就職ガイド 学習内容と目標
03. パブリッシャー就職ガイド詳細目次
セクション01. パブリッシャーについて理解し、心を食べる
01. 私の適性はパブリッシャーの仕事に適していますか?
02. パブリッシャー就職どこから始めて、どのように準備する必要がありますか?
03. パブリッシャーが何をしているのか、何をしているのかを正確に知りたいです。
04. Webデザイナーが競争力が大幅に低下するのはなぜですか?
05. パブリッシャー就職で専攻者と非専攻者の違いはありますか?
06. Webサービスプロジェクトを構成する人々はどんな仕事をしていますか?
07. Webサービスプロジェクトを構成する人とコラボレーションのヒントが気になります。
08. パブリッシャー年俸はどのくらいですか? デザイナーより大丈夫ですか?
09. パブリッシャー就職の準備には少し年があります。 年齢はどのくらい関連していますか?
10. 新パブリッシャーが就職したら、会社で主にどのようなことをすることになりますか?
11. デザイナーがいない会社と開発者がいない会社、 必ず行かなければどこに行くべきですか?
12. デザイナーがパブリッシング能力を高めるために一生懸命働く理由は何ですか?
13. 著作権なしの無料デザインソースダウンロードサイト総まとめ
14. パブリッシングをよくしたい場合は、必ずデュアルモニター環境を整えてください。
セクション02. 国費支援パブリッシャーコースのプレビュー
01. パブリッシャー就職のための国費支援過程について詳しく知りたいです。
02. 国費支援パブリッシング過程全体のスケジュールと講師の採用過程
03. パブリッシャー就職のために大丈夫な国費支援課程選択のコツ
04. 国費支援パブリッシング過程で生じる各種リスクと変わっていく講師
05. パブリッシャー国費支援プロセスを聞くなら、必須のことを知っておくべきことは何ですか?
06. だから国費支援パブリッシングプロセスに行った? 言う? 結論を出してください。
07. 国費支援過程に通ったことを後悔するという文と映像を見るときに感じる点
セクション03. 実力あるパブリッシャーになるために学ぶ
01. パブリッシングのスキルを高めるための最適な学習方法は何ですか?
02. オンライン学習のために本として勉強? YouTubeが好きですか? Inflearn講義は良いですか?
03. デザイナー、パブリッシャー、 デブリッシャー .. 3 次コーディングテスト
04. Photoshopはデザイナーはうまくいってパブリッシャーにはできませんか?
05. パブリッシャーとして働くのですが、Photoshopの能力とはあくまでイラストレーターも上手でなければなりませんか?
06. デザイン能力を高めるための現実的な方法はどれですか?
07. パブリッシャーで知っておくべきスキルと知っておくべき参考サイトはどんなものがありますか?
08. パブリッシャーに最適なテキストエディタは何ですか?
09. パブリッシングの実力が良いというのは、正確に何を言うのですか?
10. レスポンシブウェブ作成のためにFlex とGridの どちらを使うのが効率的ですか?
11. SCSS、SASSと 呼ぶサスは何と必ずしなければなりませんか?
12. パブリッシング理論を知っていると、 結果は全く同じではありません。
13. パブリッシングYouTubeチャンネル「 コーディングワークス」 で学習のヒントと活用方法
14. 良いパブリッシング講義、 よく教えるパブリッシング講師 選ぶ目
セクション04. Photoshop UI デザインのスキルを育てる
01. パブリッシングのスキルは短期に上げることができますが、デザインのスキルはそうではありません。
02. うまくいった Web UI デザインを下図として良いデザイン感覚を身につける
03. 編集を補完して作成したWeb UI デザインを公開する
04. パブリッシャーがデザイナーのように色をよく使う
05. Photoshop UI デザインスキル育成セクションを整理しながら..
06. パブリッシングソースとデザインソースのメカ、 テーマフォレスト (ThemeForest)
07. デザイナーとパブリッシャーのための無料デザインソースプレフィック(FreePik)の活用 法
08. パブリッシャーにも適したPhotoshopのバージョンはPhotoshop CC 2019
セクション05. 新入ですが、キャリアのように公開
01. 新しいパブリッシャーを選ぶ選手(?) は、ソースコードを見ると分かります。
02. ハードコーディング(Hard Coding) するつもりですか?
03. 新入や初心者パブリッシャーが無頓着で書く Reset CSS、 使用目的はご存知で す。
04. フォントアサムどのバージョンをどのようにリンクして使用するのですか?
05. 外部ファイルを使用するときにダウンロード しますか? CDNを 使うか?
06. 新入パブリッシャーを抜く際に三 次玄関! コーディングテストについて学びます。
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. PowerPointを使用して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 コーディングで絶対にしてはいけない ゼロランク、 行コーディングをしない
10. CSS セレクタプロパティ内の浮き上がりをうまくする
11. CSS コードでコメントをよくする( 空白行許容範囲)
12. CSS 接続選択者をどのように整理するのですか?
13. CSS セレクタHTML の順序でうまく整理する
14. CSS 共通クラスのクリーンアップ
15. CSSの 子選択者を乱用しない
16. CSS クラスの名前をうまく作成する( 一定のパターンと規則)
17. IDとクラスを区別して使用する
18. HTMLヘッドの 間に入る内容を整理する
セクション08. パブリッシャー就職のための個人ポートフォリオホームページの準備
01. パブリッシャー就職のためのポートフォリオの準備はどうですか?
02. ポートフォリオという種類と範囲が正確にどこまででしょうか?
03. パブリッシャー就職のための個人ポートフォリオのホームページにどのような種類のいくつかを準備する必要がありますか?
04. 個人のポートフォリオのホームページで作業結果をよく表示するUI / UX はどうなりますか?
05. 個人ポートフォリオのホームページ よく準備するプロセスを教えてください。
06. 個人ポートフォリオホームページにワークピース( ポートフォリオ)
07. 個人ポートフォリオホームページWebホスティング( カフェ24、FTPの 使い方)
セクション09. 個人ポートフォリオのホームページが準備されたら、パブリッシャーとして就職する準備
01. パブリッシャー就職履歴書と職務技術書の作成方法が気になります。
02. パブリッシャーのキャリアを築く良い会社は、どの会社を選ぶのが良いでしょうか?
03. パブリッシングレベルを区分するとき、初級、 中級、 中高級、 上級 どんな基準に区分するのでしょうか?
04. 求人広告にデザイナー求人よりパブリッシャー求人が比較的少ないのに理由は何ですか?
05. CSS フレームワークが何であるかを教えて、パブリッシャーに最も適したものをお勧めします。
セクション10. パブリッシャーとして働きながら知っていれば良く知らなくてもいいだけで常識コーナー
01. パブリッシャーとして働きながら知っていればよく、知らなくてもいいだけで常識コーナー
02. 会社に行く前に 知っておくと良いこと(仕事を処理する、 コラボレーションなど)
03. デザインスタイルガイドはデザイナーだけが必要としません。 パブリッシャーも必ず必要です。
04. パブリッシャーが概念のないデザイナーに会ったとき
05. パブリッシャーとして、最初の会社は長持ちする会社を選択しますか?
06. パブリッシャーの就職にWebデザイン機能士の資格が役に立ちますか?
07. パブリッシャーの就職には、Web アクセシビリティのようなものを十分に経験し、就職する必要がありますか?
08. パブリッシャー就職後のパブリッシング能力向上のためにどのように勉強すればよいでしょうか?
セクション11. エピローグ
01. パブリッシャー就職実践ガイドを結んで...
02. パブリッシングのスキルを向上させるための効率的な学習ロードマップはありますか?
03. お疲れ様でした。
インタビューと就職を呼ぶパブリッシャー 個人ポートフォリオ ホームページ制作スクリプト、レイアウト、インタラクティブウェブ、インタラクティブウェブ、ウェブデザイン、ウェブデザイン、ポートフォリオ、パブリッシング、レスポンシブウェブ、ウェブデザイン機能士実技試験、ブートストラップ、ブートストラップ、css frameworks、フレームワーク