JavaScript・jQuery

プログラミング

#62 JavaScriptの学習 exportとimportの応用

複数エクスポートしたい時に「export {定数など, 定数など, ・・・};」と記述しましょう。データが増えるほど管理が大変になります。場合によってはファイルを分けて管理しないといけませんね。そんな時はexportで出力してimportで...
プログラミング

#60 JavaScriptの学習 super()について

クラスの概念は難しく感じますが何度も繰り返し復習して覚えてくださいね。そんな中でもsuper()について学びました。これは親のコンストラクタをオーバーライドする時に使います。 class Food { constructor(name_va...
プログラミング

#57 JavaScriptの学習 コンストラクタの引数の利用

JavaScriptのクラスについて、クラスの定義・インスタンスの生成・コンストラクタの活用をしていく上で「引数」を利用することを学びましょう。初心者にやさしい解説を行います。 コンストラクタとプロパティ コンストラクタ内にプロパティを設定...
プログラミング

#56 JavaScriptの学習 インスタンスにプロパティを設定する

JavaScriptにて、クラスを定義してインスタンスを生成しましたか?そのインスタンスにプロパティとその値を持たせましょう。初心者でもわかりやすい解説をします。 プロパティを設定しよう コンストラクタ内に「this.プロパティ名 = 値」...
プログラミング

#55 JavaScriptの学習 コンストラクタconstructor

JavaScriptにおけるコンストラクタとはインスタンスが生成されてすぐに実行する処理をまとめたものです。コンストラクタ内に実行する処理を記述して使います。 では、クラスを定義して、インスタンスを生成してみましょう。その際にコンストラクタ...
プログラミング

#54 JavaScriptの学習 インスタンスの作成

JavaScriptでクラスを作成したらインスタンスを作成することになります。クラスという設計図で作られたオブジェクトたちをインスタンスといいます。インスタンスの記述をみてみましょう。 const example = new クラス名() ...
プログラミング

#61 JavaScriptの学習 exportとimport

プログラミングをしていると大量の記述になります。ファイルも分けて整理しないといけません。別々のファイルでも読み込むようにするのが「export」「import」です。その使い方をみていきましょう。 export・・・他のファイルでも読み込め...
プログラミング

#53 JavaScriptの学習 「クラスclass」について知ろう!

JavaScriptの学習をしていると壁にぶちあたります。それが「クラス」という考え方です。とても大事な概念ではあるものの、学ぶには初心者には難しいように感じますが、わかりやすく、初心者向けに発信していきます。 この記事は都度更新して学んだ...
プログラミング

#52 JavaScriptの学習 オブジェクト取得・更新 超基本!初心者は必ず覚えましょう

オブジェクト JavaScriptにおけるオブジェクトとは 配列  オブジェクト  というように、配列の値に「プロパティ値」をくっつけたものが「オブジェクト」です。どのように使うかコードをみてみましょう。 const family = [ ...
プログラミング

#51 JavaScriptの学習 配列の操作push,forEach,find,filter,mapを覚えよう

配列を操作してみましょう。push,forEach,find,filter,mapはどんなメソッドなのか学んでみよう。とても簡単なので是非覚えてくださいね。内容は初心者向けです。 push push・・・配列の要素を追加します。 配列名.p...