JavaScript勉強会

JavaScriptの学習日記

JavaScript

【JS学習マラソン】第17回 1.2.14 関数

JavaScript学習マラソンの第17回は、 「現代の JavaScript チュートリアル」パート1の2.14「関数」です。 関数 https://ja.javascript.info/function-basics を読んでみます。 関数 そもそもですが、「関数」(かんすう)って何でしょうか? 数学の授業で習…

たにぐち まことのプログラミング学習応援チャンネル

はてなブックマークでVue.jsのYouTube動画が人気を集めていました。 b.hatena.ne.jp 動画を見てみたら、「たにぐち まことのプログラミング学習応援チャンネル」というコンテンツでした。 https://www.youtube.com/user/tomostajp/playlists www.youtube.com…

【JS学習マラソン】第16回 1.2.13 switch文

JavaScript学習マラソンの第16回は、 「現代の JavaScript チュートリアル」パート1の2.13「switch文」です。 switch文 https://ja.javascript.info/switch を読んでみます。 条件分岐のswitch 条件分岐には、if文がありました。 jsstudy.hatenablog.com if…

JavaScriptで配列やオブジェクトを比較するときはJSONに変換

以前、JavaScriptの比較について学びました。 jsstudy.hatenablog.com JavaScriptの比較で、間違えやすい点があったのでメモしておきます。 JavaScriptで配列やオブジェクトを比較するときの注意点 JavaScriptでは、配列やオブジェクトの中身が同じ内容かど…

【JS学習マラソン】第15回 1.2.12 ループ: while と for

JavaScript学習マラソンの第15回は、 「現代の JavaScript チュートリアル」パート1の2.12「ループ: while と for」です。 ループ: while と for https://ja.javascript.info/while-for を読んでみます。 プログラムに必要な制御 C言語やJavaScriptのような…

【JS学習マラソン】第14回 1.2.11 論理演算子

JavaScript学習マラソンの第14回は、 「現代の JavaScript チュートリアル」パート1の2.11「論理演算子」です。 論理演算子 https://ja.javascript.info/logical-operators を読んでみます。 条件判定で必要な道具 ifで条件分岐するとき、1つの条件だけで…

ES2015のJavaScriptの要点は3つ

JavaScriptの新しいバージョン(ES2015以降)の要点が3つにまとめられていました。 Modern JavaScript in React Documentation · GitHub // gist.github.com 細かいことを抜きにすれば、とりあえずこの3点だけ理解しておけばOKですね。 日本語訳 上記リン…

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({ // オプション }) 返り値は…