Web技術– tag –

【SCSS】SVGを背景画像(utf8)とする場合のSCSS記述

【sketch】勝手にダウンロードしてって！ハート型のSVG図形が欲しくて作った無料アイコン素材 ※素材はこのページの一番下です。 今お世話になっているところでお気に入りのアイコンが画像で、色が変わるたびにその色の画像を配置して、レンダリングの際に...

【Webpack3】解決。ERROR in ./node_modules/forever-agent/index.js 画像のようにモジュールが解決されない。。場合、 Module not found: Error: Can't resolve 'net' in Module not found: Error: Can't resolve 'tls' in とかなっているやつを webpack....

【VisualBox】意外と簡単だった。。MacでWindows7(IE)の表示確認するための環境を整える4つの手順 PCページ作る案件でIEを見なくては行けなくなりました。なので環境を整えたいと思い、意気込んでいたら結構簡単でしたので 「【VisualBox】意外と簡単だっ...

【React/webpack/babel-loader】もし「Error: Cannot define 'query' and multiple loaders in loaders list」で「 if(!element.loader || element.loader.indexOf("!") >= 0) throw new Error("Cannot define 'query' and multiple loaders in loaders li...

【JsonServerとDHC】PromiseやAsync/Await書く人の為の「非同期処理のサンドボックス」作った 目的 ・機能を実装する際非同期処理が欠かせない環境になってきた ・ローカルサーバー立ててやる環境で練習できないものかと考えた ・PromiseやAsync/Awaitやge...

わたしもみている| Immutable Javascript using ES6 and beyond(Array) 前回はここのObjectまで読みました。 今回はArray immutableなArray。 非破壊メソッドを使おう pushの代わりに、 Spread Operator [code language="javascript"] let characters = ['...

Chrome (DeveloperTools)デベロッパーツールでJavaScript実行時エラー、処理を止めないようにブレイクポイント(使い方)編集、それをローカル保存する方法 実際にデバッグを覚えたい方への記事です。 こちらを使って。 環境 Mac、chromeです。 モチベーショ...

【Firebase】firebase init をしたら「Command requires authentication, please run firebase login」 そこに書いてある通りのコマンドを実行してください firebase login Allow Firebase to collect anonymous CLI usage information? Firebaseに匿名CLI...

【Scss】こんなんあったんだね「sassmeister」で一通りScss構文書いてみる いままでplaygroundは自分の環境でgulp走らせて試していた。(cssnextの台頭で頑張っているのかしら) 一通りscss関数書いてみる Play with this gist on SassMeister. 【Scss】こん...

【JavaScript】HistoryAPI(PushStateの使い方)demoあり ちゃんと勉強する。作る。 demo ドキュメント window.onpopstate　が呼ばれたらeventがstateを持っているかどうかを判定して、 持っていなかったらdefaultのコンテンツ 持っていたらそのコンテンツを...

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

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

【React × ECMAScript2015】Object.assign,Array.includesがiOS8.1.1、Androidで使えない！ES6(ECMAScript2015)でのpolyfillの意味と使い方 今日Reactでmodalを作っているとsetStateする値をオブジェクトそのままで保持しておく必要があって、さらにもし他...

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入門の方が動きを理解したい人の為の最小サ...

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

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

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