マガジンのカバー画像

プログラミング学習(JavaScript)

25
運営しているクリエイター

#プログラミング

JavaScript 〜🍕Paiza③(ループ処理を学ぶ)〜

本レッスンからは有料プランが組み込まれているので、虫食い学習となります。そういえば、先日、地元野菜の新鮮ピーマンにでっかい芋虫が混入しておりまして… いや〜見事な成長っぷりでしたね✨上部を切ったら完璧な形のまま摘出されました。これ、おじいさんとおばあさんが桃の切り方を間違えないで本当に良かったなぁ…と思ったパターンです🍑👹🍑 縦に切っていたらどうなっていたことか…  内部から取り出し、子供た

もっとみる

JavaScript 〜🍕Paiza②(条件によって処理を変えてみよう)〜

屈強な戦士(←気に入った★)が次の6レッスンに挑む!
屈強戦士は、解説をしてくれるアニメ女子の声優さん並みに愛らしく聞き取りやすい声を最後まで聞いてしまう… 本当は飛ばしたいのに、最後まで聞いてしまう… しかも例文が「スキ」「キライ」て、、、人の心を鷲掴みにしおる…

【#01:数値が一致した場合、メッセージを表示 】(if文)

4つの演習の中で、間違い探しがあったのは面白かった⭐️

【#02

もっとみる

JavaScript 〜🍕Paiza①(JavaScriptをはじめよう)〜

この子の良いところは、
「学習目的」や「言語開発の背景」、「使用されている実例」等をふまえながら、より身近にイメージしやすい学習環境を提供してくださる点ですね🥰

 この女子が開発者さんに代わって、分かりやすく親切に教示してくださいます🙏「疲れたら、無理せずちょっと休憩してくださいね」とか言いよるのよ。各チャプターによっても一言コメントが変わっていたりして、、、いちいち優しい… 可愛いやないの

もっとみる

JavaScript(ES2015(ES6)) 〜🐾立ち止まって一旦復習👣②🐥🐥🐓🐒〜

一旦復習第二弾⭐️

【Progate JavaScript Ⅳ〜Ⅶ】
前回の「関数」まで復習から約10日ぶりです。「記録」って、大事でありがたいけど現実を突きつけられるよね… けど、改竄はしないよ★
Progateさまで忘れている箇所や分かってなかった箇所を再確認!

🍀オブジェクトの復習
 // 定数animalを定義してください
  const animal = {
   name:"レ

もっとみる

JavaScript(ES2015(ES6)) 〜Progate🦍🦍(コラム【npmパッケージを使ってみよう!】)〜

ラスボスコラム、結構なボリューミーで1つにまとまらなかったので第二弾です🦹‍♀️

【npmパッケージ】
 誰かが作った便利な機能をまとめたもの✨(babel、chalk、readline-syncl等)

 Node Package Manager:Node.jsのパッケージを管理するツール。

【サンプルプロジェクトの準備】
🌸サンプルプロジェクトのダウンロード
 🔥cd npm_sam

もっとみる

JavaScript(ES2015(ES6)) 〜Progate🦍(コラム【ES6の開発環境を用意しよう!(macOS)】)〜

チュートリアルで、追加学習(ラスボス)に挑みます🦹‍♂️🦸‍♀️✨

【ES6の開発環境を用意しよう!(macOS)】
🌸自身のPCで開発する環境→ローカル環境
 開発環境を用意すること →環境構築
 
🌸環境構築
 ES6をローカル環境で開発するために必要なもの
 →テキストエディタ
  ターミナル(※標準装備⭐️)
  →⚠️「The default interactive shell

もっとみる

JavaScript(ES2015(ES6)) 〜Progate🐒JavaScriptⅦ(コールバック関数を学ぼう)〜

コールバック関数について、目標1hの学習です٩( 'ω' )و⭐️

                       ↑か、かわいい…
🐒コールバック関数を学ぼう
🐒コールバック関数とは
🐒コールバック関数を直接定義する
🐒コールバック関数の引数

【🐒コールバック関数とは】
🌸ある他の関数に引数として渡される関数のこと

🌸関数
 関数名の後ろに( )をつける  →  呼び出される

もっとみる

JavaScript(ES2015(ES6)) 〜Progate🐓🐓JavaScriptⅥ(配列を操作するメソッドを学ぼう)〜

 広大な山だと思っていたJavaScriptの学習プランが終盤になり、みなぎる不安がございますGA!、とりあえず登りきってお山の全貌を確認したいと思います。きっと、登り切ったその先には… ラスボスが待っているハズ…★
 この章では、JavaScriptを実践的に使う際に必須の、配列を操作するメソッドについて学んでいきます。(Progate様)

🐓pushメソッド
🐓forEachメソッド

もっとみる

JavaScript(ES2015(ES6)) 〜Progate🐓JavaScript Ⅴ(2章 パッケージを使おう)〜

JavaScript Ⅴは1つの記録にまとめようと思っていたのですが、前回、1h20mかかっており、ってか、😐🤔🙄な状態が重なっていたし、最近特にまとまった学習時間が確保できないし、毎日雨だし…  結局2回に分けました。こーゆーの、簡潔に言うと、そんな時もあるさ!ってヤツです★😏
……
単に言い訳ぶっこきたかっただけです。マジ、こんな時もあるさです!(超開き直り★)気を取り直して(トリだけ

もっとみる

JavaScript(ES2015(ES6)) 〜Progate🐓JavaScript Ⅴ(1章 ファイルを分割しよう)〜

同じプロジェクト内にある複数のファイルの扱い方とパッケージの使い方について学習します。目標所要時間は2h。

🐓ファイルの分割(1)
🐓ファイルの分割(2)
🐓値のエクスポート
🐓名前付きエクスポート
🐓相対パス

【🐓ファイルの分割】
🌸複数のファイルでコードを管理
 →ファイルの分割により、ファイル内に必要な値がなくなり、エラーとなる。
 →各ファイルを関連付し、必要な値を渡す!

もっとみる

JavaScript(ES2015(ES6)) 〜Progate🐥🐥JavaScript Ⅳ(2章 クラスの継承)〜

前回を書き忘れましたが、所要時間は1hでしたので、残りの目標所要時間は2h⭐️

🐥継承とは
🐥継承したクラスを使う
🐥メソッドの追加
🐥オーバーライド(1)
🐥オーバーライド(2)

【🐥継承とは】
🌸新しく作成するクラスが既存のクラスの一種である場合に使用。
 →class Dog extends Animal {  }
      →⚠️extendsは複数形。

【🐥継承し

もっとみる

JavaScript(ES2015(ES6)) 〜Progate🐥🐥JavaScript Ⅳ(1章 クラスの基本)〜

ES6から新しく導入された「クラス」というものについての学習。
所要時間は、目標3h。

🐥オブジェクトの復習
🐥クラスとは
🐥インスタンスの生成
🐥コンストラクタ(1)
🐥コンストラクタ(2)
🐥コンストラクタ(3)
🐥メソッド(1)
🐥メソッド(2)
🐥メソッド内でのメソッド呼び出し

【オブジェクトの復習】

// 定数animalを定義してください
const anima

もっとみる

JavaScript 【🍎dotinstall③ 】〜🐾立ち止まって一旦復習👣〜

前回、dotinstallさんに導かれながら作成したコードはGitHubさんでも順調に公開できたので、今回はそこまでを(出来るだけ)自力で出来る様に書いていきます٩( 'ω' )و⭐️

【やり方】
今回は「Atom」を使用。(Visual Studio Codeとの違いに興味有)
動画を再確認したのち、自分で書いてみる。(伝家の宝刀・一時停止確認なし)

🍀Atom
 →相変わらず、「html

もっとみる

JavaScript(ES2015(ES6)) 〜Progate🐣JavaScript I (1章 文字列と数値)〜

いよいよJavaScriptさんです!有名なあの方です!修了時間は2hの予定。

<文字列と数値>
🐣JavaScript(ES6)を学ぼう
🐣console.log()
🐣計算してみよう
🐣計算してみよう(2)
🐣文字列の連結

【🐣console.log()】

🌸文字列をシングルクォーテーション( ' )かダブルクォーテーション( " )で囲み、最後はセミコロン(;)

【🐣

もっとみる