JavaScriptには他のプログラミング言語と違ってprivate・publicの宣言がありません。
では呼び出し元に特定の変数や関数を隠したい時って、privateのように隠蔽することはできないのでしょうか?
ご安心を!
JavaScriptでもモジュールパターンを使うことによって、privateのように特定の変数や関数を呼び出し元から隠すことができます。
今回はモジュールパターンを使って、変数・関数をprivateのように扱う方法を紹介していきます。
続きを読む
JavaScriptには他のプログラミング言語と違ってprivate・publicの宣言がありません。
では呼び出し元に特定の変数や関数を隠したい時って、privateのように隠蔽することはできないのでしょうか?
ご安心を!
JavaScriptでもモジュールパターンを使うことによって、privateのように特定の変数や関数を呼び出し元から隠すことができます。
今回はモジュールパターンを使って、変数・関数をprivateのように扱う方法を紹介していきます。
続きを読む
npmでCSSライブラリをインスールして、webpackを使ってビルドするところまでを解説していきます。
今回の検証で使ったwebpackのバージョンは、3.5.5です。
JavaScriptの関数でthisを参照しようとするとundefinedになってしまってる。ということはJavaScriptを使っている人なら一度は経験しているはずです。
今回はJavaScriptでローカルのthisを参照する方法を紹介していきます。
npmでjQueryをインストールするところから、webpackを使ってjQueryを使ったJavaScriptをビルドするところまでを解説していきます。
今回の検証で使ったwebpackのバージョンは、3.5.5です。
JavaScriptでは関数の書き方も様々です。
よくみかけるお馴染みのヤツもあれば、「あれ、この記述は前にネットで見たのと微妙に違うな」と思う書き方のものもあります。
今回はそんな微妙に違う関数の書き方をまとめていこうと思います。
webpackのcss-loaderとstyle-loaderを使って、CSSファイルをビルド(import)する方法を紹介していきます。
今回の検証で使ったwebpackのバージョンは、3.5.4です。
普段はJavaを中心にバックエンドをメインの仕事にしていますが、ここ2ヶ月間ほどReact.jsを中心にモダンなフロントエンドの開発環境の勉強をしてきました。
webpackの文献はネット上でもまだ多くはなく、また古いバージョン(1系)での記述も多くサンプルプログラムが動かなかったということもあったので、新しいバージョン(2017年7月時点で最新。Ver3.3)で勉強したことを備忘録としてこのブログに残そうと思います。
最近のフロントエンド開発では、サンプルソースのHello Worldを動かすのでもNode.jp(npm)が必要になってきています。
今回はそんなサンプルコードを動かすのに必要なNode.js(npm)のインストール方法を紹介していきます。
JavaScriptのモジュールを管理するフレームワークRequireJSの基本的な使い方を紹介していきます。
RequireJSはモジュール管理フレームワークとしてはメジャーなフレームワークです。使い方もシンプルなので個人的にはオススメなフレームワークです。
AngularJSの目玉の機能のControllerとDirectiveの使い方を紹介していきます。
ControllerとDirectiveはAngularJSを使う上で基本的な部分です。
理解を深めておいて損はないです!というよりは使い方は確実にしておきましょう。