昨日「入門編５」がなんとか形になりましたので、今日は６です。 https://code-step.com/brand-menu/ 全体の構成を俯瞰して、テキストの大きさや配置を確認する。それをhtmlに反映させて、cssをあてる。 ここまでは模範解答に近い挙動をするようになりました…

さて、You Tube「しまぶーのIT大学」のJavaScriptを見て、ふたたびJavaScriptに向かうモチベーションが上がったので、今日からはドットインストールの実践的な作り方をみていきます。 JavaScriptでおみくじをつくろう 今日は、「JavaScriptでおみくじをつく…

おはようございます。今日もコーディング修行中です。 さて、現在codestep 入門編５つめrecipeサイトを作っています。まずまず順調に来ていると思ったら、一箇所解決できない設定があるので教えて下さい。 問題点：display:flex;で要素にwide50%を設定しても…

今日は入門編の5つ目レシピサイトを作ってみました。リストのborderなど、とても勉強になりました。 なにも考えずに、ul/olとliを組んでいると、「・」とか「１．」のリストの部分が、出っ張っちゃってて気になってました。 それをうまくまとめようとするの…

先週ドットインストールのJavaScript（基礎文法編、オブジェクト編、DOM編）を終えたものの、どうも消化不良なままだった。 You Tubeでいろいろ講座を探してみたのだけど、「しまぶーのIT大学」がとてもよくて、ドットインストールがテクニックだとしたら、I…

JavaScriptについては、ドットインストールの「JavaScriptで始めるお手軽プログラミング」の「基礎文法編」「オブジェクト編」「DOM編」をひと通り学習し終わりました。 しかし、一つひとつのコマンドについての理解ができても、その学習がぜんたいのどこに…

昨日からつづけて、#codestep 入門編レシピサイトの精読をすすめています。 https://code-step.com/recipe-menu/ mainvisual さて、まずはmainvisualからつまづきました。 /* -------------------------------------- mainvisual --------------------------…

とは言うものの、DOM編は理解するのに精一杯。翌日、やっみてもできるものは、ほとんどなく、進めば進むほど、再現できません。 https://dotinstall.com/せっかくなので、理解を進めていきたいです。

今回の課題はこちら 美味しそうなメニューがならんでおります。 https://code-step.com/recipe-menu/ background-imageってなんだ 今回は、文字よりも画像の扱い方がポイントになっているようです。 自力でつくってみて、答え合わせをしてみると、トップ画像…

さて、codestep 入門編Photobook1の模写4回目。 何回やってるの？という声も聞こえてきそうですが、守破離の「守」ができていないので仕方ない。 でも、今回ほとんどできているので、機嫌はいいですｗ 今回もやはりdh/dd/dtで組んだ表をきれいに並べるところ…

さて、6月となりました。コーディングの勉強を始めてほぼ2ヶ月が経とうとしています。先月の振り返りと今月の目標をまとめておきましょう。 先月の振り返り ドットインストール html/cssが終わり、JavaScriptに入っています。html/cssと違い、JavaScriptはま…

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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