Node.jsのバージョンによる違い - JavaScript勉強会
JavaScriptの練習で、Node.jsを使っています。 Node.jsは、バージョンによって使える機能が違います。 Node.jsのバージョンの違い～Node.jsの歴史についてメモ。（備忘録） Node.jsのバージョン一覧 バージョンによる違い 安定版（LTS） harmonyモード（ハーモニーオプション） Node.jsのバージョン変更 (1) コマンドプロンプト（黒い画面）を起動します。 (2) インストール可能なversionの一覧を表示します。 (3) 指定したversionをインストールします。 (4) 指定したversionを使用します。 (5) Node.jsのバージョンを確認します。 まとめ Node.jsのバージョン一覧 Node.jsの公式サイトで、バージョンの一覧が公開されていました。 リリース一覧 | Node.js 「Node.js 6.x」、「Node
WindowsのコマンドプロンプトでNode.jsの対話モードを終了する方法 - JavaScript勉強会
Windows7でNode.jsを使い、JavaScriptの練習をしています。 コマンドプロンプト（黒い画面）で、Node.jsの対話モードを起動＆終了する方法をメモ。 Node.jsのインストール Node.jsの対話モード（REPL）とは？ Node.js 対話モードの起動 Node.js 対話モードの終了 まとめ Node.jsのインストール 前提：WindowsパソコンにNode.jsをまだインストールしてない場合は、インストールしておきます。 （参考） nodistでWindowsにNode.jsをインストールする 【読書メモ】 - JavaScript勉強会 nvm（Node Version Manager）でWindowsにNode.jsをインストールする - JavaScript勉強会 Node.jsの対話モード（REPL）とは？ JavaScriptの実行環境の１つであ
【店舗一覧・営業時間】スーパー・おなかすいた（unacasita）｜カンブリア宮殿で特集の株式会社モンテン - Rakugaki
引用：【公式】おなかすいた テレビ東京・カンブリア宮殿で特集されるスーパー「おなかすいた（unacasita）」。 小松菜38円 大根1本78円 などなど 「安くて、新鮮で、美味しい」、スーパー・「おなかすいた」の都内店舗を紹介します。 「おなかすいた」カンブリア宮殿で特集 「おなかすいた」特色 「おなかすいた」店舗数 「おなかすいた」店舗一覧 東京都 Una casita 下北沢店 Una casita 笹塚店 Una casita マルイ錦糸町店 埼玉県 Una casita アリオ鷲宮店 Una casita マルイ草加店 千葉県 ダイエーいちかわコルトンプラザ店 神奈川県 Una casita サクラス戸塚店 Una casita ボーノ相模大野店 愛知県 イオン長久手店 三重県 イオンモール桑名店 「おなかすいた」値段 「おなかすいた」運営会社情報 フジテレビ「ノンストップ」でも
手で支えるとかベタだから！（笑）ピサの斜塔のお決まりポーズに飽きた人々１１連発
手で支えるとかベタだから！（笑）ピサの斜塔のお決まりポーズに飽きた人々１１連発
Vue.jsでGet/Setの作成 【JavaScript フレームワーク入門】 - JavaScript勉強会
Vue.jsの学習メモ。 今日は「JavaScript フレームワーク入門」の第4章を読んでみます。 jsstudy.hatenablog.com 4-3-2 Get/Setの作成 HTML CSS JavaScript 実行結果 Computedプロパティとメソッドの違い まとめ 4-3-2 Get/Setの作成 前回、Computedプロパティの使い方を練習しました。 (p.134) Computedプロパティは意外と簡単に作れます。 ただし、このやり方だと、値を取り出す場合はいいのですが、変更する方法が用意されてないことに気がつくでしょう。 Computedプロパティでも、値の設定を行うことは可能です。 computed: { プロパティ名 : { get : function(){……処理……}, set : function( 引数 ){……処理……} } } プロパティに直接メ
Vue.jsのComputedプロパティ 【JavaScript フレームワーク入門】 - JavaScript勉強会
Vue.jsの学習メモ。 今日は「JavaScript フレームワーク入門」の第4章を読んでみます。 jsstudy.hatenablog.com 4-3-1 Computedプロパティ Computedプロパティとは？ SwiftのComputedプロパティ HTML CSS JavaScript 実行結果 まとめ 4-3-1 Computedプロパティ (p.132) Vue.jsには、ViewModelをより深く使いこなすための機能が多数盛り込まれています。 基本的な使い方がわかったところで、覚えておくと役に立つVue.jsの機能について一通り説明していきましょう。 まずは、Computedプロパティ（算出プロパティ）についてです。 Computedプロパティとは？ プロパティは、基本的に値を保管するだけのものですが、場合によっては値に何らかの処理を施したいこともあります。 単純に保
Vue.jsのフィルターを使う 【JavaScript フレームワーク入門】 - JavaScript勉強会
Vue.jsの学習メモ。 今日は「JavaScript フレームワーク入門」の第4章を読んでみます。 jsstudy.hatenablog.com 4-2-8 フィルターを使う Vue.js バージョン1のフィルター HTML CSS JavaScript 実行結果 Vue.js バージョン2のフィルター HTML CSS JavaScript 実行結果 Vue.jsのフィルターとは？ バージョン1からバージョン2への変更点 まとめ 4-2-8 フィルターを使う (p.130) toStringを使って配列をテキストにして表示させましたが、実は別のやり方もあります。 前回、JavaScript式を使って配列を文字列に変換しましたが、Vue.jsの「フィルター」という機能でも同じことができます。 Vue.jsのフィルターは、バージョン1とバージョン2では、仕様が変更されていました。 （参考）
Vue.jsでJavaScript式を使う 【JavaScript フレームワーク入門】 - JavaScript勉強会
Vue.jsの学習メモ。 今日は「JavaScript フレームワーク入門」の第4章を読んでみます。 jsstudy.hatenablog.com 4-2-7 JavaScript式を使う HTML CSS JavaScript 実行結果 createdフック まとめ 4-2-7 JavaScript式を使う (p.129) Mustacheタグには、dataの値を指定するだけでなく、もっと複雑な内容を記述することもできます。 それは「JavaScriptの式」です。 式といっても、四則演算のような式だけではありません。 要するに「結果を値として返すことのできる文」と考えておけばよいでしょう。 値として得られないようなものは設定できません。 HTML index.html <!DOCTYPE html> <html> <head> <title>Hello</title> <meta ch
Vue.jsでHTMLの表示 【JavaScript フレームワーク入門】 - JavaScript勉強会
Vue.jsの学習メモ。 今日は「JavaScript フレームワーク入門」の第4章を読んでみます。 jsstudy.hatenablog.com 4-2-6 HTMLの表示 HTML CSS JavaScript 実行結果 まとめ 4-2-6 HTMLの表示 (p.127) ここまでは単純なテキストを表示していましたが、HTMLのコードを設定できればもっと複雑な表現も可能ですね。 Mustacheタグ（ {{ }} タグ）は、HTMLのタグを自動的にエスケープ処理してタグとして機能しないようになっているのです。 このため、HTMLのタグを出力しても動作はしません。 HTMLのタグを含むテキストをそのまま表示させたい場合は、{{{ }}}というタグを使います。 Vue.jsでHTMLタグを含む文字列を出力したい場合、Vue.jsのバージョン1とバージョン2では、やり方が違いました。 本書「
Vue.jsでイべントとメソッドの利用 【JavaScript フレームワーク入門】 - JavaScript勉強会
Vue.jsの学習メモ。 今日は「JavaScript フレームワーク入門」の第4章を読んでみます。 jsstudy.hatenablog.com 4-2-5 イべントとメソッドの利用 HTML CSS JavaScript 実行結果 v-on属性 まとめ 4-2-5 イべントとメソッドの利用 (p.125) テキストを入力などする場合、入力が完了したところでボタンなどをクリックし、処理を行うようになっています。 こうした「クリックしたら処理を実行する」という一般的なやり方もVueでは行えます。 これにはクリックのイべント処理の利用の仕方を覚える必要があります。 Vue.jsでイベント（ボタンのクリックなど）を扱う方法を見ていきましょう！ HTML index.html <!DOCTYPE html> <html> <head> <title>Hello</title> <meta cha
HTML側からVueに値を設定する 【JavaScript フレームワーク入門】 - JavaScript勉強会
Vue.jsの学習メモ。 今日は「JavaScript フレームワーク入門」の第4章を読んでみます。 jsstudy.hatenablog.com 4-2-4 HTML側からVueに値を設定する HTML CSS JavaScript 実行結果 v-model属性 v-bind属性 ディレクティブとは？ まとめ 4-2-4 HTML側からVueに値を設定する (p.124) HTML側から入力した値をVueオブジェクト側に渡すには？ Vue.jsはMVVMパターンのJavaScriptフレームワークです。 MVVMパターンの特徴として「双方向のデータバインディング」（データ結合）という仕組みがありました。 Modelのデータ → Viewに表示する （前回練習した方法） Viewを変更 → Modelにも反映させる （今回練習する方法） 今回は、(2)Viewの変更をModelに伝える方
Vueオブジェクト 【JavaScript フレームワーク入門】 - JavaScript勉強会
Vue.jsの学習メモ。 今日は「JavaScript フレームワーク入門」の第4章を読んでみます。 jsstudy.hatenablog.com 4-2-1 HTMLファイルを用意する HTMLファイル スタイルシート Mustacheタグ 4-2-2 スクリプトを作成する JavaScript 4-2-3 Vueオブジェクト まとめ 4-2-1 HTMLファイルを用意する (p.121) Vue.jsは、HTMLに基本的なタグを用意しておき、JavaScript側でそれらのタグの表示を操作します。 したがって、HTMLファイルとスクリプトファイルを用意する必要があります。 HTMLファイル index.html <!DOCTYPE html> <html> <head> <title>Hello</title> <meta charset="UTF-8"> <script src="v
技術評論社の連載記事「Vue.js入門 ― 最速で作るシンプルなWebアプリケーション」が分かりやすい！ - JavaScript勉強会
Vue.jsの学習メモ。 分かりやすい解説記事がありました！ gihyo.jp 入門書 「JavaScript フレームワーク入門」の第4章「Vue.js」を読み終えました。 この本の説明とサンプルコードは、Vue.jsのバージョン1だったので、最新のバージョン2で動かすとたまにエラーが出ます。 バージョン2で動くようにコードを修正してみましたが、ブログにまとめるのは時間がかかり面倒なので、とりあえず次へ進みたいと思います。 公式サイト Vue.jsの公式ガイドを読み終えました。 過不足なく説明されているかんじですが、実際の使い方について、いまいち分かりづらかった？です。 まとめ 入門書と公式サイトの隙間を埋める情報として、サンプルコードがたくさんある説明記事があったので助かりました。 「Vue.js入門 ―最速で作るシンプルなWebアプリケーション」を読んで、Vue.jsの使い方について
JavaScriptにおけるMVC（MVVM） 【JavaScript フレームワーク入門】 - JavaScript勉強会
Vue.jsの学習メモ。 今日は「JavaScript フレームワーク入門」の第4章を読んでみます。 jsstudy.hatenablog.com 4-1-1 JavaScriptにおけるMVC（MVVM） MVCパターン MVVMパターン MVCとMVVMの違い データバインディングとは？ まとめ 4-1-1 JavaScriptにおけるMVC（MVVM） JavaScriptフレームワークの「Vue.js」は、MVCパターンの派生であるMVVMパターンで設計されています。 まず最初に、 MVCパターン MVVMパターン という用語の意味を確認しましょう。 MVCパターン (p.114) 昨今、大規模なアプリケーション開発で多用されるようになっているのが「MVCフレームワーク」と呼ばれるものです。 これはアプリケーションのプログラムを 「Model（モデル）」 「View（ビュー）」 「
Vue.jsの基本 【JavaScript フレームワーク入門】 - JavaScript勉強会
Vue.jsの学習メモ。 今日は「JavaScript フレームワーク入門」の第4章を読んでみます。 jsstudy.hatenablog.com 4-1 Vue.jsの基本 公式サイト 日本語ドキュメント 参考資料 Googleトレンド まとめ 4-1 Vue.jsの基本 (p.113) Vue.jsは、MVVM（Model-View-ViewModel）アーキテクチャーに基づくフレームワークです。 値をバインドしリアルタイムに更新する仕組みはとてもシンプルです。 この種のシステムの入門として最適なVue.jsの使い方をここで覚えましょう。 JavaScriptを使ってWebページ（Webアプリ）を作るとき、JavaScriptのフレームワークを使うと便利です。 JavaScriptフレームワークには、「React」「Angular」など、いろいろあります。 とりあえず、使い方が簡単な「
ホストオブジェクト 【開眼！JavaScript】 - JavaScript勉強会
JavaScriptの学習メモ。 今日は「開眼！JavaScript」の第2章を読んでみます。 jsstudy.hatenablog.com 2.9 ホストオブジェクト ネイティブオブジェクト ホストオブジェクト グローバルオブジェクト windowオブジェクトのプロパティを列挙 window.documentオブジェクトのプロパティを列挙 Node.jsのホストオブジェクト JavaScriptのグローバルオブジェクトを調べる方法 ホスト環境とは？ 「ホスト」の意味 ホストオブジェクトは外部ライブラリー？ いろいろなホストオブジェクト まとめ 2.9 ホストオブジェクト JavaScriptのオブジェクトについて、 ネイティブオブジェクト ホストオブジェクト グローバルオブジェクト という用語が出てきます。 (p.47) WebブラウザなどのJavaScript実行環境は「ホストオブジェ
マンガでJavaScriptがわかると思っているのかお前は - JavaScript勉強会
JavaScriptをネタにした面白いマンガがありました。 www.comico.jp 結構話題になっていたみたいですねｗ nlab.itmedia.co.jp 作者の村田川さん 村田川 (@muratagawa) | Twitter mrtgw.me 村田川さんの作品 omocoro.jp 「ドンジニア」（ドジなエンジニア？）もシュールなかんじで結構オモロイですｗ マンガでわかるJavaScript 作者: クロノス・クラウン柳井政和 出版社/メーカー: 秀和システム 発売日: 2015/04/14 メディア: Kindle版 この商品を含むブログを見る
オブジェクトの生成 【開眼！JavaScript】 - JavaScript勉強会
JavaScriptの学習メモ。 今日は「開眼！JavaScript」の第1章を読んでみます。 jsstudy.hatenablog.com 1.1 オブジェクトの生成 オブジェクトとは何か？ オブジェクトの初期化方法 オブジェクトにプロパティを追加 オブジェクトにメソッドを追加 Stringオブジェクトの生成 コンストラクタ関数とは？ コンストラクタ関数の作り方 自作コンストラクタ関数の使いどころ JavaScriptの特徴 まとめ 1.1 オブジェクトの生成 (p.1) JavaScriptの世界では、オブジェクトが王様です。 この世界では、ほぼすべてがオブジェクトそのものか、もしくはオブジェクトのようにふるまいます。 オブジェクトを理解すると、きっとJavaScriptを理解できることでしょう。 まずはJavaScriptのオブジェクト生成方法を調べてみましょう。 オブジェクトは、名
毎日30分のプログラミング習慣 - JavaScript勉強会
プログラマーのスキル向上について、「SOFT SKILLS」という興味深い本がありました。 SOFT SKILLS ソフトウェア開発者の人生マニュアル 作者: ジョン・ソンメズ 出版社/メーカー: 日経BP社 発売日: 2016/06/02 メディア: Kindle版 この商品を含むブログを見る ec.nikkeibp.co.jp 本書の中で、jQuery作者のジョン・レシグ氏のエピソードが紹介されていました。 (p.248) 第45章 習慣を作る：コードを磨こう 私たちは繰り返し行っていることによって表現される。だから、優秀だというのは、行動ではなく習慣である。 ―アリストテレス (p.252) 新しい習慣を生み出す 古い習慣を変えることに加えて、自分がやりたいことのために新たな習慣を生み出すこともしたい。前章では、ルーチンを持つことの重要性について話したが、ルーチンをやり続けるように仕
JavaScript関数型プログラミング 複雑性を抑える発想と実践法を学ぶ 【目次】 - JavaScript勉強会
JavaScriptで学ぶ「関数型プログラミング」の本がありました。 「JavaScript関数型プログラミング」という本です。 本屋で立ち読みしたら、面白そうだったので買っちゃいましたｗ JavaScript関数型プログラミング 複雑性を抑える発想と実践法を学ぶ (impress top gear) 作者: Luis Atencio,株式会社イディオマコムニカ加藤大雄 出版社/メーカー: インプレス 発売日: 2017/06/09 メディア: 単行本（ソフトカバー） この商品を含むブログを見る 目次 ■Part1 発想の転換とキーコンセプト 第1章 関数型で思考する 第2章 関数型言語としてのJavaScript ■Part 2 関数型のデザインとコーディング 第3章 データ構造の数を減らし、操作の数を増やす 第4章 モジュール化によるコードの再利用 第5章 複雑性を抑えるデザインパター
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
