ここで書きつつどのページから作っていくか大体のイメージを持ちます。2、大体の画面モック、デザイン作成WF作成が終わって全体のイメージ像が浮かび上がったら、HTMLとCSSで基本的な画面モック作成です。上のような1番根本となる部分からヘッダー、フッター、サイドバー、インプットやボタンなど共通のデザインがあるものをSASS(CSSの応用版みたいなやつ、ウェブカツではHTML.CSS上級で学びます)で書いていきました。全ての画面モックは作らず、最初はホーム画面だけ書いて、あとは手順3、手順4の繰り返しというかんじで書いていきました。4、PHPで機能を入れる例えば手順3で新規登録画面の画面モック作ったら、手順4でPHPで新規登録機能を書いていく。次にログイン画面の画面モック作って、PHPでログイン機能を入れてく、という感じで書いていきました。一気にバーって画面モックを一通り作り終えてから、機能を最後に入れるという方も多いと思うのですが、私は特に考えずやりたい順番でやったらこんな感じになりました!もし効率的な手順などがあれば教えてくださるとありがたいです!!苦労した掲示板ページPHPはまだまだ理解不足で始めたので、ウェブカツのサンプルコードを見ながら、、、という感じでやっていたのですが、その中でもこの掲示板ページの作成に苦労しました。ウェブカツではフリーマーケットサービスを作るので、販売者と購入者の1対1の掲示板を作りますが、参加者全員の掲示板としたので、次の2点に関しては完全オリジナルです。自分でどうやって関数を作るか、どうやって情報を取得するか苦戦しました。私はarray_searchを活用しましたが、ここでもつまづいたのはarray_searchは連想配列[0]のものは取得できないこと。条件文に!=falseを入れることで無事解決しました。false)エラーで詰まってる時ってどこがエラーなのかを見極めるのが大変なんですよね。逆にエラーの原因を見極められればあとは調べるだけ!それができないと「どこがわからないかわからない」で詰まってしまうのです。「なんで?」を問い続けられる人は強い!10月末の出産のため先月退部届けを出し、ウェブカツできるのもあと少し。先月から残りの期間なにができるかをずっと考えてきましたが、このウェブカツ期間を通してもっとも苦労したWEBサービス部の復習をすることにしました。することにしたかというと、1周目、2周目だけでは十分なアウトプットができなかったのが心残りだったから。2周目を終えてようやくできたものがこれでした。ログイン、リスト登録、ログアウト、退会の機能をつけました。難しいやつはまたレベルアップして余裕が出来た時に作りたいと思います。2019WEBサービス部の中でも1番最初の基礎的な機能しか入っていないのですが、当時の自分はこれを作るので精一杯で、満足してました。この部で苦労してる方は多いと思いますが、私もここを一旦抜け出すまで3ヶ月はかかりました。今思うとそれでも理解度は4割ほどだったかと。初めは1割の理解でも大丈夫だと思います。最初から8割理解してたらバケモンですw英語と同じようにネイティブの発音を聞いても最初は理解できないですよね。それを繰り返していくと慣れていくのもあるし徐々にわかることが増えていくので理解度が1割→3割→5割→8割となっていきます。私は今回基本的な関数、配列、結合あたりの理解不足によりかなり苦戦しましたが、時間をかけて考えて調べてデバッグしまくってようやく少しずつ分かるようになってきました。大雑把な性格なので「ここわかんなくてもまーいっか」で今までやってきましたが、今回に関しては「なんで?」と思うことは徹底的に9割くらい?は諦めずに調べたりするようにしました。「なんで?」を放置せずにこうやって「疑問を持って行動を続ける人は強い」んだなーと!(気持ちと時間に余裕がないと「まーいっか」ってなっちゃうんですけどね、、)ウェブカツ残り2週間!ウェブカツができるのもあと2週間。同時に出産予定日までも約2週間。PHPフレームワーク部やり直すか、、js上級に再チャレンジするか、、プログラミングに夢中になっているので毎日あっという間です。気づいたらお腹がすごく重くなってるし、夜中に張るし、足の付け根が痛いし、妊婦健診も1週間に1回になった。最近自分の周りでも出産した友達が数人いて、電話越しに赤ちゃんの声が聞こえたりしてこっちまで幸せな気持ちになってますが、自分のことはまず何もできないようなので、出産前の今のうちにやりたいことはとことんやりたいと思います。終わり!あと2週間よろしくお願いします!ここまで読んでくださってありがとうございました。08:44【6ヶ月半経過】ウェブカツでプログラミング学習〜WEBサ部アウトプットの裏側〜Tweet広告を非表示にするもっと読むコメントを書く2019-09-29【6ヶ月経過】ウェブカツでプログラミング学習〜残り1ヶ月〜プログラミング学習ウェブカツ女性割でプログラミング学習を始めて6ヶ月が経ちました!ウェブカツってなに?という方はこちらをご覧ください!webukatu.com※本記事は個人の感想や進捗状況を述べるものであり、アフィリエイトではありません。ウェブカツでプログラミング学習を始めて6ヶ月を終え、今どんな状態かを赤裸々に述べているので、今ウェブカツで学んでいる方や、これから学ぼうと思っている方に参考になれば嬉しいです。hウェブカツを始めて174日でtotalで297時間くらい勉強してます。ウェブカツ最難関部で爆死ウェブカツ全ての部のなかで最難関と言われるこのjavascript部上級でまんまとハマり撃沈しました。この部活ではjavascriptのフレームワーク4つを学びます。・jQuery(L1-4)・Backbone.js(L5-15)・React.js(L16-30)・Vue.js(L31-34)jQueryまでは今までの応用でふむふむという感じでしたが、問題はBackbone.js以降。ターミナルをカタカタうって環境を整えるところからつまづいてしまいました。ググりまくってGulp4.0(gulp.jsファイルの書き方を変える必要あり)でようやく動くように!ただ動画を2~3周見てなんとなーくは理解できても「宿題」のToDoリストを作る時に全く歯が立たず爆死。2019そのあとのReactもGulp4.0で環境整えていたところでもうやめてしまいました。Vueも日本語ドキュメントや公式サイトについてた英語の動画チュートリアルを観て少し学んで終了。時間さえあれば・・というのは言い訳にしか聞こえないですが、先月退部届を出してウェブカツ期間残り1ヶ月という時間の中で、復習したいこともたくさんあったので、js上級だけに時間を割くことに踏み切れませんでした。Twitterとかでよく見かけた単語「Backbone」「React」「Vue」の言葉の概念が少しわかっただけでもよかった・・!!笑この中ではVueが一番とっつきやすいのかなぁと思ったので、ウェブカツを卒業して出産を終えていつか就活するというタイミングがあったりしたら、また自分で勉強しようと思ってます。今回js上級で詰まってる時もそうだったんですが、格闘してもなかなか理解できず先に進めない時とかって、めちゃくちゃ萎えますよね。同じ動画を何周も何周もして格闘した結果でたエラーほど凹むものはないです。ウェブカツを半年間やってきて、わからなすぎて萎えて勉強が進まなかったことって多分3回くらいありました。1回目はWEBサービス部、2回目はPHPフレームワーク部、そして今回でした。WEBサービス部では、ウェブカツを始めて最初のつまづきポイントだったので大いにモチベーションが下がり、1ヶ月くらいほぼ勉強手付かずという期間があったくらい笑でも、ただ自分のモチベーションだけの問題で後ろ向きになって勉強が進まないのってなんだかすごくもったいなかったなーと今になって思います。前向きでいられるような対策3つを。対策1:Twitterで発信するやっぱりTwitterって同じくらいの進捗の人は同じところで詰まったりしてるのかな〜とか気になって見たりしちゃいますよね笑でもそれで自分がつまづいてないところを簡単にクリアしてたりすると、自分のバカさにさらに落ち込むんですよね。そんな時は「自分はここで詰まってる」をアピールしたり「どうやって解決されたか」を聞いたりする事で、共感してもらえたりアドバイスをいただけたりしてあまり後ろ向きにならずにすみました!ウェブカツ仲間には本当に感謝です。対策2:過去の自分と比べる壁にぶちあたってるって事は少なからず成長している証拠。2019最近なんとなーく過去のツイート(ウェブカツ入部前)をあさってたら今じゃ考えられないレベルの悩みが出てきていつの間に自分が成長してることに気づきました。ウェブカツって100%全て教えてくれる親切な教材ではなく、壁にぶち当たらせて成長させてくれる鬼体育会系な教材なんですよね。壁にぶち当たってる時なんて、「あ、今まさに成長してる過程だ^^」とか思ってらんないですよねwそんな余裕ありません笑ウェブカツではTwitterで進捗報告義務があるので(女性割だけ?)、過去ツイートを漁ってみたり、過去の自分を思い出してみると成長が実感できるかと思います。過去の自分と比べて成長が実感できると少しは前向きになれるので、よかったら試してみてください!対策3:方向転換してみる行き詰まって勉強が進まなくなった時は、無理に格闘するのではなくて方向転換も一つの手です。自分の場合、js上級では恥ずかしながらいとも簡単に諦めてしまったのですが笑、ここで切り替えてWordpressの復習兼アウトプットに方向転換したことで、すごく集中できてプラスになりました!もしモチベーションが今下がり期間中の方は頑張る方面を変えるというもありだと思うので試してみてください!(もちろん休むだけ休むっていうもありだと思います!)残りあと1ヶ月をどう過ごすかずっとここ最近のテーマになってます。Wordpressテーマは、まだお問い合わせフォームができてなかったり、まだ課題がありつつもとりあえず一旦終えて、次はWEBサービス部の復習兼アウトプットに入ろうかなーと思ってます。どれくらいの期間がかかるかはわかりませんが、ここをあと1回くらい固めとかないといけない気がしてるので。起業部やWEBマーケ部などの読み物も進めつつも復習アウトプットしていきます。10:02【6ヶ月経過】ウェブカツでプログラミング学習〜残り1ヶ月〜Tweet広告を非表示にするもっと読むコメントを書く2019-09-15【5ヶ月半経過】ウェブカツでプログラミング学習〜退部届出しました〜プログラミング学習ウェブカツ女性割でプログラミング学習を始めて5ヶ月半が経ちました!ウェブカツってなに?という方はこちらをご覧ください!webukatu.com※本記事は個人の感想や進捗状況を述べるものであり、アフィリエイトではありません。ウェブカツでプログラミング学習を始めて5ヶ月を終え、今どんな状態かを赤裸々に述べているので、今ウェブカツで学んでいる方や、これから学ぼうと思っている方に参考になれば嬉しいです。h8月末に退職し、同時期にあった引っ越しもようやく落ち着いてきたので、かなりまとまった時間が取れるようになって、ようやくプログラミングに集中できる環境が整いました!9月入ってからまだ14日間だけど50時間も取れた🙌ウェブカツを始めて161日で264時間。(大事なのは時間じゃないですが、、)本当は7月末に退職する予定だったので正直この勉強に集中できる環境はかなり待ち焦がれてました。時間ができて変わったことTwitterタイム1日時間ができたからといって、会社員として働いてた8時間を丸々プログラミングに費やすのって無理なんですね、、思いました。家にいて時間がたくさんあると如何せん集中力が持たない!!だから本当は毎日8時間はやりたいところ半分もできてません。プログラミング以外の時間ではお菓子を作ったり掃除をしたりもそうですが、何よりもとにかくTwitterを見る時間が増えました。今までは通勤時間や夜寝る前の空いた時間にだけちょろっと覗くくらいだったのに。ブログなど片っ端から読んでます!今更だけど色んな人と絡んだり、会って話してみたり、一緒にもくもく会とかやってみたいな〜と。沖縄どなたかいませんか・・?笑Twitterのタイムラインを読み漁っていい刺激を受ける反面、できる人ばかりで自分のできなさに落ち込むこともしょっちゅうあるので「Twitterはもう見ない!」と思いつつも面白くてつい見ちゃうんですよね。時間ができたことで、アウトプットにも気持ちが回るようになりました!今までは平日1日1時間しかできない+少しでもコードに触れるだけで精一杯=アウトプットしてる余裕がなかったんだなぁと思います。この2週間では学ぶ内容もCSS〜PHPと多岐だったこともあり、2つのアウトプットを作って公開しました。2019PHPやDBも使わないので、とっても簡単で初心者にもできるようなやつですが、HTML/CSS部中級:FlexBox、CSSアニメーションHTML/CSS部上級:SASSの環境構築、レスポンシブ化、FLOCSSなどなど、習ったばっかの新しい知識をふんだんに入れ込みました!特にSASSやFLOCSSはTwitterやネット上でよく目にする単語だなぁと思いつつ全くの未知だったので、この機会に実践して概念を理解したことで相当自信になりました。2019こっちの方はPHPオブジェクト指向部の復習として作りました。面白いゲームではないけどセリフが癒されるとの反響が嬉しかったです!見てくれた方ありがとうございます!!💕オブジェクト指向に初めて触れた時、用語がたくさんあって覚えられないし、オブジェクト指向の概念がイマイチで。ウェブカツはそのオブジェクト指向の概念が動画でとてもわかりやすく説明されてると思いました。それでもレッスンごとに新しい内容がどんどん追加されてってキャパオーバーな状態。function〜とかが出てきて、心残りを晴らそうと思い、復習しに戻ったわけです。2周目とはいえエラーにぶつかったり思ったより時間はかかりましたが、ここで復習しといてよかったです!わからなかったことが洗い出されてスッキリしました。退部届を出しましたウェブカツを始めてもうすぐ半年になりますが、10月末に出産を控えており、ちょうどそこを区切りにウェブカツでの勉強を終えようと決意しました。(退部するためには前月の15日までに届け出を出さないといけません。)卒業試験も受ける選択肢もあったのですが、産後の生活が全く想像できず受けても時間を確保できる自信がなかったので退部を選びました。ウェブカツは10月末まではできるので、それまでは頑張ろうと思います!あと1ヶ月半、どういう進め方をするか、とっても悩みます。09:13【5ヶ月半経過】ウェブカツでプログラミング学習〜退部届出しました〜Tweet広告を非表示にするもっと読むコメントを書く2019-08-31【5ヶ月経過】ウェブカツでプログラミング学習〜しばらく離れてました〜プログラミング学習ウェブカツ女性割でプログラミング学習を始めて5ヶ月が経ちました!ウェブカツってなに?という方はこちらをご覧ください!webukatu.com※本記事は個人の感想や進捗状況を述べるものであり、アフィリエイトではありません。ウェブカツでプログラミング学習を始めて5ヶ月を終え、今どんな状態かを赤裸々に述べているので、今ウェブカツで学んでいる方や、これから学ぼうと思っている方に参考になれば嬉しいです。・HTML・CSS部中級(←終了)8月後半はとにかくサボってしまった・・反省です。0.5h8/280h8/290h8/300h(最終出勤日)8/31-h146日目で215時間。11時間しかできてない😭この要因(言い訳)をまとめると、1:引っ越し2:退職3:js中級で出てくるターミナルとやら1:引っ越しざっくり経緯を書くと、ちょうど1年前に主人と一緒に仕事も家も0の状態で沖縄移住をして、家具家電付きの1Kに住む→まさかの妊娠で、1Kでは流石に子育てできる環境じゃないなと。スーツケース1つで沖縄に来たので、荷物は多くないはずだったんですが、やっぱり暮らしてると何かと物も増えて、プラス家具家電も買い揃えないとだったので、1日では終わらず大変でした。書きましたが、時間と気持ちに余裕がなかったです、この2週間は。2:退職これは完全に気持ちの問題ですが。引っ越しの合間とかで勉強もできたはずなんですが、気持ちがウェブカツよりも退職モードになっていてウェブカツする余裕がなかったです。8月末で無事退職できたので、これからは言い訳できない!てかむしろ時間しかないのでやるしかない!3:js中級で出てくるターミナルとやら正直ターミナル(あの黒い画面)は苦手意識しかない。この黒い物体にだいぶやる気と自信を削がれてますw少し触っただけでパソコン爆発しちゃうんじゃ、、っていう不安に駆られます。レッスンの通りに動かなくて、質問したけどまだ解決してなくて、とりあえず先に進んでる感じですが。上級編はこのターミナルをさらにがっつりやるみたいなので不安しかないです・・9月の抱負ウェブカツはとりあえず出産予定の10月末までと区切りをつけようと思っていて、それまではできる範囲のところはやりたいなーと思っています。・母親学級に参加してみたい!・ベビーグッズを揃える!・残りはプログラミングに時間を費やす!とにかく時間をかけてプログラミング学習に専念したい!「引っ越し/会社」→「出産/プログラミング」にモードを変えます。生活が一変するからすぐには切り替えられないかもしれないけど次のブログではいい報告ができるように頑張ります。12:37【5ヶ月経過】ウェブカツでプログラミング学習〜しばらく離れてました〜Tweet広告を非表示にするもっと読むコメントを書く2019-08-14【4ヶ月半経過】ウェブカツでプログラミング学習〜アウトプット不足中〜プログラミング学習ウェブカツ女性割でプログラミング学習を始めて4ヶ月半が経ちました!ウェブカツってなに?という方はこちらをご覧ください!webukatu.com※本記事は個人の感想や進捗状況を述べるものであり、アフィリエイトではありません。ウェブカツでプログラミング学習を始めて4ヶ月半を終え、今どんな状態かを赤裸々に述べているので、今ウェブカツで学んでいる方や、これから学ぼうと思っている方に参考になれば嬉しいです。反省:アウトプットしなさすぎ問題こんな感じで一気に進んできたわけですが、アウトプットをまったくしないまま前に進むことだけをしてきました。やらないとなーと思い、昨日PHPオブジェクト指向のアウトプットをしようとしたところまんまとエラーに引っかかり、その箇所も特定できていないので、先は長そう。1回動画見て写経したくらいじゃ当たり前ですが身につかないですね。次の課題はこの辺になりそうです。卒業時期とか目安は大体考えられてると思います。今妊娠8ヶ月の半ば、お腹も徐々に大きくなってきたところ。10月末ごろには出産です。出産後の生活がどれほど大変かというのはあまり想像ができません。友達や上司の話を聞く限りは最初の2ヶ月間は何も自分のことはできなさそう。プログラミングの勉強をウェブカツで頑張ろう!と決意し4月5日に入部し、もともと半年という期限を決めていました。全部やる必要はないのも承知ですが、ギリギリまでここで勉強させていただきたい!というのも私はウェブカツが好きで、ウェブカツで学んできてこのサービスの凄さを超超超実感しています。(ウェブカツの凄さ的な話はまた今度しようと思います。)きっとあのままProgateとドットインストールだけでプログラミング学習をしてたらこんなに挫折する体験もなかっただろうし、それでもガンバろうという気持ちになることもなかったと思うので。現実は受け止めて、これからも勉強時間を確保してレベルアップしてくしかないです!(出産後のプログラミング勉強やキャリアについては今後も考えどころです。みなさんどうされてるんだろう。アドバイスいただけたら嬉しいです。09:36【4ヶ月半経過】ウェブカツでプログラミング学習〜アウトプット不足中〜Tweet広告を非表示にするもっと読むコメントを書く2019-07-30【4ヶ月経過】ウェブカツでプログラミング学習〜継続中〜プログラミング学習ウェブカツ女性割でプログラミング学習を始めて4ヶ月が経ちました!ウェブカツってなに?というかたはこちらをご覧ください!webukatu.com※本記事は個人の感想や進捗状況を述べるものであり、アフィリエイトではありません。ウェブカツでプログラミング学習を始めて4ヶ月を終え、今どんな状態かを赤裸々に述べているので、今ウェブカツで学んでいる方や、これから学ぼうと思っている方に参考になれば嬉しいです。・PHPオブジェクト指向部(←突入!)長かったWEBサービス部がようやくひと段落つき、PHPオブジェクト指向部に入ったところです。WEBサービス部が2週目で理解度60%に!WEBサービス部はウェブカツを始めて2ヶ月目(5月)に入ってすぐに手をつけ始め、1週目は動画視聴のみしました。先に進めたい一心ですぐにWEBサービス部に入った結果、痛い目に・・・エラーが消えなくて挫折して、解決してモチベ上がっての繰り返し笑Day:56Today:1h(+補足0h)Total:60.5h(+補足20.5h)Webサービス部のlesson9。2019結果、1週目の時点での理解度は10%もいってないかくらい。(そんな1週目もLesson15で挫折してもう諦めました笑)分からないこと自体にも慣れて、みんなの質問も読んでも訳が分からず、プログラミング学習が苦痛でしかなかったです。3ヶ月目(6月)の学習時間なんか1日平均0.5hでした。(やる気がでなさすぎて)masabanana.hatenablog.comでも4ヶ月目(7月)からは流石にここで辞めるわけにはいけないと心を入れ替えて、7月からWEBサービス部を1から写経することにしたんです!これが前回のブログです↓masabanana.hatenablog.com写経しているとだんだんパターンが見えてきて、コードに圧倒されることもなくなり、少しずつ楽しくなっていきました。-(青文字が自作サイト作成になります。焦ってます笑この調子で行くと確実に終わらないが(^O^)自作サイトでアウトプットウェブカツでプログラミング学習を始めて4ヶ月が経つわけですが、そのうちの3ヶ月間はWEBサービス部におりました・・・(丸々1ヶ月間はほぼ空白といってもいいくらい投げやりだったけど笑)山あり谷ありで本当に長かった。ログイン、リスト登録、ログアウト、退会の機能をつけました。難しいやつはまたレベルアップして余裕が出来た時に作りたいと思います。・理解が曖昧な部分があったことがわかった。・それをクリアにしていくことが出来た。インプットばかりだと、どうしてもわかったような気になってしまいます。・トップページかなりシンプルです。今回は取り急ぎという感じで簡単なものを作りました。HTML、CSS、バリデーション、PHP、DB、このサイト作成にかかった時間の合計は15時間です。次は難しい機能や複雑な機能を使って改めて取り掛かりたいと思います。22:14【4ヶ月経過】ウェブカツでプログラミング学習〜継続中〜Tweet広告を非表示にするもっと読むコメントを書く次のページProfileid:masabanana沖縄移住をし、主人との第一子を妊娠したばかりの27歳女のブログ。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。