Lifeblogs

浮き沈みの激しい人生の波をうまく乗り越え、最高の人生を見つけるための情報を発信しています。#受験 #浪人経験 #プログラミング #自己啓発 #QOL情報

【2020/11/21】jQueryとJavaScript【記録】

f:id:lifeblogs:20201120125759p:plain

 2020/11/21

  •  jQuery標準デザイン講座 Chapter3
  • 確かな力が身につくJavaScript「超」入門 Chapter3 1-4
  • いちばんやさしいアジャイル開発の教本 Lesson14-25

 

 jQuery標準デザイン講座 Chapter3

jQueryの基礎文法を勉強しました。

JavaScriptと並行してやっているので、なんだか記憶が補強されているような気がします。「あ、JavaScriptでいうあれか!」みたいな・・・

それにしても、いままで長々とJavaScriptで書いていたものがこんなに簡潔に書けるなんて感動です・・

 

確かな力が身につくJavaScript「超」入門 Chapter3 1-4

今日はJavaScriptを使った簡単な分岐処理を中心に、新しいダイアログボックスの使い方を知ったりシンプルな数あてゲーム(プログラム的にはだいぶ抜け目がありますが)を作成したりしました。

本の中では一応文法の基礎ということですが、他の言語を勉強したことがあると本当に書き方が変わっただけで特に難しいことはないと思います。

ちなみに、私の場合この段階ではPythonを一通り勉強したことがあり、かつC言語をがっつり勉強していたのでif文を使った初歩的なプログラムをみるとなんだかほっこりするのですが私だけでしょうか?笑

 

いちばんやさしいアジャイル開発の教本 Lesson14-25

(^^).oO(アジャイル・・)

 

 

<ではまた、Salut!!>

 

教材

jQuery
jQuery標準デザイン講座

jQuery標準デザイン講座

 

 

JavaScript
確かな力が身につくJavaScript「超」入門 第2版
 

 

【2020/11/20】jQueryとJavaScript【記録】

f:id:lifeblogs:20201120125759p:plain

 2020/11/20

 

jQuery標準デザイン講座 Lesson2

jQueryを使うには、まずjQuery本体のスクリプトを公式ページからダウンロードしてhtmlファイルのhead要素内に読み込む必要がある。

次に、実際の処理内容が書かれたファイルを読み込む。

読み込む順番を間違えると動かなくなる。

 

こんな感じ↓

<head>

    <script src="js/jQuery本体のファイル名"></script>←①

    <script src="js/処理内容が記述されたファイルの名前"></script>←②

</head>

 

JavaScript Chapter2

JavaScriptの導入方法は、</body>タグの直前に

  • <script>タグ内に直接書き込む。または、
  • JavaScriptの別ファイルに書き込んだものを読み込む。

 

JavaScriptでの3つの出力方法

  1. コンソール
  2. ダイアログボックス
  3. htmlとして書きだす

 

コンソールに出力するには、

console.log( 表示したい内容 );

 

ダイアログボックスに出力するには、

window.alert( 表示したい内容 );

 

htmlとして書き出すには、既存の(p要素などの)要素に対して要素を書き換える。

document.getElementById('id名').textContent = 表示したい内容 ;

 

 

いちばんやさしいアジャイル開発の教本 Chapter2

 アジャイル開発ともうひとつ、ウォーターフォール型開発について、比較も交えて学びました。

 

<ではまた、Salut!!>

 

教材

jQuery
jQuery標準デザイン講座

jQuery標準デザイン講座

 

 

JavaScript
確かな力が身につくJavaScript「超」入門 第2版
 
 アジャイル開発

 

【2020/11/19】jQueryとJavaScript入門【記録】

f:id:lifeblogs:20201120125759p:plain

 2020/11/19

 

こんにちは、りさです。

 

今日はjQueryガチ入門です。

はい、そもそもjQueryってなに~ってとこから勉強しました。

うん、なんだかコーディングの幅が広がりそう!っと感じました。

 

ビジネスの変化と顧客へのコミットメントが求められうようになり、それと密接な関係にあるITでも開発のスタイルが変化。

開発と公開のサイクルが短くなっていることにも納得。

 

JavaScript入門、改めてJavaScriptを勉強します。

書籍で勉強してると最初はほぼパソコンに触れない・・・。

早く色々いじりたい!

 

<ではまた、Salut!!>

 

教材

jQuery
jQuery標準デザイン講座

jQuery標準デザイン講座

 

 

JavaScript
確かな力が身につくJavaScript「超」入門 第2版
 
 アジャイル開発

 

【プログラミング学習記録】jQueryとJavaScriptの勉強(現在進行中)

f:id:lifeblogs:20201120123144j:plain

 

こんにちは、りさです。

 

プログラミング学習記録です。

 

プログラミング学習の記録を随時アップデートしていく予定です。

勉強法や、どんな書籍を利用しているか、発見なども発信していきます。

 

では・・・

  • 最近のコメント
  • 2020年11月※大学(秋学期は4コース履修)
  • 2020年12月※大学(秋学期は4コース履修)
    • Sass
    • 実践(HTML/CSS, jQuery, JavaScript, Sassすべて総動員してアウトプット)※『HTML&CSSデザイン現場の新標準ガイド』と『CSS設計完全ガイド』を参考にしつつ制作します。
    • 【周辺知識】サーバー
    • 【周辺知識】セキュリティ
    • 【書籍】フロントエンドエンジニアのための必須知識
    • 【他】母のポートフォリオ制作(8割終わっているので仕上げと公開のみ)
    • 【他】母との英語でのWordPressでのブログを開設
  • 2021年1月※大学(春学期は3コース履修予定)
    • 実践(自分のポートフォリオ
    • PHP基礎(Progateと書籍か有料オンライン教材か未定)
    • 【周辺知識】UI/UXデザイン
    • 【書籍】プロになるためのWeb技術
  • 2021年2月※大学(春学期は3コース履修予定)
  • 2021年3月※大学(春学期は3コース履修予定)
  • 2021年3月※大学(春学期は3コース履修予定)
続きを読む

フロントエンドエンジニアになる道のりは思っている以上に長い

f:id:lifeblogs:20201115111613j:plain

 

こんにちは、りさです。

 

Web制作をする仕事、(フロントエンドエンジニアとか、コーダーとか)を目指しているときに、HTML/CSSのあと何を勉強すればいいのか、というお話です。

 

現役のフロントエンドエンジニアからのお話を紹介したいと思います。

 

※時間がない方は、記事内の赤い太字だけ見れば一目でわかるようにしましたのでそこだけでもチェックしてみてください。

続きを読む

【悲報】ごめんなさい。YouTubeよ、正直最近・・・

f:id:lifeblogs:20201113121456j:plain

 

YouTubeをよく見てる方で同じ感覚を持ってる人いるんじゃないでしょうか。。。

ハッキリ言って、最近YouTubeがつまらなくなりました

続きを読む

辛い時こそ、そんなに悲観しなくてもいいんじゃないかな

f:id:lifeblogs:20200920211500j:plain

 

こんにちは、りさです。

今回は、「なんで自分はこんなにできないんだろう...」と悩んでいる人に向けたお話です。

 

数分後に「少し気がラクになった」と思ってもらえたら嬉しいです。

続きを読む