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

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

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はド…

#codestep 入門編フォトサイト もう一度白紙状態からできるところまでやる

昨日はdt/dlのmarginでひっかかったけど、親切に教えていただいてクリア。 教えて頂きありがとうございました。 今日は、リベンジを兼ねて、白紙状態から再度作成しました。 @meda前までは、完成した模様。 今日参考にしたサイト saruwakakun.com

【42日目】ドットインストール「はじめてのJavaScript」divなのか 'div' なのか?

今日は、9課までしか進まず。 html/cssと比べると、あきらかに進みが遅い。 まぁゆっくりやります。 きょう躓いたのは、この最後の行。 document.body.appenChild(div) この赤い部分は('div')と文字列で入力するのではないか?と考えたら止まってしまいまし…

#codestep 入門編フォトサイト:ddとdlについて教えていただけませんか

code-step.com codestepの入門編2つ目「フォトサイト」をはじめました。 構成が難しくないように見えましたが、さすがにそうはいきません。 途中まで順調に進んできたのですが、dd/dlで挫折しました。 お手本では、こういうサイトができあがるはず、なので…

【41日目】ドットインストール『はじめてのJavaScript』#6まで

ふむふむ。 なにやら複雑だね。 documentでgetするのは、cssに紐付けられたhtmlということかな。 classlistでaddするのは、htmlにつながっていないcssでいいんだね。 ひとつづつすすめる。

バズ部の本すごいな:この本は何度でも読み返したい【10倍売れる Web コピーライティング】

この本すごい。僕が今欲しがってる「ランディングページをスラスラ書ける 」というスキルにこの本はもってこいです。 こんなに具体的にコピーライティングについて説明した本は見たことがないです。 私の中で聖書のような本になりそうです。 10倍売れるWebコ…

朝の初コーディング(もどき)が楽しかったので、もう一つやってみた

www.youtube.com 今朝このブログの記事にしたcodestepさんの入門コーディングが楽しかったので、午後もう一つやってみました。 これはドットインストールの「実践!アプリ紹介ページを作ろう」という授業のものです。 dotinstall.com 荒削りなこともなんとな…

【40日目】#codestep 入門編:ドットインストール20時間程度で、自力でここまでは来れました!

www.youtube.com #codestep入門編、土曜日から始めて今日なにも見なくても、ここまで来ました。 人に見せられるレベルではないのですが、記念に?上げておきます。 どちらかというと完璧主義なので、土曜日はまったくできずに落ち込みましたが、ざっくり感を…

ドットインストール「はじめてのJavaScript」呪文だらけでなんだかわからぬ

むむむ。 言われたままに書いているけど、なんだかわからぬ。 これは、数回見る必要ありだ。

【39日目】#codestep 入門編:正解を模写する(2)苦戦しながら楽しくなってきた

こちらのサイトの模写を行っています。3日目。 code-step.com 自分でイチからコードを書くことが初体験なので、sectionごとに 1回目に写経をして 2回目に自分で書けるとこまで書いてみて 3回目に答え合わせと新しい知識の学習 という流れでやっています。 今…

【38日目】#codestep 入門編:正解を模写する(1)当然ながら疑問点がいろいろ

さて、基礎からできていないので、今日から正解を模写していきます。 idのつけかたやsectionのつけかたにコツがあるのですね。 なぁるほど!の連続です。 今日はmainvisualまでしか終わりませんでした。 今日の不明点(1) この指定をすると、navの位置が上…

【37日目】#codestep 入門編:どうせ今の実力じゃ完成しないのだから、できるとこまでやってみた()

codestepの「入門編」を、まずはみようみまねでやってみました。 ドットインストールのhtml/cssをやっただけですから、どうせできなくて当然、と開き直ってみました。 1時間半かかって、ようやく@keyframe前まできました。 けど、わかっていないこともどんど…

html/css模写計画:5月第2週はこちらから始めてみます #codestep

こちらのサイトが、とてもていねいに書かれているので、参考にさせていただきます。 code-step.com 模写ルール フォトの種類やカラーにはこだわらない。→ディベロッパーツールで調べてもいいが、細かいところはあわせなくてもよい 細かいマージンやパディン…

【36日目】ドットインストール『実践!アプリ紹介ページを作ろう』終了しました!

さて、今日をもって、ドットインストールのhtml/cssはいったん終了です。 理解はしているけど、まだまだ血となり肉となり、とはいきません。 ここからが勝負ですね。

『SEOに強いWebライティング』第3章まとめ(16-41)

さて、第3章をまとめていきます。 16:1ページ=1キーワードで書く 17:タイトルタグとディスクリプションタグを最適化する 18:見出しタグの書き方をマスターする 19:総論→各論→結論でロジカルに書く 20:パラグラフ・ライティングをマスターする 21:パラ…

【35日目】ドットインストール『実践!アプリ紹介ページを作ろう』#8まで終了inline要素に戸惑う

全体的に、いままで習ってきたことなので、大きく迷うことなく進みました。 blockなのかinlineなのかという感覚がつかめておらず、なんで縦並びになるの?という疑問が解けませんでした。<a><img>ともにinline要素だという説明を読み、なるほどとおもったところです。</a>…

ドットインストール30日間の成果?padding-top:0;をアドバイスできた

昨日、Twitterでこんな書き込みを見つけました。 この隙間を消す方法をご存知の方、ご教授頂けませんか??CSSコピペしてるので自分じゃわからなくて… #ブログ初心者 #CSS #webデザイン pic.twitter.com/TmFyqihWmm — みう*ブログ初心者 (@miuppblogak) May …

【34日目】ドットインストール『実践!アプリ紹介ページを作ろう』はじまる

さて、html/cssの学習が一通りおわって、今日からは『実践!アプリ紹介ページを作ろう』です。 今までの学習がどこまでマスターされているか、確認していきます。 #1-#3は、いまのところOK。

【33日目】ドットインストール『詳解CSS変数編』短かったのでいっぺんに終了

CSS変数最終形 今日はCSS変数編に入ったのだけど、「できる」ではなく「理解」というレベルでは一旦全部終了。 7レッスンだけだったからね。 明日復習します。 そしていよいよ、『実践!アプリ紹介ページを作ろう』だ! 楽しみです。

【32日目】ドットインストール、もう少しなんだけど、今までのところを復習

ドットインストール、あと変数編を残すのみとなっているのだけど、昨日までで終わったところで、いくつか理解が不確かなところがあるので、今日は前に進まず、いったん復習。 アニメーション レスポンシブデザイン グリッド 今朝は時間がなく、グリッドは途…