フロントエンドエンジニア– tag –
-
【解決】意外と記事がない! styled-component-TypeScript-react-create-app(CRA)でreset-css(リセットCSS)
【解決】意外と記事がない! styled-component-TypeScript-react-create-app(CRA)でreset-css(リセットCSS) まずは、 わたしについて 本題。 意外と記事がなかったのでreset-cssを設定する方法を書きました。 適時最適化してくださいませ いかがでしょうか ... -
styled-componentsの使い方
styled-componentsの使い方 現場によってstyled-componentsを使わないところが多くて、 自分自身離れているから 今はclassessという普通のcssでやっている... 個人的にはstyled-components(CSS in JS)がいいと思っている... ちなみにこの記事は絵を見せた... -
【CSS】いつも忘れる。。背景画像をレスポンシブ(可変)に対応させる4つの方法
【CSS】いつも忘れる。。背景画像をレスポンシブ(可変)に対応させる4つの方法 最近ファーストビューをいかにストレスなく表示させるかというのをやっています。 多くの場合、画像はリクエストの優先順が下がり、最後に読み込まれると思いますが、 その際問... -
【TypeScript/JavaScript】__extendsやnew __()は何をやっているか(What is __extends and new __ () doing?)
【TypeScript/JavaScript】__extendsやnew __()は何をやっているか(What is __extends and new __ () doing?) TypeScriptでスーパークラスを継承した場合、書き出されるjsの中に_extends()という箇所があります。 これが何をしているのかわかり易いgitBook... -
【React】getElementsByClass[Tag]NameでReact.renderする
getElementsByClass[Tag]NameでReact.renderする.js 何をいっているかというと、 本来、 React.render(, document.getElementById("hoge")); でレンダーするのですが、(14.0以上はReactDOM.render) これを諸事情で、getElmentsByClassNameとして渡したい。... -
自分のWebサイトを持ちたいお店などをやられている吉本芸人の方ご連絡ください。
自分のWebサイトを持ちたい吉本芸人の方ご連絡ください。 WordPressでお作りします。 先輩に多いのですが、個人でお店をやられていて、どこかのブログ内でお知らせをしているケースがあると思いますが、 サイトを作って集客してみましょう。 お前誰やねん ... -
【JavaScript】JavaScript問題集に追加しました。
【JavaScript】JavaScript問題集に追加しました。 こちらの記事も更新しました。 追加したいくつか。 問 location.href'で返す文字の最後が'/'かどうかを判定する関数を定義してください。 答えはこちらの問276のとこ 問 こちら、 [code language="javascr... -
わたしもみている| Immutable Javascript using ES6 and beyond(Array)
わたしもみている| Immutable Javascript using ES6 and beyond(Array) 前回はここのObjectまで読みました。 今回はArray immutableなArray。 非破壊メソッドを使おう pushの代わりに、 Spread Operator [code language="javascript"] let characters = ['... -
Chrome (DeveloperTools)デベロッパーツールでJavaScript実行時エラー、処理を止めないようにブレイクポイント(使い方)編集、それをローカル保存する方法
Chrome (DeveloperTools)デベロッパーツールでJavaScript実行時エラー、処理を止めないようにブレイクポイント(使い方)編集、それをローカル保存する方法 実際にデバッグを覚えたい方への記事です。 こちらを使って。 環境 Mac、chromeです。 モチベーショ... -
【React】子供のメソッドを親から呼びたい!!ref/refs使ったら「Uncaught Invariant Violation: addComponentAsRefTo(…): Only a ReactOwner can have refs. You might be adding a ref to a component that was not created inside a component’s `render` method, or you have multiple copies of React loaded」
【React】子供のメソッドを親から呼びたい!!ref/refs使ったら「Uncaught Invariant Violation: addComponentAsRefTo(...): Only a ReactOwner can have refs. You might be adding a ref to a component that was not created inside a component's `rende... -
【Aurelia】ドキュメントのTodoアプリをなぞったけど
【Aurelia】ドキュメントのTodoアプリをなぞったけど ざわざわしているようなのでこういうトラブルありましたが できました。 ここ どのフレームワークもそうなのですが、 ここからですよね笑 データをどこが持つかどうやって渡すかどうやって更新するか、... -
【React】以前の「REACT × FLUX × ES6 LINE風チャット」を修正しました。
【React】以前REACT × FLUX × ES6 LINE風チャットを修正しました。 こちらなのですが、動かないとのご指摘を受けて、修正しました。 修正内容 https://github.com/kenmori/React-ES6-Flux-Playground/pull/75/commits/f1b343b6797ced8f43f7c5fef01fc50ce16... -
【React】React15.3.0からfindDOMがReactから切り離されたのでこのようなエラー出た場合「Uncaught TypeError: _react2.default.findDOMNode is not a function」
【React】React15.3.0からfindDOMがReactから切り離されたのでこのようなエラー出た場合「Uncaught TypeError: _react2.default.findDOMNode is not a function」 Reactのメソッドから切り離されたと思われるコミット https://github.com/facebook/react/p... -
【React】エラー「ReactDefaultInjection.js:53Uncaught TypeError: Cannot read property ‘toUpperCase’ of undefined」
【React】エラー「ReactDefaultInjection.js:53Uncaught TypeError: Cannot read property 'toUpperCase' of undefined」 このようなエラーがでたら。 reactの読み込んでいるバージョンが違う可能性があります。 https://github.com/reapp/reapp/issues/55... -
【Angular2】これもらって興奮する芸人はわたしぐらいかもしれない
【Angular2】これもらって興奮する芸人はわたしぐらいかもしれない Angular2ハンズオン勉強会いってきました。 終わりにこれもらいました。 チュートリアルをなぞる、てゆーものでしたが、 providerとか意味わからなかったし inputもinjectもrouterも触れ... -
【JavaScript】yahooUIのようなフリックでタブ切り替えを作ったこれをReactに置き換える話
【JavaScript】yahooUIのようなフリックでタブ切り替えを作ったこれをReactに置き換える話 1年ぐらい前に「yahooUIのようなフリックでタブ切り替え」を作ったのですが、 日の目をみることがなかったのでもう一度作り直した これ (スマホで見てください。An... -
Angular 2ハンズオン勉強会#2
Angular 2ハンズオン勉強会#2 Angular 2ハンズオン勉強会#2 運良く30人の中に入れていけることになった -
Angular2 for TypeScriptのお勉強-sample(12)【ngStyleとstyle属性にbindingの違い】
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 × ECMAScript2015】Object.assign,Array.includesがiOS8.1.1、Androidで使えない！ES6(ECMAScript2015)でのpolyfillの意味と使い方 今日Reactでmodalを作っているとsetStateする値をオブジェクトそのままで保持しておく必要があって、さらにもし他... -
Angular2 for TypeScriptのお勉強-sample(11)【class,NgClassの使い方】
Angular2 for TypeScriptのお勉強-sample(11)【class,NgClassの使い方】 チュートリアルでいうここを読んでます class,NgClassの使い方 class="isSpecial" と [class.isSpecial]="isSpecial" と [ngClass]="isSpecial"の違いについて。 下の今回のコードを...