JavaScript勉強会

JavaScriptの学習日記

JavaScript

【JS学習マラソン】第12回 1.2.9 対話: alert, prompt, confirm

JavaScript学習マラソンの第12回は、 「現代の JavaScript チュートリアル」パート1の2.9「対話: alert, prompt, confirm」です。 対話: alert, prompt, confirm https://ja.javascript.info/alert-prompt-confirm を読んでみます。 Webブラウザーのホスト…

【JS学習マラソン】第11回 1.2.8 比較

JavaScript学習マラソンの第11回は、 「現代の JavaScript チュートリアル」パート1の2.8「比較」です。 比較 https://ja.javascript.info/comparison を読んでみます。 比較とは? aとbが同じか、違うか? 違う場合は、大きいか、小さいか? などというこ…

【JS学習マラソン】第10回 1.2.7 演算子

JavaScript学習マラソンの第10回は、 「現代の JavaScript チュートリアル」パート1の2.7「演算子」です。 演算子 https://ja.javascript.info/operators を読んでみます。 演算子とは? 演算子の多くは既に学校で学んでおり、よく知られています。加算 +, …

【JS学習マラソン】第9回 1.2.6 型変換

JavaScript学習マラソンの第9回は、 「現代の JavaScript チュートリアル」パート1の2.6「型変換」です。 型変換 https://ja.javascript.info/type-conversions を読んでみます。 型変換とは? 型変換 - Wikipedia 型変換(かたへんかん、英: type conversi…

【JS学習マラソン】第8回 1.2.5 データ型

JavaScript学習マラソンの第8回は、 「現代の JavaScript チュートリアル」パート1の2.5「データ型」です。 データ型 https://ja.javascript.info/types を読んでみます。 データの型(Type) コンピューターのプログラムは、 データ 処理 という2つの構成…

【JS学習マラソン】第7回 1.2.4 変数

JavaScript学習マラソンの第7回は、 「現代の JavaScript チュートリアル」パート1の2.4「変数」です。 変数 https://ja.javascript.info/variables を読んでみます。 変数 変数の特徴 letキーワード 変数の値の再代入 定数 定数の特徴 constキーワード 「v…

【JS学習マラソン】第6回 1.2.3 モダンなモード, "use strict"

JavaScript学習マラソンの第6回は、 「現代の JavaScript チュートリアル」パート1の2.3「モダンなモード, "use strict"」です。 モダンなモード, "use strict" https://ja.javascript.info/strict-mode を読んでみます。 Strict モード(厳格モード) Java…

【JS学習マラソン】第5回 1.2.2 コード構造

JavaScript学習マラソンの第5回は、 「現代の JavaScript チュートリアル」パート1の2.2「コード構造」です。 コード構造 https://ja.javascript.info/structure を読んでみます。 文末の区切りはセミコロン「;」 JavaScriptの命令文は、区切りとして文末に…

【JS学習マラソン】第4回 1.2.1 Hello, world!

JavaScript学習マラソンの第4回は、 「現代の JavaScript チュートリアル」パート1の2.1「Hello, world!」です。 Hello, world! https://ja.javascript.info/hello-world を読んでみます。 <script>タグ チュートリアルでは、JavaScriptをHTMLページに組み込んで使…

【JS学習マラソン】第3回 1.1.3 開発者コンソール

JavaScript学習マラソンの第3回は、 「現代の JavaScript チュートリアル」パート1の1.3「開発者コンソール」です。 開発者コンソール https://ja.javascript.info/devtools を読んでみます。 ブラウザーについているデバッガー JavaScriptの学習で、Webブ…

【JS学習マラソン】第2回 1.1.2 コードエディタ

JavaScript学習マラソンの第2回は、 「現代の JavaScript チュートリアル」パート1の1.2「コードエディタ」です。 コードエディタ https://ja.javascript.info/code-editors を読んでみます。 IDE JavaScriptでプログラムを書くときに便利なIDEやエディター…

【JS学習マラソン】第1回 1.1.1 Javascript 入門

JavaScript学習マラソンの第1回は、 「現代の JavaScript チュートリアル」パート1の1.1「Javascript 入門」です。 Javascript 入門 https://ja.javascript.info/intro を読んでみます。 JavaScriptの発祥 JavaScriptは、最初Webページにプログラムを組み込…

「現代の JavaScript チュートリアル」で学習マラソン

勉強は短距離走ではなく長距離走と似ている、という話がありました。 「現代のJavaScriptチュートリアル」というJavaScriptの素晴らしい教材(無料)があったので、これを勉強して最後まで完走してみたいと思います。 jsstudy.hatenablog.com ja.javascript.…

現代のJavaScriptチュートリアル

はてなブックマークを見ていたら、JavaScriptの教材が紹介されていました。 「現代のJavaScriptチュートリアル」という学習サイトです。 ja.javascript.info 目次 パート1 JavaScript言語 1 導入 1.1 Javascript 入門 1.2 コードエディタ 1.3 開発者コンソ…

静的サイトジェネレーターの人気ランキング「StaticGen」

Webサイトを作るとき、表示速度を早くするために、静的ページを中心にしたいです。 静的ページ=早い:Webサーバーに置いたHTMLファイルをそのまま表示 動的ページ=遅い:アクセスのたびにプログラムでHTMLを生成して表示 Webサイトのコンテンツ制作を管理…

JavaScriptの教科書(ネットで無料公開)

はてなブックマークを見てたら、無料のJavaScriptの教科書を見つけました。 タグ「JavaScript」 を検索 - はてなブックマーク ECMAScript 2018時代のJavaScript入門書 efcl.info この書籍について · JavaScriptの入門書 #jsprimer これからJavaScriptを始め…

JavaScriptでidenticonを表示する方法

GitHubなどで、ユーザーのトレードマークのような画像がありますね。 これは、「identicon」(アイデンティコン)と呼ばれています。 http://identicon.net/ An Identicon is a avatar which represents a hash of unique information. こんなかんじの画像で…

Vueアプリの起動

Vue.jsの勉強メモ。 jsstudy.hatenablog.com Vueの起動 (p.37) Vueアプリケーションの作成 アプリケーションの作成をはじめるには、コンストラクタ関数Vueを使ってルートとなるVueインスタンスを作成します。 var app = new Vue({ // オプション }) 返り値は…

Vue Devtoolsのインストール

今日はVue.jsのお勉強。「基礎から学ぶ Vue.js」を読んでます。 jsstudy.hatenablog.com (p.36) 学習用のひな形ファイルを用意 CHAPTER 1 | 基礎から学ぶ Vue.js ↑上記のような「index.html」「main.js」を作って、Chromeで開き、コンソール画面を見ると、以…

OCaml風にJavaScriptを書けるReasonML

FacebookがOCaml風にJavaScriptを書ける「ReasonML」というAltJSを作っていました。 ReasonML - Google 検索 reasonml.github.io qiita.com OCamlは、関数型プログラミング言語の1つです。 OCaml - Wikipedia OCaml(オーキャムル、オーキャメル)は、フラ…

基礎から学ぶ Vue.js 【目次】

JavaScriptフレームワークの「Vue.js」の使い方を学ぶために「基礎から学ぶ Vue.js」という本を読んでみます。 基礎から学ぶ Vue.js 作者: mio 出版社/メーカー: シーアンドアール研究所 発売日: 2018/05/29 メディア: 単行本(ソフトカバー) この商品を含…

JavaScriptフレームワークの本

Amazonを見ていたら、JavaScriptの新刊がいろいろありました。 その中で気になった本をいくつかメモ。 React、Angular、Vue.js、React Nativeを使って学ぶ はじめてのフロントエンド開発 React、Angular、Vue.js、React Nativeを使って学ぶ はじめてのフロン…

初めてのJavaScript 第3版 ―ES2015以降の最新ウェブ開発

ChromeやSafariなどのモダンブラウザーは、ほぼES2015の機能をカバーしているようなので、今後は生でJavaScriptを書くときでもES2015で良いでしょうか? ↓ブラウザーの対応状況一覧表 ECMAScript 6 compatibility table ↓回答者のアドバイスが参考になります…

HTML5ゲームエンジン「Egret Engine」

中国ではWebブラウザーで動作するHTML5ゲームが流行しているそうです。 note.mu 2014年には北京でEgret Technologyという会社が創業し、HTML5に特化したゲームエンジンEgret Engineを開発します。Egret TechnologyはEgret Engineに対応したゲーム開発ツール…

Node.jsでES2015のアロー関数を使う方法

「関数型プログラミングの基礎 JavaScriptを使って学ぶ」のコードをVisual Studio Code上で試そうとしたら、エラーメッセージが表示されて動きませんでした。 原因は、Node.js v0.12.0を使っていたのですが、「--harmony」オプションを有効にしてNodeを動作…

ホストオブジェクト 【開眼!JavaScript】

JavaScriptの学習メモ。 今日は「開眼!JavaScript」の第2章を読んでみます。 jsstudy.hatenablog.com 2.9 ホストオブジェクト ネイティブオブジェクト ホストオブジェクト グローバルオブジェクト windowオブジェクトのプロパティを列挙 window.documentオ…

マンガでJavaScriptがわかると思っているのかお前は

JavaScriptをネタにした面白いマンガがありました。 www.comico.jp 結構話題になっていたみたいですねw nlab.itmedia.co.jp 作者の村田川さん 村田川 (@muratagawa) | Twitter mrtgw.me 村田川さんの作品 omocoro.jp 「ドンジニア」(ドジなエンジニア?)…

オブジェクトの生成 【開眼!JavaScript】

JavaScriptの学習メモ。 今日は「開眼!JavaScript」の第1章を読んでみます。 jsstudy.hatenablog.com 1.1 オブジェクトの生成 オブジェクトとは何か? オブジェクトの初期化方法 オブジェクトにプロパティを追加 オブジェクトにメソッドを追加 Stringオブジ…

JavaScript関数型プログラミング 複雑性を抑える発想と実践法を学ぶ 【目次】

JavaScriptで学ぶ「関数型プログラミング」の本がありました。 「JavaScript関数型プログラミング」という本です。 本屋で立ち読みしたら、面白そうだったので買っちゃいましたw JavaScript関数型プログラミング 複雑性を抑える発想と実践法を学ぶ (impress…

「開眼! JavaScript」の学習ポイント

JavaScriptの学習で、「開眼! JavaScript」という本を読んでみます。 jsstudy.hatenablog.com 学習のポイント 学習のポイント この本は、わりと薄くてページ数が少ないので、読むだけなら2~3日で読めます。 この本の内容は、「付録A レビュー」にまとめ…