スポンサーリンク

職業訓練校体験記(WEBデザイナーコース) 8週目

Weekly – 職業訓練体験記 –
この記事は約4分で読めます。
スポンサーリンク

通学までの経緯

筆者は、コロナウイルスによる緊急事態宣言発令時より無謀にも転職活動を開始。
選考状況の連絡すらなく、転職活動は沈黙。
転職活動開始の2か月後に退職し、無職となる。
事前に、「WEB系に関する仕事をしたいので、職業訓練に通いたい」とハローワークに相談していた。
コロナウイルスによる影響で倍率過多の選考を合格し、職業訓練校に通学。
※ハローワークに行くと、「あの倍率が高い訓練校でしょ?よく受かったね!」と言われる。

筆者
筆者

職業訓練校ってどんな環境なんだろう?
職業訓練校でどんな勉強をしているんだろう?
そういった方向けに書いています。

前回の記事はこちら

職業訓練校体験記(WEBデザイナーコース) 7週目
通学までの経緯 筆者は、コロナウイルスによる緊急事態宣言発令時より無謀にも転職活動を開始。 選考状況の連絡すらなく、転職活動は沈黙。 転職活動開始の2か月後に退職し、無職となる。 事前に、「WEB系に関する仕事をしたいので、職業訓練に通いたい」とハローワークに相談していた。 コロナウイルスによる影響で倍率過多の選考を合格し、職業訓練校に通学。 ※ハローワークに行くと、「あの倍率が高い訓練校でしょ?...

職業訓練校36日目

  • jQuery実習
    • jQueryとは?
    • 実際に実装してみる(LightBox)

職業訓練校37日目

  • jQuery実習
    • 実際に実装してみる(bxslider)
    • 自分の好きなプラグインを実装してみる

筆者は、multiscrollを組んでみました。(時代遅れかも。。。)
公式ページはこちら

1時間近く実装するのに手間取りました。
そのときの体験談はこちら(完成動画あり)

Webサイトでマルチスクロール機能を実装してみた(jQuery)(multiscroll.js)
職業訓練の授業で、jQueryを学習しました jQueryは、JavaScript言語のプログラムが入った道具箱。 この言語を書くだけで、Webサイトに動きをつけることができる魔法の道具です。 例えば、LightBoxの場合 「クリックすると画像が浮かび上がって拡大表示される機能」です。 <link href="./lightbox2-2.11.3/dist/css/lightbox.css" r...

職業訓練校38日目

  • Dreamweaver(ドリームウィーバー)
    • 環境設定
    • 模擬サイト作成演習 1つ目
筆者
筆者

Bracketsを使った後の、Dreamweaverでのコーティングは簡単でした。
ただ、事務作業すぎる。。

職業訓練校39日目

  • Dreamweaver(ドリームウィーバー)
    • 模擬サイト作成演習 1つ目の続き
    • 模擬サイト作成演習 2つ目
筆者
筆者

Dreamweaverが楽しくなりました。
タグが多くなると、失念したりと掌握が難しいですが、Dreamweaverだと簡単!

職業訓練校40日目

  • Dreamweaver(ドリームウィーバー)
    • 模擬サイト作成演習 2つ目の続き
    • 検証タイム
筆者
筆者

検証でいろいろさわってみましたが、Dreamweaverは便利!
でも、重いのがネック。
そのため、単純にコーディング目的だとBracketsに分があります。

まとめ

今週はDreamweaverという神アイテムに出会いました。
サイトを一から構築するときはDreamweaverを使って、微調整はBracketsという使い分けがベストだと使ってみて思いました。
Bracketsだと、サイト構築のCSSが難しかったですが、Dreamweaverだと楽しくできました。

初心者でもわかる!Webサイトの作り方について解説。
Webサイトを勉強していて、デザインの根拠を求められることはよくありますよね。 なぜ、この色なの? なぜ、このレイアウトなの? 今回はWebサイトの作り方についておさらいします。 Webサイトの種類 ・コーポレートサイト(ランディングページも含む) ・ECサイト ・キャンペーンサイト ・ブランディングサイト 今後、様々なサイトが常に生まれていくでしょう。 この記事では、上記に絞ってお話します。 サ...

Dreamweaverが楽しすぎて、さっそくサイトを作ってみました。
ターゲットやワイヤーフレームなど何も考えず、好きなサイトのページレイアウトを参考にし、自分なりにpaddingやmarginを入れました。

Franv | ちょっと、大人へのほっぷ。 by Dayantler WORKS Portfolio
架空商品ブランド「Franv」のサイトです。by Dayantler WORKS Portfolio
※レスポンシブ非対応です。。まだ授業で習っていないので、習ったら対応させます。
p.s. 独学でやってみました。ちょっと崩れたりもしてます。。。

続きはこちら

職業訓練校体験記(WEBデザイナーコース) 9週目
通学までの経緯 筆者は、コロナウイルスによる緊急事態宣言発令時より無謀にも転職活動を開始。 選考状況の連絡すらなく、転職活動は沈黙。 転職活動開始の2か月後に退職し、無職となる。 事前に、「WEB系に関する仕事をしたいので、職業訓練に通いたい」とハローワークに相談していた。 コロナウイルスによる影響で倍率過多の選考を合格し、職業訓練校に通学。 ※ハローワークに行くと、「あの倍率が高い訓練校でしょ?...

職業訓練での学習では網羅できない点もあります・・・
実務レベルまで持っていくために、Wスクールも視野に入れてみてください!
勉強仲間もでき、オンラインでスキマ時間に学習できるオンラインスタイルがおすすめです。

Webデザインを学びたい初心者向けの情報が満載!!

・職業訓練校に興味をもっている
・Webデザインの勉強方法に悩んでいる
・スクールに通うべきか独学か悩んでいる

そういった方向けに、学習ロードマップと実名公開での職業訓練校レビューおよび後悔しない職業訓練校生活のノウハウを書いています。

ブログの応援よろしくお願いいたします!!
ブログ運営者 兼 筆者
ふらんぶ@パラレルワーカー

More

本業は「サービスデザイナー」で、副業は「Webデザイナー」として、パラレルキャリアを実践し、自分の生き方を追求中

職業訓練校卒(Webデザイン) ▶東証プライム上場のWeb系IT企業勤務▶私生活に影響の出ないスモール副業活動

本ブログは、未経験でのWeb系職種志望者に向けて、勉強方法(おもに職業訓練校)や就職に役立つ情報を自分の体験談をふまえてわかりやすく発信
最近は、副業の幅を広げるためにWebデザインとWebマーケティングの勉強を継続しており、その学習記録をメインに執筆中

「居そうで居ないWeb系職業訓練校の身近な先輩サポーター」として、職業訓練校(Webデザイン)での体験や実務未経験でのWeb系企業への就職の実績をもとに、Web系職種志望者向けのサービスを提供
有料記事公開中

Follow Me
スポンサーリンク
シェアする
Follow Me
スポンサーリンク

スポンサーリンク
タイトルとURLをコピーしました