【毎朝1時間】プログラミング初心者のオヤジが、Web制作とセールスライティングを学んで、案件をゲットするまでのブログ

コーディングの知識がほとんどないオヤジが独学で仕事をゲットするまでの日記です。目標は、売れるLPを企画からデザイン、コーディングまでできるオヤジです。

2021-05-01から1ヶ月間の記事一覧

【58日目】ドットインストール「詳解JavaScriptDOM編」はじめました

昨日JavaScriptオブジェクト編が終わったのですが、全体的に消化不良でしたし、このまま進んでいいものか悩みました。 今後のスキルとして、JavaScriptがどこまで必要になるか、また「マスターする」といってもどのレベルまでやらないといけないのか、がまだ…

【57日目】ドットインストール『詳解JavaScriptオブジェクト編』完走しましたが…

ドットインストールの『詳解JavaScriptオブジェクト編』を完走しました。 したものの、36課あるうち、30課以降は理解するのに精一杯で、自力で書けるレベルにはならず。 カリキュラムも詰め込みすぎじゃない?僕のキャパが少ないから? などと思いながら、最…

【56日目】ドットインストール『詳解JavaScriptオブジェクト編』ついにサイコロを振りましたw

36課ある「オブジェクト編」ですが、今日は26課まで来ました。 遠くにゴールが見えてきたかんじです。 さて、20課を過ぎたあたりから、現実的な処理が多くなってきました。 20課ではついに乱数からサイコロの目が出すようになりました 21課以降は、アラート…

#codestep 入門編PhotoBook 精読まとめ

今日は、codestepの入門編photobookの精読を行いました。 code-step.com 以下に、学習ポイントをまとめておきます。 html h1にsite-titl →すべてにid/classをつける 幅600のinnerは各sectionにつける css このflexの仕方はおぼえるべし 参考サイトはこちら …

【55日目】ドットインストール『詳解JavaScriptオブジェクト編』19まで来たやっと半分超えたところ

Jsは、いろんなことができることがわかった。 わかったけど、いろんなことができすぎて、全部を覚えるには日常的に使わないと無理だね。 とりあえず、「こういうのができるんだ~」と気軽な気持ちですすんでいきます。

#codestep 入門編profile:精読まとめ

一行ずつをしっかり理解しながら進めていく模写を、勝手に精読と呼んでいます。 html wrapのかけかた。私はmainvisualを挟んで上下2箇所にdivでかけたけど、模範解答はsectionごとにclassでかけてた h1/h2/h3をどこまでかけるのか?今回section titleぐらい…

#codestep入門編Photobook2まとめ:疑問点はhtmlとbodyのfont-sizeの決め方

code-step.com 先週末からPhotoBook2のコーディング模写をしてきました。昨日終わりましたのでまとめておきます。 HTML 今回のhtmlコーディングでは div class=containerとして、全体の枠(1000px)を作り、その中で位置取りをし div class=innerで、もうひと…

【53日目】ドットインストール『詳解JavaScriptオブジェクト編』11まで:ここからが本番みたい

毎日、いままでの復習をしてから、先に進んでいるのだけど、復習で躓くんですよね。またその部分のドットインストール見直したりしているので、毎日だいたい3つぐらいしか進みません。 今日は、map/filterをやったあとに、数値に名前をつける?というところ…

#codestep htmlにfont-size:100%を書く意味ある?と思ったら、あったw

codestep photobook2を精読しています。 徹底的に理解してやろう!と思っています。 CSSのアタマに「html font-size:100%」って入っていますが、 100%なら書く必要ある? と思って調べてみましたん。 shinkufencer.hateblo.jp maku77.github.io

【52日目】ドットインストール『詳解JavaScriptオブジェクト編』復習中心と8forEach構文

今日はあまり進まず、復習中心。 すすんでも、自分で書けないんじゃ行き詰まるだろうから、復習大事。 forEach構文というのが出てきました。 だんだん、JavaScript書いてます、って感じになってきた。

【51日目】ドットインストール『詳解JavaScriptオブジェクト編』7まで:素材は理解できるけど

オブジェクト編は7まで来ました。 ひとつづつ、とりあえず理解はできていると思うのだけど、これってなにに役立つの?というのがイマイチわかりません。 ドットインストールではこの先に、ミニアプリを作る講座もあるので、それまでコツコツやってみよう。 …

#codestep入門編「フォトサイト2」H1の上部の余白は、<body>で設定するのか?<header>で設定するのか?

このトップ画像は、codestep入門編のデモからお借りしました。 code-step.com h1のPHOTOBOOK2の上部の余白についてです。 模範解答では、 bodyにmargin-topが設定されておらず、 body内のheaderにmargin-topが設定されていることで、上部に空白ができていま…

模写の体制立て直しだ

今月は模写をワシャワシャやるぞ~と思っていたけど、今のところあまり効率的じゃない。 体制立て直しだ。 一つ目は、模写して学んだことはきちんと整理する 二つ目は、毎日必ずやる 三つ目は、どんどん調べる、質問する 頑張っていこう

【51日目】ドットインストール『詳解JavaScriptオブジェクト編』に突入!

ドットインストールの『詳解JavaScript基礎文法編」は、とりあえず完走したので、つぎの『詳解JavaScriptオブジェクト編』に進みます。 今日は1-3まで。 先の展開が読めませんが、ここまでは理解できました。

【50日目】ドットインストール『詳解JavaScript基礎文法編」終わった!とりあえず理解した!

今朝は、戻り値という単語でつまづきました。 return文によって関数の呼び出し元にデータを渡すことを、値を返すと言います。また、その時に関数が返す値のことを戻り値と言います。 【C言語入門】returnで関数の戻り値を返す方法 | 侍エンジニアブログ func…

#codebigin 課題1の3ページ目:あんまり難しくない

youtu.be 課題1の4ページあるうちの3ページめをやりました。 あんまり難しくない。 僕が成長したわけでなく、課題がやさしい。

【49日目】ドットインストール『詳解JavaScript基礎文法編」22まで:returnが難解

昨日は21まででしたが、今日は1つしか進まず22まで。 functionとreturnが難解。。。 ちょっと調べてみる。

【48日目】ドットインストール『詳解JavaScript基礎文法編」21まで:だんだん面白くなってきました

さて、JavaScriptの基礎文法編は、21課まで来ました。 はじめは呪文?と思っていたJavaScriptですが、だんだん面白くなってきましたよ。 26課までなので、もうちょっとがんばります。

#codebigin 課題1about pageのhtmlを作る

さて、今日は課題1の2ページ目aboutページに入ります。 今日はhtmlを書いてみました。 1ページ目を踏襲している部分も多いのですが、新しい要素も入っていて、いい教材です。

Flexbox Froggy完成!いいトレーニングになりました。

何回かトライして、なかなか完成しなかったFlexbox Froggy完成した! flexboxfroggy.com

【47日目】ドットインストール「詳解JavaScript基礎文法編」18まで:もはや言語ですね

forは感覚的につかめるのですが、whileはもはや言語ですね。 hp -=15を先に書いてしまうと、うまく動かないんだな。そっちのほうが感覚的に理解できるのだけどな。 バッククオートって、はじめて使った。 https://wa3.i-3-i.info/word11728.html

#codebigin 課題1CSS見直し:border-radius?

課題1については、「歯が立たない」ということはなく、「なんとなくできる」というかんじ。 課題は2つ 画像のborder-radiusがぎこちなく、理由がわからなかったのですが、模範解答にあるbody全体へのclassにmax-with1400とあり、それをつけたらキレイな輪…

【46日目】ドットインストール『詳解JavaScript基礎文法編』16まで

今朝は、16課まで来ました。 ifを使った構文 条件演算子 論理演算子 swtich構文 だんだん、ややこしくなってきました。

#codebigin 課題1に突入しました

今日は夕方、どうしてもコーディングがしたくて、codebiginの課題1に取り組み始めました。 本当ならTeckCamp終わらせてからと思っていたのですが、できるだけはやくいろいろなサイトのコーディング体験をしたいと思っています。 今日はいつものように、いっ…

#codebigin 「Position absolute と Position relative」

codebiginで指定されているテックキャンプのCSS講座を見進めています。 Position ablsoulteとrelativeは、以前からあやふやだったので、この機会に復習しました。 起点がどこか、ということはわかりましたよ。 このサイトの説明が、わかりやすかったです。 u…

テックアカデミーのhtml/css講座は、ドットインストール終了後がおすすめ

#codebiginの課程でもあるので、テックアカデミーの「はじめてのCSS入門講座」を見ています。 個人的には、まったくゼロの知識でこれを見ても、次のステップに進むには時間がかかるような気がします。 私は、事前にドットインストールのhtml/cssを見終わって…

【45日目】ドットインストール「詳解JavaScript基礎文法編」12まで:算数の復習のような

今日は、基礎文法編26課のうち12課まで来ました。 全体的に、演算をJavaScriptでどう表現するか?というシリーズ。 まだこれくらいの算数ならついていける。

#codestep入門編フォトサイト:できあがりました!が…

www.youtube.com codestepの入門編にありました、「フォトサイト」を作ってみました。 なにも見ないで作れるはずはなく、 とりあえず自力で作ってみる 解答を見て、理解する もう一度自力で作ってみる の順に作業をしています。 前回の「プロフィールサイト…

【44日目】ドットインストール「詳解JavaScript基礎文法編」はじまる

今日は前半、「はじめてのJavaScript」を復習していたのですが、ミスタイプが多くて動かなかったので、めげそうになりました。 間違いが多いのは、 セミコロンが抜けてる 大文字と小文字 コピペミス 今日救われたのは、「つまづいたら、デベロッパーツールに…

【43日目】#codebigin に入ってみました。

この世界では有名なマナブさんが作った、初心者向け3ヶ月コーディングオンライサロン(勝手に命名)codebiginに入会しました。 ドットインストールは、html/cssが終わって現在JavaScriptに入りました。これはこのまま継続する予定。 とともに、html/cssはド…