読者です 読者をやめる 読者になる 読者になる

JavaScript勉強会

JavaScriptの学習日記

プログラミング言語「Io」の参考情報

Io

JavaScript学習の参考として、「Io」というプロトタイプベースのプログラミング言語について、参考情報をまとめておきます。 jsstudy.hatenablog.com 本来のプロトタイプベースとは? JavaScriptをプロトタイプベースのオブジェクト指向言語と言うべきではな…

7つの言語 7つの世界 【目次】

JavaScriptの学習で、「7つの言語 7つの世界」という本を参考にしてみます。 プロトタイプベースのプログラミング言語「Io」について学んでみます。 7つの言語 7つの世界 作者: Bruce A. Tate,まつもとゆきひろ,田和勝 出版社/メーカー: オーム社 発売日: …

JavaScript フレームワーク入門 【目次】

JavaScriptの学習で、「JavaScript フレームワーク入門」という本を読んでみます。 JavaScript フレームワーク入門 作者: 掌田津耶乃 出版社/メーカー: 秀和システム 発売日: 2016/09/16 メディア: 単行本 この商品を含むブログを見る 目次 Chapter 1 JavaSc…

開眼! JavaScript 【目次】

JavaScriptの学習で、「開眼! JavaScript」という本を読んでみます。 開眼! JavaScript ―言語仕様から学ぶJavaScriptの本質 作者: Cody Lindley,和田祐一郎 出版社/メーカー: オライリージャパン 発売日: 2013/06/19 メディア: 単行本(ソフトカバー) この…

Web制作の現場で使うjQueryデザイン入門 【目次】

JavaScriptの学習で、「Web制作の現場で使うjQueryデザイン入門」という本を読んでみます。 Web制作の現場で使うjQueryデザイン入門[改訂新版] (Web Professional Books) 作者: 西畑一馬 出版社/メーカー: KADOKAWA/アスキー・メディアワークス 発売日: 2013…

JavaScriptで継承を使わないプログラミングスタイル

JavaScriptでは「継承による差分プログラミング」はモダンではない、という意見がありました。 なるほど、「継承による差分プログラミング」を使わないスタイルもあるんですね?(参考になります) jsstudy.hatenablog.com オブジェクト指向って便利なの? -…

JavaScriptはプロトタイプベースのオブジェクト指向プログラミング言語ではない!?

先日のブログ記事に、たくさんのブックマークをいただきました。 どうもありがとうございます★★★ jsstudy.hatenablog.com ブックマークのコメントで、こんな意見がありました。 オブジェクト指向って便利なの? - JavaScript勉強会 うへええええ継承による差…

オンラインでJavaScriptやPHPを実行する環境

ちょっとしたプログラムを書いて動作チェックをしたい場合、最近はオンラインの実行環境が用意されていました。\(便利)/ qiita.com paiza.ioが提供しているWebサービスを使ってみました。 Web-based online coding environment | paiza.IO 左上のプルダウ…

オブジェクト指向って便利なの?

プログラミングのやり方って、いろんな方法が考えられてきました。 何かを作るとき、ゼロから作るのは大変だけど、先人の努力や工夫を拝借して作ると、その分だけ楽ができますね! プログラミングのやり方はまだまだ発展途上=改善の余地があるんだろうけど…

3.3 動作のバリエーションを増やす 《条件分岐(else if)》 【読書メモ】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第3章を読んでみます。 jsstudy.hatenablog.com 3.3 動作のバリエーションを増やす 構造化プログラミングの基本動作は、 順次 選択(条件分岐) 反復(繰り返し) の3つです。 …

3.2 入力内容に応じて動作を変更する 《変数》 【読書メモ】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第3章を読んでみます。 jsstudy.hatenablog.com 今日はJavaScriptの変数について学びます。 「変数」(variable)は、データを入れておく「箱」「容器」みたいなものです。 変数…

3.1 確認ダイアログボックスを表示する 《条件分岐 (if) 》 【読書メモ】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第3章を読んでみます。 jsstudy.hatenablog.com 条件分岐 if (p.62) 「もし~なら」 「もし~でないなら」 というように、ある条件が成り立つかどうかで動作を変えるのがif文で…

オブジェクト指向の用語「プロパティ」「メソッド」

JavaScriptの勉強をしていて、説明の順番を変えた方がいいかも?と思われる箇所がありました。 →「オブジェクト」という仕組みと、その用語についてです。 jsstudy.hatenablog.com windowやdocumentなど、すべてのオブジェクトは、メソッド以外に「プロパテ…

2.4 HTMLを書き換える 【読書メモ】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第2章を読んでみます。 jsstudy.hatenablog.com 2.4 HTMLを書き換える (p.50) 要素を取得する・コンテンツを書き換える JavaScriptでできるアウトプットの3つ目は、表示されてい…

はてなブログでコードハイライト表示する方法

はてなブログに、プログラムのコードを掲載するとき、色を付けて見やすくする方法がありました。(メモ) ハイライト表示とは? プログラムのコードに色を付けて、見やすくする表示方法のことです。 コード・ハイライトは、シンタックス・ハイライトとも言い…

2.3 ダイアログボックスを表示する

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第2章を読んでみます。 jsstudy.hatenablog.com 2.3 ダイアログボックスを表示する (p.50) コンソールに続いて紹介する2つ目のアウトプットは、ダイアログボックスへのアウトプ…

JavaScriptでmacOSを自動操作できるJXA

JavaScriptに、ちょっと便利な用途がありました! Macには、操作を自動化できるAppleScriptという道具が用意されています。 このAppleScriptの代わりに、JavaScriptも使えるようになっていました。 JavaScript for Automation (JXA)とは? qiita.com AppleSc…

2.2 JavaScriptはどこに書く?

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第2章を読んでみます。 jsstudy.hatenablog.com 2.2 JavaScriptはどこに書く? (p.44) <script>タグとJavaScriptの記述場所 HTMLにJavaScriptを直接記述する方法 JavaScriptファイルを読</script>…

2.1 コンソールにアウトプット 【読書メモ】

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第2章を読んでみます。 jsstudy.hatenablog.com 2.1 コンソールにアウトプット (p.32) JavaScriptからテキストなどをアウトプットできる場所の1つに「コンソール」があります。 …

Microsoft 「Visual Studio Code」でJavaScript学習

JavaScriptの学習で使うテキストエディターとして、MicrosoftのVisual Studio Codeを使ってみることにしました。 code.visualstudio.com Visual Studio Code - Visual Studio Visual Studio Code - Wikipedia Visual Studio Code はオープンソースのソースコ…

1.6 JavaScript サンプルデータのダウンロード

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第1章を読んでみます。 jsstudy.hatenablog.com 1.6 サンプルデータのダウンロード (p.23) 本書のサポートページ SBクリエイティブ:確かな力が身につくJavaScript「超」入門 SBク…

1.3 JavaScriptの「プログラミング」と動作の仕組み 【読書メモ】

005 JavaScriptのプログラミングと動作の仕組み - YouTube (3分5秒) JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第1章を読んでみます。 jsstudy.hatenablog.com 1.3 JavaScriptの「プログラミング」と動作の仕組み (p.13)…

HTMLの基礎知識

004 HTMLの基礎知識 - YouTube (2分53秒) 今日は、HTMLの用語を復習します。 教科書は、『確かな力が身につくJavaScript「超」入門』です。 jsstudy.hatenablog.com HTMLタグの書式と各部の名称 (p.10) HTMLは、「HyperText Markup Language」の略です。 →…

1.2 JavaScriptってどういうもの? 【読書メモ】

003 JavaScriptってどういうもの? - YouTube (3分40秒) JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第1章を読んでみます。 jsstudy.hatenablog.com 1.2 JavaScriptってどういうもの? (p.5) JavaScriptは ブラウザを操作…

1.1 これからJavaScriptを始める皆さんへ 【読書メモ】

002 これからJavaScriptを始める皆さんへ - YouTube (3分11秒) JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第1章を読んでみます。 jsstudy.hatenablog.com 1.1 これからJavaScriptを始める皆さんへ (p.2) JavaScriptは、…

確かな力が身につくJavaScript「超」入門 【目次】

JavaScriptの学習で、『確かな力が身につくJavaScript「超」入門』という本を読んでみます。 確かな力が身につくJavaScript「超」入門 (確かな力が身につく「超」入門シリーズ) 作者: 狩野祐東 出版社/メーカー: SBクリエイティブ 発売日: 2015/10/30 メディ…

JavaScript学習 準備編

001 JavaScript学習の準備 - YouTube (4分27秒) JavaScript学習の準備として、前提知識を簡単に復習したいと思います。 jsstudy.hatenablog.com 準備(PC、インターネット、プログラミングの基礎知識) コンピューターの仕組み インターネットの仕組み プ…

JavaScript学習のカリキュラム

JavaScript学習のカリキュラムを考えてみました。 短期間の学習でも、すぐにアウトプットができるように、「広く薄く」学ぶことを積み重ねるスタイルを目指します。 カリキュラム 基本的には、Webサイト制作で使用するJavaScript(JS)の知識の習得を目指し…

JavaScript勉強日記

今日からJavaScriptの勉強を始めてみます。 みなさん、一緒に勉強しましょう! どうぞよろしくお願いします。 目標 Webサイト制作で、JavaScriptを自由自在に使えるようになりたい。 分かりやすいJavaScriptの教材を作ってみたい。 確かな力が身につくJavaSc…