2018年11月に入部してぼちぼちやっていたウェブカツ
無事卒業できました(*´ω｀*)
ということで、卒業までの道のりと受講中に知っておきたかった小ネタを
つらつらと並べておきます。
ウェブカツ生やプログラミングスクールを検討中の方に
何かしら役に立つ・・かなぁ、立つと良いなぁ(*´ω｀*)
って感じです。
ちなみにアホほど長いので
「ええけんはよ目的の所読ませまい」な方は
目次から飛ばして読んじゃって下さい。
大前提
環境は人それぞれ違う
言うまでもないですが
これまでの経歴、年齢、性別、生活環境から性格まで
同じ環境の人なんてまずいないと思っています。
更に言うなら、人の環境を羨むエネルギーがあるなら
それを「今自分の手持ちのカードでどうやって卒業まで持って行くか」
戦略を立てる方に力注いだ方が良いと考えています。
まぁ、ほら私の場合
どう頑張ったって若返るのは無理がありますしw
体力だってプロテイン飲んだらすぐ元気になるわけじゃ無いしww
もはや自分よりずっと若くて元気なウェブカツ生の
アウトプットやら活動報告を見るたび
「こらまたええもん作ってるなぁ凄いなぁ頑張れー(*´ω｀*)」と
おかん丸出しでいいねをポチる日々でしたw
ウェブカツ入部時の状況
私の環境はウェブカツ生の中でもかなり特殊です。
むしろどうしてウェブカツ入った？と言われるレベルですw
- 入った当初はギリアラフォーだったけど40 のっちゃったよ！
- 既にちっちゃくは無いけどちっちゃいと言い張る息子(12歳)がいる
- 海外在住 。母子留学中で主人は日本。育児と仕事は完全分業中
- ここ3年体調を崩して臥せってた
ウェブカツ始める数ヶ月前に一度倒れて
入部当時はベッドから起き上がれるのは1日2時間が限度だった
(今は外に出なければ大体家事もこなせるレベルまで復活してます
でもPC作業は1日3時間厳守です)
・・うわー
改めて書き出したらホントに良くやったなこんな状況で・・(；´Д｀)
特に一番下。また倒れたら・・とビビリながら
ちょっとでも症状が出たらベッド直行の生活しながらですよw
とまぁ環境的にはかなーりビハインドありまくりですが
スペックは多分そこそこ。
- 初めて触ったパソコンは中古のカラクラⅡ(とっても古いMac)。
それ以来Mac一筋20年 ・・うわ20年超えてるやんけ・・ - 検索能力高いねー！とは良く言われる
しかし周りがそういうモノに疎い人ばかりなのでよく分からないw - 個人サイト作って19年 。アフィリエイトで作ったサイト3桁。
お陰でwordpressの設置やら各種ブログの設定は慣れてる。 - ただしHTMLとCSSの知識はブラッシュアップされてない。
wordpressも検索して見つけたコードを貼り付けていじる人。
PHP？・・ああHTMLの親戚ね！ （ひどい） - photoshopは5.5から、illustratorは7から趣味で使ってたし
Macに仮想環境作ってWindows動かしたりはしてた
エンジニアとしては完全に素人。業界未経験。
ただ何も知らないかというとそういうわけでもない、この微妙さったらねw
ウェブカツに入った動機
個人ブログに載せる診断アプリを作ろうとしたけど
独学ではどうにもならず
既に20年間で2度 javascript 独学挫折経験があるので
ここは思い切って基礎からスクールで学んだ方が良さげな気がする
いや、ちょびっとは「稼ぎたいなぁ」と思ってましたよ、ちょびっとは！
でも、当時の体調じゃ働くとか思いつきもしなくてですね。
そんなことより挫折せずに診断アプリ公開まで至るのが先決だったのですww
まぁそんな動機でスクール探してたら
1年前の段階だとどこも「転職！就職！」が売りの所ばかりで
「いやそこは重視してない、そもそも何が作れる様になるかが見えない 」
と、無いわー( ´ﾟдﾟ｀)とこんな顔しながら検索しまくること2ヶ月。
そんなときにたまたま見つけたウェブカツ生のブログ。
月額4980円で私の知りたそうな事が学べるだと・・？と
wktkしながらサイトを見に行ったら数日前に値上げされてましてww
それでも月12800円なら何となく気持ち的に大丈夫かなと思い
（多分うちの主人は今の女性割引の金額くらいなら気持ち良く出してくれるけど
私が耐えられないのです(；´Д｀)ただでさえ薬代とかかかってたしね)
ウェブカツの趣旨である「年収1000万稼ぐ」の部分とかは軽くスルーして
「動画も分かりやすかったしここで勉強すれば診断アプリ作れる様になるな！」
と迷い込んでしまったのでしたw
入部したらまずすること
鬼十則を読む こと。
すぐに腹で理解できなくても良いから、頭には叩き込んでおくこと。
あと、この記事は穴が空くまで読み込むこと。
https://webukatu.com/wordpress/blog/1566
多分、入部して一度もこれを読まない人はいないと思うけど
ウェブカツの学習計画を立てるときにこれほど参考になったものは無いです。
学習計画を建てておく
そんなに綿密じゃなくてもいいと思います。
私は性格上、綿密な計画を建てるのが非常に好きなのでがっつり建てましたが
（その通りに進むとは言っていない）
そんな変わり者は少数派でしょうw
でも、最低限
「いつまでに卒業試験を受けるか、もしくは中退するか」
だけは決めておいた方がいいです。
なるべく現実的なラインで、夢見すぎないで
かといって言い訳しないレベルで、ですね。
ある程度期限を区切らないと、どうしてもたるみがちです。
ちなみに私が入部した頃にはまだ卒業試験がありませんでした。
更に私の場合、体調に不安を抱えながらの縛りプレイ状態だったので
- 当初は「ウェブカツの学び方」記事に沿ってとにかく進めていく
- webサービス部が終わった頃には卒業試験の概要も見えてきたので
「全ての部が終わったら卒業試験までのロードマップ（後述）を組んで
それが終わったら卒業試験を受ける、大体の時期も決める」
こんな感じでした。
なお現在は外部のスクール・コミュニティ・勉強会への参加は
一部を除いて全面禁止されているウェブカツですが
個人的にはprogateだけ補助で使うレベルで十分だと思います。
あとは大体Googleが教えてくれる（おい）
既にウェブカツで内容が厳選されているので
卒業するまでは下手に手を出さない方が結果的に効率が良さそうです。
難所の超え方
受講中に出てきた「こんなもんどうすんじゃヽ(`Д´)ﾉｳﾜｧｧｧﾝ!!」を
どうやって超えるかという話。
比べるのは昨日の自分
優秀な人やその作品を見てを
凄い！羨ましい！の感情の後に
「いつかああなってやる！」とポジティブに考えられる人
「あのレベルを抜き去るには・・」と虎視眈々とプランを練れる人
こんな人はむしろ自分より優れている人と比べまくりましょうw
ですが
「あの人はあんなに出来るのに自分ときたら・・(´・ω・`)」
という考えがよぎって落ち込みモードになり
やる気が削げるタイプなら
- Twitterは控えめ にする
- 自分の作業報告だけを並べて「先月より分かるようになってるやんけ 」と全力で自画自賛する
この方が精神衛生上良いかと思います。
(※ここから先、ちょっと分かりにくい話をします)
思い癖というのはそれこそプログラミングとか化学反応みたいなもので
本来そこに無いはずの感情をTwitterなどの情報から
心が自動生成しちゃうんですよね。
名付けるなら「感情制作プログラム 」とでもしましょうか。
感情とは最初からあるものでは無く、このプログラムが作っているものです。
こんな感じね。
情報 → [メンタル関数X] → 善悪の判断や感情の励起など
・・さらにめんどくさいことに
ここで出来た感情が更に別のメンタル関数を呼び出すんですわ。
情報→関数X→羨ましい→関数Y→自分を責める→関数Z→やる気をそぐ→・・
てな感じで、どこまでも雪だるまのように転がって膨らんでいくんですな。
ホント嫌になるほど良く出来てやがるよ心ってやつは！orz
もちろんメンタル関数のコード修正は今後のことを考えれば必須ですが
流石に1日2日で修正できるほど簡単じゃありません。
さらに、この関数は例えば上の例で言うところの
関数Yで強制的に止めようと思っても中々止まりません。
一度このプログラムが起動して、進めば進むほど
止めるのが難しくなるんですね。
最初は小さいことで怒っていたはずなのに
怒りがどんどんふくれあがって止まらなくなるってのと同じです。
つまり、いかにして関数Xに情報を放り込まないか が大事になってきます。
そういう意味ではTwitterは結構危険だったりします。
なので現時点では（あくまでも学習中は、です！）
このプログラムを動作させないために情報制限をするのもありかと。
ちなみに上記の「感情制作プログラム」が理解できると
ちょっと生きるのも楽になるかもです(*´ω｀*)
webサービス部制限解除までの期間を活用する
私の場合、本入部から1週間でここにたどり着いてしまったため
なんと1ヶ月の練習制限が発生することにww
ということで、この期間を利用して
- PHP部のコード写経
- progateのPHPとjQueryを全部3周してくる
- 復習用アウトプットでペラサイトを作る
- PHP部で出てきた機能をカンニングしつつ書いてみるw
上記をこなしました。
メール届かない問題は未解決。先に他の部分を作成してしまおう
ちなみにトップページはこんな感じ。せっかく調べたのでアラビア語の表示も入れてみたwそして要素が並ばないと思ったらimgタグの最後の>が抜けてて力抜けました・・orz pic.twitter.com/S7qOIu9HeO— RIE🇲🇾KLゆるゆる生活 (@saika00) December 5, 2018
ウェブカツ復習
画像アップロードできた！最初もの凄い大きさで表示されてビビったけど、そうですよねphp使って表示したとはいえimgタグなんだからcssで大きさ指定出来るよねぇ。
明日は新規登録とログイン部分だ、データベース作らねば pic.twitter.com/UDkMeHOvB3— RIE🇲🇾KLゆるゆる生活 (@saika00) December 5, 2018
うん、この頃からデザインセンスのなさがにじみ出てるね！！
伊達に図工で2取ってたわけじゃないね！！ww
このほか、文字数カウンタもを付けてみたり
新規会員登録に重複チェック機能を付けてみたりと
とにかく制限解除まで暇なのでw体力の限り遊んでました。
この時期に（とくに未経験組は）
全力で基礎を固め、かつ何かしら作っては遊んでおくことをおすすめします。
正直未経験でまっさら！な状態だと
ウェブカツすら難しいのが現状です(´・ω・`)
最低でもprogateの内容がぼんやりと頭に入っているレベル じゃ無いと
この先確実に詰みます。ええ、何せ次は難所と名高いwebサービス部ですから。
ちなみにこの段階でprogateをやるなら
- HTML&CSS 中級編まで
- javascript(ES5)全部
- jQuery全部
- PHP 1(2は余裕があればやっておくと後々楽かもしれないレベル)
これだけで良いです。
勢い余ってHTML&CSS上級とかやっちゃいましたけど
そこまでは要らなかったなーと・・
若い方なら2周も回せば十分かな？
私は3周回しました。少なくとも5周も10周もする必要は無いです。
ちなみに今は鬼練 がありますから
そっちにまずチャレンジして、それでもちんぷんかんぷんなら
progateのお世話になるという戦略でも良いと思います。
webサービス部
ウェブカツ最初の難関、webサービス部。
ここの攻略はnikomuさんの記事が参考になるかと。
https://ohuton-gogo.com/webukatu_webservice/
ちなみに私の進め方はかなーりせっかちでしたw
まずwebサービス部を最後までアンロックして
全てのコードをコンビニで印刷してきて
そこから動画視聴。1周全部見るのに3日。もちろん写経無し 。
動画は見ると言うよりほぼ聞く状態で
印刷したコードに、その部分の大まかな意味とかを書き込んでいく 。
それを一日分の動画視聴が終わってからもう一度見直す。
で、理解度はと言うと
ウェブカツ Webサービス部 L21 - 25視聴
大まかな部分は理解したけど特に商品一覧以降はじっくり見直しやな私の場合写経だとインプット効率が悪いようなので、印刷したコードを読んで頭に放り込みつつ動画で補足しよう、これなら横になっててもできる(*´ω｀*)
学習時間2h/計60h#ウェブカツ
— RIE🇲🇾KLゆるゆる生活 (@saika00) December 21, 2018
L17以降の理解は怪しそう。
特にL22以降は「ほーん・・？」と取りあえず見てみた状態でしたw
とはいえ、受講制限中にPHP部の内容で色々遊んでいたお陰か
L16まででは全く詰まることはありませんでした。
なので
webサービス部はL16までで詰まったら
まずPHP部に戻って（何ならprogateの力も借りて)
力を蓄えてからリトライが最善
だと思っています。
webサービス部終了後のアウトプット
webサービス部を受講し始めてすぐの段階から
アウトプットで何を作るか考え始めていました。
で、実際1周終えた段階の理解度と
どうも写経は性に合わない・・ という理由から
「もう見切り発車で何か作ろう！
詰まったらその時調べりゃいけるいける(*´ω｀*)」
・・と、今から思うと理解度5割 くらいよねあなた！？な状態で
フルスクラッチで何か作り始めようと無謀な決意をしたのでした。
ただ流石にL17以降の理解度の低さは気になっていたので
午前中にアウトプットの作品作り
午後からはL17以降の動画視聴2周目、という形を取っています。
主人の休日はPCお休み、てことでWebサービス部の講義順に合わせてサービスづくりの準備。ザ・アナログな上に悪筆ですな( ；´Д｀)
機能的には「会員なら誰でもコメントできる公開日記」ぽいのになる予定。講義の復習と並行して作成するけどできるかなこれ…作業時間2h#ウェブカツ #朝活 pic.twitter.com/nhOmyvWlNF
— RIE🇲🇾KLゆるゆる生活 (@saika00) December 24, 2018
この時作ったものの制作記録がこちら。
https://blog.rie-k.com/2019/06/10/teachme/
webサービス部とは違うものを作ったように見えるかも知れませんが
中身は「大体webサービス部で出てきた機能をそのまま、もしくは
ちょこっと変えて付けただけ」だったりします。
webサービスってのは結局大本を突き詰めると
- DBに何ぞを登録する
- DBのものを引っ張ってきて何ぞええ感じに見せる
- DBのものをちょっと書き換えてみる
- DBのものを削除してみる
これだけの機能にいろんなものをひっつけてるだけなんだなーと
実際にTeach Me!を作ってみて実感しました。
（後にこれがCRUDと呼ばれるやつだと知りました)
参考書籍の必要性
丁度日本に帰っているし、このタイミングで
使えそうな技術書買い込んで帰りたい！
おすすめ教えて下さい−！と呟いたら、顧問からこんなツイートが。
誤った方向に学習している生徒さんをちらほら見かけるので注意しておくと本などは理解の補助にならないので注意です
結局また分かった気になるだけ
progateもしくはググって分からなければ、あとは「書く」「試す」のアウトプット以外ありません
分からない時ほどインプットしがちなんですが逆なんです— かずきち (@kazukichi3110) December 28, 2018
現役エンジニアも同じです。
月160時間以上コード書いてるから「理解」出来るんです。
ひぃひぃ言いながらね。
最初から理解出来て書いてはいません。
基礎以外分からない中、書きまくってくと理解し、勝手に覚えるんです。
覚えようと思ってなくても覚えます。
書いて試さなきゃ理解は出来ません。— かずきち (@kazukichi3110) December 28, 2018
現役エンジニアでも「動かねぇ、、」なんてのは日常茶飯事ですからね（レベルは違いますが）
ウェブカツでまず教えているのは
「そもそもどうやってこの機能は作られてるの？」という部分
細かな言語構造の理解はそのあと
大まかな処理フロー（仕組み）さえ分かれば、あとは書いて「手で覚える」のみ— かずきち (@kazukichi3110) December 28, 2018
「分からない」のは
1️⃣基本的な変数、ifやforや関数の書き方
2️⃣処理フロー（なぜ、そこで分岐やループさせるのか、なぜそこで変数に入れるのか、関数にまとめてるのか、なぜこの関数を呼び出すのか）
3️⃣何の時点でどの変数に何が入っているか
なのか2️⃣と3️⃣の理解はウェブカツで一度見たら書くのみ
— かずきち (@kazukichi3110) December 28, 2018
当時は「そんなもんなんかー」と深く考えず
取りあえず技術書買い込みはしなかったのですが
今振り返ると、この段階で書籍は必要なかったと思います。
なんや分からんけど、まぁ作ってみるか、書いてみるかで
トライアンドエラーしつつ、Google様に助けて貰いつつ
やって来たことが一番身になっています。
（と言っても私の場合、細かい書き方の暗記すら放棄していて
「そのうち手が覚えるからそれまではググりまくりでいいやー」
なんて言いながら未だにやってますが、これが良いかどうかは分かりませんw)
本当に書籍の有用性を感じたのはずっと後
JS上級あたりに入ってからでしたね(*´ω｀*)
あ、配色の本だけは買いました。
これもネットでいろんな配色パターンを見つけられますが
私の場合はそのために画面を眺めるのが結構しんどかったので
目の負担を減らすために書籍に頼った感じです。
公式は神だが神に拝謁するには条件がある
・・というのを実感。
JS中級の途中あたりからかな
「動画見るのがだるい、ざっくり聞いたら後はコード片手に
公式とGoogleに頼って何か作った方が理解度が高まる」
感じになって行きました。
そう、公式ドキュメントを読むのが苦で無くなってきた んですね(*´ω｀*)
正直webサービス部のアウトプットをしている頃は
公式は出来るなら避けて通りたい物体でしたw
恐らくですが、公式ドキュメントを読もうにも
それを書いた人達が気づいてもいないくらい彼らにとって当たり前で
でも未経験者にはさっぱり分からない前提というやつがあって
敷居を高くしているんだろうなぁと・・
こればかりは、公式ドキュメントが読めるレベルの基礎体力が
つくまで頑張るしかないんでしょうねぇ(；´Д｀)
なおこの辺になると、英語の重要性が分かってきます。
日本語では落ちてない情報も英語ならたんまり出てきて解決(*´ω｀*)
みたいなことが、この後の卒業試験までのロードマップや
卒業試験中に何度もありました。
私も英語はそこまで得意じゃ無いですが、プログラミングに必要な英語力は
そんなにアホほど高くない様に思います。
ぶっちゃけ医学論文読むよりずっと楽でしたw
(↑抄読会の論文は主人に翻訳を手伝って貰ってた元へっぽこ医者)
javascript・jQuery部上級
このツイートに全てが凝縮されておる・・
#ウェブカツ JS上級L22-34視聴
React編見てるとき「jQueryの方が良くね・・？」
Redux編に入って「ほーん・・？？（よーわからん）」
Vue.js編を見て「何これめっちゃ使いやすくね！？」てことでまずVue.js勉強しますw
そして技術的講義は全部視聴すんだ!!明日から復習です学習時間 4h/計173.5h
— RIE🇲🇾KLゆるゆる生活 (@saika00) March 6, 2019
ちなみに現時点で一番苦労した部は「JS上級」でした・・Webサービス部は可愛かったマジで。てかこの「どんどん学習負荷が上がっていくのを毎回ギリギリで切り抜けてるうちに知らぬ間にレベルが上がる」スタイル、大学時代を思い出して懐かしさすら感じる(時々留年の危機に陥ってた人)
— RIE🇲🇾KLゆるゆる生活 (@saika00) July 22, 2019
正直に言おう
ここはウェブカツ以外の資料必須
・・いやもうマジで。
「何が分からないのか分からねぇ」レベルというか
「顧問が宇宙語喋ってる・・ 」レベルというか
とにかく、動画だけではちんぷんかんぷんでした。
JS上級では3つのJSフレームワークが出てきますが
今の私では全部一気に手を付けたら毛根が死滅する！と思いw
この中で唯一「これなら分かるかも」と思えたVue.jsに絞って
まずは攻略することにしました。
ちなみにこの時に使ったのは後で紹介している「基礎から学ぶVue.js」です。
で、実際一つフレームワークをやってみると
- 他のフレームワークは方言みたいなもので、理解までのスピードが上がる
- フレームワークを使っていると、ある時生JSを振り返ってやり直したくなる
- それにより更にJS、フレームワークの理解が深まる
という好循環に持って行くことができました。
なので、この段階では全てのフレームワークに手を出さず
「自分が気に入った一つのフレームワークをまず徹底的にやってみる」
のをおすすめします(*´ω｀*)
(2021/03/07追記)
ちなみに今私が最初のフレームワークを選ぶなら・・やっぱりVue.jsかな。
フレームワークでJSが書ける楽しい！をさっさと体感したいならVue.jsを
生JSにも抵抗がないならReact.jsをおすすめします。
そしてどちらもウェブカツの動画以外で勉強したほうがいいよ！
営業部・起業部だけは絶対に見逃してはならない
これに30になるまでに会えたなら運が良い
・・マジで。
ウェブカツの真骨頂はここにある。
特に起業部のメンタル部分。この部分は何が何でも叩き込んだ方が良いと思う。
取りあえずすぐに全部印刷しました。
まだ3周くらいしか読んでませんが、これは(特に営業部は)卒業後も
腑に落ちるまで繰り返し読むことになりそうです。
卒業試験までのロードマップを立てる
私の場合、webサービス部が終わった頃から
全ての部を受講後卒業試験までに何をアウトプットするかを
決めていきました。
実は私、サイト模写なるものをこの段階まで一度もしてませんw
理由は単純で、ウェブカツの受講がすんだくらいからじゃないと
効果が薄い（そしてただでさえ少ないPC作業時間を食ってしまう）かなと
思ったからです。
下記は実際に営業部・起業部が終了後卒業試験までに行ったことです。
計画自体も多少順番が前後しましたがほぼこの内容ですね。
珍しく計画を守ってる自分にびっくりだw
(当初の予定では6月に卒業試験突入でしたが、Laravel部が開講したため
一時帰国終了後に延期しました)
- サイト模写その1
- ここで引っ越しのため1ヶ月以上中断する
- サイト模写その2
- ポートフォリオまとめサイトの大まかな構想を決める
- まとめサイト用ドメインにサブドメイン切って制作ブログ(wp)設置
以後何か制作する度に記事を入れていく - オリジナルLP作成
- JSフレームワークは一旦Vue.jsに絞ることを決める
- Vue.js学習
（Todoアプリアウトプット ） - 診断アプリ作成 （LearningStyleChecker作った）
- ポートフォリオまとめサイト作成
- wp部復習しつつ制作ブログ用テーマ作成
- Laravel部視聴、学習
- Laravel+Vue.jsで何ぞ作る （RoutineMaker作った）
- KL戻った後13を公開＋体調復活したら卒業試験申し込み
引っ越し前に意地でもアウトプットしておかないと再開したときに
全ての知識を置き去りにしてしまいそうだったのでw
滑り込み状態でサイト模写をしました。
案の定、引っ越し後のサイト模写は
この引っ越し前に作ったコードをめっちゃ参考にしたというねww
そしてこのロードマップの一番の目的は言うまでも無く
診断アプリ作成
でした。
これのためにウェブカツ入ったので、正直私の中では
卒業試験よりずっと大事ww
とはいえこのロードマップで、ウェブカツで習った事が
大体復習でき、ついでにポートフォリオも出来上がって
ええ感じ(*´ω｀*)と本人は思っておりますw
また、私の場合そもそも
「卒業試験を受けれるレベルまで体調が戻るのか 」
という問題がありまして・・
なので上記ロードマップをこなす中で
今の体調と上手く付き合いながら開発をする事に慣れ
大体開発にかかる期間が分かった上で卒業試験に入りたかったのです。
全部こなしてみての感想
普通はここまでせんでもええから
とっとと卒業試験やっちゃいなYo!って感じかな。
ただし
育児中のママさんで卒業試験を受ける予定がある なら
多少時間がかかってもこの位のロードマップをこなした方が良いかもです。
ただでさえ細切れ時間で勉強や開発をしなければならない状況ですし
「何をするのにどの位かかるか 」の目安は
前もって知って置いた方が良いと思います。
時間が足りなくて焦りが出る→子供にしわ寄せパターンは
一番避けたいですしね。
（うちも卒業試験中に「構ってくれん・・(´・ω・`)」としょげられました
君もう12歳だよ！その年でも言うんかい！！）
なお卒業試験について呟いてる人を追いかけてると
内容は隠していてもなんとなーく詰まるポイントが見えてきますので
そこは前もって押さえて置いた方が精神衛生上良いんじゃ無いかなと。
試験の前の情報収集めっちゃ大事ですよー！
卒業試験受験の目安(10/15追記)
この記事が出た数日後、顧問が
卒業試験受験の目安をつぶやきました。
はやる気持ちを抑えられず卒検突入して戦意喪失して去ってく人いるから
✅webサ部でOP（アウトプット）済
✅obj指向部でOP済
✅FW部でOP済
✅html部上級でOP済
✅js部上級でOP済
✅Laravel部視聴済（OP済だとなお良し）
✅テスト部視聴済
✅鬼練全クリこの状態になるまで受けるな
— かずきち@プログラミングスクール経営者 (@kazukichi3110) October 15, 2019
卒検受けるまでに最終的に各言語のFWを操ってちょっとしたサービス一つは作れるスキルレベルになっていればOK
それでないとギリギリの博打を打つことになります
あと現役と未経験者の差はテストに顕著に現れます
セキュリティゆるゆるだったり、見れちゃいけない画面が見れてたり実機確認不足が多い。— かずきち@プログラミングスクール経営者 (@kazukichi3110) October 15, 2019
・・うん、これは確かに。
上の条件ですと、私は
- オブジェクト指向部とFW部アウトプットをしていない
- テスト部を全部視聴していない
状態で卒業試験に飛び込みましたが
1. に関してはLaravel部のアウトプットをしているので問題無いとのこと。
Laravelで最終的にOPできるなら、
obj指向もFW部も分かってないと出来ない事なので、それでもオッケーですね https://t.co/MJSPMi1aow— かずきち@プログラミングスクール経営者 (@kazukichi3110) October 15, 2019
ただテスト部はちゃんと理解を深めておくべきだったなと反省。
この段階で役に立った参考書籍
参考書籍が本当に役に立ったのはここに来てからなので
JS上級を除くウェブカツを一通り受講してから書籍を購入した方が良いと思います。
いや、買いたい気持ちはめっちゃ分かるんだけどね！
ここに載せてる書籍の中には
ウェブカツの先輩方が紹介してくださったものも混じっています。
改めて先人に感謝です(*´ω｀*)
CSS設計
- 柴犬でも分かるFLOCSS
手探りでなんちゃってFLOCSSを量産していたときに出会ったPDF。
お陰でCSS設計がかなりそれっぽく出来る様になりましたw
javascript, Vue.js, React関係
- 基礎から学ぶVue.js
Vue.js初心者向けの通称猫本。
困ったことがあると取りあえず開いてチェックするのに使ってます。
こちらは2.x対応なので、Vue.js3.xを学びたい場合は注意です。
これだけは開発中どうしてもすぐに欲しくて、醤油と一緒に
書籍費の3倍くらいの送料を払って日本から送って貰いましたw - モダンJavaSciptの基礎から始める挫折しないためのReact入門
React初心者向けのudemyの動画です。
ES2015という新しいJSの書き方を復習しつつ、同じアプリを生JSとReactそれぞれで書いたらどうなるか？というのを比較しながら学習できるのがいい！動画も非常に分かりやすいです。
ちなみに上記リンクから購入するとちょっとお安くなります。 - React.js&Next.js超入門
動画より書籍でReactを学びたいんだ！という場合はこちら。こちらもかなり分かりやすいです。あとNext.jsまで網羅しているのが嬉しいところ。 - 公開しないためのVueコンポーネント設計
コンポーネント設計？ウェブカツで出てきたけどいまいち分からん・・
そんなときに見つけたPDF。
テストに関しても書いてますが、まだそこまでは読んでません。
正直コンポーネント設計の基本が分かっただけで十分元は取った。 - Javascript コードレシピ集
javascript用の逆引き本。
卒業試験の間に「あれfor文どうやって書いてたっけ」とか
これ見た顧問に卒業取り消されそうな事を調べてましたw
こんなの付けたいけどどうやったらいいかな？のヒントになる本。
Laravel関係
- PHPフレームワークLaravel入門
通称青本。今見たらまた売り切れてるね・・
kindle版も出ているので、電子書籍で問題無い方はそちらをどうぞ。
ウェブカツのLaravel部受講時にノート代わりにして書き込んでました。
基本記憶領域に入っている事柄が少ないので
開発時には必ず手元に置いてある本ですw