WEB制作にチャレンジ

48歳からWEB制作の勉強をしています。

インプット

デイトラ DAY26~30『自分のポートフォリオサイトを作ろう』~『ポートフォリオを公開してみよう!』

こんにちは。 ブログの更新を しばらお休みしてました デイトラ 初級編完走 【新】 DAY26~30『自分のポートフォリオサイトを作ろう』 ~ 『ポートフォリオを公開してみよう!』 初級編最後まで進みポートフォリオをサーバーにアップ出来ました 完成度は…色…

デイトラ DAY23

こんにちは。 デイトラ 初級編 【新】 DAY23『CSS設計の基本概念からクラスの付け方』 ここのDAYは、実際にコードを書きながら覚えたいので ざっくり進めました。 DAY24~25 『自分のポートフォリオサイトを作ろう』に取り掛かっています😁

デイトラ DAY21~22

こんにちは。 デイトラ 初級編 【新】 DAY21~22 『saaの学習』 『カフェLPのCSSをSassで書き直してみよう』 まで、躓きながら進みました。 入れ子 動画で練習をした時は簡単に思えましたが いざ、カフェLPに書き替えてみると どこからどこまでを入れ子にす…

デイトラ DAY18~20

こんにちは。 デイトラ 初級編 【新】 DAY18~20 『jQueryを学ぼう』 『【調べながら実装しよう】jQuery実践課題』 まで、一気に進めました。 DAY18 ChatGPTの活用法 困った時に使えそうです DAY19 ① ドロワーメニューの実装 初めてコードを調べてjQueryで 3…

デイトラ DAY14~17

こんにちは。 デイトラ 初級編 【新】 DAY14 JavaScript基礎講座(DOM操作) DAY15~17 『jQueryを学ぼう』 『よくあるアニメーションを自在に作れるようになろう』 14日目 JavaScript基礎講座(DOM操作) 『ドットインストール』でもやった 要素の習得の練…

デイトラ DAY11~13JavaScriptの基本文法を学ぼう①②③

こんにちは。 デイトラ 初級編 【新】 DAYDAY11~13JavaScriptの基本文法を学ぼう①②③ 11日目 JavaScriptの基本文法 今まで『ドットインストール』『書籍』でやった事がズラリ 動画通りにコードを書いて進みました 12日目 『関数』は暗記は出来ないので動画…

デイトラ DAY7まで終わりました♪

こんにちは。 デイトラ 初級編 【新】ゼロからサイトを作ってみよう➂ やっとDAY7までおわりました footerとレスポンシブ化をしました 最終チェック スマホサイズ・タブレットサイズ・パソコンサイズの 表示に崩れがないかチェックして仕上げました DAY8~1…

デイトラ DAY6まで終わりました♪

こんにちは。 デイトラ 初級編 【新】ゼロからサイトを作ってみよう② やっとDAY6までおわりました メインコンテンツを【ABOUT】【MENU】【SHOP】と 作っています スペルミスの予防法は「気を付ける」ではない! どんどんエディタの予測変換とEmmetを使う か…

デイトラ DAY5の途中から!7月31日初級編リニューアル 

こんにちは。 デイトラ DAY5の途中から!7月31日初級編リニューアル 初級編 【新】ゼロからサイトを作ってみよう① 旧DAY5 途中で新しくなってしまいました もう気持ちを入れ替えて進みます 内容はおしゃれな『仮想スイーツショップWebサイト』 コーディン…

デイトラ DAY4

こんにちは。 デイトラ DAY4 初級編 環境構築をしよう VS Codeのプラグインをインストール おすすめプラグインを全部 つまずいたのが【Prettier Formatter】 参考動画通りにやっても上手くいかず ググって見つけました! VSChordの設定からで「Ctrl+,」→…

デイトラ DAY2〜DAY3

こんにちは。 デイトラ DAY2〜DAY3 初級編 再認識と分かった事 CSSは セレクタ プロパティ バリュー この3つの要素からなる 『バリュー』の存在を全く意識していませんでした font-size em ・・・ 16pxの2倍で32px 200% ・・・16pxの200%『16×2=32px』 新…

デイトラはじめました♪

こんにちは。 256timesが一通り終わったので、 【デイトラ】受講を始めました。 またまた、HTMLの基本からですが、 知らないことを拾う感覚で進めて行きます🐱 DAY0~DAY1が終わりました。

256times課題 【体験JavaScript UI制作編 Vol.1】 勉強

このはです。 256times課題 【体験JavaScript UI制作編 Vol.1】 全く分からなかったので、 他の参加した人のコードでを見て 各課題の違いを勉強しています。 まずはif 条件分岐の条件式 『どういう時にどう動く?』 そこがしりたいです🐱

ドットインストール JavaScript練習 for構文

このはです。 ドットインストールのJavaScriptレッスン動画 for構文 forの中にforを使うやり方ですが、 自分なりにコードを書いてみるも 何も表示されず、 最初は意味が分からずしばらく「…❔」 紙とペンで書いて頭に中を整理してみる事に。 『意外と頭に中に…

ドットインストール JavaScript練習

このはです。 アリゴリズム基本、JavaScript基本の本を一通り読んで、 ある程度分かって来たのできりがないので、 次に進む事に ドットインストールのJavaScriptレッスン動画が、 リニューアルされて、解りやすくなっています! テンプレートリテラル 遊びな…

javascript アルゴリズム入門

このはです。 konoha2.hatenablog.com javascriptの練習をやっていて 読めるようにはなりました が… 読めるだけで、自分が思う結果にならない!? 何かギブアップで 専門学校に通っている息子に、聞いてみると 「トレス表」「アルゴリズム」と教えてもらいまし…

JavaScriptの練習

このはです。 JavaScriptの練習 地味に進めています 『図解! JavaScriptのツボとコツが絶対にわかる本』 う~ん…いまいちだったので、 『JavaScriptふりがなプログラミング』で練習をしています。 配列まで、意外と分かる様になりました。 後は、 関数とオ…

CSSのセレクタの練習

このはです。 ドットインストールの256times 『特訓CSS 基本スタイリング編 Vol.2』が終わって 苦手なCSSセレクタの練習をしました。 次の256timesに活かしたいです。

ドットインストールの256timesに参加しています DAY1

このはです。 ドットインストールの256timesに参加しています DAY1 課題1問目 ブードストラップアイコンの設定 意外にすぐに出来ました。 課題2問目 ボタンのスタイリングが難しかったです。 反省点 HTMLのclassの付け方をちゃんと覚える 疑似要素などをも…

JavaScriptの練習 本

このはです。 JavaScriptの本から基礎を練習中です 図解! JavaScriptのツボとコツがゼッタイにわかる本 「”超”入門編」 解りやすく説明されていていい感じです😺 配列の仕組み 配列の宣言 let 変数名 = []; 変数の宣言と初期化もだけど。 配列もそうなんでね。

はてなブログのMarkdownで記事を編集

このはです はてなブログのMarkdownで記事を編集をしています Markdown記法がなかなか思う様にいかなくって、 文字のカラーが記述以降に全部色が変わってしまったり😢 <font color="#ff8f04">テキスト</fon> テキスト テキスト 色々、調べてみると span 赤にもいろいろあります。 <span style="color: #ff0000">赤にもい</span>…

256timesに向けて Bootstrap Iconsの練習など

このはです。 ドットインストール運営 256timesに向けてBootstrap Iconsの練習をしてみました。 以前、ドットインストールのレッスンには出てきましたが、 かなり前にやったのでおさらいです。 今まで書いたコードを使って試してみています。 苦手な課題を…

ドットインストール CSS 『疑似要素』

このはです。 ドットインストールCSS『疑似要素』 p要素に対して p::before {content: '- ';} 左側に『ー』が表示される p::after {content: ' -';} 右側に『ー』が表示される復習になりました それと『詳細度』をスプレッドシートにまとめました

ドットインストール CSS 『:not()疑似クラス』

このはです。 ドットインストールCSS 『:not()疑似クラス』の練習をしました除外したい要素の選択を書く しばらく考えて除外した以外にスタイルが付くって納得です。要素:not(クラス) {スタイル;}

ドットインストール セレクターの練習 結合子など

このはです。 256timesに向けてドットインストールで予習です。セレクターの練習で結合子などやっています全部覚えるのは難しいのでスプレッドシートに分かりやすく、すぐ見れる様にまとめています Sessionが親要素の場合 Session > p は子要素のp Sessio…

ドットインストールの256timesに向けて予習

このはです。 ドットインストールの256timesに向けて予習中です 『特訓CSS基本スタイリング編 Vol.1』5日間 ドットインストールの動画でセレクターの練習をしています「そうだったのか」がたくさんです。

ドットインストール HTML CSS おさらい

このはです。 ドットインストールHTMLとCSSのおさらいで動画をひたすら観ています恐ろしく眠いです後、9回で全部を見終わります月曜日からは、ドットインストールが運営をしている【256times】プログラミング勉強会に参加です

ドットインストール 256timesの復習

このはです。 ドットインストール256times『HTML CSS』の問題に参加するのでざっとレッスン動画を観てます。観るだけ…やっぱり眠気が来ます

ドットインストール Laravel8入門 CRUD処理編

このはです。 ドットインストールLaravel8入門 CRUD処理編全20/3回『投稿フォームを作る』これから、どうなるのかなフォームちょっと楽しみです

ドットインストール Laravel8入門データベース編 続き

このはです。 ドットインストールLaravel8入門データベース編全13/13回WSLの不具合はありましたが、一気に最後まで終わりました。次はLaravel8入門 CRUD処理編(クラット)それは何でしょう Create Read Update Deleteの様です