by shigemk2

当面は技術的なことしか書かない

JavaScript

eslint

クウガじゃないよ。eslintのルールなど

vue.js intro

vue.js intro

export

外部ファイルで使えるようにする export constとか developer.mozilla.org

dom specification

読めればいいけど。 Document Object Model (DOM) Level 1 Specification

admin-lte

管理画面っぽい見た目の作れるテンプレート www.npmjs.com

webstorm + chrome + npm でデバッグ

npmの実行コマンドとはまた別に、JavaScriptのデバッグを用意しておく chrome のIDEエクステンションを入れておく 起動したアプリケーションのポートをエクステンションの設定に入れておく qiita.com

alt pulse

1週間に1コミットくらいなので、あんまりホットに開発されていないような OSSでこれはちょっとつらい Pulse · goatslacker/alt · GitHub

redux tutorial

Read Me · Redux Examples · Redux

npm-check-updates

ncu -u とかで、package.jsonをアップデートしてくれる。 Nodeで作ったパッケージを管理する設定ファイルがpackage.jsonで、npmで管理されている各種パッケージを一括インストールできるもの。 www.npmjs.com

gitbook autocover

GitBookのカバーを作る。。 のだけれど、悪くないけどドキュメントちゃんとしょうや。 www.npmjs.com

lodash documentation

いろいろと便利かもしれない。 ドキュメントとしては結構好き。 Lodash Documentation

angular js reference

あまりSとかQとかTとかのやつに頼りたくない AngularJS

textlintで校正

textlintで校正する。たしかにてにをはやですますの統一は気をつけないといけないです。 efcl.info github.com

node-sassのインストール中にsh node not found

github.com nodeコマンドで実行しようとしているのにnodeがないって怒られる。 > node-sass@3.13.1 install xxxxxxxxxxxxxx > node scripts/install.js sh: 1: node: not found 環境。 npm --version 3.5.2 node --version v4.2.6 cat /etc/lsb-release DIST…

JSで文字列サーチってどうやるんだったっけ

contains的なのってES6からなのね。 stackoverflow.com contains ES6限定 indexOf "検索対象".indexOf("検索文字列") !== -1 -1だったらnot found

react issue 7027

OnChange randomly misses keys on IE if typing very quickly · Issue #7027 · facebook/react · GitHub

impress.jsからPDFへの出力

なぞればいいとおもう。 github.com

preventDefault

イベントがキャンセル可能である場合、上位ノードへのイベントの 伝播 (propagation) を止めずに、そのイベントをキャンセルします。 リンクの遷移とか、テキスト入力とか、そういうやつを止める(可能であるなら) developer.mozilla.org

ECONFLICT Unable to find suitable version for angular

github.com angular関係でちゃんとバージョンを指定していなかったら怒られるパターン。 怒られるパターン。 { "name": "project", "version": "0.0.1", "devDependencies": { "angular": "~1.2.0-rc.2", "angular-mocks": "~1.2.0-rc.2", "bootstrap": "~2.…

localforageとは

localForage is a fast and simple storage library for JavaScript. その場でエイヤッて感じで溜め込むならば、RedisとかMongoとか使わなくてもいいかもしれません。オフラインでストレージを使いたいとか。あと、簡単に使いたいとかそういった理由でIndexe…

JavaScriptのbootstrap

react-bootstrapなるものがあるので、単体で使いたい時など。なにげにjQueryが必要だったりする。 getbootstrap.com getbootstrap.com jquery.com

babel-polyfillとは

babelでpromiseをやる。babel-runtimeが必要。 yutapon.hatenablog.com

halogen ローディング中のぐるぐるをReactで表現するアレ

やるのは一瞬ですけども、gulp設定とかpackage.jsonの作り方とか思い出すのに時間を食いました。 github.com github.com

調べ物 power-assert

わかったこと power-assertはわりとシンプルなテストライブラリ testemと組み合わせるとテスト結果がブラウザで動的に確認出来る ちょっといじっただけだけど、store/actionまわりならReactと組み合わせることも出来る github.com 5minで分かるpower-assert …

JavaScriptのparseIntの微妙にワンダーな挙動

developer.mozilla.org console.log(parseInt("04")); // 4 少しだけワンダーな挙動。 第1引数のstringが「0」で始まるときは、第2引数のradixは8(8進法)または10(10進法)とされます。厳密には、基数がどちらになるかは実装によります。ECMAScript 5 の仕様…

なんとなくの資料

JavaScriptの闇 from Takeshi Nishikawa www.slideshare.net OSS のモダンブラウザがサポートしているスクリプト言語の種類について調査した - co3k.org

JavaScript sort

teamtreehouse.com kimizuka.hatenablog.com いろいろ調べましたけども、結局これに行き着くんですね。 developer.mozilla.org ソート順を定義する関数を指定します。省略された場合、配列は各要素の文字列比較に基づき辞書順にソートされます こういう書き…

Reactのconstructorについて

facebook.github.io stackoverflow.com こちらと class MyComponent extends React.Component { constructor(props) { super(props); this.state = { /* initial state */ }; } } こちらは、 var MyComponent = React.createClass({ getInitialState() { ret…

Electronからブログを書いてみるテスト

loadURLを変えるだけ。 'use strict'; const electron = require('electron'); const app = electron.app; // Module to control application life. const BrowserWindow = electron.BrowserWindow; // Module to create native browser window. // Keep a g…

Electronからブログを書いてみるテスト

loadURLを変えるだけ。ちょっとまって。 'use strict'; const electron = require('electron'); const app = electron.app; // Module to control application life. const BrowserWindow = electron.BrowserWindow; // Module to create native browser win…