JavaScript勉強会

JavaScriptの学習日記

JavaScript

React学習 JSXメモ

Reactの勉強メモ。 Reactの本を読んでたら、「JSX」という仕組みの話が出てきました。 JSXは、JavaScriptでHTMLを扱うために用意されたJavaScriptの拡張構文とのこと。 jsstudy.hatenablog.com 本の中ではJSXについてサラッと説明されていて、いまいちよく分…

React開発 現場の教科書

最近、Reactの話題が盛り上がっているので、使い方を理解してみたいと思いました。 jp.techcrunch.com 本屋でReactの解説書を眺めたら、図解で分かりやすい本がありました。 「React開発 現場の教科書」という本です。 React開発 現場の教科書 作者: 石橋啓…

Ramda.jsのLensとは?

「JavaScript関数型プログラミング」を読んでいたら、意味がよく分からない用語が出てきたのでメモ。 jsstudy.hatenablog.com レンズ (p.48) レンズ(Lenses)と呼ばれる関数型のアプローチ レンズは、オブジェクトの変更を普遍的に一括管理する最良の選択…

JavaScriptの有向グラフ描画ライブラリー

JavaScriptでマインドマップのようなグラフを描画するライブラリーを探してみました。 有向グラフとは? グラフ理論 - Wikibooks グラフ理論におけるグラフ (Graph)とは、頂点(node)と辺(edge)により構成された図形のことである。 グラフは主に、有向グラ…

【JS学習マラソン】第13回 1.2.10 条件演算子: if, '?'

JavaScript学習マラソンの第13回は、 「現代の JavaScript チュートリアル」パート1の2.10「条件演算子: if, '?'」です。 条件演算子: if, '?' https://ja.javascript.info/ifelse を読んでみます。 プログラムの基本構造 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を動作…