<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>プログラミング &#8211; Party-Hearty</title>
	<atom:link href="https://creator-kid.com/tag/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0/feed/" rel="self" type="application/rss+xml" />
	<link>https://creator-kid.com</link>
	<description>人生なんて死ぬまでの暇つぶし。</description>
	<lastBuildDate>Thu, 17 Apr 2025 02:09:55 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://creator-kid.com/wp-content/uploads/2022/06/favicon_pink.ico</url>
	<title>プログラミング &#8211; Party-Hearty</title>
	<link>https://creator-kid.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>【職業訓練校】Web制作6ヶ月コースの授業内容やリアルな感想など1ヶ月毎のまとめ</title>
		<link>https://creator-kid.com/code/programming-school/</link>
		
		<dc:creator><![CDATA[Ryuji]]></dc:creator>
		<pubDate>Thu, 09 Dec 2021 16:17:22 +0000</pubDate>
				<category><![CDATA[CODE]]></category>
		<category><![CDATA[Web制作]]></category>
		<category><![CDATA[プログラミング]]></category>
		<category><![CDATA[職業訓練]]></category>
		<guid isPermaLink="false">https://creator-kid.com/?p=3351</guid>

					<description><![CDATA[2021年10月1日から職業訓練校でWeb制作を学び始めました。 コロナ渦になった頃から、リモートワークで仕事できるようになにか手に職をつけたいと思って独学でプログラミングを始めてたのですが、仕事をしながらだとなかなか長...]]></description>
										<content:encoded><![CDATA[
<p>2021年10月1日から職業訓練校でWeb制作を学び始めました。</p>



<p>コロナ渦になった頃から、リモートワークで仕事できるようになにか手に職をつけたいと思って独学でプログラミングを始めてたのですが、仕事をしながらだとなかなか長続きせずにいました。</p>



<p>そんなとき2021年の春先に腰を痛めてしまい、これから先も肉体労働を続けていくのが不安になりました。</p>



<p>これまで食品工場の製造→飲食店→冷凍倉庫でフォークリフトとずっと肉体を酷使してきたので、身体にガタがきたのだと思います。</p>



<p>「これを機に肉体労働を卒業してプログラミングの勉強に本腰を入れろ！という神様のお告げなんだ。」と自分に言い聞かせ、３４歳という歳からプログラミングの勉強を始めようと決心しました。</p>



<p class="is-style-p_microcopy"><a href="https://creator-kid.com/life/lifehack/vocational-school/" target="_blank" rel="noreferrer noopener">職業訓練校入学までのロードマップ</a>はこちら</p>


<div class="related_article typesimple"><a class="related_article__link no-icon" href="https://creator-kid.com/life/lifehack/vocational-school/"><figure class="eyecatch of-cover thum"><img fetchpriority="high" decoding="async" width="485" height="255" src="https://creator-kid.com/wp-content/uploads/2022/01/職業訓練校入学-485x255.jpg" class="archives-eyecatch-image attachment-oc-post-thum wp-post-image" alt="" srcset="https://creator-kid.com/wp-content/uploads/2022/01/職業訓練校入学-485x255.jpg 485w, https://creator-kid.com/wp-content/uploads/2022/01/職業訓練校入学-300x158.jpg 300w, https://creator-kid.com/wp-content/uploads/2022/01/職業訓練校入学-1024x538.jpg 1024w, https://creator-kid.com/wp-content/uploads/2022/01/職業訓練校入学-768x403.jpg 768w, https://creator-kid.com/wp-content/uploads/2022/01/職業訓練校入学.jpg 1200w" sizes="(max-width: 485px) 45vw, 485px" /></figure><div class="related_article__meta archives_post__meta inbox"><div class="related_article__ttl ttl"><span class="labeltext">関連記事</span>【2021年】実例とともに詳しく解説！職業訓練校入学までのロードマップ。</div><time class="time__date gf undo">2022.01.09</time></div></a></div>


<p>※この記事は職業訓練校卒業するまで随時更新していきます。</p>



<h2 class="wp-block-heading" id="web制作学習1ヶ月目">Web制作学習１ヶ月目</h2>



<div class="wp-block-stk-plugin-cbox cbox intitle is-style-site_color type_normal"><div class="box_title"><span class="span__box_title">１ヶ月目</span></div><div class="cboxcomment">
<ul class="wp-block-list">
<li>グループワーク（3日間）</li>



<li>Officeソフト(Word, Excel, PowerPoint)</li>



<li>CMS実習（Wordpress）</li>



<li>HTML</li>



<li>CSS</li>
</ul>
</div></div>



<h3 class="wp-block-heading" id="グループワーク">グループワーク</h3>



<p>初日の入校式が終わると、2〜4日目の3日間でいきなりグループワークがありました。<br>グループワークはその3日間の午後だけで、初日に<strong>NASAゲーム</strong>、２、３日目に<strong>販売戦略プロジェクト</strong>とその発表がありました。</p>



<p>NASAゲームはグループワークで利用可能な<strong>コンセンサスゲーム</strong>です。<br>コンセンサスゲームとは、チームメンバーと<strong>合意形成（コンセンサス）</strong>を行う必要があるゲームです。</p>



<h4 class="wp-block-heading" id="nasaゲーム">NASAゲーム</h4>



<p>まず始めに、個別で考えてから自分の意見を提示します。<br>その後、チームメンバーと話し合いながら全員でチームの１つの結論を導きます。</p>



<p>話し合いをする中で意見が対立することがありますが、その時に<strong>多数決や諦めではなくしっかりと話し合って合意すること</strong>がコンセンサスゲームの目的となっています。</p>



<p>私のチームは結果的には１番優秀な成績でしたが、その結果よりも「<span style="text-decoration: underline;">自分の1人の意見よりコンセンサスをとって導いたチームの結論の方が遥かに優れた回答を出せる</span>」ということを体験し、コンセンサスの重要さを学びました。</p>



<h4 class="wp-block-heading" id="販売戦略プロジェクト">販売戦略プロジェクト</h4>



<p>販売戦略プロジェクトは、実際ありそうなクライアントからの依頼に対して<strong>ターゲットの決定、配色の提案、キャッチフレーズ、コンテンツなど</strong>をチームで話し合い、PowerPointで資料を作成して発表する流れでした。</p>



<p>具体的には、私のチームが担当したのは「食パン耳ラスクプロジェクト」で、サンドイッチ専門店の店主が「サンドイッチを作る過程で廃棄物として出てしまうパンの耳をラスクとしてネット販売をしたい」という依頼。</p>



<p>今回はホームページを作成し、下記の項目をチームで考えて資料にまとめ発表することをしました。</p>



<div class="wp-block-stk-plugin-cbox-notitle cbox is-style-black_box type_simple"><div class="cboxcomment">
<ul class="wp-block-list">
<li>もっと多くの人にパンの耳ラスクを知ってもらいたいが、ターゲットを絞った提案をしてほしい</li>



<li>誰に対しどのような提案をすれば売り上げが向上するか考えてほしい</li>



<li>キャッチフレーズやリード文、コンテンツについて考えてほしい</li>



<li>ページカラー（メイン１色　サブ２色）を提案してほしい</li>



<li>コンテンツ部分の内容を提案してほしい</li>
</ul>
</div></div>



<p>初めましてのチームメンバーと３時間以内で話し合い+資料の準備をしないといけない状況だったので、時間はかなり限られていました。</p>



<p>私のチームは「チームの決定事項に対してデータなどを用いて理由づけができれば良い」という考えだったので、時間内に終わらせられるかって感じで進めていましたが、他のチームは家に持ち帰ったり朝早く来て資料作成しているチームも見られました。</p>



<p>発表では他のチームの提案内容や発表者の声の大きさ・スピードなど５項目くらいを評価して、総合点で優秀なチームを選ぶといった方式をとっていました。まぁ発表者が優秀であれば高得点を取れるという正直狙いがよくわからないプロジェクトでした。</p>



<h3 class="wp-block-heading" id="officeソフト">Officeソフト</h3>



<p>Webサイト制作の発表する時に最低限レベルの資料を作れるように、Office製品のWord、Excel、PowerPointの基本的な操作を4日間学びました。</p>



<p>しかし、それ以来ふれる機会がないので教わったことはほとんど覚えていない気がします。</p>



<h3 class="wp-block-heading" id="cms実習">CMS実習</h3>



<p>WordPressを使って管理画面付きWebサイトの構成や使い方を学びました。</p>



<p>私自身このWordPressブログを2019年にネットの情報を参考に立ち上げて試行錯誤してきたので、ほとんどの新たに教わることはありませんでした。</p>



<p>しかし、そんな中でも自分の中にちゃんと落とし込めたし、使いこなせてなかった機能を新たに使えるようになったのは大きいと思います。</p>



<h3 class="wp-block-heading" id="html">HTML</h3>



<p>HTMLを使ってWebページを作成・修正方法を学びました。</p>



<div class="wp-block-stk-plugin-cbox-notitle cbox is-style-site_color type_normal"><div class="cboxcomment">
<ol class="wp-block-list">
<li>HTMLの基本</li>



<li>文章の定義
<ol class="wp-block-list">
<li>見出しを定義する　h要素：見出し</li>



<li>段落を定義する　p要素：段落</li>



<li>改行を定義する　br要素：改行</li>



<li>強調を定義する　em要素：強調</li>



<li>強い重要性を定義する　strong要素：強い重要性</li>



<li>入力した通りに表示する　pre要素：整形済みテキスト</li>



<li>その他よく使うHTML要素<br>blockquote要素：長い引用文<br>ins要素：あとから内容を追加<br>del要素：あとから内容を削除</li>
</ol>
</li>



<li>リストの定義
<ol class="wp-block-list">
<li>リストを定義する</li>



<li>番号なしリストを定義する<br>ul要素：番号なしリスト枠<br>li要素：リスト項目</li>



<li>番号付きリストを定義する<br>ol要素：番号付きリスト枠<br>li要素：リスト項目</li>



<li>定義リストを定義する<br>dl要素：定義リスト枠<br>dt要素：定義リストタイトル<br>dd要素：定義リスト説明</li>
</ol>
</li>



<li>テーブルの定義
<ol class="wp-block-list">
<li>テーブルを定義する<br>table要素：テーブル枠<br>tr要素：テーブル行<br>th要素：見出しセル<br>td要素：通常セル</li>



<li>テーブルの行や列を連結する　セル連結用属性</li>
</ol>
</li>



<li>グループの定義
<ol class="wp-block-list">
<li>ブロックレベルのグループを定義する<br>header要素：ヘッダー<br>nav要素：ナブ・ナビゲーション<br>footer要素：フッター<br>main要素：メイン（主要コンテンツ：各ページに１つのみ）<br>article要素：アーティクル<br>section要素：セクション（章・部分）<br>aside要素：アサイド（バナー・広告・関連記事）<br>div要素：ディブ（汎用グループ・レイアウト用グループ）</li>



<li>要素に名前をつける属性<br>class属性<br>id属性<br>class名・id名の命令規則<br>構造家タグでよく使われる構成</li>



<li>インラインのグループを定義する<br>span要素：インラインのグループ</li>
</ol>
</li>



<li>リンクの定義
<ol class="wp-block-list">
<li>リンクを定義する<br>a要素：リンクを定義</li>



<li>絶対パスと相対パス<br>絶対パス<br>相対パス<br>絶対パスと相対パスの比較<br>ディレクトリマップ</li>



<li>ページ内リンクを定義する<br>ページトップへ戻るリンク</li>
</ol>
</li>



<li>画像の定義
<ol class="wp-block-list">
<li>画像を定義する<br>img要素：画像表示<br>figure要素；図表用グループ<br>figcaption要素：図表用キャプション</li>



<li>画像をリンク化する</li>
</ol>
</li>



<li>実体参照<br></li>
</ol>
</div></div>



<p>独学でHTMLを勉強していたので復習という形で授業を受けていましたが、ちょっとした疑問なども気軽に授業中に質問できたので自分の中でしっかり整理できました。</p>



<p>例えば、idとclassの使い分けなど動画での学習ではそんな細かく説明はなかったので使い分けを知らずに漠然と使用していましたが、フリーランス講師ならではの生きた情報を交えて教えていただきました。</p>



<p>また、VSCodeのおすすめの設定やプラグイン、VSCodeでの略式のコードの打ち込み方なども教わり、以前よりも効率よくコードを打てるようになったと思います。</p>



<h3 class="wp-block-heading" id="css">CSS</h3>



<p>CSSを使ってWebページの装飾を学びました。</p>



<div class="wp-block-stk-plugin-cbox-notitle cbox is-style-site_color type_normal"><div class="cboxcomment">
<ol class="wp-block-list">
<li>スタイルシートの基本
<ol class="wp-block-list">
<li>CSS適用方式<br>インライン方式<br>埋め込み方式<br>外部リンク方式<br>link要素：外部ファイル読み込み</li>



<li>CSSファイルの新規作成<br>CSSファイルの命名規則</li>
</ol>
</li>



<li>文字・文章のスタイルを定義
<ol class="wp-block-list">
<li>文字・文章のスタイルを定義<br>文字色を定義する：color<br>文字サイズを定義する：font-size<br>文字の太さを定義する：font-weight<br>文字のスタイルを定義する：font-style<br>文章の装飾を定義する：text-decoration<br>行揃えを定義する：text-align<br>書体を定義する：font-family<br>行間を定義する：line-height<br>文字に影をつける：text-shadow</li>



<li>Webフォントの使い方：Google Fonts</li>



<li>検証ツールでCSSエラー個所を探す</li>
</ol>
</li>



<li>背景色・背景画像のスタイルを定義
<ol class="wp-block-list">
<li>背景色・背景画像を定義<br>背景色を定義：background-color<br>背景画像を定義：background-image<br>背景画像の繰り返しを定義：background-repeat<br>背景画像の表示開始位置を定義：background-position<br>背景画像の固定・移動を定義：background-attachment<br>背景画像のサイズを定義：background-size<br>背景のスタイルを一括定義：background<br>１つの要素に対して背景画像を複数指定</li>
</ol>
</li>



<li>ボックススタイルを定義（幅・高さ・余白・線）
<ol class="wp-block-list">
<li>ボックス構造<br>ブロックボックスとインラインボックス</li>



<li>ボックスのスタイルを定義<br>コンテンツ領域の幅を定義：width<br>コンテンツ領域の高さを定義：height<br>パディング領域（内余白）を定義：padding<br>ボーダー領域の線種を定義：border-style<br>ボーダー領域の線幅を定義：border-width<br>ボーダー領域の線の色を定義：border-color<br>ボーダー領域のスタイルを一括定義：上下左右一括指定<br>ボーダー領域のスタイルを一括定義：場所を限定して一括指定<br>角丸を定義する：border-radius<br>マージン領域（外余白）を定義する：margin<br>マージンにautoを指定した時の挙動<br>body要素の外余白を0にする<br>入れ子の内側の上マージンが突き抜ける</li>



<li>ボックスサイズの計算方法：boz-sizing</li>



<li>要素に影をつける：box-shadow</li>
</ol>
</li>



<li>画像のスタイルを定義
<ol class="wp-block-list">
<li>classセレクタ</li>



<li>画像の幅・高さを定義：width, height</li>



<li>画像の最小幅・最小高さを定義：min-height, min-height</li>



<li>画像の最大幅・最大幅を定義：max-width, max-height</li>



<li>はみ出た画像を縮小する</li>



<li>表示位置を定義<br>文章の回り込み：float<br>回り込みの解除：clear</li>



<li>行ない複数画像の縦方向位置調整</li>



<li>画像下の隙間をなくす</li>



<li>img要素の定番定義</li>



<li>画像を角丸表示</li>
</ol>
</li>



<li>リストスタイルを定義
<ol class="wp-block-list">
<li>リストのスタイルを定義<br>リストのデフォルトデザイン<br>リストマーカーの種類を定義する：list-style-type<br>リストマーカーの画像を定義する：list-style-image<br>リストマーカー位置を定義する：list-style-position<br>リストマーカーを一括定義する：list-style<br>リストのインデントを調整する：padding-left<br>リストマーカー画像を背景画像で定義する<br></li>
</ol>
</li>



<li>テーブルのスタイルを定義
<ol class="wp-block-list">
<li>テーブルの枠線を定義：border</li>



<li>テーブルの枠線隙間を定義する：border-collapse</li>



<li>テーブルの文字サイズを定義する：font-size</li>



<li>テーブルの背景色・文字色を定義：background-color, color</li>



<li>セル余白を定義する：padding</li>



<li>セル内の横方向業揃えを定義する：text-align</li>



<li>セル内の縦方向揃え位置を定義する：vertical-align</li>



<li>テーブルの幅を定義：width</li>



<li>テキストの折り返し方法を定義する：white-space</li>



<li>テーブルの表示方法を定義：table-layout</li>



<li>はみ出た内容が非表示時に略文字で知らせる：text-overflow</li>
</ol>
</li>
</ol>
</div></div>



<p>こちらも動画を見て独学で学習したことがありましたが、参考にしていた動画では細かな説明がなかったのでよく理解できていないことが多々ありました。</p>



<p>例えば、独学で学んでいた時はブロック要素とかインライン要素とかよくわからずにいましたが、わからなくても特に問題ないと思っていました。<br>しかし、要素を「中央揃え」にしたいと思ってもその要素がブロック要素なのかインライン要素なのかによって使用するプロパティが違ってきます。</p>



<p>ブロック要素自体を中央揃えは左右にマージン「auto」かつ、対象要素に横幅の指定必須となってきます。（※width指定なしの場合親要素いっぱい横幅でマージン「0」になるため）<br>しかし、要素内コンテンツ（インライン要素）の中央揃えにする場合のプロパティはtext-aligh: centerを使います。</p>



<h3 class="wp-block-heading" id="受講して感じたこと">受講して感じたこと</h3>



<div class="wp-block-stk-plugin-cbox cbox intitle is-style-blue_box type_normal"><div class="box_title"><span class="span__box_title">良かった点</span></div><div class="cboxcomment">
<ul class="wp-block-list">
<li>講師が2人体制で2人ともフリーランス</li>



<li>キャリアコンサルタントが時代遅れな考えの人ではない</li>
</ul>
</div></div>



<div class="wp-block-stk-plugin-cbox cbox intitle is-style-red_box type_normal"><div class="box_title"><span class="span__box_title">悪かった点</span></div><div class="cboxcomment">
<ul class="wp-block-list">
<li>知っていることを教わると時間の無駄だと感じる</li>
</ul>
</div></div>



<h4 class="wp-block-heading" id="講師2人体制で2人ともフリーランス">◎講師2人体制で2人ともフリーランス</h4>



<p>講師が2人体制でフリーランスである点は非常に良かったと思いました。</p>



<p>職業訓練校に通おうか迷ってた理由の一つが、学校にしか勤めていない講師に教わることでした。<br>ずっと学校で教えているということは、時代遅れなことを教わることになります。</p>



<p>しかし、フリーランスの講師2人はそれぞれ過去に違う仕事をしていた経験がありますし、個々で仕事をしているので生きた情報を教わることができます。</p>



<p>さらに2人体制ということもあり、クラスでわからない人がいてももう一人が補助する体制なので、授業の進行に遅れをとらない点も良かったと思います。</p>



<h4 class="wp-block-heading" id="キャリアコンサルタントが時代遅れな考えの人ではない"><meta charset="utf-8">◎キャリアコンサルタントが時代遅れな考えの人ではない</h4>



<p>職業訓練校側の目的は失業者を育成して、最終的には就職してもらうことです。</p>



<p>東京都の職業訓練後の就職率は４７都道府県中４７位と一番低いみたいです。<br>その理由の一つはフリーターでも東京にはいろんな仕事があるので暮らしていけるとのこと。</p>



<p>職業訓練校側的には就職率を上げたいとこですが、そういうとこに勤めているキャリアコンサルタントは今の時代に合わない考え方を押し付けてくるイメージでした。（勝手な先入観ですが）</p>



<p>しかし、実際にキャリアコンサルティングの面談時にお話しすると、「こーしろ、あーしろ」などは一切言わずに、その人にあったキャリアプランを一緒に考えてくれる人でした。</p>



<p>一昔前は私が思っていた感じの古い体制だったみたいですが、その担当者のおばちゃんが「それではダメだ」との想いから今のような体制に変えたくて変えたそうです。</p>



<p>そんな人がキャリアコンサルティングの長であることはなによりも心強いと思いました。</p>



<h4 class="wp-block-heading" id="知っていることを教わると時間の無駄だと感じる">×知っていることを教わると時間の無駄だと感じる</h4>



<p>私は2019年から独学でWordpressでブログを開設したんですが、この職業訓練校でもWordpressの使い方の授業で習いました。</p>



<p>しかし、すでに自分が知っていることを１週間もかけて習わなくてはいけないのは、すごくストレスに感じました。</p>



<p>確かに自分が知らなかった機能や設定などもあり勉強になることもありましたが、結構時間の無駄だなと感じていました。</p>


]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
