npmのインストールオプション save devとか何が違うの?
いきさついよいよJavaScriptのほうに本格的に手を出すことになった。いつも忘れるので書き記す。npm install foo_package (オプションなし)npm version 5.0以上は saveオプショ […]
Posted Date 1月 1st, 2019
Category in JavaScript, npm
vue 個人的メモ あとでうまくまとめる予定
v-modelとは{{これが変数になる}}inputタグの中に用意することでv-model={名前}の名前の部分が変数名となり、vueの中で使用できるように […]
Posted Date 12月 16th, 2018
Category in Vue.js
Vueの仲間(ツール)たち
いきさつvue cliとかvue loaderとかいろいろあってわけわかななくなるのでまとめておく。Vue CliVueを扱う上で便利なコマンドツール群を用意してくれているツール。大規模なシングルページアプリケーション開 […]
Posted Date 12月 8th, 2018
Category in JavaScript, Vue.js
Prismとかいうsyntax highlighting libraryが素晴らしい件・簡単な使い方
いきさつこのサイトでcodeにハイライト(design)をつけたいなぁーと思い、ライブラリを探していました。いろいろ比較調査しましたが、これが最強みたい。その名は。。。。Prism !!!!!!!!!!!https:// […]
Posted Date 11月 24th, 2018
Category in JavaScript, PHP, WordPress
【node.js】exportとmodule.exportの違いがわからないよぉー
微妙にハマりました。。最初exportと書いてたらエラー。。module.exportと書いたらいけたのですがどうして？何が違うの？ってかんじ。。どっち使えばいいの？基本的には「module.export」使っておけばい […]
Posted Date 11月 17th, 2018
Category in JavaScript, Node.js, はまった所
「JavaScript Ninjaの極意」の感想
第３章 関数が肝心関数はファーストクラスのオブジェクトファーストクラスのオブジェクトとしての関数 第一級オブジェクト（ファーストクラスオブジェクト、first-class object）は、あるプログラミング言語において […]
Posted Date 11月 13th, 2018
Category in Basic, JavaScript
【2018-10版】JavaScript Promiseとは【2019-01-04改訂版】
いきさつDeferredオブジェクトなるものが出てきてわけわからんちん問題になってしまった。。うーん。。やっぱりよくわかってなかったのでおさらいしたい。。先に登場人物(用語)を紹介したいPromisePromiseは約束 […]
Posted Date 10月 7th, 2018
Category in JavaScript
nodemonでnode.jsを爆速で書き書きする。
はじまりnode.js書いてて思ったこと、、node.jsっていちいち再起動しないとあかんの？めんどうくさいなー。。そこでnodemonですよnodemonとは？Nodemonはソースの変更を監視し、自動的にサーバーを再 […]
Posted Date 8月 25th, 2018
Category in Node.js, npm
npm と npxコマンドの違い
npxってなにこれ？なんだかnpmの新たしい記述方法らしいよ。node_modulesの下のbinファイルたちをいい感じに実行してくれるものらしいよ。つまり…?npx webpack
と […]
Posted Date 7月 28th, 2018
Category in npm
どうしてcallback関数はcallbackというのか。
昔からcallback関数の概念的なところが苦手でなんとなく理解でやってきた。「あ〜、はいはい😅関数の中で関数やるやつですよね〜」もう少しちゃんとしなくちゃと思ったのだが、やっぱり思う、どうしてcallbackっていうの […]
Posted Date 6月 27th, 2018
Category in Basic, JavaScript
JavaScriptのprototypeとは？
JavaScriptのよくわからないポイントだけどJavaScriptはプロトタイプベース言語らしいです。大事です。prototypeって？まずJavaScriptのオブジェクトはすべてprototypeを持ちます。D […]
Posted Date 6月 24th, 2018
Category in JavaScript
node.js expressとwebpack
phperな人だとサーバーサイドとフロントエンドが同じ言語だと言うのは不思議な感じがしますね😎コンフィグレーションについて頭がこんがらがって来たので記しておきます。サーバーサイドフロントエンドを統括する方法– […]
Posted Date 5月 19th, 2018
Category in JavaScript, Node.js, npm, webpack
GreenSock第１話「まずざっと見てみる」
GreenSockってなに？https://greensock.com/Javascriptのアニメーション表現用のライブラリだよ。略してGSAPとかいうらしい(GreenSock Animation Platform) […]
Posted Date 5月 16th, 2018
Category in GreenSock, JavaScript
Node.js入門第１話「インストールからhello worldまで」
Node.jsってなに？オープンソースのサーバー環境のやつだよ。サーバーサイドのことをJavaScriptでできるんだよ。アパッチ+PHPとかと違うの？PHPとかは一つの問い合わせ+レスポンスの間、LOCKする。レスポン […]
Posted Date 5月 12th, 2018
Category in Basic, Node.js
webpark入門 第三話「outputの際のマネージメントについて」
分割する、アウトプットするファイルをindex.jsとprint.jsに分けるということも可能。webpack.config.jsのentryとoutputのところに記述する。outputのmanagement時にuse […]
Posted Date 3月 4th, 2018
Category in JavaScript, webpack
gulp Episode I
gulpとは？オープンソースのJavaScriptタスクランナーだよ。ビルドツールだよ。(Gruntみたいなもんだよ)Getting Started1.インスコ$ npm install –global gu […]
Posted Date 2月 13th, 2018
Category in JavaScript, npm
JavaScriptで画像の遅延読み込みを行う
一旦data属性に持たせて置くところがキモ。srcのところをレンダリングするときに読み込みが行われるんだねー。See the Pen GQmEzM by Ryo (@devsway) on CodePen.
Posted Date 2月 12th, 2018
Category in JavaScript
Claudia.jsでserverless API AWS LambdaとAPI Gatewayでhello worldしてみた話
はじめにClaudia.jsのお時間です！！なんでもこれだと簡単にnode.jsをAWS Lambdaと API Gatewayにアップできて、hello worldできるやしい。やったことユーザーを作ってアクセスキーを […]
Posted Date 1月 2nd, 2019
Category in JavaScript, Node.js
vueでTypeError: Cannot read property ‘__ob__’ of undefined といかいうエラーがでるケン
なんなんこりゃ？ハマりました。結論詳しくはソース見てないのでわからないのですが、vue-routeでルート(URL)を変更するときにコンポーネントに空のdataプロパティがあるとだめみたい。。これのことにね data() […]
Posted Date 12月 30th, 2018
Category in JavaScript, Vue.js
Awesome JavaScript + TypeScript + Vue.js +etc…
はじめにJavaScript + TypeScript + Vue.js +etc.周りで覚えることありすぎる〜。混乱してくるからなにをやったらいいか列挙する。JavaScript言語仕様まずはこれが第一。ES6Type […]
Posted Date 12月 8th, 2018
Category in JavaScript, 未分類
.babelrcってとは？
.babelrcってとは？BabelのConfiguration File です。Babelには、2つの設定ファイル形式があり、一緒に使用することも、単独で使用することもできます。だそうです。ひとつが.babelrc ( […]
Posted Date 11月 24th, 2018
Category in Babel, JavaScript
JavaScript use strictとは？
なんかBabelでコンパイルしたソースにuser strictなる文字が。。これはなに？これはなに？ECMAScript5以降で使える。厳格モードです。Babelでコンパイルすると当然(?)ながら厳格に見てくれるのでそれ […]
Posted Date 11月 23rd, 2018
Category in JavaScript
JavaScriptのファイルを分けるES6編
はじめにES6以外にもnodejsのmoduleとかでもできるみたいですけど、今回はES6でのやり方です。ざっくりいうとexportをつくって、それをimportします。くわしく！exportの書き方// module. […]
Posted Date 11月 17th, 2018
Category in JavaScript
Vue js ディレクティブ入門 v-bindとv-on
こりずにvueやります。ディレクティブとは？指令のことです。これによってテンプレート内にいろいろな命令をすることができまつ！とりあえずすごい大事な感じのv-bindとv-onをやってきますよ！v-bindこんなかんじでd […]
Posted Date 10月 15th, 2018
Category in JavaScript, Vue.js
世界一わかりやすいJavaScriptのarrow関数
arrow関数わかりづらいなぁ。。なれたらわかりやすいんだろうけど。。const result = (aaa, bbb) => { return aaa + bbb;};console.log(‘reslutは。。 […]
Posted Date 10月 7th, 2018
Category in JavaScript
webpackのローカルサーバーをwebpack-dev-serverで構築する
このページはなかったことにしました。なぜか？webpack-dev-serverはすでにメンテナンスonlyになっており追加機能の開発とかは行っておりません。後継としてwebpack-serveがあります。というわけでこ […]
Posted Date 7月 30th, 2018
Category in webpack
JavaScript Promiseとは？
うーん。。なんやかんや前JSやってたときから悩まされてきました。あのときはてきとーにやった記憶がありますが、いい加減きっちりしないといけませんね。というわけでちょっくらお勉強してみました。Promiseってなに？Pro […]
Posted Date 7月 21st, 2018
Category in Basic, JavaScript
JavaScript Callbackを試してみる。
感想callbackを受け入れる関数は「何か」をやることができる！ってことまでは用意しておいて、そのなにか、っていうのは引数としてインターフェイスを用意したcallbackにお願いする形になる。ざっくりとは理解しているが […]
Posted Date 6月 24th, 2018
Category in Basic, JavaScript, 未分類
JavaScriptのクラスとは
前提条件JavaScriptのクラス式はECMAScript 6以上で有効です。まずJavaScriptのクラス云々は他のオブジェクト指向言語のクラスとは微妙に違うみたい。ECMAScript 6 で導入された Java […]
Posted Date 6月 23rd, 2018
Category in Basic, JavaScript
[node.js expressの開発環境を整える]node.js expressのコード修正時のサーバー再起動を自動化する
いちいち再起動するのめんどくさいですね。。。なんかいいのあるかな？nodemonhttp://nodemon.io/多い感じ！でもブラウザ同期まではしてくれないみたいですね。。できればbrowser-syncにみたいにし […]
Posted Date 5月 19th, 2018
Category in Node.js
IntelliJ + node.js環境構築でハマる。.use()が補完されない
事象.useとか.getとかが参照できず警告を表す下線が出現する。npm installとかはしたのだが、、むむ。express().use(express.static(path.join(__dirname, ‘pu […]
Posted Date 5月 14th, 2018
Category in IDE, IntelliJ, JavaScript, Node.js, はまった所
npm + gulp + webpack + vue.jsがこんがらがってきた件。
図にしておく。glupはいらない子になるかも。sassもwebpackがなんとかしてくれそう。
Posted Date 3月 17th, 2018
Category in JavaScript, npm, webpack, 未分類
webpark入門 第二話「cssとimage等のassets管理」
トップページのやつ見るとわかるけどwebpackはjsだけでなくcssとか画像系もマネージすることができます。cssindex.jsがハンドリングしてくれますscr/foo.cssを。いちいちhtmlに必要なファイルを書 […]
Posted Date 3月 4th, 2018
Category in JavaScript, webpack
npm 再入門
あんまりこれわかってなかったんだよねぇ。npmとは・・・JavaScript用のパッケージマネージャです。ソフトウェアのリポジトリです。パッケージを見つけていい感じに集めて組み立て、再利用ができるよ。https://ww […]
Posted Date 2月 13th, 2018
Category in npm
codepenの紹介
はじめにJavaScriptとかの簡単なコードをブラウザ上とかで簡単にやりたい、と思って探しました。https://codepen.io/主な機能HTML、CSS、JavaScriptの操作がブラウザ上で描画とかできます […]
Posted Date 2月 9th, 2018
Category in HTML, JavaScript
最近のコメント