JavaScript勉強会

JavaScriptの学習日記

JavaScript

JavaScriptでmd5ハッシュ値を計算する方法

以前、Pythonでハッシュ値を計算するGUIアプリを作ったことがありました。 jsstudy.hatenablog.com ブラウザーが使える環境なら、PythonでGUIアプリを作るよりも、JavaScriptでWebアプリを作る方が簡単です。 参考情報 qiita.com note.onichannn.net labs.cy…

Mermaid.jsでグラフを簡単に描く方法

読書メモを図にしたいとき、簡単なグラフを作成できるツールがあったら便利です。 調べたらいくつか候補がありました。 PlantUML https://plantuml.com/ja/ Mermaid.js https://mermaidjs.github.io/ Typora https://typora.io/ 今回は、手軽に使えて、拡張…

JMOOCのJavaScript講座

無料で学べる「JMOOC」というオンライン講座があります。 JMOOCの中に、JavaScriptの講座もありました。 JMOOC https://www.jmooc.jp/ www.jmooc.jp ja.wikipedia.org 一般社団法人日本オープンオンライン教育推進協議会(Japan Massive Open Online Courses…

子どもから大人までスラスラ読める JavaScriptふりがなKidsプログラミング ゲームを作りながら楽しく学ぼう!

自分に対する投資として、週1の読書に取り組んでいます。 jsstudy.hatenablog.com 今週の読書は、子供向けのJavaScript入門書の「JavaScriptふりがなKidsプログラミング」という本を読んでみました。 子どもから大人までスラスラ読める JavaScriptふりがなK…

モダンなJavaScriptの要点

モダンなJavaScriptの要点について紹介された資料がありました。 speakerdeck.com 要点 アロー関数 クラス 非同期処理 各機能の利便性に注目 要点 モダンJavaScript再入門 / Re-introduction to Modern JavaScript - Speaker Deck [JavaScript] [入門] ?slid…

【JS学習マラソン】第18回 1.2.15 関数式とアロー

JavaScript学習マラソンの第18回は、 「現代の JavaScript チュートリアル」パート1の2.15「関数式とアロー」です。 関数式とアロー https://ja.javascript.info/function-expressions-arrows を読んでみます。 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ページにプログラムを組み込…