web備忘録– category –

【Webpack】書いて覚えるWebpack.config/練習(webpackplayground) webpackの設定ってあまり書きませんよね。基盤を作った人が最初に書いて、あとはだれかがちょこっと修正して、 全体が分からないでもそれなりにどこかを見ながら、、 でも実のところこれっ...

Angular2 for TypeScriptのお勉強-sample(11)【ngIf】 チュートリアルでいうここを読んでます 気をつけること ・「*ngIf」 アスタリスクを付けること When NgIf is false, Angular physically removes the element subtree from the DOM. ・DOMはvisivilit...

Angular 2ハンズオン勉強会#2 Angular 2ハンズオン勉強会#2 運良く30人の中に入れていけることになった

【React】ブラウザ間の差異をなくすcore.jsをReact内にimportする方法〜ES6,ES7のメソッドを快適に使う〜 以前の記事でObject.assignがios8で使えなくてpolyfillを使った話をしたのですけど、 core-jsで解決できるようなので試してみた。 ES6でimportして...

Angular2 for TypeScriptのお勉強-sample(12)【ngStyleとstyle属性にbindingの違い】 チュートリアルでいうここここ読んでいます。 style属性をbindingする方法とngStyleとの違いは何なのか。 これは前回のclass属性をbindingするのとビルドインdirective...

Container#eachDecl is deprecated. Use Container#walkDecls instead. eachDeclは廃止されたので代わりにwalkDeclsを使え var opacity = function (css, opts) { css.eachDecl(function(decl) { if (decl.prop === 'opacity') { decl.parent.insertAfter(...

Angular2 for TypeScriptのお勉強-sample(11)【class,NgClassの使い方】 チュートリアルでいうここを読んでます class,NgClassの使い方 class="isSpecial" と [class.isSpecial]="isSpecial" と [ngClass]="isSpecial"の違いについて。 下の今回のコードを...

【cssnextをすぐ触りたい】2016年夏。cssnextがgulpで動かしてざっくり理解する 「cssnextとは」というのは他の良記事にお任せします。 とにかくよくわからないけど触っとこう、という説明書読まない派の為に動くものを外国の方のgithub見てこれを作りまし...

【React】React入門の方が動きを理解したい人の為の最小サンプル(Sample) 【React】React入門の方が動きを理解したい人の為の最小サンプル(Sample) こういうのあったらいいなと思って作りました「【React】React入門の方が動きを理解したい人の為の最小サ...

エンジニアにとって大事なこと 今やらなきゃいけないことと、将来に備えてやらなきゃいけないことと、過去の知識を更新しなきゃいけないことと、辛ラーメン5袋入りを買わなきゃいけないこと。 どれもエンジニアにとって大事なこと。 どれか一つ欠けてもだめ

【TypeScript】sh: tsc: command not found (npm run build時) npm run buildした際にこういうのでたら sh: tsc: command not found ▀ ╢░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ npm ERR! Darwin 14.3.0 npm ERR! ar...

Angular2 for TypeScriptのお勉強-sample(10)【NgForm and template reference variables、{{}}と[]、""の違いとか】 今日はちょっと長い。 チュートリアルでいうここを読んでます submitでわたされるのはngFormというオブジェクトみたいです。 template側...

RxJSに興奮を覚えた日 水不足も心配な日 RxJSドキュメント [理解したこと] ストリームというイベントの流れを「Observable」。 click　というユーザーのアクションをObservableというオブジェクトが返ってくるようにRx.Observable.fromEvent等に登録(第一...

Angular2 for TypeScriptのお勉強-sample(9)【inputの入力値を扱う。Referencing a template reference variable】 input値をbuttonに仕込んだイベントから参照、イベントに渡す方法です。 チュートリアルのここです。 #として設定 <input #phone place...

#!/bin/sh 意味、読み方 シェルスクリプトでよく見かける #!/bin/shの意味、読み方 読み方 シェバン、シバンと読みます。 意味 シェルスクリプトの1行目という意味です。 起動して読み込むインタプリタを指定します。

【Angular2_TypeScriptのtsconfig】error TS5023: Unknown compiler option 'moduleResolution'. とsh: browserify: command not found build時に error TS5023: Unknown compiler option 'moduleResolution'. のようなエラー出たら tsconfig.json。 modul...

【npm】npm i でpackageのバージョン指定、上げたくない時 npm i で勝手にバージョン上勝手しまうことがあります。 それは package.jsonのバージョン指定が fafafa : ^2.5.0 とかになっているからです。 この場合もし2.5.1とかバージョンが上がったら npm ...

Angular2 for TypeScriptのお勉強-sample(8)【requireTemplate and TemplateUrlの違い。moduleIdとは】 templateとtemplateUrlは知っていたのですが、 templateUrl 1、 @Component({ selector : 'fafa-faf', moduleId : module.id, templateUrl : '.app/ap...

Angular2 for TypeScriptのお勉強-sample(7)【boundとinterporation】 ここのページの「Binding syntax: An overview」を読んでいます。 []と{{}}が何をしているのか理解します。   チュートリアルでいうここです。 []=""はそのDOMが持つプロパティを...

Angular2 for TypeScriptのお勉強-sample(6)【classの置き換え,override】 classを修正するのはよくするところなのでそこらへん。 チュートリアルのここ見ながら確認 今回やっていること ・普通にclassとして要素に記述する ・それをリセットして反映させ...