初心者もちのプログラミング奮闘記16 ~ウェブカツ入部から8ヶ月~
ウェブカツの女性割引部員になってから、8ヶ月が経ちました!
今年最後のプログラミング日記です〜( ˘ω˘ )
令和元年もお疲れ様でした(*´꒳`*)
1.学習内容
①Vueでヘッダープログラミング作成
・ヘッダーテンプレート作成
・ローカルでテンプレート読み込み
・bladeテンプレートを使ったプログラミングコーティング
・SCSSを使ったプログラミングコーディング
・フォントアイコンの読み込みと使用
・画像を丸く切り抜いて表示させる
②Vueの動画視聴 250個中50個
・プログラミング基礎
2.感想
共同開発のヘッダーを作ってましたー!プログラミングでやったことを学習内容に箇条書きに書きました。まだコーディングレベルしかプログラミング触れてないですが、見た目は作れてるので嬉しいです(*´꒳`*)
今悩んでいるのは、ログインしている時としていない時でヘッダーの内容を変えないといけないので、それをどのようにプログラミングしようかと考えています。
ログインフラグを取得して、v-ifで条件付けして表示内容を変えるようにしたいのですが、Laravel側のプログラミングでログイン判定しているのをどうやってVueのテンプレート内に伝えたらいいかまだイメージが付かないです(><)なので、色々調べてみます(*´꒳`*)
あと、年末年始で1週間ほど実家に帰らせていただいてるのですが、、パソコン環境がないです( ; ; )
本を持って帰るのも大変だったので、ネットのプログラミング動画をみてお勉強する事にしました(*´꒳`*)
ウェブカツや動画のプログラミング講座を見ながら、この1週間過ごそうと思いますー!
そしてこのブログ書いてるのも携帯なので字の大きさや色の指定が出来ない(><)
早く帰ってお勉強したいですー!
それでは年越しのんびり過ごします( ˘ω˘ )
右には紅白、左にはガキ使を見据えて楽しんでます♪
みなさま、良いお年を〜〜*\(^o^)/*
プログラミングが学べるウェブカツ へのリンク⬇︎
初心者もちのプログラミング奮闘記15 ~ウェブカツ入部から7.5ヶ月~
ウェブカツの女性割引部員になってから、7.5ヶ月が経ちました!
ついに師走です~忙しい忙しい><
師走の意味は、教師が走り回るほど忙しいってところからきたみたいです!たぶん、、
あと少し頑張れば9連休が待っている♪
1.学習内容
①Laravelでマイグレーションファイル作成、ルーティング作成
②コーディング
2.感想
う~ん、やりたいことが多すぎて時間が足りません。ブログも遅れちゃいました。。しょんぼり;;
いま、私は2つのプロジェクトに参加させてもらっています。この半月は、ウェブカツのレッスンではなく、プロジェクトのアプリ開発に費やしておりました。
一つ目のプロジェクトでは、Laravelで作るサイトで、サーバーサイドのプログラミングに手を付け始めたところです。ウェブカツのLaravel部でプログラミングを一通りの流れは勉強したのですが、プロジェクトで作ろうとすると、データベースのテーブルの量や、ルーティングで考えるルートの数など、ウェブカツのレッスンのものと比べるとかなり多く、プログラミングを作るのにも時間がかかってしまいました。
しかし、数は多いですが、プログラミング作成の流れはレッスンで学んだものと同じなので、コツコツ作成していきました。以下のプログラミング項目は、自分でネットで調べたりしながら進めていきました。
マイグレーションファイル関係
・カラムのいろいろな型の指定方法
・外部キー制約の書き方
・ソフトデリートの実装方法
ルーティング関係
・「CRUD」ルートが最初から設定されているリソースコントローラー
次は、View側のファイルを作成し、コントローラーの中身をプログラミングしていく作業になります。ついに本格的にコードを書き始め、知らないプログラミングがたくさん出てきているので、しっかりと身に付けていきたいと思います。
二つ目のプロジェクトでは、コーディングをしています。あまり時間を取れず、簡単なコーディングをさせてもらっている感じです><
複数人でのプログラミング開発なので、CSSで命名規則を使っています。プロジェクトで使っている命名規則はBEMというものです。ウェブカツでも学びました。
ウェブカツで命名規則を学んだときは、へぇ~と思い、さらっとみただけなのでもう一度見直して正しく使っていこうと思います!
次のブログは今年最後になります。実家ではパソコンが無い問題があるので、本をいっぱい持ち帰ろうと思います><
ウェブカツはスマホでも見れるのでまた反復おさらいもしていきます~
プログラミングを学べるウェブカツ!!
初心者もちのプログラミング奮闘記14 ~ウェブカツ入部から7ヶ月~
ウェブカツの女性割引部員になってから、7ヶ月が経ちました!
もう明日から12月です。。寒いですね><
年末年始は実家に帰るから、パソコンが扱えない。。どうしようかなあ~
1.学習内容
①プログラミング言語「Vue.js」の本
②ウェブカツ Larave部
2.感想
ここずっとプログラミング言語Vueの本を読んでいるのですが、作品を作るというよりは本に紹介されているプログラミング機能を真似して作っているだけなので、実際にサイト作るときにどのようにプログラミングが使われるのかまだイメージがつかず身についていけているか不安です><
そんな中思い出したのが、ウェブカツのLaravel部!!内容は、「タイピング練習サービス作成」ですが、フロントの動きの実装にはVue.jsが使われています。Laravel部を始めて学んだのは9月初め?くらいで、プログラミングVueについて知識がなかったので途中までしかできていなかったのですが、改めて進めていくことにしました。
今日は、前回まで進めていたところまでをサラッと1周見直したところですが、Laravelを最近触っていなかったので、こういうプログラミング内容だったなあ~と思い出すことができました。明日からはVeu.jsで動きを付けていくので、本で学んだ知識を生かしてプログラミングのインプットアウトプット頑張っていきたいと思います!
共同開発プロジェクトは、Laravelで作成するのでしっかり身に着けてサイト構築していきたいです。1から新しいものを作るのでとも楽しみです。
3.お仕事
今月はお仕事についても書いていこうと思います。
職場での仕事内容は、「顧客のニーズにこたえてサイトを修正する」ことです。主に扱うプログラミング言語は、
・HTML
・CSS
・PHP
です。プラグインの導入もたまにします。
会社はとてもホワイト企業で、いつも定時あがりです。だから家でも勉強できます。ただ、サイト修正なので簡単なプログラミング内容が多く、もっとコード書きたいな~なんて思ったりもしてます。
最近は、ActiveX?を学んでみないか、と言われました。業務効率化のためのツール作成みたいです。何事にも挑戦なのでやってみたいと思います。
さて、この半月の報告はこのくらいで終わります。
来月も頑張るぞ~~~
プログラミングを学べるウェブカツ!!
初心者もちのプログラミング奮闘記13 ~ウェブカツ入部から6.5ヶ月~
ウェブカツの女性割引部員になってから、6.5ヶ月が経ちました!
月日が経つのは早いものですね~>< プログラミング生活真っ盛りです!
1.学習内容
①Vue.jsプログラミング参考書
②共同開発
2.感想
ブログを書くと、毎回もう半月経ったんだあ~と月日が経つのが早すぎて焦りがあります><
先月に引き続き、Vueのプログラミング本を読んで、手を動かしながら進めていっているのですがなかなか進まない・・
本の中にお手本プログラミングコードが書いてあるのですが、jsファイル、htmlファイル、cssファイルのすべてのプログラミングコードを書いてくれてはいないので、自分で必要な部分を補って悩みながら進めていることろであります。
もう少しでコンポーネントの説明に入るのでやっと実践でVueプログラミングが使えそうな気がします!
共同開発、一つはデザインの考え直しになりました><
デザインは、ワイヤーフレームさえ作ればデザイナーさんがあとはかっこよく作ってくれるものだと思っていましたが、動き方や魅せ方は確かに、デザイナーさんの範囲ではないですね!
もう一度、魅せ方を考え直してデザインの提案?からすることになりました。
ただ、Laravelの環境構築は並行して進めてましたのでプロジェクトメンバーのみんなとプログラミングファイルの共有するところまでできました!あとは、各自でブランチを切ってプログラミング作業して、マスターへコミットするやり方ができればいい感じです♪
もう一つのプロジェクトは、サーバーサイドエンジニアがいまプロジェクトを作成しております。プロジェクトの概要やターゲット、ほかサイトとの差別化できる部分などを洗い出し、必要機能と画面遷移がだいたい形に固まった段階です。
最初は、LaravelとVueで作るとしていたのですが、今はVueのフレームワークのNuxtも使うような感じになってきているので、早くVueを理解して追い付けるようにしたいです^^
優先度的には、1つ目のプロジェクトが高いので、2つ目のプロジェクトは無理せず自分のペースで頑張っていこうと思います!
最近、仕事の残業も増えてプログラミングで頭がいっぱい・・でも!
家で飼っているハムスターに癒される日々です^^
癒しがないとやっていけないですよね~皆さんの癒しは何でしょうか?
それではまた半月後に~
プログラミングを学べるウェブカツ!!
初心者もちのプログラミング奮闘記12 ~ウェブカツ入部から半年~
ウェブカツの女性割引部員になってから、半年が経ちました!
直近の半月では、Vue.jsの学習を始めました!
1.学習内容
①Vue.jsプログラミング参考書「基礎から学ぶ Vue.js」
②共同開発1「デザイナーさんのデザイン待ち」
③共同開発2「フロントサイド作業環境構築」
2.感想
プログラミングの学習を始めて半年が経ちました。早いですね!
こないだまでは、「プログラミング始めたばかりだからまだまだ全然~」と言っていたのですが、もう半年もプログラミング勉強しているのでその言葉は使えなくなってきました><
さて、間近の半月では、上記の学習を進めています。
①Vue.jsプログラミング参考書「基礎から学ぶ Vue.js」
Veu.jsの学習を始めました!ウェブカツのLaravel部やJavaScript・jQuery上級部でも扱われているプログラミング言語です。JavaScriptのフレームワークで、直感的に理解しやすく、最近とても人気のものです。
私の読んでいる本は、「基礎から学ぶ Vue.js」です。この本の感想は、全体的に読みやすく、書いてある内容もいいですが、サンプルコードについては、説明が足りずあまり親切ではないな、と感じました。また、JavaScript自体の理解も必要です。
Vue.jsを軽く触ったことのある方であれば、とても分かりやすいのかなと思います。
②共同開発1「デザイナーさんのデザイン待ち」
ウェブカツの共同開発は、とうとうデザイナーさんにデザインを考えていただく工程に入りました!デザイナーさんはすごいですね、白黒で味気ないワイヤーフレームを渡したのですが、色鮮やかで見やすいデザインに変わっていました!
いずれは私もデザインの勉強をして、デザインからプログラミングまでできるようになりたいです。
③共同開発2「フロントサイド作業環境構築」
自作エンジニアマッチングサイトのMatch-Codeで、フロントサイドエンジニアを募集していたところ、参加希望をしてくれた方がいました^^
現在、新たなプロジェクトの開発を進めています!まだ募集していますので、よかったら一緒にプログラミング開発しましょう!
新たなプロジェクトは、サーバーサイドエンジニアによって、すでに実装機能は構築されていて、フロント側をプログラミングすればもう完成の状態でした。git cloneをして自分のPCの環境にあわせて開発する準備をしました。
この調子でたくさんの経験を積んで、スキル向上させたいです♪
プログラミングを学べるウェブカツ!!
初心者もちのプログラミング奮闘記11 ~ウェブカツ入部から5.5ヶ月~
ウェブカツの女性割引部員になってから、5.5ヶ月が経ちました!
この半月は、プログラミング共同開発プロジェクトではワイヤーフレーム作り、ウェブカツではJavaScript・jQueryの上級に手を付けました!
1、学習内容
・プログラミング共同開発プロジェクト「ワイヤーフレーム作成」
・ウェブカツ「JavaScript・jQuery 上級」
・自作サイトのプログラミングMach-codeの「バグ修正、日本語表記」
2.感想
プログラミング共同開発プロジェクトは、いよいよデザイナーさんにデザインを考えていただくフェーズに入りました!
まずは、前回までに作成した画面遷移図から、デザイナーさんにデザインしていただく画面を絞り込み、みんなで分担してワイヤーフレームを作成しました。
いろいろなサイトを参考にして、見やすく使いやすい画面、プログラミングしやすい画面にするにはどうしたらいいか考えながら、「Adobe XD」というアプリを使って、作成しました。
「Adobe XD」は、いまだに使い方がよく分かっておらず、一つのワイヤーフレームを作成するのに1日かかったり、全体のサイズを変更するやり方がわからず、初めからやり直したりとかなり時間がかかってしまいました。。
今後も使っていくようなので、開発で使うアプリの使い方も習得していきたいです!
JavaScript・jQueryについては、上級でいよいよJavaScriptのワイヤーフレームについて学びました。
「jQuery」と「backbone」と「React」と「Vue」の4種類で、ToDoリストをプログラミングしました。
同じ目的のプログラミングでも、ワイヤーフレームが違うと、コードの量や書き方がかなりかわることに驚きました。
まだまだ、JavaScriptのワイヤーフレームを学び始めたばかりなので、jQueryでプログラミングした方が簡単じゃないか、、と感じてしまいます><
が、「Vue」については、直感的でわかりやすく、これは使いこなせたら、かなり就職でも有利になりそうだ!と思い、ウェブカツで参考として紹介されていた
「基礎から学ぶ Vue.js」という本を買いました!➡リンク
今日から、本で「Vue」のプログラミングを学び、JavaScript上級のアウトプットは、「Vue」を使ったサイトにしたいと思います!
プログラミングを学べるウェブカツ!!へのリンク(https://wabukatu.com)
初心者もちのプログラミング奮闘記10 ~ウェブカツ入部から5ヶ月~
ウェブカツの女性割引部員になってから、5ヶ月が経ちました!
ウェブカツの共同開発を進めながら、旦那さんと作成してたサイトが完成しました☆
1、学習内容
・自作サイトのプログラミングMach-codeの「レスポンシブ対応」
・共同開発「制作サイトのプログラミング機能の洗い出し(再提出)」
・共同開発「制作サイトの画面遷移図」
・ウェブカツ「営業部」「企業部」
2.感想
ついに完成しました~!自作サイトです♪
よかったら使ってみてください~^^
Match-code
~駆け出しプログラマー・デザイナーのためのサービス~
一人ではできないチーム開発をMatch-codeなら
初めてのチーム開発プログラミングをここで
SSLにも対応させました!これからもプログラミングを見直して、より使いやすく改良していきたいです!
さて、ウェブカツの共同開発プロジェクトも進んでおります。
プロジェクトのみんなで、電話会議しながら、試行錯誤して作成してます!
提案書も初めて作りましたので、こんな風に事業は動いていくのだな~と勉強になりました!
提案をするには、相手の要望をくみ取ること、問題と解決策を考え、理由とともに提案をすること、これが大切であると学びました。
今回作成するサービスは、ユーザー側と企業側で目的が異なり、ページ遷移図もページの中身もユーザー目線と企業目線の2つをプログラミングしなければならないので、今まで自分で作成してきたサイトからかなりレベルが上がっております。
また、メッセージ機能を導入する予定なので、それに伴って必要となる「通知機能」や、「既読・未読管理機能」もプログラミングするため、難しそうです。
調べながら、仲間と協力して、一生懸命頑張りたいと思います!はやくプログラミングを書きたいです♪
提案書を作る中で、ウェブカツのなかにある「営業部」と「企業部」を学習しました!私は、コミュニケーションが苦手なので、この部から学んだ事を生かせるように、日ごろの会社での会話でも気を付けていきたいと思います。
この半月は、ウェブカツのプログラミングの勉強のほうがあまり進んでいませんでした><
10月は、プログラミングであるJavaScript・jQuery上級を進めていきたいと思います♪
プログラミングを学べるウェブカツ!!へのリンク(https://wabukatu.com)