さえずり ももこ

40代後半で、やむを得ず(?)WEB勉強を始めました。 その記録を残したいと思います。

さえずり ももこ

40代後半で、やむを得ず(?)WEB勉強を始めました。 その記録を残したいと思います。

記事一覧

nav難しい・・・

デイトラのポートフォリオ作成過程中。 ポートフォリオ作成方は、テンプレートとなるテーマを購入するなりと入手宇して、中身を自分に合わせて修正する感じ。 他の方の作…

デイトラ16日目完了

昨日に引き続き、今回はスマートフォン版のXD作成。 レッスン動画やサンプルがMacなので、同じフォントがなかった。 昨日、そのことをSlackで調べたら同じフォントを入れ…

デイトラ15日目完了

XDの学習。 学習といっても多分初歩的な段階だろうけど楽しかった。 時間たつのが早すぎてやばかった。 デイトラからダウンロードしたXDファイルを開いたら、 すごく小さ…

デイトラ14日目完了

Bootstrapを利用してデイトラの簡易ページの作り替え。 目標時間1.5時間内。 実際は1時間10分ほどでできた。 ■手こずったが解決できたこと 1.コース一覧をBootstrapの…

昨日の問題解決!!

Bootstarpの練習がてら修正したホームページ。 要素の幅がどうしてもcontainerをはみ出してしまってその原因がわからなかったが、デイトラのslackで教えてもらった。 cont…

デイトラ9-12日完了

昨日は早く予定切り上げるつもりが長くなってしまい、勉強できなかった。 今日は予定の無い日だったので一日じっくり(Toggleの時間では約8時間)勉強できた。 Bootstrap…

デイトラ8日目完了

8日目完了。 デイトラを受講する前に一度デザインカンプからのコーディングをやったことがるので、Chromeの検証ツールで確認しながらコーディング。 8日目の指示ではできる…

デイトラ7日目完了

レシポンシブデザインのコーディング。 iPhoneXに合わせる設定。 PC版の設定を後から上書きしていく感じ。 主な作業はfloatの無効化。 各要素の幅の設定。 ヘッダー部分…

デイトラ6日目完了

悩みに悩んだ末に先週から始めた#デイトラのWEB制作コース。 6日目完了。 floatよりflexが簡単。 作成画面途中の初級、中級、上級画像とテキストを横並びにするのに 動画…

今日の学習記録

ProgateのJavaScriptコースⅠ~Ⅴまで。 ProgateのjQueryはどうやらJavaScript旧盤を見てくださいということらしいが、どうしたらいいんだ? 今、勉強しているJSはES6バー…

今日やったこと Progate-Sass

ProgateのSassコースをやりました。 独学のロードマップをいろいろ参考にしていますが、 初級レベルでも知っておかなきゃいけないものが多くて その数からして、私できる?…

1週目でやったこと

ProgateのHTML&CSSを一通り終えて、ネットで見つけた@Shogo(しょーごログ運営)さんのデザインカンプの入門問題をやろうとするもさっぱりわからなかったので、Udemyから…

この年でWEBの勉強

なんで勉強を始めたか。 2021年。40代後半です。 若い時、約3年プログラマーとして仕事をしていました。 プログラマーと言っても、大学を卒業してそんなに知識もなく、 実…

nav難しい・・・

デイトラのポートフォリオ作成過程中。
ポートフォリオ作成方は、テンプレートとなるテーマを購入するなりと入手宇して、中身を自分に合わせて修正する感じ。

他の方の作られてるのをいろいろ見てみると、自分のポートフォリオがなく、もっと追加したいなと思い、クリ★スタさんのデザインカンプ初級編に挑戦。
htmlは書けたけど、やっぱりcssが・・・
nav menuのところで詰まる・・・

container

もっとみる

デイトラ16日目完了

昨日に引き続き、今回はスマートフォン版のXD作成。

レッスン動画やサンプルがMacなので、同じフォントがなかった。
昨日、そのことをSlackで調べたら同じフォントを入れないとだめで、
今はとりあえずやり方の習得にフォーカスを置きましょう的なことが書いてあったのでそれでよしとした。
でもフォントが違うことで、少しずつずれが生じて要素間の間隔を合わせても結果物には大きさのズレが生じた。仕方ないか・

もっとみる

デイトラ15日目完了

XDの学習。
学習といっても多分初歩的な段階だろうけど楽しかった。
時間たつのが早すぎてやばかった。

デイトラからダウンロードしたXDファイルを開いたら、
すごく小さく表示されてしまい、右上のズームらしきもので倍率を大きくすると今度はワイヤーフレームが見えなくなり・・・
レッスン動画には説明がなかったのでググって解決。

■手こずっが解決したこと
ガイドラインを引くことができなかった。
動画では

もっとみる

デイトラ14日目完了

Bootstrapを利用してデイトラの簡易ページの作り替え。

目標時間1.5時間内。
実際は1時間10分ほどでできた。

■手こずったが解決できたこと
1.コース一覧をBootstrapのCard-decksで作ったけど、
コース一覧の背景色をしていするとイメージ下のpタグの下の余白が白のままになってしまった。いろいろやってみたが結局解決できず、14日目の講座に添付されていたツイッターの動画を見

もっとみる

昨日の問題解決!!

Bootstarpの練習がてら修正したホームページ。
要素の幅がどうしてもcontainerをはみ出してしまってその原因がわからなかったが、デイトラのslackで教えてもらった。

container要素にはスタイルを当てないこと!!
スタイル等を当てたいのなら、直下にもう一つの要素を作りそこに当てること。あー解決してとてもすっきり!うれしい!!

教えてくださった”おっきー様”に感謝!!

デイトラ9-12日完了

昨日は早く予定切り上げるつもりが長くなってしまい、勉強できなかった。
今日は予定の無い日だったので一日じっくり(Toggleの時間では約8時間)勉強できた。

Bootstrapの勉強。
CSSであれだけ苦労して、いまだにあまりよくわかっていないのに・・・という正直な気持ち。
でもCSSに別途書き込まなくてもいいから楽だけど、表現の自由はあまりないなと思った。私が知らないだけなのかわからないけど、

もっとみる

デイトラ8日目完了

8日目完了。
デイトラを受講する前に一度デザインカンプからのコーディングをやったことがるので、Chromeの検証ツールで確認しながらコーディング。
8日目の指示ではできるだけ動画を見ずにと書いてあったけど、フォントサイズとかパディングやマージン、色がわからないからこれでも大丈夫だったのかな・・・

コーディングは割とすらすら書けたけど、やっぱりCSSあてるのが難しかった。ヘッダーの右側のメニューが

もっとみる

デイトラ7日目完了

レシポンシブデザインのコーディング。
iPhoneXに合わせる設定。

PC版の設定を後から上書きしていく感じ。
主な作業はfloatの無効化。
各要素の幅の設定。

ヘッダー部分の3つ並ぶメニューが左によってしまう問題。
PC版ではfloatに設定。
レシポンシブではflexに設定。
PC版でfloatに設定するとき、
float(浮いている)要素をcontent=""という疑似要素を作り上げそ

もっとみる

デイトラ6日目完了

悩みに悩んだ末に先週から始めた#デイトラのWEB制作コース。
6日目完了。

floatよりflexが簡単。
作成画面途中の初級、中級、上級画像とテキストを横並びにするのに
動画の説明通りにやってきたつもりなのに、横並びにはなったものの
初級と中級は小さく上級は元のサイズのままだった。
びっくりしてコードの見直し。
原因は、上級欄のdivの閉じカッコの位置が間違っていた。
割とすぐ見つけてよかった

もっとみる

今日の学習記録

ProgateのJavaScriptコースⅠ~Ⅴまで。
ProgateのjQueryはどうやらJavaScript旧盤を見てくださいということらしいが、どうしたらいいんだ?
今、勉強しているJSはES6バージョンなのに・・・

jQueryまでが一通り終わったら有料の学習サイトでの学習を検討している。
候補はデイトラのWEB制作コースかテックアカデミーのフロントエンドコース。値段は20万円程度差が

もっとみる

今日やったこと Progate-Sass

ProgateのSassコースをやりました。
独学のロードマップをいろいろ参考にしていますが、
初級レベルでも知っておかなきゃいけないものが多くて
その数からして、私できる?!って気持ちになってしまいますが・・・
やるとこまでやってみます。

1週目でやったこと

1週目でやったこと

ProgateのHTML&CSSを一通り終えて、ネットで見つけた@Shogo(しょーごログ運営)さんのデザインカンプの入門問題をやろうとするもさっぱりわからなかったので、Udemyから村守 康さんのこちらの講座を聞きました。https://www.udemy.com/share/101XQ8AEcfeFhWRXUH/

とても分かりやすかった。すべてを真似てやるのは私にはまだ無理だけど、Proga

もっとみる

この年でWEBの勉強

なんで勉強を始めたか。

2021年。40代後半です。
若い時、約3年プログラマーとして仕事をしていました。
プログラマーと言っても、大学を卒業してそんなに知識もなく、
実務で活躍するほどの実力もなかったのです・・・
入社して2年目で結婚しました。
仕事はずっと続けたかったのですが、いろんな状況が重なってしまい結局やめることになりました。

それから今までプログラミングなんで無縁との生活をしてきま

もっとみる