JavaScript
勉強は短距離走ではなく長距離走と似ている、という話がありました。 「現代のJavaScriptチュートリアル」というJavaScriptの素晴らしい教材(無料)があったので、これを勉強して最後まで完走してみたいと思います。 jsstudy.hatenablog.com ja.javascript.…
はてなブックマークを見ていたら、JavaScriptの教材が紹介されていました。 「現代のJavaScriptチュートリアル」という学習サイトです。 ja.javascript.info 目次 パート1 JavaScript言語 1 導入 1.1 Javascript 入門 1.2 コードエディタ 1.3 開発者コンソ…
Webサイトを作るとき、表示速度を早くするために、静的ページを中心にしたいです。 静的ページ=早い:Webサーバーに置いたHTMLファイルをそのまま表示 動的ページ=遅い:アクセスのたびにプログラムでHTMLを生成して表示 Webサイトのコンテンツ制作を管理…
はてなブックマークを見てたら、無料のJavaScriptの教科書を見つけました。 タグ「JavaScript」 を検索 - はてなブックマーク ECMAScript 2018時代のJavaScript入門書 efcl.info この書籍について · JavaScriptの入門書 #jsprimer これからJavaScriptを始め…
GitHubなどで、ユーザーのトレードマークのような画像がありますね。 これは、「identicon」(アイデンティコン)と呼ばれています。 http://identicon.net/ An Identicon is a avatar which represents a hash of unique information. こんなかんじの画像で…
Vue.jsの勉強メモ。 jsstudy.hatenablog.com Vueの起動 (p.37) Vueアプリケーションの作成 アプリケーションの作成をはじめるには、コンストラクタ関数Vueを使ってルートとなるVueインスタンスを作成します。 var app = new Vue({ // オプション }) 返り値は…
今日はVue.jsのお勉強。「基礎から学ぶ Vue.js」を読んでます。 jsstudy.hatenablog.com (p.36) 学習用のひな形ファイルを用意 CHAPTER 1 | 基礎から学ぶ Vue.js ↑上記のような「index.html」「main.js」を作って、Chromeで開き、コンソール画面を見ると、以…
FacebookがOCaml風にJavaScriptを書ける「ReasonML」というAltJSを作っていました。 ReasonML - Google 検索 reasonml.github.io qiita.com OCamlは、関数型プログラミング言語の1つです。 OCaml - Wikipedia OCaml(オーキャムル、オーキャメル)は、フラ…
JavaScriptフレームワークの「Vue.js」の使い方を学ぶために「基礎から学ぶ Vue.js」という本を読んでみます。 基礎から学ぶ Vue.js 作者: mio 出版社/メーカー: シーアンドアール研究所 発売日: 2018/05/29 メディア: 単行本(ソフトカバー) この商品を含…
Amazonを見ていたら、JavaScriptの新刊がいろいろありました。 その中で気になった本をいくつかメモ。 React、Angular、Vue.js、React Nativeを使って学ぶ はじめてのフロントエンド開発 React、Angular、Vue.js、React Nativeを使って学ぶ はじめてのフロン…
ChromeやSafariなどのモダンブラウザーは、ほぼES2015の機能をカバーしているようなので、今後は生でJavaScriptを書くときでもES2015で良いでしょうか? ↓ブラウザーの対応状況一覧表 ECMAScript 6 compatibility table ↓回答者のアドバイスが参考になります…
中国ではWebブラウザーで動作するHTML5ゲームが流行しているそうです。 note.mu 2014年には北京でEgret Technologyという会社が創業し、HTML5に特化したゲームエンジンEgret Engineを開発します。Egret TechnologyはEgret Engineに対応したゲーム開発ツール…
「関数型プログラミングの基礎 JavaScriptを使って学ぶ」のコードをVisual Studio Code上で試そうとしたら、エラーメッセージが表示されて動きませんでした。 原因は、Node.js v0.12.0を使っていたのですが、「--harmony」オプションを有効にしてNodeを動作…
JavaScriptの学習メモ。 今日は「開眼!JavaScript」の第2章を読んでみます。 jsstudy.hatenablog.com 2.9 ホストオブジェクト ネイティブオブジェクト ホストオブジェクト グローバルオブジェクト windowオブジェクトのプロパティを列挙 window.documentオ…
JavaScriptをネタにした面白いマンガがありました。 www.comico.jp 結構話題になっていたみたいですねw nlab.itmedia.co.jp 作者の村田川さん 村田川 (@muratagawa) | Twitter mrtgw.me 村田川さんの作品 omocoro.jp 「ドンジニア」(ドジなエンジニア?)…
JavaScriptの学習メモ。 今日は「開眼!JavaScript」の第1章を読んでみます。 jsstudy.hatenablog.com 1.1 オブジェクトの生成 オブジェクトとは何か? オブジェクトの初期化方法 オブジェクトにプロパティを追加 オブジェクトにメソッドを追加 Stringオブジ…
JavaScriptで学ぶ「関数型プログラミング」の本がありました。 「JavaScript関数型プログラミング」という本です。 本屋で立ち読みしたら、面白そうだったので買っちゃいましたw JavaScript関数型プログラミング 複雑性を抑える発想と実践法を学ぶ (impress…
JavaScriptの学習で、「開眼! JavaScript」という本を読んでみます。 jsstudy.hatenablog.com 学習のポイント 学習のポイント この本は、わりと薄くてページ数が少ないので、読むだけなら2~3日で読めます。 この本の内容は、「付録A レビュー」にまとめ…
JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第5章を読んでみます。 jsstudy.hatenablog.com 5.2 プルダウンメニューで指定ページへ サンプルコード 実行結果 querySelectorメソッド 書式:CSSセレクタで要素を取得する que…
「RxJS」(Reactive Extensions for JavaScript)に関するメモ。(随時更新予定) RxJSは、JavaScriptで「関数型リアクティブプログラミング」(FRP, functional reactive programming)を行うためのライブラリーです。 情報源 検索 公式サイト ネットの記事…
JavaScript学習で、「DOM」という用語がよく出てきます。 DOMについてまとめておきます。(メモ) DOMとは? APIとは? DOMツリーとは? DOMツリーのノード DOMの操作 DOMを操作するためのライブラリー JavaScriptでDOM操作 jQueryでDOM操作 MVCフレームワー…
JavaScript学習で、「API」という用語がたまに出てきます。 APIについてまとめておきます。(メモ) APIとは? インターフェースとは? 人間向けと機械向けのインターフェース GUI CUI Web API JavaScript用のAPI まとめ APIとは? e-words.jp 読み方:アピ …
JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第5章を読んでみます。 jsstudy.hatenablog.com 5.1 時間の計算とタイマー Dateオブジェクトの日時を設定する方法 サンプルコード 実行結果 Dateオブジェクトに現在の日時を設定…
JavaScriptの学習メモ。 今日は「関数型プログラミングの基礎 JavaScriptを使って学ぶ」の第1章を読んでみます。 jsstudy.hatenablog.com 「ラムダ式」という記法(書き方)の発明 数学者、アロンゾ・チャーチ Alonzo Church ラムダ式 無名関数 関数宣言の…
JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第4章を読んでみます。 jsstudy.hatenablog.com 4.4 端数処理 サンプルコード 実行結果 Mathオブジェクト Mathオブジェクトは初期化しないで使う Mathオブジェクトの主なプロパ…
JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第4章を読んでみます。 jsstudy.hatenablog.com 4.3 型変換(キャスト) サンプルコード 実行結果 型変換(キャスト) まとめ 4.3 型変換(キャスト) (p.169) 表示させるデータ…
JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第4章を読んでみます。 jsstudy.hatenablog.com 4.2 Dateオブジェクト サンプルコード その1 実行結果 その1 サンプルコード その2 実行結果 その2 Dateオブジェクト Dateオ…
JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第4章を読んでみます。 jsstudy.hatenablog.com 4.1 フォームの入力内容を取得する サンプルコード 実行結果 イベントとは? 書式:要素にイベントを設定する イベントが発生す…
以前、JavaScript学習のカリキュラムを考えてみましたが、導入部分を改善できるかも?と思いました。 当初のカリキュラム案 改善点 Visual Studio Code + Node.js 基本事項 プログラミング・パラダイムの説明 プログラムの構成要素 データ構造 制御構造 関…
JavaScriptを練習するときブラウザーで実行していました。 JavaScript(JS)のコードは、Visual Studio Code(VSCode)で書いています。 VSCode上でJSを実行して、動作確認する方法がありました。(メモ) 前提(準備) Windowsパソコンの用意 Node.jsの用意…