ウェブカツでプログラミング学習(女性割引)を始めて半年。
ウェブカツ界隈、激動な半月でしたね。
私の頭もぐるぐる激動しまして、退部届を出しました。
10月23日に退部届を提出したので、退会規約により12月31日に正式退部となる予定です。
この話題は、ここでは語りません。
ウェブカツに関する不満やネガティブな意見をブログに書くと強制退部の対象になるらしいので。
( *強制退部・・・サービス即停止&タイミングによって最大2.5か月分の学費がチャージされるルール。)
ハブより強力な毒を吐きたい気分ではありますが、ルールに従ってポジティブで役に立つ話題を書きましょう。
今回は半年間プログラミングを勉強してきた私が、個人的に役に立ってるなーと思うツールや技術ブログなどを紹介したいと思います！
ついでにウェブカツ退部後に利用してみたいなと考えているプログラミング学習サービスもご紹介します。
プログラミング総学習時間
247h / 171days (Avg.1h26m / day) ➡ 279h / 187days (Avg.1h29m / day)
前回の記事はコチラ
プロフィールはコチラ
オススメ技術ブログ
HTML CSS クイックリファレンス
クリエイターズボックス
サルワカクン
デザイン HTML / CSS
とにかく分かりやすーーーい
バシャログ
coliss
Webliker
WEBST8
https://webst8.com/blog/wordpress-theme-howto-make/
WordPress オリジナルテーマの作り方をSTEP BY STEPで解説。ただしバージョンは4.9.1
オススメ便利ツール
Font awsomeだとかgoogle fontとかはみなさん使っていると思うので省略しますね。
Icooon mono
フリーアイコン配布サイトは数あれど、商用利用OK/数が豊富/jpgもpngもaiもsvgも全部対応している無料サイトはここだけかも？超利用しています。
Web色見本
配色サイトもたくさんあると思いますけど、シンプルで感覚的に使いやすいこのサイトが今のところ一番気に入ってます
ホームページのパーツジェネレーター
cssからjsまで、こんなん無料でいいんですか？と疑いたくなるほどあらゆるパーツが無料で作れる
Clippy
https://bennettfeely.com/clippy/
画像を自由な形に切り取れる(css吐きだし) 感覚的に使えて超便利！
Keyframes
こちらはアニメーションの動きをシュミレート＆css吐きだししてくれる神サイト。
Can I use
cssのどのコマンドがどのブラウザー(どのバージョン)に対応しているか教えてくれる。
チートシート系
*バージョンはご自身で確かめてください。
CSSのチートシート
https://www.webcreatorbox.com/tech/css-flexbox-cheat-sheet
正規表現チートシート
https://yoshikawaweb.com/regex-cheat-sheet-for-text-editor.html
ワードプレスのチートシート
https://www.webcreatorbox.com/tech/japanese-wordpress-cheat-sheet
Boostrapデザインチートシート
https://webdesignfacts.net/entry/bootstrap-uitemplate10/
VS code ショートカットキー for win
https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf
JavaScriptとかPHPなんかは使い方分からないと意味がないのでチートシートではなくリファレンスを参照するのがいいと思います。
js STUDIO
退部後に使ってみたいサービス
今後使ってみたいというより、ウェブカツやってなかったらこれやってたな、と思うサービスかな？
ドットインストール
★動画学習系★
プログラミングやってる人なら誰でも知ってるあれ。
入部前にもやっていたけど、月1000円のコスパは最強クラスなので、先端技術アップデートも含め長期的にお世話になりたい
最初苦手だった喋り方も、今や心地いいかも？と思えてきた(笑)
30daysトライアル
★ロードマップ系★
https://tokyofreelance.jp/daily-trial-map/
さすがにゼロからはやらないと思いますが、30daysトライアルの3rdまでやりきるとどのくらい力がつくのか、気になる。
かなり評判良さそうです。
X-hack勉強会
★テーマ別勉強会系★
私の住んでいる場所で開催があるかは分かりませんが機会があれば一度参加してみたい。
参加者の評判もいいし、代表の考え方に共感を覚える部分もあるので。
Teratail
★問題解決系★
これも超有名ですが、プログラミング技術に関する質問が完全無料で出来るサービス。まだ使ったことないけど、スクール出たら積極的に使ってみたい。
むしろここで初学者の質問に解答出来るくらいの力をつけたい。
Stack overflow
★問題解決系★
https://stackoverflow.com/
Teratailと同じようなサービスですが、こちらは世界規模。日本語版も盛り上がってる。
ここの本家(英語)で解答出来るくらいになったら最強。
Rails tutorial
★テキスト学習系★
Rubyまで手を出すかは決めてないですが、もしやるなら、
ProgateでRubyの基礎学んで、ここのサイト2～3周すればある程度使えるようになりそうなので、ウェブカツのRuby部は飛ばしてもいいかなと。
Free code camp
★パネル学習系？かな★
ボリュームがすごすぎるので逆に今からはやらないと思いますが、これから勉強始めよう！って方で英語は問題ない！って人ならオススメします。
口コミを見る限り、言語のカバー範囲もコンテンツの深さもありそうで、"完全無料"です。
"無料"と謳いながら結局最後は課金パターンが殆どですけど、これはほんとに完全無料みたいです。
Paiza ラーニング
書籍
いろいろ読んでみたいプログラミング関連書籍もたくさんあります。
ウェブカツ受講中は遠回りすればするほど学費が高くなっていくので書籍はスキマ時間だけに留めていたけど、退部したらゆっくり読んでいきたいです。
昭和生まれには紙が一番しっくりくるのよ(笑)
コードレビューと共同開発
「学習する」ということにおいては独学で十分だと思う反面、就職しない前提で独学を続ける上で不安な面は下記2点かなと思います。
①自分の書いたコードがいわゆる「良いコード」なのかが分からない。
②共同開発の経験がない
①に関して現状ではメンタhttps://menta.work/ が一番手軽かな、と思います。メンタ自体は先日個人情報流出問題がありましたが、メンタが売れたのでおそらく似たようなサービスが今後も増えると思います。
②は海外サイトだと共同開発が出来るサービスを数件みつけたのですが、日本語環境においては共同開発の実績を作れるようなサービスは非常に少ない状況なのかな、と思います。
じゃあ、作っちゃう？というのも一つの手かと。
共同開発って要は一緒にやる仲間がいれば出来ることですよね。
ウェブカツ中退生集めてslackグループ作れば準備完了？
むしろ「プログラミング学習者が共同開発経験が出来るサービス」をみんなで共同開発しちゃえばいいんじゃないでしょうか？(笑)
まぁ発案するのは簡単でして、実際はそこをまとめるのが大変だと思うので、みんなを引っ張れるリーダーは必要かなと思いますが。
まとめ
あとYouTubeやUdemyなんかを挙げればキリがないのですが・・・
無料～数千円でも十分学習できる方法は山ほどあるんですね。
右も左も分からない状態であれば30DAYSトライアルのようなロードマップ系をやってみて基礎力と自走力つけてから、自分に必要なプログラミングスキルをあぶり出して、ピンポイントで動画学習や書籍でスキルアップ、その後ツマってしまったらTeratileやメンターで質問しつつレベルアップしていくのがベストかなと思います。
今後の学習
正式退部となるまであと2ヶ月で何をやるべきか考えました。
全部をやるのは無理なので 、vue.jsとLaravelに集中することになるかな？と思っています。
私はバカなのでいらん一言発してしまい、年末待たずに強制退部にされるかも知れませんが。
正直今の環境でモチベーションを保つのが難しいので、そうなったらなったで、次の道に早く進めてラッキーくらいの気持ちでいようとは思っています。
たぶん凹みますけどね。実際お金は取られるんで。
最後に
人生において、自分にとっては何が一番大事なのか、どういう人間になりたいのか、
そうなる為にはどんな場所に身を置くべきなのか、
それを見つめなおすきっかけになれたのは良かったと思います。
![](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64"><rect fill-opacity="0"/></svg>)
![mfblitz](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="10"><rect fill-opacity="0"/></svg>)
![ウェブカツ プログラミング学習 5か月経過](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70"><rect fill-opacity="0"/></svg> "ウェブカツ プログラミング学習 5か月経過")
![ウェブカツ プログラミング学習 6か月経過](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="140" height="140"><rect fill-opacity="0"/></svg> "ウェブカツ プログラミング学習 6か月経過")
