2023-10-01から1ヶ月間の記事一覧
これまでの学びを踏まえ、自分のポートフォリオを作成します。 ポートフォリオの作成において大切なことや必要なことを自分用メモとしてまとめておきます。 ポートフォリオとは? ポートフォリオサイトの目的 ポートフォリオの構成 基本構成 追加おすすめ要…
一通りCSSについて学んできましたが、CSSを書くにあたり効率的かつ管理しやすい形でCSSを作りたいですよね! そのためにはどうしたら良いか?についてここでは学んでいきましょう。 CSS設計について OOCSSについて 「構造」と「見た目」の分離 「コンテナー…
Sassについて学んだところで、実際にコードを書いていくための準備をしましょう。 SassからCSSへコンパイルする Live Sass Compilerのインストール 設定画面記述文 Sassの出力方法の設定 拡張子 出力先フォルダ Autoprefixerによるベンダープレフィックスの…
SassのSCSS文法について学んでいきます。 Sassとは? 入れ子の書き方 &でつなげる擬似要素・クラスの書き方 変数を使ってみよう 変数をつかった四則演算 定義したスタイルを使いまわそう @extendの使い方 @mixinの使い方 @extendと@mixinの違い @mixinを使…
前回に引き続きjQueryの実践を行っていきます。 本日の課題 ≪HTML≫ まとめ※一部省略 ≪CSS≫ まとめ 反省点 覚えておきたいこと 復習(position fixedとabsoluteについて) ≪jQuery≫ まとめ 覚えておきたいこと 完成 これからコードを書くに当たって 本日の課…
HTML・cssの課題で作成したサイトに動きを付けてみましょう! 下記は復習と、新しく覚えたいことを記録しておきます。 手探りでの作成なので、きっとコードがごちゃごちゃで、お恥ずかしいですが、記録として残しておきます。お気づきの点がありましたら教え…
プログラミングを行うにあたり便利なChatGPTの機能を使ってみよう! ChatGPTを使ったプログラミング勉強方法 chatGPTを使う注意 chatGPTのおすすめの活用方法 命令(プロント)のポイント ■ChatGPTとは■ ChatGPTは、自然言語処理技術を使用して対話型のコン…
最終問題「フォームに入力された値をアラートに表示しよう」を見ていきます。 フォームに入力された値をアラートに表示しよう 新しく覚えたいこと フォームに入力された値をアラートに表示しよう jQuery("#js-form-name").on("submit", function (e) { e.pre…
これまで学んだことの復習を兼ねてコーディングノックに挑戦! この章で新しく覚えておきたいこと、もしくは追加して覚えておきたいことをメモとして残します。 ボタンクリックでアラートを表示しよう 過去の記事を見て復習する JavaSprict jQuer アコーディ…
前回に引き続きjQueryについて学んでいきましょう。 メソッドとパラメーター メソッドとパラメーターについて jQueryの代表的なメソッド 情報の追加と変更 要素の挿入と削除 属性の取得、変更、追加、削除 class属性の追加と削除 cssの取得、設定 cssの複数…
DOM操作を含めたJavaSprictの基礎を学んだところで、jQueryの学習に入っていきましょう! ■jQueryとは?■ jQueryを使うための準備 jQueryを書く時のルール セレクタ(HTML要素)の指定方法【jQuery("セレクタ")】 メソッド("パラメータ") 繰り返し処理【.eac…
サイトに動きを付けるためにはJavaSprictでDOM操作することで動きをつけることができます。DOM操作について学んでいきましょう! DOM操作とは HTML要素の取得 最初に一致したセレクタ要素を取得【document.querySelector】 一致したすべてのセレクタ要素を取…
【初級編DAY13】JavaScriptの基本文法を学ぼう③-02,03 オブジェクトとくりかえし文について学びます。 【初級編DAY13】JavaScriptの基本文法を学ぼう③-02,03 オブジェクト内の一部の要素を取り出す ブジェクト内の一部の要素の書き換え 配列の中でオブジェク…
【初級編DAY13】JavaScriptの基本文法を学ぼう③-01 DAY12 tips1 配列について学んでいきましょう! 【初級編DAY13】JavaScriptの基本文法を学ぼう③-01 配列(Array) 基本記述 配列の数(length) index番号 index番号を使った呼び出し index番号を使用して…
【初級編DAY12】JavaScriptの基本文法を学ぼう② 引き続き基本文法について学んでいきます。 【初級編DAY12】JavaScriptの基本文法を学ぼう② 関数(function) 基本的な書き方 基本的な書き方 呼び出し方(実行) 引数 複数の引数 戻り値・返り値(return) …
デイトラWEB制作【初級編DAY11】JavaScriptの基本文法を学ぼう① ■JavaScriptとは■ htmlやcssに動きをつける言語 動きをつけることでかっこいいサイトが作ることができ、ユーザーにとっても使い易いサイトとなる! 極めるとスマホアプリも作れます!少し難易…